/* reset.css */

html, body, div, span, object, iframe, h5, h6, blockquote, pre, a, abbr, acronym, 
address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, submit, text {
	margin:0;
	padding:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}


img { border:none; margin: 0px; padding: 0px; }
a img { border:none; margin: 0px; padding: 0px; }


/* ##################### */
/* GEN/MISC BAR */


body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #180e0e;
	text-align: center;
	font-family: arial, helvetica, verdana, sans serif;
}


form, label, text, submit, select, input {
	font-size: 12px; 
	line-height: 17px;
	font-weight: normal;
	text-align: left;
}



a { text-decoration: none; }
a:hover { text-decoration: underline; }

hr {
	height: 1px;
	color: #e6e2e4;
	width: 95%;
	margin: 10px 0px 10px 0px;
}

.clearBoth { clear: both; overflow: hidden; height: 1px; }


/* ##################### */
/* MAIN */


	

#container {
	width: 802px;
	margin: auto;
	margin-top: 0px;
	padding: 0px;
	text-align: center;
	background-color: #000000;
}

#menu {
	width: 802px;
	height: 17px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #000000;
	color: red;
}

#flashbottle {
	position:relative;
	float: left;
	width: 400px;
	height: 800px;
	margin: auto;
	padding: 0px;
	text-align: center;
	overflow: hidden;
}

#content {
	position:relative;
	width: 802px;
	height: 804px;
	margin: auto;
	padding: 0px;
	text-align: center;
	overflow: hidden;
}

#content.normal {
	background: url('../images/background-sea-bottle.jpg');
	background-repeat: no-repeat;
}

#content.flash {
	background: url('../images/background-no-bottle.jpg');
	background-repeat: no-repeat;
}

#content.noBG {
	background: url('../images/transp.gif');
	background-repeat: no-repeat;
	width: 802px;
	background-color: #f4f3df;
}

#content.BlackNoBG {
	background: url('../images/black.gif');
	background-repeat: no-repeat;
	width: 802px;
	background-color: #000000;
}

#base {
	clear: both;
	width: 802px;
	height: 17px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: green;
	background-color: #180e0e;
}

#window {
	width: 348px;
	float: right;
	margin: 8px 10px 0px 0px;
	padding: 0px;
	text-align: left;
	background-color: #000000;
}

#miniWindow {
	position:absolute;
	top:0;
	left:0;
	width:325px;
	height: 135px;
	float: left;
	margin: 8px 0px 0px 10px;
	padding: 0px;
	text-align: left;
	background-color: #000000;
	background-repeat: no-repeat;
	background: url('../images/bg-miniWindow-mapPage.jpg');
	overflow: hidden;
}


#thankyouPage {
	width: 725px;
	margin: 0px;
	margin: auto;
	margin-top: 30px;
	padding: 0px;
	text-align: left;
}


#mapItem {
	position:absolute;
	top:0;
	left:0;
	width: 802px;
	display: block;
}




/* ##################### */
/* NAV BARS */



#menu ul li a, #base ul.main li a, #base ul.sub li a {
	color: #e6bd81;
	font-size: 10px; 
	font-weight: normal;
	font-family: tahoma,arial,verdana;
	text-decoration: none;
	height: 17px;
	padding-bottom: 2px;
}

#base ul.sub li a, p.sub {
 	color: #553a27;
	font-size: 9px;
}

p.sub {
 	margin-left: 5px;
	margin-bottom: 0px;
}

#menu ul li a:hover, #base ul.main li a:hover {
	color: #efa629;
	text-decoration: underline;
}

#base ul.sub li a:hover {
	color: #7a5a43;
	text-decoration: underline;
}

#menu ul, #base ul.main, #base ul.sub {
	list-style-type: none;
	margin: 0px 0px 2px 5px;
	padding: 0px 0px px 0px;
	height: 17px;
}

#menu ul li, #base ul.main li, #base ul.sub li {
	display:inline;
	margin: 0px;
	padding: 0px 22px 0px 0px;
	height: 17px;
	line-height: 15px;
}





/* ##################### */
/* WINDOW CONTENTS */

#window h1 {
	display: block;
	width: 348px;
	height: 85px;
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	color: #906c52;
	font-size: 24px; 
	line-height: 26px;
	font-weight: normal;
	font-family: times-new-roman, times new roman, times, garamond, helvetica, arial;
	text-transform: uppercase;
}

#window h1, #window h3 a { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #window h1, #window h3 a { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 

#window h1.welcome { background: url('../images/bg-welcome-h1.jpg'); }
#window h1.intro { background: url('../images/bg-intro-h1.jpg'); }




#window h2 {
	padding: 0px;
	margin: 15px 25px 3px 25px;
	color: #8f6d53;
	font-size: 18px; 
	line-height: 18px;
	font-weight: normal;
	font-family: times-new-roman, times new roman, times, garamond, helvetica, arial;
}

#window h3 {
	padding: 0px;
	margin: 0px;
}

#window h3 a.enterComp {
	display: block;
	width: 348px;
	height: 85px;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	color: #906c52;
	font-size: 24px; 
	line-height: 26px;
	font-weight: normal;
	font-family: times-new-roman, times new roman, times, garamond, helvetica, arial;
	background: url('../images/bg-enterComp-h3.jpg');
	background-repeat: no-repeat;
	overflow: hidden;
}




#window p, #window input, #window select {
	padding: 0px;
	margin: 15px 25px 3px 25px;
	color: #f3d3a6;
	font-size: 12px; 
	line-height: 15px;
	font-weight: normal;
}

#window p a { color: #f3d3a6; text-decoration: underline; }
#window p a:hover { color: #b28a56; }

#window select {
	background: #957556;
	border: 1px solid #624f38;
}

#window p.drinkaware {
	padding: 0px;
	margin: 20px 25px 20px 25px;
	color: #f3d3a6;
	font-size: 11px; 
	line-height: 13px;
	font-weight: normal;
}


/* ##################### */
/* INTRO PAGE BUY BTN */

#buyBtn {
	position:absolute;
	left:153px;
	top:685px;
	width: 121px;
	height: 32px;
	visibility: hidden;
}



/* ##################### */
/* MINI WINDOW CONTENTS */


#miniWindow h1, #miniWindow h2 {
	display: block;
	width: 215px;
	height: 28px;
	padding: 0px;
	margin: 0px;
	color: #906c52;
	font-size: 24px; 
	line-height: 26px;
	font-weight: normal;
	font-family: times-new-roman, times new roman, times, garamond, helvetica, arial;
	text-transform: uppercase;
}

#miniWindow h1, #miniWindow h2 { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #miniWindow h1, #miniWindow h2 { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 


#miniWindow p {
	padding: 0px;
	margin: 10px 5px 5px 15px;
	color: #f3d3a6;
	font-size: 14px; 
	line-height: 18px;
	font-weight: normal;
	font-family: times-new-roman, times new roman, times, garamond, helvetica, arial;
}

#miniWindow ul li a {
	padding: 0px;
	margin: 10px 5px 5px 15px;
	color: #f3d3a6;
	font-size: 13px; 
	line-height: 16px;
	font-weight: normal;
	font-family: times-new-roman, times new roman, times, garamond, helvetica, arial;
	text-decoration: underline;
}

#miniWindow ul li a:hover {
	color: #b28a56;
}

#miniWindow ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#miniWindow ul li {
	display:inline;
	margin: 0px;
	padding: 0px;
}





/* ##################### */
/* DISPLAY MARKER DIV & CONTENT */

#displaymarker {
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0px;
	width: 221px;
	height: 178px;
	background-color:#ff0000;
	background: url('../images/bg-Marker1.png');
	background-repeat: no-repeat;
	text-align: left;
}

#displaymarker p {
	padding: 0px;
	margin: 40px 15px 5px 10px;
	color: #f3d3a6;
	font-size: 12px; 
	line-height: 15px;
	font-weight: normal;
	text-align: left;
}


#displaymarker a {
	display: block;
	width: 64px;
	height: 22px;
	padding: 0px;
	margin: 10px 0px 0px 10px;
	background: url('../images/btnMarkerSubmit.gif');
	background-repeat: no-repeat;
}

#displaymarker a { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #displaymarker a { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 




/* ##################### */
/* INFO MARKER DIV & CONTENT */

#infoMarker {
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0px;
	width: 190px;
	height: 135px;
	background-color:red;
	background: url('../images/bg-Info.png'); 
	background-repeat: no-repeat;
	text-align: left;
}

#infoMarker p {
	padding: 0px;
	margin: 70px 15px 5px 10px;
	color: #f3d3a6;
	font-size: 12px; 
	line-height: 15px;
	font-weight: normal;
	text-align: left;
}






/* ##################### */
/* CUSTOMER DETAILS DIV & CONTENT */



#EntryForm, #EntryForm label, #EntryForm text, #EntryForm select, #EntryForm input {
	font-size: 12px; 
	line-height: 17px;
	font-weight: normal;
	color: #f3d3a6;
	text-align: left;
}


#EntryForm select, #EntryForm input {
	background: #957556;
	border: 1px solid #624f38;
}

#EntryForm h1 {
	margin-bottom: 20px;
	padding: 0px;
	color: #906c52;
	font-size: 22px; 
	line-height: 24px;
	font-weight: normal;
	font-family: times-new-roman, times new roman, times, garamond, helvetica, arial;
}


/* ##################### */
/* THANKS PAGE CONTENT */


#thankyouPage {
	color: #ffffff;
}


div#banner {
	display: block;
	width: 309px;
	height: 85px;
	padding: 0px;
	margin: 0px 0px 30px 0px;
	background: url('../images/bg-thanks-banner.jpg');
	background-repeat: no-repeat;
	color: #906c52;
	font-size: 24px; 
	line-height: 26px;
	font-weight: normal;
	font-family: times-new-roman, times new roman, times, garamond, helvetica, arial;
	text-transform: uppercase;
}

div#banner { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body div#banner { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 


#thankyouPage h1 {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	color: #906c52;
	font-size: 22px; 
	line-height: 24px;
	font-weight: normal;
	font-family: times-new-roman, times new roman, times, garamond, helvetica, arial;
}

#thankyouPage h2 {
	display: block;
	width: 242px;
	height: 28px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background: url('../images/title-yourCoords.gif');
	color: #906c52;
	font-size: 24px; 
	line-height: 26px;
	font-weight: normal;
	font-family: times-new-roman, times new roman, times, garamond, helvetica, arial;
	text-transform: uppercase;
}

#thankyouPage h2 { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #thankyouPage h2 { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 

#thankyouPage h3 {
	margin: 10px 0px 70px 0px;
	padding: 0px;
	color: #f3d3a6;
	font-size: 16px; 
	line-height: 18px;
	font-weight: bold;
	font-family: times-new-roman, times new roman, times, garamond, helvetica, arial;
}

#thankyouPage p {
	color: #f3d3a6;
	font-size: 13px; 
	line-height: 16px;
	font-weight: normal;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	width: 450px;
}

#thankyouPage p.smaller { color: #8f6d53; font-size: 12px; }
#thankyouPage p.smaller a { color: #8f6d53; text-decoration: underline; font-size: 12px; }
#thankyouPage p.smaller a:hover { color: #f3d3a6; text-decoration: underline; font-size: 12px; }

#bottles {
	margin: 50px 0px 20px 0px;
	padding: 0px;
	width: 725px;
	height: 270px;
}

#bottles .bottle {
	width: 145px;
	float: left;
	margin: 0px;
	padding: 0px;
	color: #f3d3a6;
	font-size: 11px; 
	line-height: 12px;
	font-weight: normal;
}

/* ##################### */
/* MISC STYLES FOR HOLDING PAGE */

#window h1.holding { background: url('../images/bg-holding-h1.jpg'); }


#window h3 a.holding {
	display: block;
	width: 348px;
	height: 85px;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	color: #906c52;
	font-size: 24px; 
	line-height: 26px;
	font-weight: normal;
	font-family: times-new-roman, times new roman, times, garamond, helvetica, arial;
	background: url('../images/bg-visitSite-h3.jpg');
	background-repeat: no-repeat;
	overflow: hidden;
}