body {margin:0; padding:0; background-color:#edf5e0; font-size:100%;} 

h1 {margin:0; width:400px; visibility:hidden;}

#container {width:100%; min-width:800px; max-width:1000px; margin:auto; background-image:url(images/eco_bg.png); background-repeat:no-repeat;}


#header {width:89.9%; min-width:812px; height:119px; margin:auto; background-image:url(images/eco_header.png); background-repeat:no-repeat;}
#header h5 {margin-left:235px; margin-top:45px; color:#555555; font-family:verdana;}

#natural {width:24%; height:99px; float:right; padding:10px; background-image:url(images/all-natural-candles2.png); 
background-repeat:no-repeat; border-left:3px solid #8f9583;}
#natural p {padding-top:10px; margin:0; color:#e3e3e3; font-family:helvetica;}

#navbar {
	font-family: arial;
	font-size: 1em;
	width: 89.7%; /*leave this value as is in most cases*/
	overflow: hidden;
	border-left: 1px solid #5f4f11;
	border-right: 1px solid #5f4f11;
	margin: auto;
}

#navbar ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%; /*width of menu*/
	border-width: 1px 0;
	background-image: url(../images/nav-bg.png); 
	background-repeat: repeat-x;
	list-style-type: none;
}

#navbar ul li {
	display: inline;
}

#navbar ul li a {
	float: left;
	color: white; /*text color*/
	padding: 5px 15px;
	text-decoration: none;
	border-right: 1px solid #5f4f11; /*divider between menu items*/
}

#navbar ul li a:visited {
	color: white;
}

#navbar ul li a:hover, #navbar ul li .current {
	color: white !important; /*text color of selected and active item*/
	padding-top: 6px; /*shift text down 1px for selected and active item*/
	padding-bottom: 4px; /*shift text down 1px for selected and active item*/
	background-image: url(../images/nav-bg2.png);
	background-repeat: repeat-x;
}

#main {width:83.7%; min-width:762px; margin:auto; padding: 30px 3% 20px 3%; background-color:#fafafa;
border: 1px solid #808b61;}

#breadcrumbs {margin:0; font-size:.75em; color:#7d7d7d; border-bottom: 3px solid #f1f1e4;}
#breadcrumbs span {color:#252525;}
#breadcrumbs a {color:#8c5900;}
#breadcrumbs a:hover {color:#8c5900; text-decoration: none;}

#catalogue {width:150px; float:right;}

#leftcontent {width:61%; float:left;}

#leftcontent2 {width:90%;}

#content {margin-top:20px; height:370px; width:94%; padding:3% 5% 0 0; background-color:#323232; color:#e3e3e3; font-family:helvetica; font-size:.80em;
background-image:url(images/text_bg3.png); background-repeat:no-repeat; background-position:bottom; border:3px solid #8f9583;}
#content p {padding:0 0 5px 9%; margin:0;}
#content h3 {color:#79958b; margin:0; padding:0 0 3% 9%;}
#content h4 {color:#79958b; margin:0; padding:0 0 0 5%;}
#content img {float:left; margin:0; padding:0;}
#content a {color:#8f9583; text-decoration:none}
#content a:hover {color:#8f9583; text-decoration:underline;}

#content2 {margin: 20px 0 50px 0; padding:2% 3% 10px 0; background-color:#fefefe; color:#555555; font-family:helvetica; font-size:.80em;
background-image:url(images/box2.png); background-repeat:no-repeat; border:1px solid #acacac;}
#content2 h3 {color:#79958b; margin:0; padding:0 0 0 5%;}
#content2 p {padding:0 5% 5px 5%;}
#content2 img {float:right; margin-top:20px; margin-left:2%;}
#content2 a {color:#7f9566; text-decoration:none}
#content2 a:hover {color:#7f9566; text-decoration:underline;}

#content3 {margin-top:20px; height:450px; width:94%; padding:3% 5% 0 0; background-color:#323232; color:#e3e3e3; font-family:helvetica; font-size:.80em;
background-image:url(images/text_bg3.png); background-repeat:no-repeat; background-position:bottom; border:3px solid #8f9583;}
#content3 p {padding:0 0 5px 9%; margin:0;}
#content3 h3 {color:#79958b; margin:0; padding:0 0 3% 9%;}
#content3 h4 {color:#79958b; margin:0; padding:0 0 0 5%;}
#content3 img {float:left; margin:0; padding:0;}
#content3 a {color:#8f9583; text-decoration:none}
#content3 a:hover {color:#8f9583; text-decoration:underline;}


#text2 {margin-left:50%; color:#e5e5e5; padding:0;}
#text2 p {padding-top:20px;}

#sidebar {width:35%; min-width:250px; height:400px; margin-top:20px; margin-left:65%; color:#555555; 
font-family:helvetica; font-size:.75em;}
#sidebar h4 {margin:0; color:#79958b; padding-bottom:5px;}
#sidebar img {float:right; margin-left:2%; margin-bottom:2%;}
#sidebar a {color:#7f9566; text-decoration:none;}
#sidebar a:hover {text-decoration:underline;}

#sidebar2 {width:35%; min-width:250px; height:400px; margin-top:20px; margin-left:64%; color:#e3e3e3; 
font-family:helvetica; font-size:.75em;}
#sidebar2 h3 {margin:0; color:#e3e3e3;}
#sidebar2 img {float:right; margin:0;}
#sidebar2 a {color:#7f9566; text-decoration:none;}
#sidebar2 a:hover {text-decoration:underline;}

#promo {padding:4%; margin-bottom:10px; border: 1px solid #acacac; background-color:#fefefe;
background-image:url(images/box.png); background-repeat:no-repeat;}
#promo p {margin:0; padding-bottom:2%;}

#promo ul {color:#e3e3e3; list-style-image:url(images/bullet.png);}
#promo ul li {padding-bottom:10px;}
#promo ul span {font-weight:bold; color:#79958b;}

#promo2 {padding:4%; margin-bottom:10px; border: 3px solid #8f9583; background-color:#323232;
background-image:url(images/text_bg2.png); background-repeat:no-repeat;}
#promo2 p {margin:0; color:#f0f0f0;}
#promo2 h3 {margin:0; color:#79958b; padding-bottom:2%;}

#promo2 ul {color:#e3e3e3; list-style-image:url(images/bullet.png);}
#promo2 ul li {padding-bottom:10px;}
#promo2 ul span {font-weight:bold; color:#79958b;}

#promo3 {padding:4%; margin-bottom:10px; border: 1px solid #acacac; background-color:#fefefe;
background-image:url(images/box.png); background-repeat:no-repeat;}
#promo3 p {margin:0; padding-bottom:2%;}

#promo4 {padding:4%; margin-bottom:10px; border: 1px solid #acacac; background-color:#fefefe;
background-image:url(images/box.png); background-repeat:no-repeat;}
#promo4 p {margin:0; padding-bottom:2%;}

#list2 ul li {color:#555555;}

#spam {padding-left:8%;}

.space {padding:10px;}

#image1 {width:230px; float:left;}

#footer {width:89.7%; height:60px; margin: auto; font-family:arial; font-size:.75em; color:#8f9583;
background-image:url(images/box.png); background-repeat:repeat-x; background-color:#ffffff; 
border-left:1px solid #808b61; border-right:1px solid #808b61; border-bottom:1px solid #808b61;}

#footer ul {margin:0; padding:20px 0 0 0; list-style-type:none;}

#footer ul li {display:inline; margin-right:15px; padding-left:10px;}

#footer img {vertical-align:middle;}

#footer a {color:#79958b; text-decoration:none;}

#footer a:hover {color:#79958f; text-decoration:underline;}

#footer #spaceman {margin:0; font-size:.83em; float:right;}

.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
/*place this class on a div or break element and should be the final element before the close of a container 
to fully contain floated div */

.move {
	margin: 70px 0 0 0;
}