html,body{height:100%;}
body{font:62.5%/1em Georgia, Arial; overflow:hidden;}

h2{font-size:2.5em; margin:0 0 20px 0; color:#5B5A52; opacity:.8;}
h3{font-size:2em; line-height:1.2em; margin:0 0 15px 0; color:#5B5A52;opacity:.8}
p, li{font-size:1.5em; line-height:1.3em;margin:0 0 15px 0; color:#a09f98;}
li{margin:0 0 2px 0;}
a{color:#a09f98;}
input, textarea{font:1.4em/1em Georgia, Arial;color:#5B5A52;}
.orange{color:#f38011;}
.hidden{display:none;}
.biopic{position:relative;float:left;display:inline; margin:-12px 10px 15px -12px; z-index:10;}
.clear{clear:both;}

/* @group template */
#container{position:relative;width:100%;height:100%;overflow-y:scroll; overflow-x:hidden;}


.scroll{position:relative; width:10000px;}
.scroll-item{position:relative;width:1000px; margin:0 0 500px 0;}
#page-contact{margin:0;}
.page{position:relative;width:551px; margin:0 auto 0 auto;}

.shadow-bottom{height:65px; margin:0 0 -40px -2px;background:url(../images/template/shadow-565.png) no-repeat center top;}

.header{position:relative;margin:0 auto 0 auto; padding:70px 0 0 0; width:547px;}

.logo{position:relative;text-indent:-1000em;width:547px; height:251px;margin:0px 0 -5px 0px;background:url(../images/template/logo.png) no-repeat left top; z-index:2;}
.nav{position:absolute;top:100px; left:-121px; width:149px; z-index:1;}
.nav li{clear:both;height:44px; font-size:9px; margin:0 0 -2px 0;}
.nav li a{display:block; float:right;text-decoration:none; text-transform:uppercase; color:#666464;background:url(../images/template/navbg.png) no-repeat left top;}
.nav li a em{display:block; height:44px; padding:0 0 0 10px; line-height:40px;color:#666464;}
.nav li.nav-home a{width:82px;}
.nav li.nav-about a{width:150px;}
.nav li.nav-services a{width:224px;}
.nav li.nav-contact a{width:108px;}
.nav li a.on, .nav li a:hover{color:#fff;background-position:left -47px;}
.nav li a em:hover, .nav li a.on em{color:#fff;}

#footer{position:absolute; left:0px; bottom:20px; width:1000px; background:#fff; padding:6px 0;opacity:0.8;}
#footer p{margin:0; font-size:1.2em; padding:0 10px; color:#444;}
/* @end */

/* @group containers */
.shadow-top{padding:6px 7px 0 8px;background:url(../images/template/shadow-top.png) no-repeat left top;}
.box-paper{position:relative;padding:30px 20px;background:url(../images/template/page.jpg) no-repeat left top; z-index:10; zoom:1;}
.box-paper ul{margin:0 0 0 10px; list-style: disc;}

.box-slider{position:relative;padding:10px;}
.box-slider ul{list-style:none; margin:0;}
.box-slider .slides{width:514px; height:196px; overflow:hidden;}
.box-slider .slide-descriptions{padding:10px 0 0 130px;height:35px;}
.box-slider .slide-descriptions li{float:left;display:inline; padding:0 20px 0 0; margin:0 12px 0 0; font-size:1em !important;background:url(../images/slider/seperator.png) no-repeat right center;}
.box-slider .slide-descriptions li.last{background:none; padding:0; margin:0;}
.box-slider .slide-descriptions a{font-size:2.9em;color:#b5b7b9; text-decoration:none;}
.box-slider .slide-descriptions a:hover{color:#586167;}
.box-slider .slide-descriptions li.on a{color:#586167;}
/* @end */

/* @group titles */
.title{text-indent:-1000em;}
.what-cook-today{width:412px; height:28px; margin:0 0 0 35px;background:url(../images/titles/what-do-you-want-to-cook-today.png) no-repeat left top;}
/* @end */

/* @group form */
form li{clear:both;float:left;display:inline;width:100%;padding:4px 0; font-size:1.3em;}
form p{clear:both;float:left;display:inline; font-size:1em; margin:0 0 0 130px;}
form label{float:left;display:inline; width:120px; font-size:1.2em;text-align:right; margin:0 10px 0 0; padding:10px 0 0 0;}
form input, form textarea{float:left;display:inline; width:346px; padding:6px 0 7px 4px; border:0px;}
form input{background:url(../images/template/input.png) no-repeat left top;}
form .textarea{float:left;display:inline; width:350px; height:180px; background:url(../images/template/textarea.png) no-repeat left top;}
form textarea{width:342px;height:158px; overflow:auto; border:0px; background:none;}
form .textarea p{margin:0 0 0 0;}
form button{position:relative;float:left;display:inline;margin:0 0 0 130px; text-indent:-1000em; width:53px; border:0px; cursor:pointer;background:url(../images/template/button-send.png) no-repeat left top;padding:4px;}
form input:focus{background-position:left -60px;}
form .textarea-focus{background-position:left -185px;}
form li.error input{background-position:left -120px;}
form li.error .textarea{background-position:left -370px;}
/* @end */

/* @group supersize */
#supersize{position:absolute;top:0px; left:0px; z-index:-1;}
#supersize img, #supersize a{height:100%;width:100%;position:absolute;z-index: 0;}
#supersize img.on{z-index:100;}

#supersize .prevslide, #supersize .prevslide img{z-index: 1;}
#supersize .activeslide, #supersize .activeslide img{z-index: 2;}

/* @end */



.slides .wrapper                { width:514px; height:196px; overflow: auto; position: absolute; top: 10px; left: 10px;}
.slides .wrapper ul             { width: 99999px; position: absolute; top: 0; left: 0;}
.slides ul li                   { display: block; float: left; padding: 0; width:514px; height:196px; margin: 0; }
.slides .arrow                  {display: block; height: 200px; width: 67px; position: absolute; top: 50%;cursor: pointer; }
.slides .forward                {right: -80px; top:50%;}
.slides .back                   {left: -20px; top:50%;}
.slides .forward:hover          {}
.slides .back:hover             {}

#thumbNav                               { position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { display:none;}

/*
  Prevents
*/
.slides .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.slides .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
