/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body { color:#284E36;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; background-color: #BECAC2;} 
* {margin:0;padding:0;list-style-type:none;}
  
/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {font-family:Arial, Helvetica, sans-serif;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {color:#6AADE4;text-decoration:none;}
a:hover, a:active {text-decoration: underline;}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { display: none; }
img {border: none; }
fieldset br{ clear:both;} 
fieldset{border:none;}

/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {clear: both;font-size: 0;height: 0;line-height: 0;overflow: hidden;}	
.clearfix:after { /* clear floats */   content:".";  display:block;  height:0; clear:both;
visibility:hidden;}

.clearfix {display:inline-block;}

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

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container {width: 800px;margin:  0 auto; background-color: #fff; border: 1px solid #284E36;}
#header{height: 301px; margin:0;padding: 0 0 9px 0;}
#content{ background:url(/images/bg_content.gif) repeat-y top right; border-bottom:33px solid #284E36;padding: 0 0 100px 0;}

#footer {text-align:center;padding: 20px 0;}

/* 3.1 HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#banner {height: 289px;width: 443px;padding:0px;border-bottom:0px solid #FFF;}
#banner{ margin-left: 0px;
display: block;
width: 800px;
height: 300px;
}
.slide {
		margin-left: 0px;
		position: absolute;
		width: 800px;
		height: 300px;}
.image_banner {margin:0; padding:0;}
#banner h2{color:#FFF;font-size:2.5em;display:none;text-align:right;}
#banner h2 span{display:block;margin-right:50px;}

.logo{background:url(/images/logo.jpg) no-repeat top left;width: 296px;height:173px;display:block;position:absolute; text-indent:-99999px;overflow:hidden; z-index:89; margin: 186px 0 0 36px;}

#nav{ height: 28px; background:#284E36; padding: 10px 0 0 358px; border-bottom:9px solid #FFF; position:relative}
#nav ul li{ float:left; font-size:1.2em; margin-left:10px; border-right:1px solid #6AADE4;}
#header ul li.last, #sub-nav ul li.last{ border:none;}
#nav ul li a{font-weight: normal; color:#6AADE4; position:relative;padding: 0 10px 0 0;}
#nav ul li a:hover { color:#FFF;text-decoration:none;} 

#nav ul li.selected  a, #sub-nav ul li.selected a{ color:#FFF; text-decoration:none;} 

#sub-nav{ margin-top: 36px; height: 28px; background:#5B8F22; padding: 10px 0 0 358px; border-bottom:9px solid #FFF; position:relative}
#sub-nav ul li{ float:left; font-size:1.2em; margin-left:10px; border-right:1px solid #284E36;}
#sub-nav ul li a{color:#284E36; font-weight: normal; position:relative;padding: 0 10px 0 0; z-index: 100;}
#sub-nav ul li a:hover { color:#FFF;text-decoration:none;  z-index: 100;} 
#sub-nav .first { padding-right:20px} 


/* 3.2 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#content h3{color:#6AADE4; font-size:2em; z-index: 89; font-weight:normal; padding: 0 0 15px 0; font-family:"Lucida Grande",Lucida, Arial; }  
#main-content{ width: 500px; float:left; padding: 58px 33px 0 36px;}
#main-content h4{ color:#5B8F22; font-size:1.8em; z-index: 89;}

#main-content p.desc{ font-size:1.1em; font-style:italic; padding: 0 0 5px 0;}
#main-content p.note{ font-size:0.9em; font-style:italic; padding: 10px 0 0 0;}

#main-content h5{ color:#284E36; font-weight: normal; font-size:1.5em; font-family: "Times New Roman", Times, sans-serif; padding: 0 0 .5em 0;}
#content #main-content p{ font-size:1.3em; font-family: "Times New Roman", Times, serif; padding: 0 0 .75em 0;}

table.menu{ width: 100%; border:none; border-top:1px solid #A6CEEF; margin: 0 0 30px 0; font-style:italic;}
table.menu td{ padding: 5px 0 0 0;}
table.menu tr.title td{ padding: 15px 0 0 0;}
table.menu tr.title td{ font-size:1.1em; font-style:normal; color:#5B8F22;}
table.menu td.price{ text-align:right;}
#sidebar{  width: 190px; float:left; padding: 0 0 0 15px; z-index: 89;}
#sidebar h4{ color:#FFF; margin: 30px 0 5px 0; font-size:1.6em; padding: 8px 0 2px 10px; border-bottom:1px solid #FFF; z-index: 89;}
#sidebar h5{ color:#FFF; font-weight: normal; font-size:1.2em; margin: 0 0 0 10px;}

#sidebar p, #sidebar ul{ margin: 0 0 5px 10px; font-size:1.2em; line-height:1.5em;}
#sidebar p span{ color:#FFF; display:block;}
#sidebar ul li{ background:url(/images/bullet.gif) no-repeat left 5px; padding: 0 0 0 10px; 
 position:relative;}
#sidebar ul li span a{font-size:1.1em; color: #284E36;}
#sidebar a {color: #284E36;}
.rss {text-align: right; margin-top: 15px;}

/* 3.3 FOOTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#footer a{ color:#6AADE4 !important;}
#footer p{ padding: 5px 0 0 0;}
#footer p.footer-links{ color:#6AADE4;}

/* SIFR */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {visibility: hidden;}
.sIFR-hasFlash h3 {visibility: hidden;}
.sIFR-hasFlash h4 {visibility: hidden;}