@import url('reset.css');
@import url('typography.css');

body {
background: url(../img/bg_main.png) #e7efd6 top center no-repeat;
}

.wrapper {
margin: 0 auto;
width: 960px;
}

#navWrapper {
background: url(../img/bg_nav-wrapper.jpg) 0 0 repeat-x;
height: 141px;
width: 100%;
}

#nav {
background: url(../img/bg_nav.png) 0 0 repeat-x;
height: 141px;
width: 960px;
}

	#nav ul {
	float: left;
	height: 112px;
	list-style: none;
	margin: 8px 0 0 0;
	}

	#nav li, #nav li a {
	float: left;
	height: 112px;
	}
	
	#nav li span {
	display: none;
	}
	
	#nav a.home			{background:url(../img/sprite_nav.jpg) 0 0 no-repeat; height:112px; width:74px;}
	#nav a.services		{background:url(../img/sprite_nav.jpg) -74px 0 no-repeat; width:104px;}
	#nav a.go-green		{background:url(../img/sprite_nav.jpg) -178px 0 no-repeat; width:111px;}
	#nav a.coupons		{background:url(../img/sprite_nav.jpg) -289px 0 no-repeat; width:107px;}
	#nav a.contact		{background:url(../img/sprite_nav.jpg) -396px 0 no-repeat; width:99px;}
	
	#nav a:hover.home			{background:url(../img/sprite_nav.jpg) 0 -112px no-repeat; height:112px; width:74px;}
	#nav a:hover.services		{background:url(../img/sprite_nav.jpg) -74px -112px no-repeat; width:104px;}
	#nav a:hover.go-green		{background:url(../img/sprite_nav.jpg) -178px -112px no-repeat; width:111px;}
	#nav a:hover.coupons		{background:url(../img/sprite_nav.jpg) -289px -112px no-repeat; width:107px;}
	#nav a:hover.contact		{background:url(../img/sprite_nav.jpg) -396px -112px no-repeat; width:99px;}
	
#content {
float: left;
position: relative;
text-align: justify;
width: 617px;
}

#sidebar {
display: inline;
float: left;
margin: 0 0 0 50px;
width: 288px;
}

.homepageBoxTop {
background: url(../img/bg_homepage-box_top.png) 0 0 no-repeat;
height: 10px;
margin: 10px 0 0 0;
width: 288px;
}

.homepageBox {
background: url(../img/bg_homepage-box_content.png) 0 0 no-repeat;
padding: 0 10px 5px 10px;
width: 268px;
}

.homepageBoxBottom {
background: url(../img/bg_homepage-box_bottom.png) 0 0 no-repeat;
height: 10px;
width: 288px;
}

.fieldNewsletter, .textareaContact {
border: 1px solid #dcdbd9;
display: inline;
height: 18px;
padding: 5px;
width: 178px;
vertical-align: middle;
}

.textareaContact {
height: 150px;
width: 350px;
}

#footer {
background: url(../img/bg_footer.png) 0 0 no-repeat;
clear: left;
float: left;
font-size: .8em;
height: 43px;
margin: 20px 0;
padding: 9px 120px 0 0;
text-align: right;
width: 840px;
}

	#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
	#footer li {
	display: inline;
	}
	
.break {
background: #93a76a;
clear: left;
height: 1px;
margin: 0 0 15px 0;
width: 100%;
}
	
.loud {
font-size: 1.2em;
font-weight: bold;
}

.small {
font-size: 0.8em;
}

ul.standard li {
margin: 10px 0 0 0;
}
	
a		{color: #216437;}
a:hover	{color: #003300;}

.error {
color: #003300;
font-style: italic;
margin: 0;
padding: 0;
}

input.error, textarea.error {
background: #e7efd6;
border: 1px solid #003300;
padding: 5px;
}