/*  

Version: 1.0
Author: Keefe Au
Author URL: http://aukeefe.carbonmade.com

*/

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
table { border-collapse:collapse; border-spacing:0; }
ul,ol { list-style:none; }
caption,th { text-align:left; }
fieldset,img { border: none; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* LAYOUT */
.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }
.clearfix { display: block; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.margin-left { margin-left:20px; }

/* TYPE */
body { font: 100% Arial, Helvetica, sans-serif; background-color: #000; color: #fff; text-align: center;  }
input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } 
p { font-size: 0.95em; line-height:1.35em; margin:10px 0 20px 0;  }
a { text-decoration:none; color: #e8b035; }
a:hover { text-decoration:none; color: #fff; }
a:visited {text-decoration:none;  }
h2 { font: 1.5em Georgia, "Times New Roman", Times, serif;  }
h3 { font: 1.2em Georgia, "Times New Roman", Times, serif;  }
h4 { font: 0.95em Georgia, "Times New Roman", Times, serif; }
h5 { font-size: 0.725em; color:#96594f;  }
.bd { color:#96594f; text-transform:capitalize; }
.rd { color:#96594f; font-weight:bold;  }
.note { color:#96594f; font-size:0.85em; margin:5px 0 8px 0; }
.sr { color:#b58a83; font-size:0.85em;  }


/* wrapper */
#header-wrapper, #top-wrapper, #content-wrapper, #footer-wrapper { width:960px; height:auto; position: relative; margin: 0 auto; text-align: left; }

/* header */
#header { width:100%; height:36px; background:url(../images/header_bg.jpg) repeat-x; margin: 0 auto; position: relative; }

/* Main Navigation */
#navigation { width: 960px; height: 36px; position: relative; background:url(../images/nav.jpg) no-repeat; top:0; float:left; }
#navigation #nav { margin: 0; padding: 0; }
#navigation #nav li { display: inline;  }
#navigation #nav li a {  background:url(../images/nav.jpg) no-repeat; float: left;  overflow: hidden; text-indent: -900em;  }

/* ON STATES */
#navigation #nav li#nav-home a { background-position: 0 0; width:112px; height:36px; position:relative;  }
#navigation #nav li#nav-menu a { background-position: 112px 0; width:86px; height:36px; position:relative;  }
#navigation #nav li#nav-history a { background-position: 198px 0; width:165px; height:36px; position:relative;  }
#navigation #nav li#nav-products a { background-position: 363px 0; width:119px; height:36px; position:relative;   }
#navigation #nav li#nav-press a { background-position: 482px 0; width:87px; height:36px; position:relative;  }
#navigation #nav li#nav-employment a { background-position: 569px 0; width:137px; height:36px; position:relative;  }
#navigation #nav li#nav-location a { background-position: 706px 0; width:118px; height:36px; position:relative;  }
#navigation #nav li#nav-contact a { background-position: 824px 0; width:136px; height:36px; position:relative;  }


/* OVER STATES */
#navigation #nav li#nav-home a:hover { background-position: 0 -36px; width:112px; height:36px; position:relative;  }
#navigation #nav li#nav-menu a:hover { background-position: -112px -36px; width:86px; height:36px; position:relative;  }
#navigation #nav li#nav-history a:hover { background-position: -198px -36px; width:165px; height:36px; position:relative;  }
#navigation #nav li#nav-products a:hover { background-position: -363px -36px; width:119px; height:36px; position:relative;   }
#navigation #nav li#nav-press a:hover { background-position: -482px -36px; width:87px; height:36px; position:relative;  }
#navigation #nav li#nav-employment a:hover { background-position: -569px -36px; width:137px; height:36px; position:relative;  }
#navigation #nav li#nav-location a:hover { background-position: -706px -36px; width:118px; height:36px; position:relative;  }
#navigation #nav li#nav-contact a:hover { background-position: -824px -36px; width:136px; height:36px; position:relative;  }

/* top */
#top { width:100%; height:385px; background:url(../images/top_bg.jpg) center no-repeat; margin: 0 auto; position: relative;   }
#logo { width:315px; height:302px;  position: relative;   }
#logo a { background:url(../images/logo.png) no-repeat; width: 315px; height: 302px; position: absolute; text-indent: -900em;  left:315px; top:1px; overflow:hidden;  }
#logo.home a { cursor: default !important; }
#tagline { background:url(../images/name_title.png) no-repeat; width: 600px; height: 60px; position: relative; text-indent: -900em; float:left; left:176px;  overflow:hidden;  }


/* content */
#content { width:100%; height:auto;  margin: 0 auto; position: relative; }
#content-wrapper { background:url(../images/content_bg.jpg) repeat-y;  }
#base-box { width:960px; height:435px; background:url(../images/base_bg.jpg) no-repeat; position: relative; }
.section { width:960px; margin:0; height:auto; position:relative; }
img.all-img { position:relative; float:left; left:-16px; top:-15px; }
#about-text { position:relative; float:right; margin:30px 20px 0 0; width:650px; }
#product-box { position:relative; float:right; right:-10px; margin:0; width:530px; height:240px; background:url(../images/recipe_bg.png) no-repeat;  }
#product-text { width:300px; height:auto; position:relative; float:left; left:20px; top:30px; }
.all-text { position:relative; float:right; margin:30px 20px 50px 0; width:650px; }
.pd-text { position:relative; float:right; margin:30px 20px 50px 30px; width:620px; height:225px; background:url(../images/product_bg.png) no-repeat; }
img.product { position:relative; float:right; top:0; right:0; }
.rg-col { width:690px; margin:10px 0 30px 0; height:auto; position:relative; float:right; right:0; border-left:3px dotted #340604; overflow:hidden; }
.lf-col { width:200px; margin:10px 0 30px 0; padding-left:30px; height:auto; position:relative; float:left; left:0; overflow:hidden;  }
.text-box { margin:20px 20px; }
.lf-col ul {  margin:20px 0 35px 0; font-size:0.9em; text-transform:capitalize; }
.lf-col ul li { margin-bottom:12px; }
.lf-col p img, .lf-col h4 img, p img { position:relative; float:left; margin:4px 8px 4px 0; }
.press-img { border: 4px solid #340604; }
.line { border-bottom:3px dotted #340604; margin-bottom:20px; }
img.legend-img { position:relative; float:right; margin-left:5px; right:-10px; }
img.pd-img { position:relative; float:left; margin-right:5px;  }
.sm-section { position:relative; float:left; width:325px; height:auto; }
img.map { border: 6px solid #340604; margin:8px 0 5px 0; }
table { width:550px; border:none; margin:8px 0 30px 0;  }
table td { text-transform:capitalize; padding:2px 0; font-size:0.9em; }
table th { color:#b58a83; }
.price { color:#b58a83; }
.des { font-size:0.825em; color:#816864; text-transform:lowercase; }
.fov { margin:0 60px 30px 0; padding-bottom:20px; float:left; position:relative; width:200px; left:20px; }
.fov-rg { margin:0 0 30px 0; padding-bottom:20px; float:left; position:relative; width:140px;  }
#subnav li ul { margin-left:10px; margin-top:8px; }


/* slider */
#slider-section { width:920px; height:385px; background:url(../images/slider_frame.png) no-repeat; position:relative; left:20px; top:-22px; }
#slider { position:relative; left:15px; top:19px; }
.pics { width:890px; height:350px;  padding:0; margin:0; overflow: hidden; }
.pics img { width:890px; height:350px;  }

/* mailing list form */
#subscribe { margin:20px 0 30px 0; padding-bottom:20px; border-bottom:3px dotted #340604; }
.form { padding:0; }
.form, .form fieldset input, .form fieldset textarea, .form label { font-family: Arial, Helvetica, sans-serif; font-size:0.85em;  }
.form p { position: relative; margin: 8px 0;}
.form p label { position: absolute; top: 0; left: 0;}
.form p br {display: none;}
.form fieldset p input, .form fieldset p textarea { display: block; padding: 4px; width: 170px; margin: 0; background-color:#330805; }
.form fieldset p label { width: 170px; display: block; margin: 5px 5px 5px 6px; padding: 0; }
.form fieldset p textarea { padding: 2px; width: 170px; }
.form fieldset p textarea, .form fieldset p input {  color: #fff; border:1px solid #200503; }
.form fieldset p label { color: #816864; }
.form .submit-button { cursor:pointer;  background:url(../images/button_signup.png) no-repeat; width:105px; height:36px; text-indent:-900em; border: none; position:relative; float:right; right:17px;  overflow:hidden; font-size: 0; display:block; line-height: 0; }
.form .submit-button:hover { background:url(../images/button_signup_hover.png) no-repeat; width:105px; height:36px; border: none; }
.arrow { background:url(../images/arrow.png) 70px no-repeat; height:32px; }
.form label.error, .form input.submit { text-align:right; margin-right:0; }

.list { margin: 20px 0 20px 0; padding:0; }
.list li { display: block; padding:1px 0 1px 0; line-height:1.35em;  }
.list li a { font-size: 0.9em; color: #e8b035; }
.list li a:hover { color: #fff; }
.list li.facebook { background:url(../images/icon_facebook.png) no-repeat; position:relative; height:24px;   }
.list li.twitter { background:url(../images/icon_twitter.png) no-repeat; position:relative; height:24px;   }
.list li.facebook, .list li.twitter { padding-bottom:10px; }
.list li.facebook a, .list li.twitter a { margin-left:32px;  }

/* Contact form */
.cform { height:auto; width: auto; margin:10px 0 10px 0; padding: 0;  }
.cform fieldset { border:none !important; margin:20px 0 10px 0; height:auto; }
.cform label { color: #816864; margin-left:35px; padding:15px 0 10px 0; text-align:left; font-size:0.85em; display:block; }
.cform input, .cform textarea { margin-left:35px; background-color:#330805; padding:2px; border:1px solid #200503; color:#fff;   }
.cform input:hover, .cform textarea:hover, .cform input:focus, .cform textarea:focus {  border:1px solid #200503;  } 
.cform  input.Reset  { cursor:pointer; background:url(../images/button_reset.png) no-repeat; width:105px; height:36px; border:none !important; text-indent:-999em; left:-4px; float:left; position:relative; font-size: 0; display:block; line-height: 0; }
.cform  input.Submit { cursor:pointer; background:url(../images/button_submit.png) no-repeat; width:105px; height:36px; border:none !important; text-indent:-999em; font-size: 0; display:block; line-height: 0; }
.cform  input.Reset:hover  { background:url(../images/button_reset_hover.png) no-repeat; border:none !important; } 
.cform  input.Submit:hover { background:url(../images/button_submit_hover.png) no-repeat; border:none !important;  } 


/* footer */
#footer { width:100%; height:24px; background-color:#440a06; margin:20px 0 0 0; position: relative; color:#96594f; font-size:0.75em; }
#footer a { color:#96594f; }
#footer a:hover { color:#fff; }
.fl { position: relative; float:left; left:0; top:5px;  }
.fr { position: relative; float:left; left:360px; top:5px;  }
.bk-top {  position: relative; float:right; right:0; top:5px; }