/*
		 B2B Organics
		 http://b2borganics.com
		 
*/

/*
	RESET
*/

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
html, body { height: 100%; }
body { font-size: 12px; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color: #272727; margin: 0; padding: 0; background: #eeeeee url(../images/bg.jpg) repeat-x; } }
ul { list-style: square inside; }
ol { list-style: decimal inside; }
a { outline: none; text-decoration: none; }
a img { border: none; background: none; }
img { vertical-align: middle; }
table { border-collapse: collapse; }

/*
	STRUCTURE
*/
#page-wrap { width: 960px; margin: 0px auto -250px; min-height: 100%; height: auto !important; height: 100%;}
#content { margin: 0; padding: 0; min-height: 480px; background: url(../images/content_bg.png) repeat-y left top; }
#side-bar { width:260px; float: left; background: #FFF; margin: -30px 0 0 0; padding: 20px; height: auto; }
#side-bar img { vertical-align: middle; }
#main-col { width: 620px; padding: 20px; margin: 10px 0 0 300px; }
#main-col img { vertical-align: middle; border: 0px solid #999; padding: 5px; margin: 5px; }
#push { height: 250px; }

/*
	TYPGROGRAPHY
*/
p{  padding: 10px 5px;  }
h1 { font-size: 3.2em; font-weight: normal; margin: 5px 0; }
h2 { font-size: 2.8em; font-weight: normal; padding: 5px 0; }
h3 { font-size: 1.6em; font-weight: normal; margin: 0 0 10px 0; }
h4 { color: white; font-size: 2.0em; margin-bottom: 15px; }

hr { margin: 10px 5px; border-top:0; border-left: 0; border-bottom: 1px solid #ccc; border-right: 0; } 

#content a:link { color: #990000; text-decoration: none; border-bottom: 1px dotted #CCC;}
#content a:hover { color: #666666; text-decoration: none; border-bottom: 1px solid #CCC;}
#content a:active { color: #990000; text-decoration: none; border-bottom: 1px dotted #CCC;}
#content a:visited { color: #990000; text-decoration: none; border-bottom: 1px dotted #CCC;}

#content li { padding: 10px 5px;}

/*
	HEADER
*/
h1#logo { width: 300px; height: 191px; background: url(../images/b2b-organics.png) top left no-repeat; text-indent: -9999px; float: left; margin: 0;  }
#top-bar { height:213px; }
#slogan { margin: 90px 0 0 0; float: right; background: url(../images/slogan.png) no-repeat; width:372px; height: 18px; }

/*
	MENU
*/
#menu-bar { font-size: 17px; margin: -40px 0 0 0; text-align: right; width:100%; float: right;  }
ul#main-nav { margin: 0; }
ul#main-nav	li { display: inline; }
ul#main-nav li a { text-transform: uppercase; color: white; font-size: 1.2em; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#main-nav li a:hover,
body#default ul#main-nav li.home a,
body#about ul#main-nav li.about a,
body#contact ul#main-nav li.contact a{ background: white; color: #272727; }

/*
	FOOTER
*/
#footer { height: 250px; background: #3d3d3d url(../images/footer-bg.png) repeat-x; border-top: 1px solid #333; padding-top: 20px;  }
#footer-inside { width: 920px; margin: 0 auto; padding: 0px 20px; }
#footer p { color: white; }
#footer a { color: #500000; padding: 2px;}
#footer a:hover { color: white;  }
#footer-1 { width: 300px; float: left; margin-right: 30px; }
#footer-2 { width: 200px; float: left; margin-right: 30px; }
#footer-3 { width: 500px; float: left; margin-bottom: 10px; }
#footer-4 { width: 500px; float: left; font-size: 10px; }
#footer ul { color: white; list-style: inside; }
#footer li { display: inline; padding-right: 10px; }