/* CSS Document */

body { background-color:#3c3330; }
div.clear { clear:both; }

#body { width:770px; }
#spacer { height:7px; background-image:url(img/spacer.jpg); background-repeat:repeat-x; }

/*
	Header bar
*/

#headerbar { text-align:right; padding-top:10px; padding-bottom:10px; padding-right:7px; background-color:#362d2a; color:#d0cab0; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
#headerbar a { text-decoration:none; color:#d0cab0; }
#headerbar a:hover { text-decoration:underline; color:#FF6666; } 


/* 
	Side nav div and all its shit
*/
#sidenav { float:left; width:300px; }
#sidenav ul { margin:0; padding:0; list-style:none; margin-left:20px; margin-top:10px; }
#sidenav ul a { display:block; width:230px; height:35px; padding-left:50px; padding-top:10px; background-image:url(img/sidenav.gif); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ddd9cb; text-decoration:none; }
#sidenav ul a.active { background-image:url(img/sidenav_hover.gif); background-repeat:no-repeat; color:#f26521; }
#sidenav ul a:hover { background-image:url(img/sidenav_hover.gif); color:#f26521; }
/* contact us div inside the sidenav div */
#contactus { background-color:#332b29; border:1px solid #5e5a5a; padding-right:10px; margin-left:10px; margin-right:10px; margin-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#d0cab0; }
#contactus img { float:left; } 
#contactus #address { margin-top:40px; } 
#contactus a { color:#FFFFCC; }
#contactus a:hover { color:#FF6633;} 
#sidenav img.product { float:left; }


/*
	Main div
*/
#main { float:left; width: 420px; text-align: left; color:#ddd9cb; padding-top:20px; margin-left:20px; font-family:Arial, Helvetica, sans-serif; } 
#main h1 { font-size:18px; }
#main h3 { font-size: 14px; } 
#main p { font-size:12px; f }
#main ul {font-size:12px; } 
div.aboutus { float:left; width:180px; margin-left:20px; }

#sideon { display:none; }