body{margin:0; padding:0; background:#FFF url(../images/background.jpg) 0 0 repeat-x; font-family:"Trebuchet MS", sans-serif; font-size:12px; color:#404040;}

*{margin:0; padding:0;}
ul{list-style-type:none;}

img{border:none;}

.left{float:left}
.right{float:right}
.clear{clear:both; margin:0; height:0}
.red{color:#ff0000}

.skytext{font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#03a2de; font-weight:bold}
p a{color:#03a2de; text-decoration:none}
p a:hover{color:#7e7e7e;}

h1, h2, h3{height:16px; margin-bottom:5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#636262; padding:0 0 0 14px;}

h3{font-size:13px; color:#7e7e7e;}

h4{color:#016CA4; padding:0 0 0 14px; font-size:16px; margin-bottom:10px}

#mainwrapper{width:963px; margin:0 auto; }

#header{width:963px; height:100px; margin:0 auto; }

#logo{float:left; margin:10px 0 0 18px}

.registar{float:right; margin:39px 15px 0 0;}
.registar img{float:left; margin-right:7px}
.registar p{float:left; line-height:32px; font-size:15px}


.navigration{width:963px; height:56px; margin:0 auto; margin-bottom:8px}

/*manu*/

#manu{width:680px; height:44px; float:left; margin:7px 0 0 4px;}


#nav{width:680px; overflow:hidden;margin:0;padding:0;}
#nav ul { width:680px; margin:0 auto; height:44px;}
#nav li { float:left; display:block; height:44px; }
#nav li a{text-indent:-20000px; height:44px; display:block;}

#nav ul li.home a{background:url(../images/btn_1.jpg) 0 0 no-repeat; width:64px;}
#nav ul li.home a:hover {background:url(../images/btn_1.jpg) no-repeat 0 -44px;}

#nav ul li.company a{background:url(../images/btn_2.jpg) 0 0 no-repeat; width:103px;}
#nav ul li.company a:hover {background:url(../images/btn_2.jpg) no-repeat 0 -44px;}

#nav ul li.services a{background:url(../images/btn_3.jpg) 0 0 no-repeat; width:107px;}
#nav ul li.services a:hover {background:url(../images/btn_3.jpg) no-repeat 0 -44px;}

#nav ul li.clients a{background:url(../images/btn_4.jpg) 0 0 no-repeat; width:96px;}
#nav ul li.clients a:hover {background:url(../images/btn_4.jpg) no-repeat 0 -44px;}

#nav ul li.network a{background:url(../images/btn_5.jpg) 0 0 no-repeat; width:104px;}
#nav ul li.network a:hover {background:url(../images/btn_5.jpg) no-repeat 0 -44px;}

#nav ul li.career a{background:url(../images/btn_6.jpg) 0 0 no-repeat; width:91px;}
#nav ul li.career a:hover {background:url(../images/btn_6.jpg) no-repeat 0 -44px;}

#nav ul li.contact a{background:url(../images/btn_7.jpg) 0 0 no-repeat; width:115px;}
#nav ul li.contact a:hover {background:url(../images/btn_7.jpg) no-repeat 0 -44px;}



.homeactive {background:url(../images/btn_1.jpg) no-repeat 0 -44px;width:64px;}
.companyactive {background:url(../images/btn_2.jpg) no-repeat 0 -44px;width:103px;}
.servicesactive {background:url(../images/btn_3.jpg) no-repeat 0 -44px;width:107px;}
.clientsactive {background:url(../images/btn_4.jpg) no-repeat 0 -44px;width:96px;}
.networkactive {background:url(../images/btn_5.jpg) no-repeat 0 -44px;width:104px;}
.careeractive {background:url(../images/btn_6.jpg) no-repeat 0 -44px;width:91px;}
.contactactive {background:url(../images/btn_7.jpg) no-repeat 0 -44px;width:115px;}

/*end of manu*/



.socialmedia{width:207px; height:44px; background:url(../images/b_twitter.jpg) 0 0 no-repeat; float:right; padding:17px 0 0 72px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:bold}
.socialmedia p{float:left; margin-right:10px; line-height:24px}
.socialmedia p a{color:#fff}
.socialmedia img{float:left; margin-right:3px;}


.slideshow{width:962px;  margin:0 auto; position:relative; margin-bottom:20px}

.innerslideshow{width:961px; height:265px; margin:0 auto; margin-bottom:24px}


.servicespart{width:954px; margin:0 auto; margin-bottom:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; }

.heading{height:41px; margin:0 auto; width:954px; margin-bottom:7px}
.heading .leftcorner{float:left; width:9px; background:url(../images/img_serleftcor.gif) 0 0 no-repeat; height:39px}
.heading .middle{float:left; background:url(../images/b_homeservice.gif) 0 0 repeat-x; width:936px; height:32px; text-align:center; font-size:18px; color:#000; padding-top:7px;}
.heading .rightcorner{float:left; width:9px; background:url(../images/img_serrightcor.gif) 0 0 no-repeat; height:39px}


.greenservices{width:307px; float:left; margin-right:17px;}

.greenservices ul { width:307px; margin:0 auto;}
.greenservices li { display:block; height:55px;  width:307px; margin-bottom:7px; }
.greenservices li a{text-indent:-20000px; height:55px; display:block; width:307px;}

.greenservices ul li.gservices1 a{background:url(../images/btngree1.gif) 0 0 no-repeat;}
.greenservices ul li.gservices1 a:hover {background:url(../images/btngree1.gif) no-repeat -307px 0;}

.greenservices ul li.gservices2 a{background:url(../images/btngree2.gif) 0 0 no-repeat;}
.greenservices ul li.gservices2 a:hover {background:url(../images/btngree2.gif) no-repeat -307px 0;}

.greenservices ul li.gservices3 a{background:url(../images/btngree3.gif) 0 0 no-repeat;}
.greenservices ul li.gservices3 a:hover {background:url(../images/btngree3.gif) no-repeat -307px 0;}

.greenservices ul li.gservices4 a{background:url(../images/btngree4.gif) 0 0 no-repeat;}
.greenservices ul li.gservices4 a:hover{background:url(../images/btngree4.gif) no-repeat -307px 0;}


.blueservices{width:307px; float:left; margin-right:16px;}
.blueservices ul { width:307px; margin:0 auto;}
.blueservices li { display:block; height:55px;  width:307px; margin-bottom:7px; }
.blueservices li a{text-indent:-20000px; height:55px; display:block; width:307px;}

.blueservices ul li.bservices1 a{background:url(../images/btnblue1.gif) 0 0 no-repeat;}
.blueservices ul li.bservices1 a:hover {background:url(../images/btnblue1.gif) no-repeat -307px 0;}

.blueservices ul li.bservices2 a{background:url(../images/btnblue2.gif) 0 0 no-repeat;}
.blueservices ul li.bservices2 a:hover {background:url(../images/btnblue2.gif) no-repeat -307px 0;}

.blueservices ul li.bservices3 a{background:url(../images/btnblue3.gif) 0 0 no-repeat;}
.blueservices ul li.bservices3 a:hover {background:url(../images/btnblue3.gif) no-repeat -307px 0;}

.blueservices ul li.bservices4 a{background:url(../images/btnblue4.gif) 0 0 no-repeat;}
.blueservices ul li.bservices4 a:hover{background:url(../images/btnblue4.gif) no-repeat -307px 0;}


.greyservices{width:307px; float:left; margin-right:0;}
.greyservices ul { width:307px; margin:0 auto;}
.greyservices li { display:block; height:55px;  width:307px; margin-bottom:7px; }
.greyservices li a{text-indent:-20000px; height:55px; display:block; width:307px;}

.greyservices ul li.grservices1 a{background:url(../images/btngrey1.gif) 0 0 no-repeat;}
.greyservices ul li.grservices1 a:hover {background:url(../images/btngrey1.gif) no-repeat -307px 0;}

.greyservices ul li.grservices2 a{background:url(../images/btngrey2.gif) 0 0 no-repeat;}
.greyservices ul li.grservices2 a:hover {background:url(../images/btngrey2.gif) no-repeat -307px 0;}

.greyservices ul li.grservices3 a{background:url(../images/btngrey3.gif) 0 0 no-repeat;}
.greyservices ul li.grservices3 a:hover {background:url(../images/btngrey3.gif) no-repeat -307px 0;}

.greyservices ul li.grservices4 a{background:url(../images/btngrey4.gif) 0 0 no-repeat;}
.greyservices ul li.grservices4 a:hover{background:url(../images/btngrey4.gif) no-repeat -307px 0;}


#contentpart{width:962px; margin:0 auto; margin-bottom:15px;}
.leftpart{width:698px; float:left; margin-bottom:15px}
.welcome{width:698px; min-height:330px; height:auto;  border:#d4d6d5 1px solid; float:left; background:url(../images/b_leftpart.jpg) left bottom repeat-x}
.welcome h1{height:26px; width:683px; display:block; background:url(../images/b_h_welcome.jpg) 0 0 repeat-x; border-bottom:#d4d6d5 1px solid; padding:13px 0 0 15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#016ca4;}
.welcome h1 span{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#016ca4;}
.welcome p{margin:14px 0 0 15px; width:670px; line-height:18px}
.welcome p a{font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#03a2de; text-decoration:none; font-weight:normal}
.welcome p a:hover{color:#000}

.welcome ul{margin-left:20px; margin-top:10px; width:670px}
.welcome ul li{font:11px/16px Tahoma, sans-serif; background:url(../images/arrow2.gif) 0 7px no-repeat; padding-left:12px; margin-bottom:4px}
.welcome ul li a{color:#22454d; text-decoration:none;}
.welcome ul li a:hover{color:#22454d; text-decoration:underline;}

.welcome ul.logoname{width:200px; float:left; margin-right:10px; margin-bottom:10px}
.welcome ul.logoname li{font:11px/16px Tahoma, sans-serif; background:url(../images/arrow2.gif) 0 7px no-repeat; padding-left:12px; margin-bottom:4px}
.welcome ul.logoname li a{color:#22454d; text-decoration:none;}
.welcome ul.logoname li a:hover{color:#22454d; text-decoration:underline;}


.welcome .clientlogo{padding-left:10px; padding-top:10px;}
.welcome .clientlogo img{margin-right:9px;}

.welcome .leftside{float:left; padding:5px; margin-left:15px}
.welcome .leftside h2{margin-bottom:10px}
.welcome .rightside{width:339px; float:right}


.servicescontent{width:683px; min-height:320px; height:auto;  border:#d4d6d5 1px solid; float:left; background:url(../images/b_leftpart.jpg) left bottom repeat-x;}
.servicescontent h1{height:32px; width:669px; display:block; background:url(../images/b_h_welcome.jpg) 0 0 repeat-x; border-bottom:#d4d6d5 1px solid; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#016ca4; padding-top:7px;}
.inservicescontent {padding:5px 0 0 10px;}

.rightpart{width:253px; float:right}

.sponsers{width:951px; margin:0 auto; margin:0 -1px 15px 0}
.sponsers h2{height:13px; display:block; margin-bottom:5px; }
.sponsers .scroller{margin:0 auto; height:75px;}

#footer{height:95px; background:url(../images/b_footer.jpg) 0 0 repeat-x}
#infooter{width:963px; height:95px; margin:0 auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#e6e6e6; padding:18px 0 0 5px}
#infooter a{color:#e6e6e6; text-decoration:none}
#infooter a:hover{color:#fff}
#infooter p.copyright{font-size:10px}

/*accordian*/
.menu_list {	
	width: 660px;
}
.menu_head {
    padding: 10px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
    font-weight:bold;
    background:url(../images/left.png) center right no-repeat;
	border-bottom:#e1e1e1 1px solid;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.menu_body {
	display:none;
}

.menu_body a{
  display:block;
  color:#7e7e7e;
  background-color:#fff;
  font-weight:normal;
  text-decoration:none;
  padding:10px 0 10px 10px;
}
.menu_body a:hover{
  color: #7e7e7e;
  text-decoration:none;
  }

/*form*/

.form { float:left; width:550px; margin:15px 15px; padding:0; background:#f7f7f7; border:1px solid #ececec;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#747474; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:420px; border:1px solid #ececec; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:420px; border:1px solid #ececec; margin:10px 0; padding:2px; background:#fff; height:150px;}
#contactform li.buttons input { width:127px; height:32px; display:block; padding:3px 0; margin:0 0 0 400px; border:0; color:#FFF;}


.visionstatement {
	border:1px solid #d6d6d6;
	background:#efefef url(../images/b_tabs.jpg) 0 0 repeat-x;
	padding:8px;
	margin-bottom:10px;
}

.visionstatement h2{height:26px; font-weight:bold; background:url(../images/b_h_welcome.jpg) 0 0 repeat-x; padding-top:9px; color:#016CA4; border:#d4d6d5 1px solid;}

.visionstatementtext {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #d5d5d5; 
	text-align:justify
	
} 
.visionstatementtext ul{margin-top:5px; width:212px}
.visionstatementtext ul li{font:11px/16px Tahoma, sans-serif; background:url(../images/arrow2.gif) 0 7px no-repeat; padding-left:12px; margin-bottom:4px}
.visionstatementtext ul li a{color:#22454d; text-decoration:none;}
.visionstatementtext ul li a:hover{color:#22454d; text-decoration:underline;}

.map{margin:10px 0 10px 10px;}