@charset "utf-8";
/* CSS Document */


body {
	background:#d8d6d2 url(../img/bg.jpg) no-repeat 50% 0;
	margin:0 auto;
	text-align:center;
	}
	
.wrapper {  
	position:relative;
	width:910px; margin:0 auto;
	text-align:left;
	}


/*  TOPBAR  */

#topbar { background:#91b750; width:100%; }
#topbar .wrapper { background:#362919; height:5px; }


/*  HEADER  */

#header { width:100%;}
#header .wrapper { height:190px; }


/*  LOGO  */

h1 {
	position:absolute; top:20px; left:10px;
	text-indent:-7000px; line-height:0;
	}
h1 a:link, h1 a:visited {
	background:url(../img/logo.png) no-repeat 0 0;
	display:block; width:397px; height:80px;
	}
	
h1 a:hover, h1 a:active { background-position: 0 -80px; }


/*  HOME  */





/*  SERVICING AREA  */

#service_area {
	background:#362919;
	position:absolute; top:106px; left:10px;
	display:block; width:205px; height:36px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px; color:#e9e1d6; line-height:2; font-weight:100;
	}
#service_area_list {
	position:absolute; top:106px; left:218px;
	width:192px;
	margin:0; padding:0;
	}
#service_area_list li {
	background:#503c23 url(/);
	position:relative; float:left;
	display:block; width:45px; height:36px;
	margin:0 3px 0 0; padding:0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px; color:#e3dbcf; line-height:36px;
	}
	
#service_area_list a { width:36px; height:36px; }

#service_area_list li:hover {
	background:#82A448 url(/);
	}

#service_area_list a {
	color:white;
	text-decoration: none
	}

#content { width:100%;}
#content .wrapper { width:890px; padding:0 10px; }

#menu { 
	position:relative;
	width:890px;
	margin:0; padding:0;
	}
#menu li {
	background:none;
	float:left;
	width:290px; height:44px;
	margin:0; padding:0;
	}
#menu li span { color:#91816e; margin:0 4px 0 3px; }
#menu h3,
#menu h3 a { 
	display:block;
	width:290px; height:44px;
	text-indent:20px;
	text-transform:uppercase;
	}
#menu .products h3 a { background:#82a448 url(../img/button-arrow.png) no-repeat 256px 10px; }
#menu .ordering h3 a { background:#62a8b6 url(../img/button-arrow.png) no-repeat 256px 10px; }
#menu .contact h3 { background:#362919 url(../) no-repeat 256px 10px; }

#menu .products h3 a:hover, #menu .products h3 a:active { background-color:#95bb55; }
#menu .ordering h3 a:hover, #menu .ordering h3 a:active { background-color:#6fb8c7; }
#menu .contact h3 a:hover, #menu .contact h3 a:active { background-color:#362919; }

#products #menu .products h3 a { background-color:#95bb55; }
#ordering #menu .ordering h3 a { background-color:#6fb8c7; }

#menu .products, #menu .ordering { margin-right:10px; }

#products #menu .products { border-bottom:10px solid #95bb55; }
#ordering #menu .ordering { border-bottom:10px solid #6fb8c7; }

#menu li.home { 
	position:absolute; top:34px; left:-56px;
	width:290px; height:44px;
	margin:0; padding:0;
	}
#menu li.home h3 a {
	background:url(../img/home.png) no-repeat 0 0;
	display:block;
	width:55px; height:63px;
	text-indent:-7000px;
	}
#menu li.home h3 a:hover { background:url(../img/home.png) no-repeat 0 -63px; }

#column_1, #column_2 { position:relative; float:left; }
#column_1 { background:; width:600px; }
#column_2 { background:; width:290px; }

#products #column_2, #ordering #column_2 { margin-top:-10px; }

#products_panel, #ordering_panel { position:relative; float:left; margin-right:10px; }
#products #products_panel { border-top:6px solid #95bb55; }
#ordering #ordering_panel { border-top:6px solid #6fb8c7; }

#products_panel, #ordering_panel, #form_panel { 
	background:url(../img/bg-panel.png) no-repeat top right; 
	width:250px;
	padding:20px; 
	border-bottom:2px solid #b6b1a8;
	min-height: 300px
	}
#products #products_panel, 
#ordering #ordering_panel { 
	background:url(../img/bg-panel.png) no-repeat top right; 
	width:550px;
	padding:20px; 
	border-bottom:2px solid #b6b1a8;
	}
#products_panel ul, #products_panel li,
#ordering_panel ul, #ordering_panel li {
	background:none;
	margin:0; padding:0;
	}
#products_panel li, #ordering_panel li { float:left; width:100%; margin:0 0 10px 0; }
#products #products_panel li, #ordering #ordering_panel li { margin:0 0 20px 0; }
#products_panel img, #ordering_panel img { float:left; margin:0 10px 0 0; }
#products_panel h4, #ordering_panel h4, #form_panel h4 { line-height:1.3; color:#362919; }
#products #products_panel h4, #ordering #ordering_panel h4 { font-size:28px; line-height:1.5; }
#products_panel p, #ordering_panel p, #form_panel p {
	font-size:12px; line-height:1.3; color:#5c5b59;
	margin:0;
	}
#products #products_panel p, #ordering #ordering_panel p { font-size:14px; line-height:1.5; }
#form_panel p { margin:0 0 1.5em 0;}

#products_panel h4 a:link, #products_panel h4 a:visited,
#ordering_panel h4 a:link, #ordering_panel h4 a:visited { color:#362919; }

#products_panel h4 a:hover, #products_panel h4 a:active,
#ordering_panel h4 a:hover, #ordering_panel h4 a:active { color:#362919; }


/* MORE INFO */

#products_panel .more, #ordering_panel .more { float:right; margin:3px -10px 0 0; }
#products_panel .more a, #ordering_panel .more a {
	display:block;
	width:82px; height:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px; line-height:22px;
	}
#products_panel .more a { background:url(../img/button-arrow-green.gif) no-repeat 60px 0; color:#627d31; }
#products_panel .more a:hover { background:url(../img/button-arrow-green.gif) no-repeat 60px -30px; color:#627d31; }
#ordering_panel .more a { background:url(../img/button-arrow-blue.gif) no-repeat 60px 0; color:#44808c; }
#ordering_panel .more a:hover { background:url(../img/button-arrow-blue.gif) no-repeat 60px -30px; color:#44808c; }


/* COPY PANEL */

#copy_panel { 
	position:relative; float:left;
	background:#fff url(../img/bg-copy-panel.jpg) no-repeat top right; 
	width:550px;
	margin:10px 10px 0 0;
	padding:25px 20px 10px 20px; 
	border-bottom:10px solid #91b750;
	 }
#copy_panel h4, #copy_panel p { width:410px; }
#copy_panel h4.blue { color:#688e37; }
#copy_panel h4.green { color:#3b8493; }


/* FORM */

form { margin:0px 0 0 0; }
label {
	font-family:Georgia, "Times New Roman", Times, serif; color:#362919;
	display:block;
	margin:0 0 .1em 0;
	}
input,
select,
textarea {
	background:#eae6dd;
	display:block;
	width:242px;
	color:#807e7a;
	border:0;
	margin:0 0 1em 0;
	padding:4px;
	}
input { height:14px; }
.submit-button {
	background:url(../img/submit.png) no-repeat 0 0;
	display:block;
	width:250px;
	height:27px;
	margin:20px 0 0 0;
	}
form div { position:relative; }
#form_panel form div { float:left; }
input#state { width:26px; margin-right:20px; }
input#zip { width:188px; float:right; }

select#delivery-method-selection { width:250px; }

.checkbox { width:250px; margin:3px 0 8px 0; }
.checkbox input { float:left; width:14px; margin:5px 5px 0 0; }
.checkbox label {  }

/*  FOOTER  */

#footer { 
	background:#c5c1b6; 
	width:100%;
	margin:60px 0 0 0;
	}
#footer p { 
	margin:0; padding:0;
	font-size:12px; line-height:36px;
	color:#9c9b98;
	}
#footer .wrapper {
	background:#362919;
	width:850px; height:36px;
	padding:0 30px;
	}
#footer #column_1, #footer #column_2 { width:425px; margin:0; }
#footer #column_2 { text-align:right; }

#footer a:link, #footer a:visited { color:#c5c1b6; text-decoration:none; }
#footer a:hover, #footer a:active { color:#c5c1b6; text-decoration:underline; }

#footer span.pipe { margin:0 3px; }

/*  LINKS  */

a img { border:none; }


/*  SELF-CLEAR FLOATS  */

.group:after {
	content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
    }

#map { width: 550px; height: 500px }
#map h3 { font-size: 18px; font-family:Georgia, "Times New Roman", Times, serif;
	color:#000; line-height:1.6; margin:0 0 0px 0; font-weight:100; }
#map .container { padding-right: 10px;  }


label.error { color:Red; margin: -10px 0 10px 0 }

#form_panel h4, #form_panel p { text-align: center }
#form_panel h5 { font-weight: bold; font-size: 1.5em; text-align: center }