html{
	background-color: #fff;
}
body{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 18px;
	background-image: url(../images/body_bcgrd.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #fff;
}
#custom-doc{
	margin: 0px auto;
	padding:0px;
}
#hd{
	width:900px;
	height:156px;
	margin:0px auto;
	padding: 0px;
	clear: both;
	
}
#logo{ 
	width: 900px;
	height:113px;
	background-image: url(../images/header-background-color.gif);
	background-position: left top;
	background-repeat: repeat-x;
	float: left;
}
.logo{
	margin: 15px 0 0 25px;
	padding: 0px;
	float: left;
}
.wiliam{
	margin: 52px 0 0 2px;
	padding: 0px;
	float: left;
}
.phone{
	margin: 45px 25px 0 0;
	padding: 0px;
	float: right;
	text-transform: uppercase;
	font-size: 18px;
	color: White;
}
div#links{
	background-image: url(../images/links.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	width: 900px;
	height: 43px;
	float: left;
}
 ul.links{
 width: 900px;
 margin: 0px;
 padding: 0px;
 float: left;
	
}
ul.links li{
	margin-top: 10px;
	padding:0px;
	float: left;
	list-style-type: none;
	}
ul.links li.home{
	margin-left:35px;
	padding: 0px;
}

ul.links li.our-company{
	margin-left:45px;
	padding: 0px;
}
ul.links li.services{
	margin-left:45px;
	padding: 0px;
}
ul.links li.green-building{
	margin-left:42px;
	padding: 0px;
}
ul.links li.port-folio{
	margin-left:45px;
	padding: 0px;
}
ul.links li.contact-us{
	margin-left:45px;
	padding: 0px;
}
ul.links li  a{
	text-decoration: none;
}
#bd{
	margin: 0px auto;
	padding: 0px;
	clear: both;
	
}
div#bd1{
	background-image: url(../images/bd-background.gif);
	background-repeat: repeat;
	background-position: 0 0;
	
	clear: both;
	margin: 0px auto;
	padding:0px;
}
div#video{
	width:900px;
	margin: 0px auto;
	padding:13px 0 13px 0px;
	clear:both;
}
#left{
	width: 465px;
	margin:0px 19px 0px 19px;
	padding:0px;
	
}
div.internal-left{
	width: 462px;
	padding:0;
	margin-bottom:5px;
	border: 1px solid #fff;
	background-color: #d9d7ce;
	clear: both;
}
html>/**/body
div.internal-left{
	padding: 0 0 90px 0;
}
img.image-border{
	border: 1px solid #1f71c4;
	margin: 7px 0 0 10px;
	padding: 0px;
	float: left;
}
h6.blue-heading{
	color: #1f62aa;
	text-transform: uppercase;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 10px 0 0 15px;
	padding: 0px;
	float: left;
}
p.left-para{
	width: 230px;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	float: left;
	margin: 7px 0px 0px 15px;
	padding: 0px;
	
}
a.button{
	float: right;
	margin-top:-15px;
	margin-right:13px;
	padding: 0px;
}
#right{
	width: 380px;
	height: 285px;
	float:right;
	margin-top:-288px;
	margin-right: 15px;
	padding:0px;
}
#bd2{
	background-image: url(../images/project-background.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	border-bottom: 1px solid #252525;
	background-color: #dcdcdb;
	padding: 0px;
	margin: 0px;
	
}

.project-gallery1{
	width: 900px;
	margin: 0px auto;
	padding:5px 0px 15px 0px;

}

html>/**/body
.project-gallery1{
	padding-bottom: 205px;
}

.project-gallery{
	width: 270px;
	margin: 8px 14px 0px 15px;
	padding:0px;
	float:left;
	
}

h6.project-heading a{
	text-decoration: none;
	color:#0050a9;
	float: left;
}
img.project-image{
	border: 1px solid #087ceb;
	margin: 5px 0px;
	float: left;
}
h6.project-heading2 a{
	text-decoration: none;
	color:#3b96ec;
	padding: 5px 0;
	font-size: 16px;
	margin: 0px;
	float: left;
}
p.project-para{
		
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	float: left;
	margin: 0px; 
	padding: 0px;
}
#bd3{
	width: 900px;
	margin: 0 auto;
	padding: 0px;
	clear: both;
}
.introduction{
	width: 900px;
	margin:0 auto;
	padding: 20px 0px;
	
	}
	html>/**/body
.introduction1{
	width: 900px;
	margin:0 auto;
	padding:0px;
	clear : both;
	
	
}

.left2{
	width:550px;
	margin:0px 31px 0px 20px;
	padding: 0px;
	float: left;
		
}

.gallery{
	width:850px;
	margin:0px 15px 0px 25px;
	padding: 0px;
	float: left;
		
}
h1.welcome{
	color: #1257a3;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
}
img.bottom-image1{
	margin: 19px 20px 19px 0px;
	padding: 0px;
	border: 1px solid #1171d0;
	float: left;
}
p.bottom-para{
	width: 550px;
	clear: both;
	float: left;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align:justify;
	font-size: 12px;
}

p.galleryp{
	clear: both;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align:center;
	font-size: 12px;
}

p.projectsp{
	width: 800px;
	clear: both;
	float: left;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align:justify;
	font-size: 12px;
}
.left2 ul li {
font-size:12px;
	clear: both;
}

div.learn-more {
	width: 900px;
	height: 25px;
	clear: both;
	padding:0px;
	margin:0 auto;
	
	}
p.learn-more1{
	float: left;
	margin-left: 470px;
	margin-top: -45px;
}
p.learn-more2{
	float: right;
	margin-right: 37px;
	margin-top: -45px;
}
h1.welcome1{
	color: #1257a3;
	text-transform: uppercase;
	font-weight: normal;
	margin:0px 0px 0px 35px;
	padding: 0px;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
}

img.bottom-image2{
	margin: 19px 0px 19px 35px;
	padding: 0px;
	border: 1px solid #1171d0;
	float: left;
}

p.bottom-para2{
	width: 220px;
	clear: both;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin-left:35px;
}
.right2{
	width: 260px;
	padding-bottom: 35px;
	margin-right: 30px;
	float: right;
	border-left: 1px solid #84aae2;
}
.footer{
background-image: url(../images/ft-background.gif);
background-position: 0 0;
background-repeat: repeat-x;
height: 40px;
padding:20px 0 0 0;
clear: both;
}
html>body .footer{
margin-top:20px;
}
html>/**/body .footer{
margin-top:30px;
}
#ft{
	width:900px;
	margin:0 auto;
	padding:0px;
	clear: both;
		
}
#ft ul{
	padding: 0px;
	
}
#ft ul li{
	margin-left:32px;
	padding: 0px;
	display: inline;
	list-style-type: none;
}
#ft ul li a{
	text-decoration: none;
	color: #fff;
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}

#ft ul li a:hover{
	text-decoration: underline;
}

#ft {
	text-decoration: none;
	color: #fff;
	font: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	margin: 0px 0px 0px 130px;
	padding: 0px;
}