/*--------------------------------------------------------------------------*/
/*				Miller Microsite					*/
/*--------------------------------------------------------------------------*/
		
/*----------------------  general styles ----------------------*/ 
body{
	background:#be0c18 url(/media/millerBg.jpg) no-repeat center top;
	text-align:center;
	margin:0;
	padding:0;
	color:#fff;
	font:11px arial, sans-serif;
}
h1{
	text-indent:-9999px;
	margin:0;
}
h2{
	text-indent:-9999px;
	margin:0;
}
ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
a:link, a:visited{
	color:#fff;
	outline:none;
}
.wrapper{
	width:951px;
	height:591px;
	margin:0 auto;
	text-align:left;
}
#subContent{
	float:left;
	width:355px;
	height:100%;
	position:relative;
}
#content{
	float:right;
	width:596px;
	height:100%;
	position:relative;
}
/*----- nav styles -----*/
#homeLink{
	position:absolute;
	top:15px;
	left:15px;
}
#homeLink a{
	text-indent:-9999px;
	display:block;
	width:175px;
	height:95px;
}
#topNav{
	margin:0;
	padding:0;
	float:right;
	position:relative;
	top:5px;
	right:20px;
}
#topNav li{
	display:inline;
}
#topNav a:link, #topNav a:visited{
	text-decoration:none;
	margin-right:15px;
}
#topNav a:hover{
	text-decoration:underline;
}
#nav{
	padding:0;
	width:498px;
	position:absolute;
	margin:48px 0 0 6px;
}
#nav li{
	display:block;
	float:left;
}
#nav a{
	display:block;
	text-indent:-9999px;
	line-height:64px;
	width:166px;
	height:64px;
}
#lowdownNav{
	background:url(/media/lowdownNav.jpg) no-repeat top left;
}
#chillinNav{
	background:url(/media/chillinNav.jpg) no-repeat top left;
}
#accessNav{
	background:url(/media/accessNav.jpg) no-repeat top left;
}
#lowdownNav:hover{
	background-position:bottom left;
}
#chillinNav:hover{
	background-position:bottom left;
}
#accessNav:hover{
	background-position:bottom left;
}
#lowdown #nav .on{
	background-position:bottom left;
}
#access #nav .on{
	background-position:bottom left;
}
#chillin #nav .on{
	background-position:bottom left;
}
/*---- footer styles ----*/
#footer{
	clear:both;
	margin:0 auto;
	text-align:center;
	color:#fff;
	width:951px;
}
#footer img{
	border:0;
}
#footerNav {
	background:#262626 /*url(/media/backgrounds/bg_footer_nav.jpg) repeat-x scroll left top*/;
	height:30px;
	margin:0;
	padding:0;
}
#footerNav ul{
	margin:0;
	padding:0;
	width:100%;
}
#footerNav li {
	float:left;
	line-height:30px;
	padding-left:32px;
}
#footerNav li a:link, #footerNav li a:visited {
	color:#5E5E5E;
	text-decoration:none;
}
#footer p{
	float:left;
	margin:0;
	margin-top:6px;
	text-align:left;
}
#footer #legal{
	float:right;
	text-align:left;
	text-transform:uppercase;
	margin-top:2px;
	margin-bottom:25px;
}
#footer #legal a:visited, #footer #legal a:link{
	color:#fff;
	text-decoration:none;
}
#footer #legal a:hover{
	text-decoration:underline;
}
#footer #legal p{
	position:relative;
	top:-2px;
	left:-5px;
}
/*---------------------- Age Gate ----------------------*/
#ageGate, #registration{
	background:url(/media/ageGateBg.jpg) no-repeat;
}
#ageGate h1{
	background:url(/media/ageGateHdr.jpg) no-repeat;
	width:327px;
	height:93px;
	position:relative;
	top:148px;
	left:152px;
}
#ageGate form{
	width:390px;
	height:200px;
	position:absolute;
	left:152px;
	top:241px;
}
#ageGate #subContent p{
	width:251px;
	position:absolute;
	top:100px;
	left:45px;
	margin-top:25px;
}
#ageGate #legal {
	position:absolute;
	background:url(/media/ageGateTermsBg.jpg) no-repeat top left;
	width:393px;
	height:41px;
	text-align:left;
	text-transform:uppercase;
	bottom:1px;
	right:80px;
}
#ageGate #legal a {
	text-decoration:none;
}
#ageGate #legal a:hover {
	text-decoration:underline;
}
#ageGate #legal p {
	float:left;
	margin:15px 0 0 33px;	
}
* html #ageGate #legal p {
	margin-left:15px;
}
#ageGate #legal img {
	border:0;
	margin:12px 0 0 15px;
}
/*---- input styles ----*/
input{
	width:76px;
	height:15px;
	position:absolute;
	top:15px;
}
#month{
	left:14px;
}
#monthBg{
	background:url(/media/inputMonth.jpg) no-repeat;
	width:109px;
	height:48px;
	float:left;
}
#day{
	left:124px;
}
#dayBg{
	background:url(/media/inputDay.jpg) no-repeat;
	width:109px;
	height:48px;
	float:left;
}
#year{
	left:236px;
}
#yearBg{
	background:url(/media/inputYear.jpg) no-repeat;
	width:109px;
	height:48px;
	float:left;
}
#enter{
	background:url(/media/enterLounge.jpg) no-repeat;
	width:328px;
	height:72px;
	overflow:hidden;
	display:block;
	position:static;
	text-indent:-9999px;
	clear:left;
}
#enter:hover{
	background-position:bottom left;
}
#exit{
	background:url(/media/exitLounge.jpg) no-repeat;
	width:328px;
	height:72px;
	overflow:hidden;
	display:block;
	position:static;
	text-indent:-9999px;
}
#exit:hover{
	background-position:bottom left;
}
#error{
	font-size:15px;
	font-weight:bold;
	background-color:#ff0000;
	color:#fff;
	padding:3px 5px;
	position:absolute;
	top:130px;
	left:20px;
}
#ageGate #error{
	right:175px;
}
/*---------------------- registration ----------------------*/
#registration h1{
	background:url(/media/registration.jpg) no-repeat;
	display:block;
	width:161px;
	height:22px;
	position:absolute;
	top:50px;
	right:224px;
}
#registration form{
	position:absolute;
	top:100px;
	left:85px;
	width:500px;
	height:550px;
}
#registration p.note {
	position:absolute;
	font-size:10px;
	font-style:italic;
	left:200px;
	top:-20px;
	color:#000;
}
#registration p.disclaimer {
	font-size:10px;
	font-style:italic;
	color:#000;
	position:absolute;
	top:460px;
	left:110px;
}
#registration input {
	float:left;
	display:block;
	width:265px;
	top:0;
	left:0;
	margin:5px 16px 5px 0;
	position:static;
}
#registration select {
	margin:5px 16px 5px 0;
	float:left;
} 
#registration .dob{
	width:75px;
}
#registration #sweepstakes {
	width:20px;
	float:left;
	clear:left;
	margin-left:140px;
	margin-right:0;
}
#registration .checkboxLabel {
	float:left;
	width:290px;
	clear:none;
	text-align:left;
	margin-left:10px;
}
#registration label{
	clear:left;
	width:145px;
	float:left;
	text-align:right;
	font-size:15px;
	font-weight:bold;
	margin:5px 15px 5px 30px;	
	color:#000;
	position:relative;
}
#registration #submit{
	background:url(/media/submitBtn.jpg) no-repeat top left;
	text-indent:-9999px;
	display:block;
	clear:left;
	width:120px;
	height:50px;
	position:absolute;
	top:420px;
	left:270px;
}
#registration #submit:hover{
	background-position:bottom left;
}
	
/*---------------------- lowdown ----------------------*/
#lowdown{
	background:url(/media/lowdownBg.jpg) no-repeat;
}	
#lowdown h1{
	background:url(/media/lowdownHdr.jpg) no-repeat;
	position:relative;
	width:224px;
	height:39px;
	top:146px;
	left:33px;
}
#lowdown #subContent p{
	width:235px;
	text-align:right;
	position:relative;
	margin:0;
	top:150px;
	left:48px;
}
#lowdown #subContent img{
	position:absolute;
	top:268px;
	left:28px;
}
#lowdown #content h2{
	text-indent:0;
	font-size:24px;
	font-weight:normal;
	width:130px;
	height:35px;
	position:absolute;
	top:152px;
	left:173px;
}
#lowdown #content img{
	float:right;
	position:absolute;
	top:203px;
	left:305px;
}
#lowdown #content p{
	clear:left;
	text-align:right;
	width:220px;
	position:relative;
	top:185px;
	left:70px;
}
/*---------------------- access ----------------------*/
#access{
	background:url(/media/accessBg.jpg) no-repeat;
}	
#access h1{
	background:url(/media/accessHdr.jpg) no-repeat;
	position:absolute;
	width:184px;
	height:33px;
	margin:0;
	top:151px;
	left:35px;
}
#access #subContent p{
	width:224px;
	text-align:right;
	position:absolute;
	top:185px;
	left:15px;
	margin:0;
}
#access #subContent img{
	position:absolute;
	top:247px;
	left:28px;	
}
#access #content h2{
	text-indent:0;
	font-size:24px;
	font-weight:normal;
	position:absolute;
	margin:0;
	width:130px;
	height:35px;
	top:160px;
	left:325px;
}
#access #content p{
	clear:left;
	text-align:right;
	position:relative;
	width:410px;
	margin:0;
	top:190px;
	left:38px;
}
#access #content img{
	position:absolute;
	top:319px;
	left:41px;
	
}
/*---------------------- terms&privacy ----------------------*/
#terms{
	background:url(/media/termsBg.jpg) no-repeat;
}
#privacy{
	background:url(/media/termsBg.jpg) no-repeat;
}
#terms h1, #privacy h1{
	text-indent:0;
	font:bold 11px arial, sans-serif;
	padding:10px 0;
}
#terms h2, #privacy h2{
	text-indent:0;
	font:bold 11px arial, sans-serif;
	padding:10px 0;
}
#terms #content, #privacy #content{
	width:951px;
}
#terms #legalContent, #privacy #legalContent{
	clear:left;
	width:870px;
	height:420px;
	overflow:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	margin:135px 0 0 40px;
	padding-right:15px;
}
.singleCol #nav{
	margin-left:361px;
}
/*---------------------- home ----------------------*/	
#home{
	background:url(/media/homeBg.jpg) no-repeat;
}
#home #content{
	width:951px;
}
#home p{
	width:350px;
}
#home #mainContent{
	clear:both;
	width:360px;
	float:right;
	margin:20px 20px 0 0;
}
#home #mainContent ul{
	margin:0;
	padding:0;
}
#home #mainContent li{
	margin:10px 0;
}
#home img.dome{
	position:absolute;
	z-index:2;
	top:106px;
	left:141px;
}
#home #links li{
	text-indent:-9999px;
	position:absolute;
	z-index:5;
}
#home #links .access{
	top:83px;
	left:173px;
}
#home #links .lowdown{
	top:426px;
	left:137px;
}
#home #links .chillin{
	top:253px;
	right:46px;
}
#home #links .access a{
	background:url(/media/homeAccess.jpg) no-repeat;
	display:block;
	width:225px;
	height:44px;
}
#home #links .lowdown a{
	background:url(/media/homeLowdown.jpg) no-repeat;
	display:block;
	width:286px;
	height:78px;
	clear:both;
}
#home #links .chillin a{
	background:url(/media/homeChillin.jpg) no-repeat;
	display:block;
	width:355px;
	height:313px;
}
/*----------------------chillin ----------------------*/

#chillin{
	background:url(/media/chillinBg.jpg) no-repeat;
}	
#chillin h1{
	background:url(/media/chillinHdr.jpg) no-repeat;
	width:267px;
	height:39px;
	position:absolute;
	margin:0;
	top:148px;
	left:33px;
}
#chillin #subContent{
	width:305px;
}
#chillin #subContent p{
	width:240px;
	text-align:right;
	margin:0;
	position:absolute;
	top:190px;
	left:48px;
}
#chillin #content{
	width:636px;
}
#chillin #nav{
	padding:0;
	width:502px;
	margin-left:47px;
}
#chillin #arrowLeft{
	clear:both;
	width:32px;
	height:49px;
	background:url(/media/arrowLeft.jpg) no-repeat;
	position:absolute;
	top:303px;
	left:16px;
	margin:0;
	text-indent:-9999px;
	z-index:1;
}
#chillin #arrowRight{
	width:32px;
	height:49px;
	background:url(/media/arrowRight.jpg) no-repeat;
	text-indent:-9999px;
	position:absolute;
	z-index:1;
	margin:0;
	top:303px;
	right:116px;
}
#chillin #galleryContainer{
	width:456px;
	height:410px;
	margin:0;
	top:130px;
	left:40px;
	overflow:hidden; 
	position:absolute;
	z-index:5;
}
#chillin #photoSlider{
	position:absolute;
	width:600px;
}
#chillin #photoGallery{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#chillin #photoSlider li{
	float:left;
	width:228px;
	height:205px;
	position:relative;
}
#chillin #photoSlider li:hover .hoverLinks {
	display:block;
}
#chillin #photoSlider .one{
	background:url(/media/chillinPhoto1Bg.png) no-repeat;
}
#chillin #photoSlider .one img{
	padding:19px 0 0 20px;
}
#chillin #photoSlider .one .hoverLinks{
	left:16px;
}
#chillin #photoSlider .two{
	background:url(/media/chillinPhoto2Bg.png) no-repeat;
}
#chillin #photoSlider .two img{
	padding:19px 0 0 14px;
}
#chillin #photoSlider .two .hoverLinks{
	left:10px;
}
#chillin #photoSlider .three{
	background:url(/media/chillinPhoto3Bg.png) no-repeat;
}
#chillin #photoSlider .three img{
	padding:8px 0 0 20px;
}
#chillin #photoSlider .three .hoverLinks{
	left:16px;
	bottom:26px;
}
#chillin #photoSlider .four{
	background:url(/media/chillinPhoto4Bg.png) no-repeat;
}
#chillin #photoSlider .four img{
	padding:8px 0 0 14px;
}
#chillin #photoSlider .four .hoverLinks{
	left:10px;
	bottom:26px;
}
#chillin #photoSlider .hoverLinks{
	background-color:#fff;
	position:absolute;
	width:198px;
	height:20px;
	bottom:15px;
	display:none;
	margin:0;
	padding:0;
}
#chillin #photoSlider .hoverLinks a{
	text-indent:0;
	float:left;
	z-index:5;
	padding-left:15px;
	margin:0 8px 0 5px;
	text-decoration:none;
	color:#909090;
	line-height:20px;
}
#chillin #photoSlider .hoverLinks a:hover{
	text-decoration:underline;
}
#chillin #photoSlider #photoGallery .hoverLinks a.download{
	background:url(/media/arrowDownload.jpg) no-repeat 0px 50%;
}
#chillin #photoSlider #photoGallery .hoverLinks a.email{
	background:url(/media/email.jpg) no-repeat 0px 50%;
	padding-left:20px;
}
#chillin #arrowRight.disable,#chillin #arrowLeft.disable{
	visibility:hidden;
}
#chillin #arrowRight.enable,#chillin #arrowLeft.enable{
	visibility:visible;
}
#chillin #content p{
	clear:left;
	width:500px;
	position:absolute;
	margin:0;
	bottom:40px;
	left:40px;
}
.fail{
	font-size:15px;
	font-weight:bold;
	width:400px;
	position:absolute;
	top:325px;
	left:125px;
}
.underage .fail {
	top:200px;
	left:525px;
}
.responsibly {
	float:left;
	margin-top:4px;
}

	
/*- HACKS -*/
* html #registration input{
	margin:5px 14px 5px 0;
}
*+ html #registration input{
	margin:5px 14px 5px 0;
}
/*/*/html*#monthBg>input {width:80px; height:19px;}/* */
/*/*/html*#dayBg>input {width:80px; height:19px;}/* */
/*/*/html*#yearBg>input {width:80px; height:19px;}/* */
*+ html*#monthBg>input {width:76px; height:15px;}/* */
*+ html*#dayBg>input {width:76px; height:15px;}/* */
*+ html*#yearBg>input {width:76px; height:15px;}/* */
* html #chillin #photoSlider #photoGallery .one{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/chillinPhoto1Bg.png');
}
* html #chillin #photoSlider #photoGallery .two{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/chillinPhoto2Bg.png');
}
* html #chillin #photoSlider #photoGallery .three{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/chillinPhoto3Bg.png');
}
* html #chillin #photoSlider #photoGallery .four{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/chillinPhoto4Bg.png');
}
* html #registration #sweepstakes {
	margin-left:79px;
}
* html #registration p.disclaimer {
	top:470px;
}
* + html #registration p.disclaimer {
	top:470px;
}