body {
	font-family:arial;
	font-size: 12px;
	background: url(../images/body-bg.png) repeat-x;
	margin: 0;
	padding: 0;
	outline:none;
	color: #4a4a47;
	letter-spacing: normal;
		}

.topBarC1 {background: url(images/header.png) #660; height: 1px; overflow:hidden; padding:.2em 0; float::right;}

#top_menu { width: 216px; height: 25px; float: right; background: url(images/top_menu.png) no-repeat; margin: 0 200px 0 0;}
.top_menu_con { padding: 5px; color:#FFF; margin: 0 10px 0 20px; text-align:center; font-size:10px; font-weight:bold;}
.top_menu_con span { margin: 0 5px 0 5px;}
.top_menu_con a {text-decoration: none; color:#FFF;}
.top_menu_con a:hover {text-decoration: underline; color:#FFF;}

.logo { height: 80px; width: 254px; float: left; margin-top: 8px;}
 
 ul, ol, dl, li, dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.sitemap { 	padding-left:5px;
				margin-top: 5px;
				padding:10px 0 0 15px;
				color: #999;
				font-size: 12px;
				}
				

ul.sitemap li { margin-bottom: 10px; background:url('images/bullet_left.png') 0px 5px no-repeat; padding-left: 15px;}

ul.sitemap li a{ color:#990; font-size: 13px; letter-spacing: 1px; font-weight:bold;}

ul.sitemap ul { padding-left:5px;
				margin: 8px 0px 10px 0px;
				padding:10px 0 5px 15px;
				color: #999;
				font-size: 11px;
				}
ul.sitemap ul li a { color:#990; font-size: 12px; list-style: square;}


div.know_more { width: 137px; margin-top: 10px; height: 30px;}
div.know_more a { background:url(images/know_d.png); width: 137px; height: 30px; display:block;}
div.know_more span { display: none;}
div.know_more a:hover { background:url(images/know.png);}
	
 
div#header { background: #ffffff url(images/bg-banner-area.gif); min-height: 91px; margin: 0; padding: 0; text-align: center; clear: left; }

div#h_content { width: 950px; margin: 0 auto;}

div#banner { width: 100%; height: 250px; background:url(images/banner_bg.png) repeat-x;}

div.ban { width: 900px; height:250px; margin: 0 auto; background: url(images/ban_bg.png) repeat-x;}

div.ban img { margin: 0; padding: 0; position: static;}

div#content_wrap { width: 100%; height: auto; background: #FFF url(images/content_bg.png) repeat-x; border-top: #FFF 1px double; clear:none;}

div.content {
	width: 900px;
	/*min-height: 400px;*/
	position:inherit;
	margin: 0 auto;
	border:#ebebeb 1px solid;
	padding: 5px;
	border-bottom:none;
	padding-bottom: 60px;
	min-height: 500px;
}

/*-------------left_section-----------------*/
#left_section_home{
width:650px;
height:auto;
float: left;
}

#left_section{
width:650px;
height:auto;

}

#left_section ul
{
padding:0;
margin:10px 0 20px 5px;
list-style-type:none;
}

#left_section li
{
padding:1px 0 0 15px;
margin:4px 0 0 0;
color: #333;
font-size:100%;
line-height:150%;
background:url('images/bullet_left.png') 0 8px no-repeat;
}

.title{
font-size:18px;
font-family:"Trebuchet MS";
font-weight:bold;
font-variant:small-caps;
padding-left:2px;
padding:15px 0 0 15px;
color:#660;
}
.text_content{
	width:630px;
	color:#666666;
	margin:10px 0 0 15px;
	line-height:18px;
	text-align:justify;
	height:auto;
}
.text_content a{
text-decoration:none;
color:  #069;
font-weight: bold;
}
.text_content a:hover{
text-decoration:none;
color:#000000;
}

/*-------------right_section-----------------*/
#right_section{
width:240px;
height:auto;
float:right;
margin-left:5px;
}
.title2{
font-size:16px;
font-family:"Trebuchet MS";
padding-left:5px;
padding:15px 0 0 15px;
font-weight:bold;
color: #900;
}
.text_content2{
width:210px;
color:#666666;
margin:15px 0 0 15px;
line-height:16px;
}

.service_con{
	width:210px;
	min-height: 100px;
	color:#666666;
	line-height:16px;
	background: url(images/serv-con.png) no-repeat;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}

div.service_con ul li {	font-family:"Trebuchet MS";
						padding-left:5px;
						margin-top: 5px;
						padding:10px 0 0 15px;
						font-weight:bold;
						color: #990;}

div.service_con ul li a { color:#990; text-decoration:none;}

div.service_con ul li a:hover { color: #333; text-decoration:none;}

div.contract_box{
	width:210px;
	height: 300px;
	line-height:16px;
	background:  url(images/contract_img.png) no-repeat;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}

div.contract_box ul li {
	font-family:"Trebuchet MS";
	padding-left:10px;
	margin-top: 5px;
	padding:15px 0 0 25px;
	font-weight:bold;
	color: #333;
	background-image: url(images/action_check.png);
	background-repeat: no-repeat;
	background-position: 4px 13px;
}




/***PHOTOS***/
      img.photo {
            background-color:#F9F9F8;
            padding:6px;
            margin:5px 0;
            border:1px solid #CCCCCC;
        }

        img.photo_left {
            background-color:#F9F9F8;
            padding:6px;
            border:1px solid #CCCCCC;
            float:left;
            margin:10px 10px 5px 0;
        }
		img.photo_port {
            background-color:#F9F9F8;
            padding:6px;
            border:1px solid  #339966;
            float:left;
            margin:10px 10px 5px 0;
			}

        img.photo_right {
            background-color:#F9F9F8;
            padding:6px;
            border:1px solid #CCCCCC;
            float:right;
            margin:12px 5px 5px 14px;
        }

			#gray_box_border{
			width:480px;
			height:auto;
			background-color:#FFFFFF;
			border:1px #E4E4E4 solid;
			margin:20px 0 0 35px;
			}
			#gray_box_content{
			width:460px;
			color:#666666;
			margin:5px;
			background-color: #ebeaca;
			padding:5px;
			}
			#gray_box_content a{
			text-decoration:none;
			color:#993300;
			}

.size-up {
	font-size:15px;
	color:#0d2c3c;
}

.border-box {
	background-color: #f3f3f3;
	border:1px solid #9cb8c3;
	padding:15px;
	margin-left: 10px;
	width:450px;
	margin-bottom: 20px;
	font-family:Arial;
	font-size: 13px;
	line-height:20px;

}


/* boxes */

#boxes { margin-bottom: 46px;  width: 650px; margin-top: 30px;}

#boxes .box {
	background: url('images/box.png') no-repeat;
	width: 269px;
	height: 269px;
	float: left;
	margin-right: 14px;
	text-align: left;
}

#boxes .box h3 { text-indent: -9999px; }

#boxes .our-projects h3 {
	background: url('images/our_projects.png') no-repeat;
	width: 116px;
	height: 22px;
	margin: 24px 0 19px 26px;
	
}

#boxes .how-we-can-help h3 {
	background: url('../images/how-we-can-help.jpg') no-repeat;
	width: 131px;
	height: 21px;
	margin: 23px 0 15px 26px;
}

#boxes .scope-services h3 {
	background: url('images/scope_services.png') no-repeat;
	width: 206px;
	height: 22px;
	margin: 23px 0 20px 26px;
}

#boxes .box .box-content { padding: 20px 24px 0 24px; }

#boxes .box .box-content p {
	color: #586B79;
	line-height: 19px;
	margin-bottom: 23px;
}

#boxes .box .box-content a {
	text-decoration: none;
	color: #900;
}

#boxes .box .box-content a:hover { text-decoration: underline; }



/*---Main menu---*/
#mainnav {
  text-align: left;
  position: relative;
  top: 40px;
  left: 40px;
  float: left;
  overflow: hidden;
  width: 670px;
  height: 28px;
}

#mainnav ul li {
	float: left;
	margin-right: 5px;
}

#mainnav ul li a {
  background-image: url("images/nav.png");
  display: block;
  height: 28px;
}

#mainnav li .home {
	width: 80px;
  background-position: 2px -4px;
}

#mainnav li .home:hover {
  background-position: 2px -32px;
}

#mainnav li .about {
	width: 130px;
  background-position: -85px -4px;
}

#mainnav li .about:hover {
  background-position: -85px -32px;
}

#mainnav li .services {
	width: 110px;
  background-position: -225px -4px;
}

#mainnav li .services:hover {
  background-position: -225px -32px;
}

#mainnav li .team {
	width: 100px;
  background-position: -330px -4px;
}

#mainnav li .team:hover {
  background-position: -330px -32px;
}

#mainnav li .projects {
	width: 100px;
  background-position: -432px -4px;
}

#mainnav li .projects:hover {
  background-position: -432px -32px;
}

#mainnav li .contact {
	width: 115px;
  background-position: -535px -4px;
}

#mainnav li .contact:hover {
  background-position: -535px -32px;
}

#mainnav ul li a:hover {
}

#mainnav li span {
  display: none;
}

/*---selected---*/
#mainnav li.selected .home {
  background-position: 2px -146px;
}

#mainnav li.selected .about {
  background-position: -85px -146px;
}

#mainnav li.selected .services {
  background-position: -225px -146px;
}

#mainnav li.selected .team {
  background-position: -332px -146px;
}

#mainnav li.selected .projects {
  background-position: -430px -146px;
}

#mainnav li.selected .contact {
  background-position: -538px -146px;
}

/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
/*.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
 
* html .clearfix { height: 1%; }*/
div.wrap { width: 940px; margin: 0 auto; padding: 0;}
/*Columns*/
div.left, div.left2, div.middle, div.right, div.right2 {float: left; }
div.left, div.left2, div.middle {margin-right: 15px; }
div.left, div.middle, div.right {width: 303px;}
div.clearfix {clear: both; width: 0; height: 0; }

/*Footer*/
div#footer {margin: 0px 0 0 0; background:url(images/footer_bg.png) repeat-x; border-top: #CCC solid 1px;}
div#footer h5 {float: left; width: 190px; height: 58px; text-indent: -2000em; overflow: hidden; margin-left: 30px;}
div#footer h5 a {display: block; width: 100%; height: 100%; }
div#footer h5:hover {background-position: 0 -63px; }
div#footer h5#logo {background-image: url(images/foot_logo.png);}
div#footer p {display: block; height: 20px; margin-bottom: 8px; font-size: 11px; }
p#phone, p#mail {padding-left: 30px; background-repeat: no-repeat; }
p#phone {background-image: url(images/fone.png); }
p#mail {background-image: url(images/mail.png); }
div#footer a {color: #425652; }
div#footer a:hover {color: #027273; }

