/*  Site Name: Defrost
	Author/Developer: Dennis Rongo
----------------------------------------------------------*/


/*  Defaults 
----------------------------------------------------------*/
body { font: 10pt Arial, Helvetica, sans-serif; text-align: center; color: #444; overflow: hidden; background: #fff url("../images/defrost-bg.jpg") repeat-x scroll center top;}
body.page-schnapps, body.page-events, body.page-contact {background: #fff url("../images/defrost-bg-1.jpg") repeat-x scroll center top;}
a, a:visited { color: #444; text-decoration: none; }
a:hover { color: #fff; }
.no-display { display: none; }
.clear { clear: both; }

/*  Typography 
----------------------------------------------------------*/
.bold { font-weight: bold; }
.bottom { vertical-align: bottom; }
.italic { font-style: italic; }
.center { text-align: center; }
.required { color: Red; }
.fl { float: left; }
.fr { float: right; }
.tl { text-align: left; }
.tr { text-align: right; }

/*  Container 
----------------------------------------------------------*/
#wrapper {}
#container {margin: 0 auto; width: 1000px; text-align: left;}
#bottle-holder { }
.container{
	border:#FFF 8px solid;
	
}

/*  Header 
----------------------------------------------------------*/
#header {margin: 0 auto; width: 1000px; height: 121px;}
#header h1 {float: left;}
#header h1 a { background: url("../images/logo.png") no-repeat scroll 0 0 transparent; display: block; width: 353px; height: 113px; padding: 0; }

/*  Nav 
----------------------------------------------------------*/

ul#nav { list-style-type: none; margin: 0; padding: 15px 0 0 0; position: relative;  background: url("../images/nav-shadow.png") no-repeat scroll 365px center transparent; height: 66px; z-index: 3;}
ul#nav li { float: left; position: relative; padding: 15px,0; height: 54px;;}
ul#nav li.page-home { }
ul#nav li.page-schnapps {left: -25px; }
ul#nav li.page-events {left: -51px;}
ul#nav li.page-contact {left: -77px;}
ul#nav li.z-effect {height: 42px;}

/* default state */
ul#nav li.page-home a.h-effect { background: url("../images/nav-stripe-home.png") no-repeat scroll 0 -15px transparent; display: block; height: 65px; width: 150px;}
ul#nav li.page-schnapps a.h-effect { background: url("../images/nav-stripe-schnapps.png") no-repeat scroll -1px -15px transparent; display: block; height: 65px; width: 152px;}
ul#nav li.page-events a.h-effect { background: url("../images/nav-stripe-events.png") no-repeat scroll 0 -15px transparent; display: block; height: 65px; width: 152px;  }
ul#nav li.page-contact a.h-effect { background: url("../images/nav-stripe-contact.png") no-repeat scroll 0 -15px transparent; display: block; height: 65px; width: 168px;  }

/* hover state */
ul#nav a .hover { background: url("../images/main-nav-splice.png") no-repeat scroll 0 0 transparent; display: block; height: 100%; left: 0; opacity: 0; position: relative; top: 0; width: 100%; }
ul#nav li.page-home a.h-effect .hover { background: url("../images/nav-stripe-home.png") no-repeat scroll 0 -88px transparent; display: block; height: 65px; width: 150px; }
ul#nav li.page-schnapps a.h-effect .hover { background: url("../images/nav-stripe-schnapps.png") no-repeat scroll -1px -88px transparent; display: block; height: 65px; width: 152px; }
ul#nav li.page-events a.h-effect .hover { background: url("../images/nav-stripe-events.png") no-repeat scroll 0 -88px transparent; display: block; height: 65px; width: 152px; }
ul#nav li.page-contact a.h-effect .hover { background: url("../images/nav-stripe-contact.png") no-repeat scroll 0 -88px transparent; display: block; height: 65px; width: 168px; }

/* selected state */
/*body.page-home ul#nav li.page-home a .hover { background: url("../images/nav-stripe-home.png") no-repeat scroll 0 -88px transparent; display: block; height: 65px; width: 150px; }
body.page-schnapps ul#nav li.page-schnapps a.z-effect  { background: url("../images/nav-stripe-schnapps.png") no-repeat scroll -1px -88px transparent; display: block; height: 65px; width: 152px; }
body.page-events ul#nav li.page-events a  { background: url("../images/nav-stripe-events.png") no-repeat scroll 0 -88px transparent; display: block; height: 65px; width: 152px; }
body.page-contact ul#nav li.page-contact a  { background: url("../images/nav-stripe-contact.png") no-repeat scroll 0 -88px transparent; display: block; height: 65px; width: 168px; }
body.page-home ul#nav li.nav-home a { background: url("../images/nav-stripe-home.png") no-repeat scroll 0 -88px transparent; display: block; height: 65px; width: 150px; }
body.page-schnapps ul#nav li.nav-schnapps a { background: url("../images/nav-stripe-schnapps.png") no-repeat scroll -1px -88px transparent; display: block; height: 65px; width: 152px; }
body.page-events ul#nav li.nav-events a { background: url("../images/nav-stripe-events.png") no-repeat scroll 0 -88px transparent; display: block; height: 65px; width: 152px; }
body.page-contact ul#nav li.nav-contact a { background: url("../images/nav-stripe-contact.png") no-repeat scroll 0 -88px transparent; display: block; height: 65px; width: 168px; }*/

/*  Nav Dropdown
----------------------------------------------------------*/
ul#sub-menu li { width: 126px; text-align: left; padding-top: 0;  height: 31px;}
ul#sub-menu { padding: 0; list-style-type: none; z-index: 3; width: 100px; position: absolute; top: 100%; left: 0; margin-left: 25px; visibility: hidden;}
ul#sub-menu a.peppermint { background: url("../images/nav-dropdown-bg-peppermint.png") no-repeat scroll 0 0 transparent;}
ul#sub-menu a.cinnamon { background: url("../images/nav-dropdown-bg-cinnamon.png") no-repeat scroll 0 0 transparent;}

ul#nav li ul#sub-menu a {color: #fff; font-weight: bold; height: 31px;}
ul#sub-menu a:hover { color: #fff; }
/*ul#nav li {zoom: 1; height: 41px;}*/
ul#nav a:hover { color: #000; }
ul#nav a:active { color: #ffa500; }
ul#nav li a { display: block; color: #222; margin-bottom: 1px;}
ul#nav li:last-child a { border-right: none; }
/* Doesn't work in IE */
ul#nav li.hover, ul.dropdown li:hover { color: #000; position: relative; }
ul#nav li.hover a { color: #000; }
ul#nav ul li { font-weight: normal; color: #000; float: none; }
/* IE 6 & 7 Needs Inline Block */
ul#nav ul li a { border-right: none; width: 100%; display: inline-block; padding: 0 12px; }


/*  Main 
----------------------------------------------------------*/
#main {}
#main {height: 600px;}

/*  Footer 
----------------------------------------------------------*/
#footer {padding-left: 13px;color: #a7a9ac; font-size: 0.9em; position: relative; top: -40px; z-index: 3;}
#footer #logo {padding: 20px 0 10px 0;}
#footer a, #footer a:visited {color: #a7a9ac;}
body.page-schnapps #footer, body.page-events #footer, body.page-contact #footer {position: inherit;}

/*  Pages - Home 
----------------------------------------------------------*/
body.page-home {}
body.page-home #rotation-wrapper {position: relative; z-index: 2; background: url("../images/frame-large.png") no-repeat scroll 0 0 transparent; width: 964px; height: 805px;}
body.page-home #rotation-wrapper-in {position: relative; z-index: 1; margin-top: -741px; margin-left: 24px; width: 909px;height: 312px; }

body.page-home #content-top {position: relative; top: -55px;}
body.page-home #content-bottom {position: relative; top: -45px;}

/*  Pages - Schnapps 
----------------------------------------------------------*/
body.page-schnapps {color: #000;}
body.page-schnapps #content-wrapper {background: url("../images/frame-mid.png") no-repeat scroll 0 0 transparent; width: 582px; height: 616px; position: relative; z-index: 1; margin-left: 2px; top: -12px;}
body.page-schnapps #content-bg {width: 527px; height: 566px; z-index: 0; margin-left: 22px; margin-top: -606px;}
body.page-schnapps #title { width: 81px; height: 23px; position: relative; z-index: 1; left: 5px;}
body.page-schnapps #content-main {font-size: 16pt; font-weight: bold; color: #fff; position: relative; top: 74px; left: 75px;}

/* schnapps nav */
body.page-schnapps #recipes-nav {list-style-type: none; margin-left: 5px; width: 594px;}
body.page-schnapps #recipes-nav li {float: left;position: relative;}
body.page-schnapps #recipes-nav li a { display: block; color: #222; margin-bottom: 1px; height: 89px; }
body.page-schnapps #recipes-nav li.recipes-peppermint {right: 14px; z-index: 1;}
body.page-schnapps #recipes-nav li.recipes-cinnamon {left: -63px;}
body.page-schnapps #recipes-nav-shadow {background: url("../images/recipes-shadow.png") no-repeat scroll 0 0 transparent; position: relative; z-index: 0; width: 517px; height: 67px; margin-left: 13px; margin-top: -4px;}

/* schnapps recipe */

/* default state */
body.page-schnapps #recipes-nav a.peppermint {background: url("../images/recipes-peppermint.png") no-repeat scroll 0 0 transparent; width: 297px;}
body.page-schnapps #recipes-nav a.cinnamon {background: url("../images/recipes-cinnamon.png") no-repeat scroll 0 0 transparent; width: 297px;}

/* hover state */
body.page-schnapps #recipes-nav a .hover { display: block; height: 100%; left: 0; opacity: 0; position: relative; top: 0; width: 100%; }
body.page-schnapps #recipes-nav a.peppermint .hover {background: url("../images/recipes-peppermint.png") no-repeat scroll 0 -84px transparent; width: 297px; display: block; height: 89px;}
body.page-schnapps #recipes-nav a.cinnamon .hover {background: url("../images/recipes-cinnamon.png") no-repeat scroll 0 -84px transparent; width: 297px; display: block;  height: 89px;}

/* selected state */
body.peppermint #recipes-nav a.current-r {background: url("../images/recipes-peppermint.png") no-repeat scroll 0 -84px transparent; width: 297px; display: block; height: 89px;}
body.cinnamon #recipes-nav a.current-r {background: url("../images/recipes-cinnamon.png") no-repeat scroll 0 -84px transparent; width: 297px; display: block;  height: 89px;}

/* schnapps button */
body.page-schnapps #recipes-btn-peppermint {list-style-type: none; margin: 0;}
body.page-schnapps #recipes-btn-peppermint a.recipe-btn {z-index: 1; background: url("../images/btn-peppermint-small.png") no-repeat scroll 0 0 transparent; width: 169px; height: 67px; display: block;position: relative; right: -282px; top: 30px;}
body.page-schnapps #recipes-btn-peppermint .hover { display: block; height: 100%; left: 0; opacity: 0; position: relative; top: 0; width: 100%; }
body.page-schnapps #recipes-btn-peppermint a.recipe-btn .hover {background: url("../images/btn-peppermint-small.png") no-repeat scroll 0 -67px transparent; width: 169px; height: 67px; display: block;}

body.page-schnapps #recipes-btn-cinnamon {list-style-type: none; margin: 0;}
body.page-schnapps #recipes-btn-cinnamon a.recipe-btn {z-index: 1; background: url("../images/btn-cinnamon-small.png") no-repeat scroll 0 0 transparent; width: 169px; height: 67px; display: block;position: relative; right: -282px; top: 30px;}
body.page-schnapps #recipes-btn-cinnamon .hover { display: block; height: 100%; left: 0; opacity: 0; position: relative; top: 0; width: 100%; }
body.page-schnapps #recipes-btn-cinnamon a.recipe-btn .hover {background: url("../images/btn-cinnamon-small.png") no-repeat scroll 0 -67px transparent; width: 169px; height: 67px; display: block;}

body.page-schnapps .recipes-intro-content {}
body.page-schnapps #recipes-section {margin: 95px 80px 0 76px;}
body.page-schnapps .recipes-desc {height: 145px; padding-top: 40px;}
body.page-schnapps .recipes-desc ul {margin-left: 14px;}
body.page-schnapps .recipes-desc img {padding-bottom: 7px;}

/* specific settings to the recipe type */
body.peppermint #content-bg {background: url("../images/peppermint-bg.jpg") no-repeat scroll 0 0 transparent; }
body.cinnamon #content-bg {background: url("../images/cinnamon-bg.jpg") no-repeat scroll 0 0 transparent; }

/* recipes lower navigate button */
body.peppermint #recipes-btn-peppermint-all, body.cinnamon #recipes-btn-cinnamon-all {list-style-type: none; width: 594px; position: relative; z-index: 1; top: -36px; left: 200px; margin-left: 0;}
body.peppermint #recipes-btn-peppermint-all li, body.cinnamon #recipes-btn-cinnamon-all li {float: left;position: relative;}
body.peppermint #recipes-btn-peppermint-all li a, body.cinnamon #recipes-btn-cinnamon-all li a { display: block; margin-bottom: 1px; height: 58px; width: 54px;}

body.page-schnapps .myrecipes li a.recipe-1 {background: url("../images/nav-recipes-bottom-numbers.png") no-repeat scroll -6px 0 transparent; }
body.page-schnapps .myrecipes li a.recipe-2 {background: url("../images/nav-recipes-bottom-numbers.png") no-repeat scroll -64px 0 transparent; }
body.page-schnapps .myrecipes li a.recipe-3 {background: url("../images/nav-recipes-bottom-numbers.png") no-repeat scroll -125px 0 transparent; }
body.page-schnapps .myrecipes li a.recipe-4 {background: url("../images/nav-recipes-bottom-numbers.png") no-repeat scroll -184px 0 transparent; }

body.page-schnapps .myrecipes .hover { display: block; height: 100%; left: 0; opacity: 0; position: relative; top: 0; width: 100%; }
body.page-schnapps .myrecipes li a.recipe-1 .hover {background: url("../images/nav-recipes-bottom-numbers.png") no-repeat scroll -6px -58px transparent; }
body.page-schnapps .myrecipes li a.recipe-2 .hover {background: url("../images/nav-recipes-bottom-numbers.png") no-repeat scroll -64px -58px transparent; }
body.page-schnapps .myrecipes li a.recipe-3 .hover {background: url("../images/nav-recipes-bottom-numbers.png") no-repeat scroll -125px -58px transparent; }
body.page-schnapps .myrecipes li a.recipe-4 .hover {background: url("../images/nav-recipes-bottom-numbers.png") no-repeat scroll -184px -58px transparent; }

body.page-schnapps .myrecipes li.recipes-peppermint-1 a.current, body.page-schnapps .myrecipes li.recipes-cinnamon-1 a.current {background: url("../images/nav-recipes-bottom-numbers.png") no-repeat scroll -6px -58px transparent; }
body.page-schnapps .myrecipes li.recipes-peppermint-2 a.current, body.page-schnapps .myrecipes li.recipes-cinnamon-2 a.current {background: url("../images/nav-recipes-bottom-numbers.png") no-repeat scroll -64px -58px transparent; }
body.page-schnapps .myrecipes li.recipes-peppermint-3 a.current, body.page-schnapps .myrecipes li.recipes-cinnamon-3 a.current {background: url("../images/nav-recipes-bottom-numbers.png") no-repeat scroll -125px -58px transparent; }
body.page-schnapps .myrecipes li.recipes-peppermint-4 a.current, body.page-schnapps .myrecipes li.recipes-cinnamon-4 a.current {background: url("../images/nav-recipes-bottom-numbers.png") no-repeat scroll -184px -58px transparent; }

/* recipes lower navigate button - peppermint */
body.peppermint #recipes-bottom-bg {background: url("../images/recipes-peppermint-bottom.png") no-repeat scroll 0 0 transparent; width: 519px; height: 65px; position: relative; right: 68px; top: 30px;}
body.cinnamon #recipes-bottom-bg {background: url("../images/recipes-cinnamon-bottom.png") no-repeat scroll 0 0 transparent; width: 519px; height: 65px; position: relative; right: 68px; top: 30px;}
body.page-schnapps #recipes-bottom-bg .hover {display: block; height: 100%; left: 0; opacity: 0; position: relative; top: 0; width: 100%;}
body.page-schnapps #recipes-bottom-bg a {position: relative; display: block; width: 64px; height: 59px; background: url("../images/btn-recipe-small.png") no-repeat scroll 2px 0 transparent; z-index: 1;}
body.page-schnapps #recipes-bottom-bg a .hover {display: block; width: 64; height: 59px; background: url("../images/btn-recipe-small.png") no-repeat scroll 2px -58px transparent;}

body.page-schnapps #recipes-bottom-container {}

/*  Pages - Events 
----------------------------------------------------------*/
body.page-events {}
body.page-events #content-wrapper {background: url("../images/frame-mid.png") no-repeat scroll 0 0 transparent; width: 582px; height: 616px; position: relative; z-index: 1; margin-left: 2px; top: -10px;}
body.page-events #content-bg {background: url("../images/events-bg.jpg") no-repeat scroll 0 0 transparent; width: 527px; height: 566px; z-index: 0; margin-left: 22px; margin-top: -606px;}
body.page-events #title {background: url("../images/title-events.png") no-repeat scroll 0 0 transparent; width: 81px; height: 23px; position: relative; z-index: 1; top: 19px; left: 75px;}
body.page-events #content-main {font-size: 11pt; color: #fff; position: relative; top: 35px; left: 75px;}
body.page-events #title-bg {background: url("../images/black-bg.png") no-repeat scroll 0 0 transparent; height: 68px; left: 8px; top: 20px; position: relative;}

/*  Pages - Contact 
----------------------------------------------------------*/
body.page-contact {}
body.page-contact #content-wrapper {background: url("../images/frame-mid.png") no-repeat scroll 0 0 transparent; width: 582px; height: 616px; position: relative; z-index: 1; margin-left: 2px; top: -10px;}
body.page-contact #content-bg {background: url("../images/contact-bg.jpg") no-repeat scroll 0 0 transparent; width: 527px; height: 566px; z-index: 0; margin-left: 22px; margin-top: -606px;}
body.page-contact #title {background: url("../images/title-contact.png") no-repeat scroll 0 0 transparent; width: 389px; height: 23px; position: relative; z-index: 1; top: 19px; left: 75px;}
body.page-contact #content-main {font-size: 10pt; color: #000; position: relative; top: 35px; left: 82px;}
body.page-contact #content-main .fl {width: 210px;}
body.page-contact #content-main ul {margin-bottom: 20px; list-style-type: none; margin-left: 0;}
body.page-contact #title-bg {background: url("../images/black-bg.png") no-repeat scroll 0 0 transparent; height: 68px; left: 8px; top: 20px; position: relative;}

/*  Ajax Stuff
----------------------------------------------------------*/
#load {display: none;position: absolute;right: 10px; top: 10px; background: url(../images/ajax.gif); width: 43px; height: 11px; text-indent: -9999em; }

/*  Modal Age Verification
----------------------------------------------------------*/
#verify-age-modal #mask { position: absolute; z-index: 9000; background-color: #000; display: none; }
#verify-age-modal .window { position: absolute; width: 440px; height: 200px; display: none; z-index: 9999; padding: 20px; }
#verify-age-modal #dialog { background: url("../images/modal-alert-bg.png") no-repeat scroll 0 0 transparent; width: 684px; height: 510px;}
#verify-age-modal #modal-content {width: 684px; height: 510px; position: absolute; top: 413px; left: -2px;}
#verify-age-modal #modal-content a#response-yes {display: block;background: url("../images/modal-alert-response.png") no-repeat scroll 0 0 transparent; width: 78px; height: 42px; position: absolute; top: -20px; left: 175px;}
#verify-age-modal #modal-content a#response-no {display: block;background: url("../images/modal-alert-response.png") no-repeat scroll -87px 0 transparent; width: 78px; height: 42px; position: absolute; top: -20px; right: 185px;}