/* CSS Document */
body
{padding:0px; margin:0 auto; background:url(../images/bg.jpg) repeat-x top left #FFFFFF;}
a
{
outline:none !important;
border:none !important;
}
h1, h2, h3, h4, h5, h6, ul, li, ol, p
{padding:0px;margin:0px;}
.clear
{clear:both;}
div#main
{width:100%; height:auto; clear:both; margin:0 auto; text-align:center;}
div#footer
{width:100%; background:url(../images/footer-bg.jpg) no-repeat top center; height:auto; clear:both; margin:0 auto; text-align:center;}
div#page
{width:1024px; height:auto; clear:both; margin:0 auto;}
div#page .header
{width:1024px; height:auto; clear:both;}
div#page .header .top
{width:1024px; height:auto; clear:both; padding-top:30px;}
div#page .header .top .summitlogo
{width:220px; height:auto; float:left; margin-left:25px;}
div#page .header .top .infralogo
{width:220px; height:auto; float:right; margin-top:12px;}
div#page .header .menu
{width:960px; height:auto; clear:both; background:url(../images/menu-bg.jpg) repeat-x top left; border-radius:6px; color:#FFFFFF;  margin-bottom:20px; text-align:left; line-height:40px; padding-left:6px;}
div#page .header .menu ul
{list-style:none;}
div#page .header .menu ul li
{font-family:Arial, Helvetica, sans-serif; font-size:13px; float:left; line-height:40px; text-align:center; text-transform:uppercase;}
div#page .header .menu ul li a
{text-decoration:none; color:#FFFFFF; padding:12px 22px; line-height:40px;}
div#page .header .menu ul li a
{ padding-right:21px \9;}
div#page .header .menu ul li a:hover
{background:#5285c8; color:#FFFFFF; }
div#page .header .menu ul li a.active
{background:#5285c8; color:#FFFFFF; }
div#page .header .bottom
{width:1024px; height:auto; clear:both; background:url(../images/header-shadow.png) top center no-repeat; padding-bottom:20px;}
div#page .header .bottom .slider
{width:960px; height:auto; clear:both; background:url(../images/image1.jpg) no-repeat;}
div#page .header .bottom .bottommenu
{width:960px; height:79px; clear:both; background:url(../images/header-menu-bg.jpg) repeat-x top left;}
div#page .header .bottom .bottommenu p
{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#555555; line-height:16px; text-transform:uppercase; padding-top:25px; padding-bottom:25px;}
div#page .header .bottom .bottommenu p img
{padding-right:12px;}
div#page .header .bottom .bottommenu p a
{color:#555555; text-decoration:none;}
div#page .mid
{width:1024px; height:auto; clear:both; margin-bottom:20px;}
div#page .mid h6
{font-family: 'ubunturegular'; font-size:18px; font-style:italic; color:#464646; font-weight:normal; line-height:28px; padding-left:30px; padding-right:20px; text-align:left;}
div#page .mid h5
{font-family: 'ubunturegular'; margin-top:10px; margin-bottom:15px; font-size:18px; font-style:italic; color:#d80101; font-weight:normal; line-height:28px; padding-right:40px; text-align:right;}
div#page .mid h5 img
{padding-right:10px;}
div#page .mid .mid-content
{width:960px; height:auto; clear:both; margin-left:32px; margin-right:32px; background:url(../images/line-shadow.png) top center no-repeat; padding-top:30px;}
div#page .mid .mid-content .centent
{width:253px; height:auto; float:left;}
div#page .mid .mid-content .centent h3
{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#094aa1; font-weight:normal; padding-bottom:15px; text-align:left;}
div#page .mid .mid-content .centent h4
{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#6a6a6a; line-height:24px; font-weight:normal; text-align:left;}
div#page .mid .mid-content .divider
{width:100px; height:auto; float:left;}
div#footer .footer-main
{width:1024px; height:auto; clear:both; margin:0 auto;}
div#footer .footer-main1
{width:940px; height:auto; clear:both; padding-top:55px; text-align:left; padding-left:20px; margin-left:32px; margin-right:32px;}
div#footer .footer-main1 p
{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; text-align:left; padding-bottom:4px; padding-top:5px;}
div#footer .footer-main1 a
{color:#FFFFFF; text-decoration:none;}
div#footer .footer-main1 a:hover
{color:#FFFFFF; text-decoration:underline;}
div#footer .footer-main1 .form
{width:880px; height:auto; border-radius:8px; background-color:#3c6497; margin-top:6px; margin-bottom:6px; padding:10px;}
div#footer .footer-main1 .form .input
{width:330px; height:20px; background-color:#eeeeee; border-radius:4px; color:#434242; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-style:italic; border:none; padding:8px; margin-top:3px;}

/*iner style*/
div#page .header .bottom1
{width:1024px; height:250px; clear:both; padding-bottom:15px;}
div#page .header .bottom1 .iner-headers
{width:1024px; height:auto; clear:both;}
div#page .header .bottom1 .bottommenu1
{width:962px; height:78px; clear:both; background:url(../images/header-menu-bg.jpg) repeat-x top left; position:relative; bottom:98px;}
div#page .header .bottom1 .bottommenu1 p
{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#555555; line-height:16px; text-transform:uppercase; padding-top:25px; padding-bottom:25px;}
div#page .header .bottom1 .bottommenu1 p img
{padding-right:15px;}
div#page .header .bottom1 .bottommenu1 p a
{color:#555555; text-decoration:none;}
/*div#page .header .bottom2
{width:1024px; height:auto; clear:both; background:url(../images/iner-header-shadow.png) bottom center no-repeat;}*/
div#page .header .bottom2 .iner-headers
{width:960px; height:auto; clear:both;}
/*div#page .header .bottom2 .bottommenu1
{width:960px; height:78px; clear:both; background:url(../images/header-menu-bg.jpg) repeat-x top left;}*/
div#page .header .bottom2 .bottommenu1 p
{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#555555; line-height:16px; text-transform:uppercase; padding-top:25px; padding-bottom:25px;}
div#page .header .bottom2 .bottommenu1 p img
{padding-right:15px;}
div#page .header .bottom2 .bottommenu1 p a
{color:#555555; text-decoration:none;}
div#page .mid-iner1
{width:1024px; height:auto; clear:both;}
div#page .mid-iner
{width:1024px; height:auto; clear:both; margin-bottom:20px;}
div#page .mid-iner h2
{font-family: 'ubunturegular'; font-size:24px; font-style:italic; color:#2e60a1; font-weight:normal; text-align:left; margin-left:32px;}
div#page .mid-iner .content-area
{width:960px; height:auto; clear:both; margin-left:32px; margin-right:32px; background:url(../images/line-shadow.png) top center no-repeat; margin-top:10px;}
div#page .mid-iner .content-area h4
{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#004f7c; font-weight:normal; padding-top:16px;}
div#page .mid-iner .content-area h3
{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#004f7c; font-weight:normal; text-align:left; padding-top:10px; padding-bottom:10px; border-bottom:#cccccc 1px dashed; margin-bottom:10px;}
div#page .mid-iner .content-area p
{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#717171;}
div#page .mid-iner .content-area ol
{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#004f7c; font-weight:normal; margin-left:20px;}
div#page .mid-iner .content-area ol li ul
{padding-top:4px;}
div#page .mid-iner .content-area ol ul li
{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#717171; font-weight:normal; line-height:22px; list-style:none; list-style-image:url(../images/bullet.png); list-style-position:inside; text-align:left;}
div#page .mid-iner .contact-us
{width:960px; height:auto; clear:both; margin-left:32px; margin-right:32px; margin-top:10px;}
div#page .mid-iner .contact-us .map
{width:630px; height:480px; float:left; text-align:left; background:url(../images/contact-map.jpg) no-repeat center center; }
div#page .mid-iner .contact-us .map .dots-main
{width:630px; height:auto; clear:both; position:relative;}
div#page .mid-iner .contact-us .map .dots-main .dot
{width:13px; height:26px; float:left; position:absolute;}
div#page .mid-iner .contact-us .address
{width:300px; height:auto; float:right; margin-left:30px; text-align:left;}
div#page .mid-iner .contact-us .address a
{color:#464646; text-decoration:none;}
div#page .mid-iner .contact-us .google-map
{width:300px; height:auto; float:right; text-align:left; background:#e2e2e2; text-align:center; padding-top:4px; padding-bottom:4px; margin-top:15px;}
div#page .mid-iner .contact-us .address h3
{font-family: 'ubunturegular'; font-size:24px; text-transform:uppercase; color:#2e60a1; font-weight:normal;}
div#page .mid-iner .contact-us .address p
{font-family: 'ubunturegular'; font-size:15px; color:#464646; line-height:22px;}
div#page .mid-iner .contact-us .address p span
{font-family: 'ubunturegular'; font-size:13px; color:#464646; line-height:17px;}
div#page .mid-iner1 .assets
{width:960px; height:auto; clear:both; margin-left:32px; margin-right:32px;}
div#page .mid-iner1 .assets h2
{font-family: 'ubunturegular'; font-size:24px; font-style:italic; color:#2e60a1; font-weight:normal; text-align:left; padding-top:10px; padding-bottom:10px;}
div#page .mid-iner1 .assets .left
{width:735px; height:auto; float:right; position:relative; text-align:left; }
div#page .mid-iner1 .assets .left .products
{width:203px; float:left; height:auto; margin-right:42px;  background-color:#FFFFFF; position:relative;   }
div#page .mid-iner1 .assets .left .products .label
{width:87px; height:84px; float:left; position:absolute; z-index:100; left:138px; top:-10px;}
div#page .mid-iner1 .assets .left .products .images
{width:189px; height:144px; clear:both; margin-left:10px; margin-top:3px; }
div#page .mid-iner1 .assets .left .products h3
{font-family:'MyriadProCondensed'; font-size:19px; text-align:left; color:#2e60a1; font-weight:normal; padding-left:9px; margin-top:8px;}
div#page .mid-iner1 .assets .left .products p
{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#707070; padding-left:10px; line-height:18px; padding-right:7px; padding-top:3px;}
div#page .mid-iner1 .assets .left .products h4
{font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; color:#707070; padding-left:10px; line-height:16px; padding-right:7px; font-weight:normal; padding-top:7px;}
div#page .mid-iner1 .assets .left .products h4 b
{font-family:Arial, Helvetica, sans-serif; font-size:15px; text-align:left; color:#228281; line-height:16px;}
div#page .mid-iner1 .assets .left .products h5
{font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; color:#fe6847; font-style:italic; margin-left:10px; padding-left:10px; margin-top:8px; margin-bottom:10px; padding-right:7px; font-weight:normal; background:url(../images/arrow.png) no-repeat left center;}
div#page .mid-iner1 .assets .right
{width:210px; height:auto; float:left; text-align:left; position:relative; padding-top:10px; padding-left:5px;}
div#page .mid-iner1 .assets .right ul
{list-style:none;}
div#page .mid-iner1 .assets .right ul li
{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:28px; padding-left:5px; margin-left:5px;}
div#page .mid-iner1 .assets .right ul li ul li
{padding:0px; margin:0px; width:180px; padding:5px; height:auto; border:#CCCCCC 1px solid; list-style-image:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#626262; line-height:18px; text-align:left; margin-bottom:8px; margin-left:10px;}
div#page .mid-iner1 .assets .right ul li a
{text-decoration:none; color:#626262;}
div#page .mid-iner1 .assets .right ul li a:hover
{text-decoration:none; color:#626262;}
div#page .mid-iner .under-cons
{width:1024px; height:100px; clear:both;}
div#page .mid-iner .under-cons h4
{line-height:100px; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal;}

.pop_top{height:10px; width:481px; background-image:url('../images/popup-top.jpg')}
/*career page*/
.arrowlistmenu{
width: 940px; /*width of accordion menu*/
text-align:left;
padding-top:25px;
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 15px Arial, Helvetica, sans-serif;
color: #004f7c;
text-transform: uppercase;
padding: 15px 0 15px 5px; /*header text is indented 10px*/
cursor: pointer;
background:url(../images/hor-line.png) center top no-repeat;
}
.arrowlistmenu .menuheader span{ /*CSS class for menu headers in general (expanding or not!)*/
font: 12px Arial, Helvetica, sans-serif;
color: #717171;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 0px 0 0px 5px; /*header text is indented 10px*/
cursor: pointer;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
font: 14px Arial, Helvetica, sans-serif;
color: #717171;
line-height:20px;
}
.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}
.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}
.arrowlistmenu a
{
color:#717171;
}


/*sliding menu assets page */
.urbangreymenu{
width: 210px; /*width of menu*/
}
.urbangreymenu .headerbar{
font: 12px Arial, Helvetica, sans-serif;
color: #626262;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
padding: 7px 0 7px 10px; /*31px is left indentation of header text*/
background:url(../images/arrow-1.png) no-repeat left center;
}
.urbangreymenu .headerbar a{
text-decoration: none;
color: #626262;
display: block;
}
.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
margin-bottom:5px;
background:url(../images/arrow.png) no-repeat left center;
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
display: block;
padding: 3px 0;
line-height: 14px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color: #626262;
text-decoration:none;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #626262;
text-decoration:none;
}
 .labe5
{
position:absolute;
width:auto;
height:auto;
z-index:1000;
text-shadow:#000000 3px 3px;
text-align:center;
left:18px;
top:-8px;
}




