/* @override http://myshire.us/kreidermulch/web/css/master.css */

@charset "UTF-8";
/* CSS Document */
.clear{
	clear: both;
}
body{
	background: #8fb147 url(../img/grass.jpg) repeat;
}
html>body{
	background: #8fb147 url(../img/grass.jpg) repeat;
}
#container{
	background: url(../img/bodybg.jpg) repeat-x;
	height: 800px;
}
#container2{
	width: 877px;
	margin: 0 auto;
}

/* HEADER */

#header{
	
}
#logo{
	position:relative;
	background-image: url(../img/logo.jpg);
	width: 147px;
	height: 398px;
	float:left;
	background-repeat: no-repeat;
}
#logo h1{
	text-indent: -9999px;
}
#address{
	float: right;
	background-image: url(../img/phone.jpg);
	width: 232px;
	height: 100px;
}
#address h2{
	text-indent: -9999px;
}
#address p{
	text-indent: -9999px;	
}

/* NAV */
#navigation{
	float: right;
	width: 730px;
	background: url(../img/brown.jpg) repeat;
}
ul#nav{
	
}
#nav li{
	float: left;
	padding: 20px 18px;
	text-align: center;
}
#nav li a{
	color: #fff;
	text-decoration: none;
}
#nav li a:hover{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

/* Main */
#main{
	width: 730px;
	float: right;
	background: url(../img/brown.jpg) repeat;
}
#whitebox{
	padding: 5px;
}
#whitebox h1{
	
}
#whitebox p{
	
}
#whitebox a{color:#ff3333; text-decoration:none; border-bottom:1px dotted #ff3333;}
#whitebox a:hover{color:#666666; text-decoration:none; border-bottom:1px dotted #666666;}
#whitebox img{
	background: #fff;
	padding: 8px;
	width: 704px;
	height: 414px;
	margin: 0 auto;
}
#whitebox a{
	
}
#whitebox a:hover{
	
}

/* Subwhitebox */
#subwhitebox{
	padding: 25px;
	background: #fff;
	margin: 8px;
}
#subwhitebox h1{
	color: #fb2828;
	font-size: 27px;
	font-weight: bold;
	border-bottom: 1px solid #fb2828;
}
#subwhitebox p{
	padding: 20px;
	font: 14px/22px Verdana, "Lucida Grande", Lucida, sans-serif;
}
#subwhitebox img{
	z-index:9999;
	float:right;
}
#subwhitebox a{color:#ff3333; text-decoration:none; border-bottom:1px dotted #ff3333;}
#subwhitebox a:hover{color:#666666; text-decoration:none; border-bottom:1px dotted #666666;}

/* Slogan */

#slogan{
	clear: both;
	width: 730px;
	float: right;
	margin-top: 20px;
}
#slogan h2{
	text-indent: -9999px;
}
#slogan p{
	text-indent: -9999px
}

/* Footer */
#footer{
	clear: both;
	width: 730px;
	float: right;
	background: #fff;
	opacity: 0.8;
}
#footer p{
	padding: 5px 20px;
	color: #000;
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	text-align: center;
	opacity: 1;
}
#footer p a{
	color: #aa0f13;
	text-decoration: none;
}
#footer p a:hover{
	color: #aa0f13;
	text-decoration: none;
	border-bottom: 1px dotted #aa0f13;
}
input, textarea{
	background: #d8d1ca;
	border: 1px solid #c9bbaf;
	padding: 8px;
}
table{
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
}
hr{
	border: 1px solid #d8d1ca;
	
}

img, div { behavior: url(iepngfix.htc) }

#mulchnav{
	margin-top: 250px;
	behavior: url(/iepngfix.htc)
}

#deliverynav{
	margin-top: 15px;
	behavior: url(/iepngfix.htc)
}