/* layout inspiration thanks to Keith Donegan of Code-Sucks.com */
* { padding: 0; margin: 0; }

body {
 font-family: Myriad Web Pro, Tahoma, Arial, Helvetica, Verdana, sans-serif; 
 font-size: 16px;
 background-color:#241507; 
 background-image: url(../images/rattan.jpg ) ; 
 background-repeat: no-repeat ;
 background-position: top center ; 
}

#wrapper1 { 
 margin: 0 auto;
 width: 1024px;
}

#wrapper2 { 
 margin: 0 auto;
 width: 1024px;
}

#wrapper3 { 
 margin: 0 auto;
 width: 1024px;
}
 
#navigation {
 float: left;
 width: 680px;
 color: #7CC576; 
 padding: 5px;
 padding-left: 10px; 
 margin: 0px 0px 5px 120px;
 background: #915105;
 font-size: 14px; 
 font-weight:bold;
}

#header {
 background: none; 
 width: 900px;
 float: left;
 padding: 10px;
 height: 100px;
 margin: 15px 0px 0px 120px;
}

#pagename {
 color: #333;
 background: none; 
 width: 900px;
 float: left;
 padding: 10px;
 height: 40px;
 margin: 15px 0px 0px 120px;
}

#leadpicture { 
 margin: 0px 5px 5px 40px;
 padding: 10px;
 background: none; 
 height: 200px;
 width: 20px;
 float: left;
}

#leadtext { 
 margin: 0px 0px 5px 40px;
 padding: 10px;
 background: none; 
 height: 220px;
 width: 595px;
 float: left;
}

#leadpicture2col { 
 margin: 0px 0px 5px 40px;
 padding: 10px;
 background: none; 
 height: 600px;
 width: 245px;
 float: left;
}

#leadtext2col { 
 margin: 0px 15px 5px 20px;
 padding: 10px;
 background: none; 
 height: 600px;
 width: 380px;
 float: left;
}

#subpageleadpicture { 
 margin: -10px 5px 0px 40px;
 padding: 10px;
 background: none; 
 height: 190px;
 width: 245px;
 float: left;
}

#subpageleadtext { 
 margin: 0px 0px 0px 40px;
 padding: 10px;
 background: none; 
 height: 190px;
 width: 370px;
 float: left;
}

#toprightcallout { 
 margin: 120px 0px 20px 50px;
 background: none; 
 padding: 5px;
 height: 90px;
 width: 205px;
 float: left;
}

#toprightcalloutsub { 
 margin: 85px 0px 0px 50px;
 background: none; 
 padding: 5px;
 height: 90px;
 width: 205px;
 float: left;
}

#bottomrightcallout { 
 margin: 5px 0px 0px 50px;
 background: none; 
 padding: 5px;
 width: 205px;
 float: left;
}

#bottomrightcalloutsub { 
 margin: 35px 0px 0px 50px;
 background: none; 
 padding: 5px;
 width: 205px;
 float: left;
}

#bottomrightcalloutphilo { 
 margin: 10px 0px 0px 50px;
 background: none; 
 padding: 5px;
 width: 205px;
 float: left;
}

#column1of1 { 
 margin: -10px 0px 5px 120px;
 background: none; 
 padding: 10px;
 width: 600px;
 float: left;
}

#repeatingbackground { 
 margin: 0px 0px 0px 0px;
 padding: 0px;
 float: left;
 background-image: url(../images/products6.jpg ) ; 
 background-repeat: repeat-y ;
 background-position: bottom left ; 
}

#column1of3 { 
 margin: 5px 0px 5px 120px;
 background: none; 
 padding: 10px;
 width: 180px;
 float: left;
}

#column2of3 { 
 margin: 5px 0px 5px 10px;
 background: none; 
 padding: 10px;
 width: 180px;
 float: left;
}

#column3of3 { 
 margin: 5px 0px 5px 10px;
 background: none; 
 padding: 10px;
 width: 180px;
 float: left;
}

#footer {
 width: 600px;
 float: left;
 padding: 10px;
 margin: 10px 0px 0px 120px;
 }

.clear { float: left; width: 1px; /* http://www.positioniseverything.net/explorer/peekaboo.html */ }
#spacer {margin: 20px 0px 0px 0px; }
#spacer2 {margin: 100px 20px 20px 0px; }

	h1 {font-size:  24px; font-family: Myriad Web Pro,Arial,Helvetica,Verdana,sans-serif; color: #F5F8BE; letter-spacing: 2px; }
	h2 {font-size: 18px; font-family: Myriad Web Pro, Tahoma, Arial, Helvetica, sans-serif; color: #EFD847; letter-spacing: 2px; margin: 15px 0px 5px 0px; }
	h2.narrowcolhead {color: #00A651; margin: 10px 0px 5px 0px; }
	h2.narrowcolfirst {color: #00A651; margin: 0px 0px 5px 0px;  }
	h2.narrowcolsecond {color: #00A651; margin: 20px 0px 5px 0px;  }
	h2.homehead {color: #EFD847; margin: 10px 0px 5px 0px; }
    h2.homeheadfirst {color: #EFD847; margin: 0px 0px 5px 0px; }
	h2.calluscallout {color: #7CC576; }
	h3.bluecallout {color: #89cee7; margin: 0px 0px 5px 0px;  }
	h3 {font-size: 16px; font-family: Myriad Web Pro, Tahoma, Arial, Helvetica, sans-serif; color: #EFD847; letter-spacing: 2px; font-weight: bold; margin: 20px 0px 5px 0px; }
	h2.first {margin: 0px 0px 5px 0px; }
	
	p {font-size: 13px; font-family: Myriad Web Pro,Arial,Helvetica,Verdana,sans-serif; color: #F5F8BE; letter-spacing: 1px; line-height: 19px; }
	p.widemargin {margin: 5px 50px 5px 150px; }
	p.yellow {color: #EFD847; }
	p.rightcoltext {color: #7CC576; }
	p.right {text-align: right; }
    p.rightgreen {text-align: right; color: #7CC576;  }
	p.second {margin: 10px 0px 5px 0px; }
    p.tinytext {font-size:  2px; margin: 0px 0px 0px 0px; }
    p.indent {font-size: 14px; text-align:right; color: #7CC576; font-style: italic; font-family: Myriad Web Pro,Arial,Helvetica,Verdana,sans-serif; letter-spacing: 1px; line-height: 19px; margin: 0px 0px 0px 0px; }
    p.list {margin: 0px 0px 6px 0px; line-height: 16px; vertical-align:bottom; }
	p.rightlist {text-align: right; margin: 0px 0px 6px 0px; line-height: 16px; vertical-align:bottom; }
    p.footer {font-size: 12px; }
    p.footerright {font-size: 12px; text-align: right; }
    p.form {margin: 0px 0px 6px 0px; line-height: 30px; }
	p.bluecallout {color: #89d6e7; font-size: 13px; margin: 5px 0px 0px 0px; }

#nav1 {font-size: 20px; font-family: Myriad Web Pro,Arial,Helvetica,Verdana,sans-serif; color: #7CC576; }
#lead {font-size: 16px; font-family: Myriad Web Pro, Tahoma, Arial, Helvetica, sans-serif; color: #F5F8BE; letter-spacing: 1px; }

	a:link {color: #7CC576; }
	a:visited {color: #7CC576; }
	a:hover {color: #EFD847; }

    a.plain:link {text-decoration:none; color: #F5F8BE; }
    a.plain:visited {text-decoration: none; color: #F5F8BE; }
    a.plain:hover {color: #EFD847; }

    a.plainhead:link {text-decoration:none; color: #EFD847; }
    a.plainhead:visited {text-decoration: none; color: #EFD847; }
    a.plainhead:hover {text-decoration:underline; color: #EFD847; }

    a.nav:link {text-decoration:none; color: #7CC576; }
    a.nav:visited {text-decoration: none; color: #7CC576; }
    a.nav:hover {color: #EFD847; }
	
	a.bluecallout:link {color: #89d6e7; }
	a.bluecallout:visited {color: #89d6e7; }
	a.bluecallout:hover {color: #89d6e7; }    
   
/* top right bottom left */