/* $Id$ */

/* generic styles */
* { margin: 0; padding: 0; }

body { text-align: center; background: #333 url(../img/build/general/bg-strip.jpg) top left repeat-x; background-attachment:fixed; font-family: Arial, Verdana, Helvetica, sans-serif; }
/* end generic styles */

a img { border: none; }

#container { text-align: center; margin: 0 auto; width: 1000px; background-color: #000; overflow: hidden;}


/* content */
#content, #nav { text-align: left; padding-top: 28px; padding-bottom: 48px; }
#content, #content-flash { padding-top: 70px; color: #FBF5D0; width: 753px; padding-left: 32px; float: left; overflow: hidden; border-left: 1px solid #000; }

#content p { line-height: 1.5em; font-size: 80%; margin-bottom: 0px; }
#content p.calendar { color: #b28c3d; font-weight: bold; margin-top: 10px; }
#content a, #content a:active, #content a:visited { color: #B08B3D; text-decoration: underline; }
#content a:hover { color: #C19845; }
#content a.mainlink, #content a.mainlink:active, #content a.mainlink:visited, #content-flash a { color: #FBF5D0; text-decoration: none; font-weight: bold; font-size: 100%; }
/*#content a.mainlink:hover, #content-flash a:hover { text-decoration: underline; }*/
#content a.mainlink:hover, #content-flash a:hover { text-decoration: none; color: #C19845; }
#content p.title { font-size: 80%; margin: 14px 0; clear: both; }
#content #tasting strong.title { font-size: 1em; line-height: 1em; width: 100px; height: 13px; display: block; margin-bottom: -10px; }
#content ul, #content ol { margin-left: 20px; }
#content ul li, #content ol li { font-size: 80%; margin: 10px; line-height: 1.3em; }

/* end content */

/* nav */
#nav { float: left; width: 214px; font-size: 75%; padding-bottom: 10px; overflow: hidden; z-index: 0; height: 650px; }
#nav-swap { position: relative; float: left; width: 214px;  z-index: 0; margin-top: 0px;}
#nav-holder { width: 1000px; overflow: hidden; clip: rect(0px 214px 5000px 0px); position: absolute; margin-top: 30px;}
#nav-list { float: left; width: 190px; z-index: 0; }
#nav ul { list-style-type: none; margin-left: 36px; width: 140px; }
#nav ul li { color: #FBF5D0; margin: 15px 0; clear: both; line-height: 1.2em; }
#nav ul li a:link, #nav ul li a:active { color: #FBF5D0; text-decoration: none; }
#nav ul li a:visited { color: #EDE5B3; text-decoration: none; }
#nav ul li a.current-link { color: #917232; font-weight: bold; }
#nav ul li a:hover { color: #C19845; text-decoration: none; }
#nav a.back-nav { float: left; clear: right; margin-bottom: 20px; }
#nav .raq-big { margin-bottom: -5px; padding-bottom: 0; line-height: 0; }
#nav ul li.nav-landing { font-weight: bold; font-size: 120%; padding: 0 0 10px 0; }
/* end nav */

/* heading styles */
h1.heading, #content h2.heading { font-size: 95%; margin: 0px 0; width: 300px; }
h1.heading-bottom { font-size: 95%; margin: 5px 0 0 0; width: 300px; }
#content h2.heading-bottom { font-size: 10pt; margin: 5px 0 20px 0; width: 300px; }
#content h2.heading-top { font-size: 10pt; margin: 50px 0 10px 0; width: 300px; }
h1.heading-single { font-size: 90%; margin: 28px 0 0 0; width: 300px; }
h2 { font-size: 10pt; margin: 30px 0 25px; padding: 0; color: #B08B3D; width: 200px; }
h3 { font-size: 8pt; margin: 30px 0 10px; padding: 0; color: #B08B3D; width: 200px; }
h2.heading { margin: 35px 0 15px 0; }
.two-col-left h2, .two-col-left-large h2, .two-col-right h2, .two-col-right h2 { width: 220px; }
/* end heading */

/* sIFR Styles */
.nz-lite, .nz-black { color: #FBF5D0; }
#content .w340 { width: 340px; }
#content .w320 { width: 320px; }
#content .w300 { width: 300px; }
#content .w280 { width: 280px; }
#content .w260 { width: 260px; }
#content .w250 { width: 250px; }
#content .w230 { width: 230px; }
#content .w180 { width: 180px; }
/* end sIFR Styles */

/* logos */
#home .logo { display: none; }
#home { width: 160px; height: 120px; background: url(../img/build/logos/logo.png) top left no-repeat; display: block; margin-left: 26px; }

#eyc span, #eyc-purple span { display: none; }
#eyc { 
	width: 189px; 
	height: 47px; 
	display: block; 
	background: url(../img/build/logos/logo-eyc.png) center left no-repeat; 
	display: block; 
	clear: both; 
	margin-left: -10px; 
}
/* end logo */

/* backgrounds */
.home { background:#000 url(../img/build/backgrounds/background-home.jpg) top left no-repeat; }
/* end backgrounds */


/* columns */
.three-col-left {
	float: left; width: 235px; text-align: left; margin-top: 94px; margin-left: 65px;
}
.three-col-right {
	float: right; width: 216px; text-align: left; margin-top: 86px;
}
#video-panel { margin-top: 0; margin-left: 0; margin-right: 0; width: 220px; }
/* end columns */

/* homepage */
.shoes { background: url(../img/build/backgrounds/background-home-tango.jpg) top left no-repeat; }
.blank { height: 480px; width: 250px; float: left; }
.home .heading { margin-top: 24px; margin-bottom: 5px; margin-top: 20px; }
.home #content .nz-lite { margin-top: 0px; position: relative; }
.home #content .toplink { width: 92px; }
.home #content .bottomlink { width: 114px; }
.home #content p { margin: 0; padding: 0; line-height: normal; font-size: 70%; }
.home #content p.nz-lite { background: transparent url(/img/build/general/raq.gif) top right no-repeat; margin-bottom: 10px; margin-top:20px; }
.home #content p strong { width: 214px; display: block; margin: 0; padding: 0; margin-top: 0px; font-size: 120%; font-weight: normal; }
.home #content span.nz-black { font-size: 80%; line-height: 1.1em; position: relative; }
.home img { margin: 0; padding: 0; margin-top: 10px; }
span#home-main-link {  width: 190px; margin: 0; margin-top: 0px; padding: 0; display: block; background: transparent url(../img/build/general/raq.gif) 100% 80% no-repeat; position: relative; margin-left: 5px; }
#range-bottles { background: url(../img/build/bottles/range-home.jpg) top left no-repeat; width: 206px; height: 337px; display: block; }
#range-bottles a { display: none; }
.home #content { padding: 0; }
/* end homepage */
#content .nz-lite { margin-top: 20px; position: relative; }
#content .toplink { width: 92px; }
#content .bottomlink { width: 114px; }
#content p.nz-lite { background: transparent url(/img/build/general/raq.gif) top right no-repeat; margin-bottom: 10px; margin-top:20px; }
#content span.nz-black { font-size: 80%; line-height: 1.1em; position: relative; }


/* footer */
#footer { text-align: left; color: #787878; font-size: 70%; padding: 36px 0 36px 0; border-top: 1px solid #222; width: 1000px;  background-color: #000;}
#footer .contact { float: right; margin-right: 36px; }
#footer .contact li { display: inline; margin: 0 5px; }
#footer .contact a:link, #footer .contact a:active, #footer .contact a:visited { color: #787878; }
#footer .contact a:hover { color: #ccc; }
#footer .copy { float: left; margin-left: 36px; }
#footer .legal { margin-left: 36px; margin-top: 15px; line-height: 1.4em; }
#footer .legal a:link, #footer .legal a:active, #footer .legal a:visited { color: #B08B3D; text-decoration: none; }
#footer .legal a:hover { color: #C19845; text-decoration: underline; }
/* end footer */

/* misc styles */
.clear { clear: both; width: 100%; height: 1px; display: block; float: none; }
.raq { color: #831822; }
.raq-big { color: #B28C3D; font-size: 150%; font-weight: bold; }
.margin-top { margin-top: 32px; }
#content p.no-margin, .no-margin { margin: 0; }
.main-heading { font-size: 110%; margin: 0 0 20px 0; }
.left { float: left; }
.right { float: right; }
.left h1, .left h2, .left h3, .left h4, .right h1, .right h2, .right h3, .right h4 { width: 100%; }
#content p.error { color: #ff1122; margin-top: 0; margin-bottom: 0; font-size: 90%; font-weight: bold; margin: 10px 0; }
.fortyyo-content .two-col-right { height: 540px; }
#swf-bottle { margin-top: 20px; }
#content p.announcement { font-size: 90%; font-weight: bold; }

#swf-replacement { margin:0; margin-top: -15px; padding: 0; width: 480px; float: left; }
/* end misc styles */