/* global css */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, acronym, address, em, font, img, strong, b, u, i, ol, ul, li, fieldset, form, label, select, option, input, textarea { margin:0; padding:0; border:0; outline:0; }
ol, ul { list-style:none; }
#wrapper { width:100%; }




/* header */
#header { width:100%; height:67px; padding:0; margin:0 auto 50px; clear:both; background:url("../images/basic/header_bg.jpg") top left repeat-x; margin-top:0;  position:relative; top:0px; left:0px;}
#header-wrap{width:997px; margin-left:auto; margin-right:auto; position:relative; height: 56px}
#header h1 { width:125px; height:73px; float:left; clear:none; padding:0px; top:16px; }
#header h1:hover { opacity:.80; -moz-opacity:.80; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
#header h1:active { margin:1px 0 0 0; }
#header .headerSocial { width:424px; height:24px; float:left; clear:none; padding:5px 0 0 393px; background:url("../images/basic/social_bg.gif") right no-repeat; }
#header .headerSocial li { float:left; clear:none; padding:0 10px 0 0; }
#header .headerSocial li h2 { float:left; clear:none; height:14px; padding:2px 0 0 23px; margin:0 0 0 15px; color:#979797; font-size:11px; display:inline; background:url("../images/basic/phone.gif") left top no-repeat; }
#header .headerSocial li h3 {width: 90px; float:left; clear:none; height:14px; padding:2px 0 0 11px; color:#979797; font-size:11px; background:url("../images/basic/spots.gif") left top no-repeat; }
#header .headerSocial li p a { float:left; clear:none; height:14px; padding:2px 0 0 22px; color:#979797; font-size:11px; font-weight:bold; display:block; background:url("../images/basic/face.gif") left top no-repeat; text-decoration:none; }
#header .headerSocial li p a:hover { color:#454545; }
#header .headerSocial li span a { float:left; clear:none; height:14px; padding:2px 0 0 20px; color:#979797; font-size:11px; font-weight:bold; display:block; background:url("../images/basic/twitt.gif") left top no-repeat; text-decoration:none; }
#header .headerSocial li span a:hover { color:#454545; }

#header .submenus { position: absolute; top: 34px; left:449px; background: green; width: 542px;  background: url("../images/sub-menu-background.png") repeat right top; }
/* #header .submenus > ul { margin: 0 auto; width: 900px; background: gray; display: none; } */
#header .submenus { display: none; z-index: 100; }

#drop_about { width: 410px; }

/* nav */
ul.dropdown { position: relative; height:36px; float:right; clear:none; padding:0; z-index:999; width:630px}
ul.dropdown > li { zoom: 1; height:32px;float:right;  clear:none; padding:0; margin-left:-15px; }
ul.dropdown > li > a { display:block; font-size:12px; color:#003697; text-decoration:none; }
ul.dropdown > li > a:hover, ul.dropdown li.hover { color:#666666; }
ul.dropdown > li > a:active { color:#666666; }

/* #drop_services1{ float:none; width:500px; margin: 0 auto; clear:both!important;} */
/* #drop_services{ float:none; width:800px; margin: 0 auto; clear:both!important;padding-left:25%;} */
/* ul.dropdown li:last-child a { border-bottom: none; } Doesn't work in IE */

ul.dropdown ul { width:100%; visibility: hidden; position: absolute; top:32px; left:94px; padding:5px 0 10px 0;  margin:0 auto; }
ul.dropdown ul li { display:inline; text-align:left; float:left; margin: 0 auto;  height:20px;  margin:10px; }
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{ width:auto; height:20px;  text-align:left;  display: inline-block; font-size:11px; color:#fff; text-transform:none; text-decoration:none;
 line-height:12px; padding:0; border-bottom:1px solid #585858; width:150px; text-shadow:none; }
ul.dropdown ul li a:hover { color:#FBCC15!important; text-shadow:none; border-bottom:solid 1px #FBCC15; }
ul.dropdown ul li a:active {  color:#ffffff; text-shadow:none; }
ul.dropdown li a { font-size:12px; text-shadow:none;}




.sub_menu li a { width:170px; background:none!important;}
.sub_menu ul #drop_services li a:hover {  color:#cfcfcf!important; }
.sub_menu ul #drop_services1 li a:hover {  color:#cfcfcf!important; }

.navAbout a { width:54px; height:16px; display:block; padding:8px 40px 0; font-size:12px; color:#919191; text-decoration:none; background:url("../images/nav-line.png") top left no-repeat; }
.navAbout.hover > a, .hover-about, .navAbout > a.hover,  .navAbout > a:hover { color:#666666!important; background:url("../images/about-hover.png") top left no-repeat;  }
.hover-about { color:#fff!important; background:url("../images/about-hover.png") top left no-repeat !important;  }
.navAbout_sel {color:black!important;}
.hover-about {color:white!important;}

.navPortfolio a { width:109px; height:56px; display:block; padding:17px 0 0 24px; font-size:18px; color:#919191; text-decoration:none; background:url("../images/nav-line.png") top left no-repeat; }
.navPortfolio a.hover, .navPortfolio a:hover  { color:#fff!important; background:url("../images/portfolio-hover.png") top left no-repeat; }
.navPortfolio_sel{color:black!important;}

.navServices > a {  width:35px; height:16px; display:block; padding:8px 44px 0; font-size:12px; color:#919191; text-decoration:none;  background:url("../images/basic/nav/nav-line.png") top left no-repeat; }
.navServices.hover > a, .hover-service, .navServices > a.hover, .navServices > a:hover { color:#666666 !important; background:url("../images/services-hover.png") top left no-repeat !important; }
.navServices_sel {color:black!important;}
.hover-service {color:white!important;}

.navNetwork a { width:104px; height:56px; display:block; padding:17px 0 0 24px; font-size:18px; color:#919191; text-decoration:none;  background:url("../images/nav-line.png") top left no-repeat; }
.navNetwork a.hover , .navNetwork a:hover { color:#fff!important; background:url("../images/partners-hover.png") top left no-repeat; }
.navNetwork_sel{color:black!important;}

.navBlog a { width:66px; height:56px; display:block; padding:17px 0 0 24px; font-size:18px; color:#919191; text-decoration:none;  background:url("../images/nav-line.png") top left no-repeat;}
.navBlog a.hover, .navBlog a:hover { color:#fff!important; background:url("../images/blog-hover.png") top left no-repeat; }
.navBlog_sel{color:black!important;}

.navContact a { width:115px; height:56px; display:block; padding:17px 0 0 24px; font-size:18px; color:#919191; text-decoration:none;  background:url("../images/nav-line.png") top left no-repeat; }
.navContact a.hover ,.navContact a:hover{ color:#fff!important;background:url("../images/contact-hover.png") top left no-repeat; }
.navContact_sel{color:black!important;}

.navFacebook a { width:21px; height:56px; display:block; padding:12px 0 0 24px; font-size:18px; color:#919191; text-decoration:none;  background:url("../images/nav-line.png") top left no-repeat; }
.navFacebook a.hover ,.navFacebook a:hover{ opacity:0.5; }

.navTwitter a { width:30px; height:56px; display:block; padding:14px 0 0 24px; font-size:18px; color:#919191; text-decoration:none;  }
.navTwitter a.hover ,.navTwitter a:hover{ opacity:0.5; }

.navPhone{position:absolute; top:0; right:0; width:35px; height:55px; z-index:1005;}
.navPhone:hover{width:251px; height:100px; top:0; right:0; }

.dropdown #drop_phone {position:absolute; top:56px; background:url("../images/phone-hover.png") top left no-repeat;  width:239px ; height:43px; display:block; right:14px; }
.navPhone a { width:2zpx; height:46px; display:block; padding:10px 0 0 24px; font-size:18px; color:#919191; text-decoration:none; }