charset "utf-8";
/* CSS Document
by: High resolution design corp
1/14/2010
high-resolutiondesign.com
*/


body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	margin:0;
}

:focus {
	outline: 0;
}
img
{  border-style: none;
}

body {
		background-image:url(../images/headerbg.jpg) ; 
		background-repeat:repeat-x;
		font:68% Trebuchet MS, Arial, Helvetica, Sans-Serif;
		background-color:#e0e1e2;
		padding:0;
		margin:0;
		
}
#header{
	padding:0;
	height:148px;
	
	
}

#page-wrap{
	width:960px;
	margin:0 auto;
	
	
}


#header a{
	text-decoration:none;
}

#logo {
	margin-top:5px;
	text-decoration:none;
}
img.newconstructionheader {
	float:right;
	margin:7px 0;
	padding:10px
}

#tagline{
	float:right;
	padding:0;
	margin-top:15px
	
}



#page-name{
	margin:0;
	height:30px;
	background-color:#FFF;
	
	
	
}
#page-name img{
	float:right;
}

#bigbg{
	float:left;
	width:717px;
	background-color:#e0e1e2;
	background-image:url(../images/Home-Page-bg.jpg);
	background-repeat:no-repeat;
	height:492px;
	margin:-30px 0 0 0;
	padding:0;
}
	
#main{
	padding:0px;
}

	
#navigation ul li a{
	display:block;
	text-indent:-9999px;
}
	
ul {
	margin:55px auto;
	width:500px;
}
ul li{
	float:left;
	display:inline;
	padding:25px 25px 0 0;
}



a.new-constrction{
	display:block;
	background-image:url(../images/new-constrction.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:166px;
	width:225px;
	}

a.new-constrction:hover{
	display:block;
	background-image:url(../images/new-constrction.png);
	background-repeat:no-repeat;
	background-position:top;
	height:166px;
	width:225px;
	}
	
a.projects{
	display:block;
	background-image:url(../images/projects.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:166px;
	width:225px;
	}

a.projects:hover{
	display:block;
	background-image:url(../images/projects.png);
	background-repeat:no-repeat;
	background-position:top;
	height:166px;
	width:225px;
	}
	
a.maintenance{
	display:block;
	background-image:url(../images/maintenance.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:166px;
	width:225px;
	}

a.maintenance:hover{
	display:block;
	background-image:url(../images/maintenance.png);
	background-repeat:no-repeat;
	background-position:top;
	height:166px;
	width:225px;
	}
	
a.going-green{
	display:block;
	background-image:url(../images/going-green.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:166px;
	width:225px;
	}

a.going-green:hover{
	display:block;
	background-image:url(../images/going-green.png);
	background-repeat:no-repeat;
	background-position:top;
	height:166px;
	width:225px;
	}
	
.colorbar{
	padding:20px 0 0 0;
}
#side-bar{
	background-color:#90bf35;
	float:right;
	width:197px;
	display:inline;
	
	
}
#side-bar a{
	display:block;
	text-indent:-9999;
}
	
	
a.contactus{
	margin:10px auto 45px;
	display:block;
	width:170px;
	height:38px;
	background-image:url(../images/contactus-button.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	text-indent:-9999px;
}
		

a.contactus:hover{
	display:block;
	width:170px;
	height:38px;
	background-image:url(../images/contactus-button.jpg);
	background-repeat:no-repeat;
	background-position:top;
	text-indent:-9999px;
}
body#index #info{
	color:#FFF;
	text-align:right;
	padding:200px 10px 0px 29px;
	margin:25px 0 35px 0;
	width:140px;
	height:118px;
	}
#info{
	color:#FFF;
	text-align:right;
	padding:200px 10px 0px 29px;
	margin:133px 0 30px 0;
	width:140px;
	height:119px;
	}

#info h1{
	letter-spacing:normal;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	color:#FFF;
	padding-top:15px;
	margin:0;
}
#info h2{
	font-size:13px;
	text-align:right;
	color:#FFF;
	padding-top:2px;
	margin:0;
letter-spacing:normal;
}
#info h2 a{
	text-decoration:none;
	color:#FFF;
}
	
#info h2 a:hover{
	font-weight:bold;
	color:#CCC;
}
#info h3{
	line-height:14px;
	font-size:12px;
	font-weight:530;
	text-align:right;
	color:#FFF;
	padding:0;
	margin:0;
}
	
#comeingsoon{
	text-align:center;
	margin:200px auto 100px;
}
 h1{
	 color:#2c57a6;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
}


ul#nav{
	position:absolute;
	float:right;
	display:block;
	width:226px;
	padding:0;
	margin:0 0 0 -29px;
	
	
	
}
ul#nav li a{
	text-indent:-9999px;
}

ul#nav li{
	margin:0;
	padding:0;
	z-index:1;
	}

ul#nav li a.nav-home{
	display:block;
	width:226px;
	height:57px;
	background:url(../images/homebutton.png) no-repeat scroll center bottom;
	
}
ul#nav li a.nav-home:hover,ul#nav li a.nav-home:active, ul#nav li a.nav-newconstruction:hover, ul#nav li a.nav-newconstruction:active, ul#nav li a.nav-project:hover, ul#nav li a.nav-project:active, ul#nav li a.nav-maintenance:hover,ul#nav li a.nav-maintenance:active, ul#nav li a.nav-gree:hover,ul#nav li a.nav-gree:active,ul#nav li a.nav-contact:hover,ul#nav li a.nav-contact:active{
	background-position:center center
	}
body#maintenance ul#nav li a.nav-maintenance,body#newconstruction ul#nav li a.nav-newconstruction,body#projects ul#nav li a.nav-project, body#Contact ul#nav li a.nav-contact, body#GoingGreen ul#nav li a.nav-gree{
	background-position:top;
}

ul#nav li a.nav-newconstruction{
	display:block;
	width:226px;
	height:57px;
	background:url(../images/newcostructionbutton.png);
	background-position:bottom;
}

ul#nav li a.nav-project{
	display:block;
	width:226px;
	height:57px;
	background:url(../images/projectbutton.png);
	background-position:bottom;
}

ul#nav li a.nav-maintenance{
	display:block;
	width:226px;
	height:57px;
	background:url(../images/maintenancebutton.png);
	background-position:bottom;
}
ul#nav li a.nav-gree{
	display:block;
	width:226px;
	height:57px;
	background:url(../images/greenbutton.png);
	background-position:bottom;
}
ul#nav li a.nav-contact{
	display:block;
	width:226px;
	height:57px;
	background:url(../images/contactusbutton.png);
	background-position:bottom;
}

#nav-info{
	padding:340px 10px 23px 29px;
	
}


#big-col{
	display:inline;
	float:left;
	width:558px;
	height:236px;
	margin:0 0 0 0;
}

#big-col p{
	font-size:11px;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:justify;
}
#second-col{
	float:right;
	display:inline;
	width:196px;
	
	background-color:#b6e162;
	margin:0 0px 0 0;
}
#second-col p{
	margin:15px 25px 7px 12px;
	font-weight:bold;
	text-align:justify;
	line-height:14px;
}

#system{
	position:relative;
	float:left;
	height:200px;
	display:block;
}
ul#system{
	padding:0 0 0 25px;
	margin:7px 0 0 0 ;

}
ul#system li{
	line-height:0;
	padding:0px 0 0 5px;
	margin:0;
	text-align:center;
	float:left;
	display:inline;
	width:160px;
}
h1{
	color:#1e3b71;
	font-family:Arial, Helvetica, sans-serif;
	font-stretch:condensed;
	font-size:17px;
	margin:15px auto;
	text-align:center;
}
h2{
	color:#1e3b71;
	font-family:Arial, Helvetica, sans-serif;
	font-stretch:condensed;
	font-size:14px;
	margin:15px auto;
	text-align:center;
}
ul#system li p{
	font-weight:bold;
	line-height:5px;
}

#right-col{
	display:inline;
	float:left;
	width:340px;
	height:236px;
	margin:0 0 0 0;
}
#right-col img{
	margin-top:-9px;
}
#right-col h2{
	text-align:left;
	margin:8px 0 5px 0;
	
}
#right-col p{
	margin:0 0 8px 0;
	font-size:11px;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:justify;
}

#left-col{
	display:inline;
	float:left;
	width:335px;
	height:236px;
	margin:0 0 0 40px;
}
#left-col img{
	display:block;
	margin:6px auto;
	text-align:center;
}
#left-col h2{
	text-align:left;
	margin:8px 0 5px 0;
	
}

#left-col p{
	margin:0 0 8px 0;
	font-size:11px;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:justify;

}


/*projects page*/


ul.projectsul{
	width:700px;
	float:left;
	margin-top:8px;
	padding-right:20px;
	}
	
ul.projectsul li{
	margin:0 ;
	padding:8px 30px 0 0;
	display:block;
	width:143px;
	text-align:center;
	float:left;
}
ul.projectsul li p{
	font-size:11px;
	font-weight:300;
	line-height:13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	}
	
	
	
/*contact us*/
#form{
	height:350px;
	width:700px;
	margin:30px 30px 0 30px;
	padding:0;
	

	
}

ul#ContactUsInfo{
	float:left;
	display:block;
	margin:20px auto;
	padding:0px auto;
	width:720px;
}
ul#ContactUsInfo li{
	line-height:0;
	padding:0px 3px;
	margin:0;
	text-align:center;
	float:left;
	display:inline;
	width:200px;
}

ul#ContactUsInfo li a{
	display:block;
	text-decoration:none;
	margin:20px 0;
	color:#1e3b71;
	
}


/*going green*/
#WitheCol{
	float:left;
	background-color:#fff;
	width:334px;
	text-align:center;
	padding:0;
	margin:0;
	
}
#WitheCol p{
	padding:0;
	margin:0;
}
img#globe{
	margin-top:25px;
}

#GrayCol{
	float:left;
	width:390px;
	text-align:center;
	
	}
#GrayCol p{
	font-size:11px;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:justify;
	padding:15px 0 0 10px;
	margin-left:20px;
}
#GrayCol h2{
	color:#000;
}
#GrayCol a{
	text-decoration:none;
	color:#2a539f;
	font-size:14px;
	padding:0px;
	margin:0px;
}
#GrayCol h1{
	margin:0;
	padding:0;
}
img#compinfo{
	margin:10px 0;
}
/*footer*/	
	
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 20px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -20px; /* negative value of footer height */
	height:20px;
	padding-top:30px;
	clear:both;
	background-repeat: repeat-x;
	
	
} 
#inside{
	width:960px;
	margin:0 auto;
	color:#878686;
	font-size:10px;
}
#footer ul{
	padding:0;
	display:inline
	}
	
	
#footer ul li{
	padding:0;
	width:70px;
	
	display:inline;
	color:#878686;
	font-size:11px;
	
	}
	
#footer ul li a{
	text-decoration:none;
	color:#878686;
	padding:2px;
	
}
#footer ul li a{
	font-weight:bold;
}

#footer ul li a:hover{
	color:#FFF;
}
#footer p{
	margin:0;
	
	
}
.designer{
	float:right;

}

#footer .designer a{
	font-weight:bold;
	text-decoration:none;
	color:#878686;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */