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

/* ------------------------------------- Main Elements ----- */

body, html{
	font-family:Arial, Helvetica, sans-serif;
    background:url(../_images/main_bg.png) repeat-x 0 0;
    background-color:#FFFFFF;
    margin:0;
    }
    
h1,h2,h3,p,pre{
	margin:0;
    padding:0;
    color:#333333;
	}

#wrapper{
    margin:0 0px;
	}
    
/* ------------------------------------- Header ----- */

#header{
	background:url(../_images/header_left.jpg) no-repeat 0 0;
    height:158px;
    margin:0;
	}
    
#top_nav{
	height:38px;
    padding:120px 0 0 45px;
    white-space:nowrap;
    }
    
/* ------------------------------------- Body ----- */

#body_wrapper{
	background:url(../_images/body_bg.png) no-repeat;
    margin:0;
    padding:0;
    border:0px solid;
    overflow: hidden;
	}

#body_content{
	border-left:1px solid #EEEEEE;
    border-right:1px solid #EEEEEE;
    margin:18px 0 0 38px;
    width:880px;
    min-height:430px;
    padding:10px;
    }
    
#body_content h1, p{
	font-size:14px;
    font-weight:normal;
    }

#body_content h2{
	font-size:28px;
    margin:0 0 3px 0;
    font-weight:normal;
    } 
    
#body_content p{
	font-size:14px;
    padding:5px;
    line-height:1.3em;
    overflow:hidden;
    }  
    
#body_content img{
	border:1px solid #CCCCCC;
    }
    
#body_content h3{
	font-size:18px;
    border-bottom:1px dotted #CCCCCC;
    font-weight:normal;
    }
    
#body_content ul{
	font-size:14px;
    color:#333333;
    }
    
/* ------------------------------------- Overview ----- */

#portfolio{
	text-align:center;
    }

#portfolio h1{
	font-size:18px;
    border-bottom:1px dotted #CCCCCC;
    font-weight:normal;
    text-align:left;
    }
    
#portfolio p{
	text-align:left;
    margin:0 0 5px 0;
    }
    
#portfolio img{
	border:1px solid #CCCCCC;
    padding:3px;
    margin:0 3px 3px 3px;
    }
    
/* ------------------------------------- Overview ----- */

#overview{
	margin:10px;
    clear:both;
    overflow:hidden;
    border-top:1px solid #CCCCCC;
    }
    
.overview1{
	background:url(../_images/paint_buckets.gif) no-repeat 170px 33px;
	float:left;
    border-right:1px solid #CCCCCC;
    width:285px;
    height:165px;
    }
    
.overview2{
	background:url(../_images/money_pot.gif) no-repeat 165px 25px;
	float:left;
    border-right:1px solid #CCCCCC;
    width:285px;
    height:165px;
    }

.overview3{
	background:url(../_images/green_roller.gif) no-repeat 160px 15px;
	float:left;
    width:285px;
    height:165px;
    }
    
#overview h2{
	font-size:17px;
    padding:10px 10px 10px 12px;
    }
    
#overview p{
	padding:0 0 0 12px;
    font-size:13px;
    }
    
#overview img{
	border:none;
    margin:10px 0 0 30px;
    }
    
/* ------------------------------------- Green Page ----- */

#green_page{
	background: url(../_images/green_bg_paint.png) no-repeat 15px 0;
    height:494px;
    overflow:hidden;
    }
    
#green_page_content{
	margin:50px 0 0 40px;
    width:500px;
    }
    
/* ------------------------------------- Coupons ----- */

.coupons{
	width:250px; 
    padding:10px; 
    text-align:center; 
    float:left;
    }  
    
.coupons a:link, .coupons a:active, .coupons a:visited{
	text-decoration:none;
    color:#3b5285;
    border:1px solid #adbfe8;
    padding:5px 10px;
    background-color:#e7eeff;
    }
    
.coupons a:hover{
	text-decoration:none;
    color:#3b5285;
    border:1px solid #353765;
    padding:5px 10px;
    background-color:#adbfe8;
    }
    
/* ------------------------------------- Testimonials ----- */
    
#comment{
	border-top:1px dotted #CCCCCC; 
    margin:0px 0; 
    padding:10px 10px;
    }
    
#comment:hover{
	background-color:#e7eeff;
    }
    
#comment h2{
	font-size:15px;
    margin:2px 10;
    font-style:italic;
    }
    
/* ------------------------------------- Forms ----- */

#contactForm input{
	width:300px;
	}
	
#contactForm label{
	font-size:15px;
	}
	
#contactForm input, textarea{
	border:1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#444444;
	padding:3px;
	}
	
#contactForm textarea{
	width:500px;
	height:200px;
	}

.warning{
	color:#FF0000;
	font-size:12px;
    }
    
/* ------------------------------------- Footer ----- */
    
#footer{
    background:url(../_images/body_bottom_bg.png) no-repeat left top;
    width:980px;
    }
    
#footer ul{
    padding:15px 0 0 0;
    margin:0;
    text-align:center;
    }
    
#footer li{
	display:inline;
    list-style:none;
    padding:0 10px;
    font-size:12px;
    color:#666666;
    } 
    
#footer a:link, #footer a:active, #footer a:visited{
	color:#666666;
    }
    
#footer p{
	font-size:9px;
    color:#444444;
    padding:15px 50px;
    text-align:center;
    }   
    
#footer p a:link, #footer p a:active, #footer p a:visited{
	color:#6668ad;
    text-decoration:none;
    border-bottom:1px dotted #6668ad;
 	font-size:10px;
    }