@charset "utf-8";
/* CSS Document */

html{height:101%;}

body { /* the main background of the computer screen*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-color:#00a8ec;
}

.mainOuter {/*the main background of the container eg.layout background*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#FFFFFF;
	width:900px;
	height:auto;
	text-align: left;
}

a:link{ font-weight:bold; color:#000000;}
a:visited{ font-weight:bold; color: #000000;	text-decoration: none;}
a:active{ font-weight:bold; color: #000000;	text-decoration: none;}
a:hover{	text-decoration: underline;	color: #0090d4;}


/*==========main container==========*/
.mainContainer{
	width:900px; 
	height:auto; 
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
.text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-indent:10px;
}
.form{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}

/*==========header==========*/
.headerContainer{width:900px; height:131px; float:left; font-size:1px;}
.headerImage{width:900px; height:100px; float:left;}
.home{width:99px; height:31px; float:left;}
.solutions{width:263px; height:31px; float:left;}
.construction{width:203px; height:31px; float:left;}
.jobs{width:100px; height:31px; float:left;}
.gallery{width:114px; height:31px; float:left;}
.contact{width:121px; height:31px; float:left;}

/*==========content==========*/
.contentContainer{width:900px; height:auto; float:left; background-color:#FFFFFF;}
.Banner{width:900px; height:169px; float:left; font-size:1px;}
.indexBanner{width:900px; height:269px; float:left; font-size:1px;}

.contentLeft{width:550px; height:auto; float:left; margin:20px;}
.contentRight{width:250px; height:auto; float:left; margin:20px;}
.contentWhole{width:845px; height:auto; float:left; margin:20px;}
.img{
	border:medium;
	border-style:double;
	border-color:#0090d4;
}

.lowerContainerLeft{width:448px; height:200px; float:left;}
.lowerBoxLeft{width:448px; height:156px; float:left; background-image:url(images/boxes_11.jpg);}
.moreInformation1{width:448px; height:44px; float:left;}
.lowerContainerRight{width:452px; height:200px; float:left;}
.lowerBoxRight{width:452px; height:156px; float:left; background-image:url(images/boxes_12.jpg);}
.moreInformation2{width:452px; height:44px; float:left;}
.boxText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	width:200px;
	margin-left:10px;
	margin-top:50px;
	font-weight:bold;
}

/*==========footer==========*/
.footerContainer{width:900px; height:30px; float:left; background-image:url(images/footer.jpg); background-repeat:repeat-x;}
.footerText{width:700px; height:15px; float:left; margin-top:10px; margin-left:20px; font-size:10px;}