body{
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#5B616E;
    background:#F3F4F4; 
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
img{border:0;}
a:link, a:visited, a.active {color:#76974f;}
a:hover {color:#5a8527;}
#wrap {
	position: relative;
	width:1000px;
	margin:auto;
}
#header{
	border-top:6px solid #EEEFF0;
	height:93px;
	background:#FFFFFF;
}
.header{
	width:1000px;
	margin:auto;
}
#logo{
    float:left;
    width:373px;
    height:47px;
    margin:28px 0 0 21px;
}
hr {
	border: 0;
	border-bottom: 1px solid #eee;
	margin: 20px 0;
	height: 1px;
}
/*--------------------------------------------------
 NAV
------------------------------------------------- */
ul.nav{
    display:block;
    float:right;
    list-style-type:none;
    margin:54px 0 0 0;
    padding:0;
    /*border-left:1px solid #D0D2D6;*/
}
ul.nav li{
    display:block;
    float:left;
    /*border-right:1px solid #D0D2D6;
    padding:5px 11px 1px 12px;*/
}
ul.nav a:link, ul.nav a:active, ul.nav a:visited{
    text-indent: -9999px;
    text-decoration:none;
    display:block;
    float:left;
    height:39px;
	overflow: hidden;
}
ul.nav a:hover{
    background-position:0px -39px !important;
}
ul.nav li#home a{
    width:57px;
    background:url(../i/nav/home.gif) no-repeat;    
}
ul.nav li#about a{
    width:77px;
    background:url(../i/nav/about.gif) no-repeat;    
}
ul.nav li#domestic a{
    width:79px;
    background:url(../i/nav/domestic.gif) no-repeat;    
}
ul.nav li#commercial a{
    width:94px;
    background:url(../i/nav/commercial.gif) no-repeat;    
}
ul.nav li#services a{
    width:73px;
    background:url(../i/nav/services.gif) no-repeat;    
}
ul.nav li#contact a{
    width:70px;
    background:url(../i/nav/contact.gif) no-repeat;    
}

body.home .nav li#home a,
body.about .nav li#about a,
body.services .nav li#services a,
body.contact .nav li#contact a, 
body.domestic .nav li#domestic a, 
body.commercial .nav li#commercial a {
    background-position:0px -39px !important;
}
/*--------------------------------------------------
 BANNER AND CONTENT HOME
------------------------------------------------- */
.home #banner{
    height:181px;
    background: #dfedf8 /*url(../i/hdr.jpg) repeat-x*/;
    border-bottom:3px solid #EEEFF0;
}
.home .banner{
    height:181px;
    width:1000px;
    background:url(../i/hbc2.jpg) no-repeat;
    margin:auto;
}
.home #banner ul{
    margin:0;
    padding:23px 0 0 22px;
    list-style-type:none;
}
.home #banner ul li{
    display:block;
    float:left;
    width:140px;
    height:89px;
    margin:0 13px 0 0;
    padding:48px 20px 0 20px;
}
.home #banner ul li#design{background:url(../i/design.jpg) no-repeat;}
.home #banner ul li#installation{background:url(../i/installation.jpg) no-repeat;}
.home #banner ul li#service{background:url(../i/service.jpg) no-repeat;}
.home #banner p{
    margin:0;
    color:#303F57;
    line-height:130%;  
}
.home #banner a:link, #banner a:active, #banner a:hover, #banner a:visited{
    display:block;
    width:80px;
    height:21px;
    margin:14px 0 0 0;
    background:url(../i/readmore.gif) no-repeat;
    color:#7BA64A;
    font-size:0;
    text-decoration:none;
}
.home #content{
    background:#FFFFFF;
	text-align: center;
}
.home .content{
    width:958px;
    margin:0 auto;
    padding:12px 20px 28px 22px;       
}
.home #left{
    float:left;
    width:194px;
    margin:16px 0 0 0;
	text-align: left;
}
.home #left .leftpanel {
	background:#E5E5E8;	
	padding:21px 17px 21px 17px;
}
.home #left .leftpanel p {
	margin: 0 0 10px 0;
}
.home #left ul{
    display:block;
	margin:0;
    padding:0;
    list-style-type:none;
    color:#545968;
}
.home #left ul li{
    padding:0 0 5px 0;
}
.home #center{
    background:none;
	float:left;
    width:438px;
    padding:0 20px 0 20px;
    margin:16px 0 0 0;
	text-align: left;
}
.home #center p{
    line-height:150%;
}
.home #right{
    margin:0;
	float:left;
    width:285px;
    height:224px;
    background:url(../i/quote.gif) no-repeat;
}
.home #right p{
    text-align:right;
    float:right;
    margin:143px 30px 0 0;
	display:block;
}
.home #right a.more:link, .home #right a.more:active, .home #right a.more:visited, .home #right a.more:hover{
    display:block;
    float:right;
    background:url(../i/findout.gif) no-repeat;
    color:#50A2D8;
    width:94px;
    height:21px;
    font-size:0;
    text-decoration:none;
    margin:155px 30px 0 0;
}
/*--------------------------------------------------
 CONTENT INNERS
------------------------------------------------- */
#bannerWrap{
    background:#fff url(../i/hdr-inner.jpg) repeat-x top center;
}
.bannerWrap{
    width:1000px;
    background:url(../i/header-inner2.jpg) no-repeat top center;
    margin:auto;
}
#content{
    background:#FFFFFF;
}
.content{
    width:958px;
    margin:auto;
    padding:12px 20px 28px 22px;  
	position:relative;
}
#left{
    float:left;
    width:194px;
    margin:25px 0 0 0;
}
#left .leftpanel {
	 background:#f0f6fb;
	 padding:21px 17px 21px 17px;
	 margin-bottom: 25px;
}
#left ul{
    display:block;
	margin:0;
    padding:0;
    list-style-type:none;
    color:#545968;
}
#left ul li{
    padding:0 0 5px 0;
}
#left table.brochures {
	margin: 15px 0 0 0;
}

#left table.brochures td {
	text-align: center;
	font-size: 9px;
	line-height: 11px;
	padding: 0 5px;
	vertical-align: top;
}


#center{
    float:left;
	background:url(../i/content-bg.jpg) no-repeat top left;
    width:450px;
    padding:18px 26px;
    margin:25px 27px 0 7px;
}
#center p{
    line-height:150%;
	margin-bottom: 20px;
}
#center ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
#center ul li {
	margin: 0 0 10px 0;
	background: url(../i/bullet.gif) no-repeat 0 2px;
	padding: 0 0 0 20px;
}
#right, #right-second{
    float:left;
    width:228px;
    /*height:224px;*/
	margin:103px 0 0 0;
}

#right { background:url(../i/right-inner.gif) no-repeat; }

#right p{
    display:none;
}
#right-second img {
	margin-bottom: 15px;
}
#right a.more:link, #right a.more:active, #right a.more:visited, #right a.more:hover{
    display:block;
    float:right;
    background:url(../i/findout.gif) no-repeat;
    color:#50A2D8;
    width:94px;
    height:21px;
    font-size:0;
    text-decoration:none;
    margin:158px 19px 0 0;
}
.contact #right{
    float:left;
    width:228px;
	height:90px;
	margin:103px 0 0 0;
	padding: 96px 0 0 0;
    background:url(../i/right-contact.gif) no-repeat;
}
.contact #right p{
    display:none;
}
.contact #right a.more:link, .contact #right a.more:active, .contact #right a.more:visited, .contact #right a.more:hover{
    display:none;
}
.contact #right iframe {
	display:inherit;
}
h1, h2, h3, h4, h5 {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;		
	margin: 0;
	padding: 0;	
}
.noDisplay {display:none;}
.footer{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    width:956px;
    padding:15px 22px 15px 22px;
    margin:auto;
    background:url(../i/ftr.gif) no-repeat top;
    color:#999999;
    font-size:11px;
    line-height:140%;    
} 
.footer a:link, .footer a:active, .footer a:visited{
    color:#999999;
    font-size:11px;
    text-decoration:none;
}
.footer a:hover{
    color:#999999;
    font-size:11px;
    text-decoration:underline;
}
a#ht:link, a#ht:active, a#ht:hover, a#ht:visited{
    display:block;
    float:right;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    background:url(../i/ht.gif) no-repeat left;
    padding:0 0 0 25px;
}
h3, h4{ font-size:18px; color:#5c852b;}
h3 { margin:0 0 10px 0; }
h4 { text-transform:uppercase; }
h1{ font-size:26px;margin:0 0 20px 0; color:#000;}


table.contacttable {
	margin-bottom: 30px;
}

table.contacttable td {
	padding: 3px 3px 5px 3px;
	vertical-align: top;
}

table.contacttable td.morePadding { padding-bottom: 15px !important; }

#rightMap {
    position:absolute;
	top:73px; right:20px;
    width:300px;
	padding: 2px;
	background: #f0f6fb;
}