html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#f1efe2;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 14px;
 color:#51513b;   
} 

img { border:0;}
 
#pagewidth{ 
 width:880px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background-color:#ffffff;
} 

#home_header 
{
	width:100%;
	height:430px; 
	background:url(images/home_pic.jpg) top left no-repeat; 
}
 
#header{
 position:relative; 
 width:100%;
} 

#logo_icon { margin:6px 0 0 6px;}

#menu
{
	margin-top:14px;
	width:806px;
	height:50px;
	background-color:#b8d26a;
	float:right;
}

#logo {margin:7px 0 0 6px; width:250px;}

.tagline { margin:18px 0 0 230px; font-size:25px; color:White; width: 300px; }
.intro { margin: -40px 10px 0 570px; font-size:17px; line-height:32px; }
.signiture { padding-left:20px; font-style:italic;color:#a7c745; }

#menu ul 
{
	width:400px;
	list-style: none;
    margin:23px 10px 0 0;
    text-align:right;
    float:right;
}

#menu li {
    display: inline;
    margin: 0px 0 0 20px;
    font-size:16px;
    color:#ffffff;
}

#menu li a {
    text-decoration: none;
    color: #51513b;
}
#menu li a:hover {
    color:#ffffff;
}

#content
{
	min-height:350px;
	margin: 20px 50px 30px 50px;
}

h1 { color:#a7c745; font-size:25px; margin:0; } 
hr { width:100%; background-color:#51513b; margin:0; }
h2 { color:#a7c745; font-weight:bold; font-size:20px; margin:0;} 
.note { font-size:12px;}

.products
{
	width:100%;
	padding:0;
	margin:0;
}

.products tr { height:255px;}
.products .desc { height:245px; padding:10px 0 0 10px;}

a { text-decoration:none; }
#content a:hover { text-decoration:underline; }
#content p { line-height:20px; text-align:justify;}

#content ul {
  margin: 15px 0 15px 20px;
  list-style:none; 
}
#content ul li{
	 background: transparent url(images/bullet.png) no-repeat scroll left;
	 padding:5px 0 5px 40px ;
	 height:22px;
	 font-size:18px;
	 color:#a7c745; 
}
#content ul li span { vertical-align:top; }
#content ul li a {font-size:14px; }

#content ul li form { padding-left: 40px; display:inline; }

.panel1, .panel2 {	width:425px; height:370px; }
.panel1 div, .panel2 div {margin:10px 25px 10px 25px;}
.panel1{ float:left; background-image:url(images/panel_green.png); color:#515138;}
.panel2{ float:right; background-image:url(images/panel_charcol.png); color:#b8d26a;}
.panel1 a {color:#515138;}
.panel2 a {color:#b8d26a;}


#footer{
  background-color:#eddc94; 
  clear:both;
  padding: 20px 50px 10px 50px;
  line-height:20px;
 } 
#footer form {display:inline; }
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */