body { 
text-align: center; 
min-width: 780px; 
font-family: "Trebuchet MS", Geneva, Arial,Helvetica,SunSans-Regular,sans-serif; 
font-size: 0.8em; 
background-color: #ffffff; 
color: #584F4A; 
margin: 0; 
padding: 10px 0 0 0;
line-height: 1.8em;
}

h1 { font-family: Georgia, Geneva, Arial,Helvetica,SunSans-Regular,sans-serif; font-size: 2em; font-weight: 900; color: #ccc; line-height: 0.85em; letter-spacing:-2px; display: block; margin: 0; padding: 0; padding-bottom: 10px; border-bottom: 1px dotted #ccc; width:  300px; }
.contactHeader { width: 200px; display: block; color: #000000; letter-spacing:-2px; font-weight: 900; font-size: 1.5em; padding: 0.2em 0 0.2em 0.2em; border-top: 1px solid #999999; border-bottom: 1px solid #999999;}

/* LAYOUT___________________________________________________________________________ */ 

#wrapper { background-image: url("../img/organicSpiritLogo.gif"); background-position: top left; background-repeat: no-repeat; width: 960px; margin: 0 auto 20px auto; text-align: left; overflow: visible; }

#nav { margin: 0; padding: 0; height: 25px; }
.topNav { float: right; width: auto; }
ul.topNav { width: 100%; }
ul.topNav li { float: left; width: auto; padding: 0 5px; border-right: 1px solid #000000;}
ul.topNav li.topNavStart { float: left; width: auto; padding: 0 5px 0 0; }
ul.topNav li.topNavEnd { float: left; width: auto; padding: 0 5px; border-right: 0;}

#top { margin: 0; padding: 70px 0 0 285px; height: 30px; }
.mainNav { float: right; width: 100%; }
ul.mainNav { }
ul.mainNav li { font-family: "Trebuchet MS", Geneva, Arial,Helvetica,SunSans-Regular,sans-serif; float: left; width: auto; padding: 0 5px; border-right: 1px solid #CCC; font-size: 1.2em; color: #cccccc; font-weight: normal; }
ul.mainNav li.mainNavStart { float: left; width: auto; padding: 0 5px 0 0; }
ul.mainNav li.mainNavEnd { float: left; width: auto; padding: 0 5px; border-right: 0;}

#middle { margin: 0; padding: 0; text-align: left; }
.left { float: left; width: 400px; margin: 20px 0 20px 0; }
.leftAbout{ float: left; width: 100%; margin: 20px 0 20px 0; }
.right { float: right; width: 540px; overflow: hidden; margin: 20px 0 20px 0; }
.img1 { text-align: right; }
.imgUnder { text-align: right; }
.imgUnderAbout { text-align: left; margin-top: 5px;  margin-bottom: 10px; }             	
.img2 { float:left; }
.panel { float: right; background: url(../img/panelBkg93C94D.gif) repeat-x left top; width: 370px; height: 250px; font-size: 1.7em; font-weight: 900; color: #fff; letter-spacing: 0; padding: 0 15px 0 0 }
.panelAbout{ float: right; background: url(../img/panelBkg.gif) repeat-x left top; width: 370px; height: 250px; font-size: 1.7em; font-weight: 900; color: #fff; letter-spacing: 0; padding: 0 0 0 15px; }
.panel ul { width: 100%; margin-top: 15px; }
.panel ul li { margin-bottom: 25px; }

.top { margin-bottom: 5px; }
.topLeft { margin-right: 5px; }

p.download  { display: block; height: 40px; padding: 0 0 0 45px; margin-top: 20px; background: url( ../img/downloadIcon.gif) no-repeat left top; }

.form { margin-right: 30px; }
.email { display: block; height: 40px; padding: 0 0 0 45px; margin: 0 0 0 450px; background: url( ../img/downloadIcon.gif) no-repeat left top; }

#footer { clear: both; width: 960px; overflow: hidden; text-align: right; border-top: 1px solid #999; font-weight: bold; }
.tagline { color: #ccc; }

/* LINKS _____________________________________________________________________ */

a { color: #666; text-decoration: none; font-weight: bold;}
a:visited { color: #666; text-decoration: none; font-weight: bold; }
a:hover { color: #666; text-decoration: underline; font-weight: bold; }
a:active { color: #666; text-decoration: none; font-weight: bold; }

a.underline { color: #666; text-decoration: underline; font-weight: bold;}
a.underline:visited { color: #666; text-decoration: underline; font-weight: bold; }
a.underline:hover { color: #666; text-decoration: underline; font-weight: bold; }
a.underline:active { color: #666; text-decoration: underline; font-weight: bold; }

a.nav:link { color: #ccc; text-decoration: none; font-weight: normal; padding-bottom: 10px; }
a.nav:visited { color: #ccc; text-decoration: none; font-weight: normal; padding-bottom: 10px; }
a.nav:hover { color: #666; text-decoration: none; font-weight: normal; background: url(../img/mainNavHover.gif) no-repeat bottom center; padding-bottom: 10px; }
a.nav:active { color: #ccc; text-decoration: none; font-weight: normal; padding-bottom: 10px; }


/* GENERAL PRESENTATION ______________________________________________________ */

h2 { font-size: 1.3em; margin: 15px 0 10px 0; color: #ccc; font-weight: bold; }
p { padding: 0; margin: 5px 0 5px 0; }
.left { text-align: left; }
.b { font-weight: bold; }
.b1 { display: block; line-height: 20px; font-weight: bold; }
.red { color: #ff0000; }
ul { margin: 0; padding: 0; }
li { list-style: none; margin-bottom: 10px; font-size: 0.8em; }