* { padding: 0; margin: 0; outline: none; }
a img { border: 0; }
a:focus { outline: none; }
ul { list-style: none; }
h1 { color: #fff; }
p.red { color: #f00; }
p.black { color: #000; }

html, body { height: 100%; overflow: hidden; }
body { text-align: left; font: 13px arial, helvetica, sans-serif; background: url(../images/bg.jpg) left top repeat; }
#wrapper { position: relative; height: 100%; overflow: hidden; }
	#nav { position: fixed; top: 0; left: 0; width: 222px; height: 406px; z-index: 50; background: url(../images/nav_bg.gif) left 177px no-repeat; }
		#nav li { width: 150px; padding: 10px 0 0 13px; cursor: pointer; }
			#nav li.home { padding: 0; width: 219px; }
			#nav li.art { width: 180px; padding-top: 2px; }
			#nav li.contact { padding-top: 0; }
			#nav li.find { width: 92px; padding: 3px 0 0; }
		#nav li a { display: block; }
	#nav_btm {position:absolute; top:403px; z-index:50; margin:0px; width:83px; height:91px;}
	#content { position: relative; height: 900px; z-index: 40; background: url(../images/bg_content.jpg) left top repeat-x; padding-left: 2048px; margin-left: -2048px; }
		div.page { position: relative; float: left; width: 1024px; padding-left: 0px; height: 728px; z-index: 50; }
			div.page h1 { position: absolute; left: 512px; }
			/*Main Icon Positions - relative to div.page*/
			div.page a { position: absolute; }
				#our_wine { top: 194px; left: 400px; }
				#game_two_blank { top: 194px; left: 400px; }
				/*#game_two { top: 194px; left: 400px; }*/
				#wine_pairings { left: 380px; top: 260px; }
				#find_us { left: 330px; top: 227px; }
				#our_art { left: 440px; top: 210px; }
				#thumbs_up { left: 422px; top: 268px; }
				#contact_us { top: 250px; left: 400px; }
			#homepage { position: absolute; left: 410px; top: 232px; }
			
		/*Contact Form Styles*/	
		#contact_form { position: relative; width: 537px; height: 450px; padding: 60px 90px 50px 30px; margin: 0 auto; background: url(../images/contact_us/contact_bg.gif) left top no-repeat; line-height: 1em; text-align: left; }
			#contact_left { float: left; width: 250px; height: 300px; margin-top:-3px;}
			div.contact_row { float: left; width: 550px; padding-bottom:1px;}
				#contact_form p { font-weight: bold; padding-bottom: 6px; }
					/*#contact_form p.indent { text-indent: 15px; }*/
				#contact_form p, #contact_form label { font-family: "trebuchet ms", helvetica, sans-serif; }
				#contact_form select { color: #c81415; font-weight: bold; font-size: 13px; font-family: "trebuchet ms", helvetica, sans-serif; margin: 0 0 0 36px; }
				#contact_left label { color: #c81415; display: block; font-weight: bold; font-size: 13px; padding-top: 3px; padding-bottom:1px; line-height:90%; }
				#contact_left label.zip {position:relative; top:-1px;}
				#contact_left input.uInput { border: 1px solid #c1baaa; border-top: 0; height: 16px; width: 247px; }
					/*#contact_form #first_name select { float: left; width: 55px; margin: 10px 22px 0 0; }
					#contact_form #first_name label, #contact_form #first_name input { width: 168px; }*/
/*				#contact_left input.uInputAgeMonth { border: 1px solid #c1baaa; border-top: 0; margin-left:72px; height: 16px; width: 25px; color:#b7b7b7;}*/
/*				#contact_left input.uInputAgeYear { border: 1px solid #c1baaa; border-top: 0; height: 16px; width: 44px; color:#b7b7b7;}*/
				#contact_left textarea {  border: 1px solid #c1baaa; border-top: 0; width: 247px; height: 120px; overflow: auto; font: 13px arial, helvetica, sans-serif;}
				#contact_left div.contact_row label { padding-bottom:1px;}
				/*#contact_left div.contact_row ul { padding: 7px 0; }
					#contact_form div.contact_row li label, #contact_form #followup label { font: 12px arial, helvetica, sans-serif; display: inline; vertical-align: middle; color: #333; margin-left: 5px; padding: 0; }
					#contact_form div.contact_row li input { width: auto; vertical-align: middle; height: auto; }*/
				/*#contact_form #followup p { font: 12px arial, helvetica, sans-serif; padding-right: 50px; }
				#contact_form #followup label { margin-left: 0; }
				#contact_form #followup input { width: 60px; height: 21px; background: url(../images/contact_us/contact_input_case.jpg) left top no-repeat; border: 0; outline: none; padding: 0 6px 0 2px; }*/
				#contact_form input.submit { position: absolute; right: 230px; top: 370px; width: 126px; height: 45px; background: url(../images/contact_us/contact_submit.gif) left top no-repeat; border: 0; cursor: pointer; }
				#contact_form img.thanks { margin: 130px 0 0 50px; }
				#contact_form div.disclaimer { position:absolute; top:400px; left: 28px; font-family: "courier new", courier, monospace; 2px; color: #302c2c; font-weight: bold; font-size: 12px; width:250px; padding: 0;  height:12px; text-align:center}
				#contact_form div.socialNetworks { position: absolute; left: 250px; top: 35px; width: 60px; height: 20px; }
		/*Find Us Form Styles*/
		#locator { width: 553px; height: 269px; padding: 85px 65px 65px 180px; background: url(../images/find_us/findus_bg.gif) left top no-repeat; margin: 0 auto; text-align: left; font: 13px "trebuchet ms", helvetica, sans-serif; font-weight: bold; }
			#locator form { float: left; padding-top: 7px; }
			#locator div.form_row, #locator div.form_find { float: left; width: 553px; padding: 7px 0 0; }
				#locator div.form_find p { float: left; width: 100px; padding: 0 10px 0 0; }
				#locator div.form_find ul { float: left; width: 443px; padding-bottom: 3px; }
					#locator div.form_find li { float: left; width: 443px; }
			#locator label { float: left; width: 100px;  padding-right: 6px; color: #f00; }
				#locator div.form_find label { width: auto; color: #000; padding: 0 15px 0 4px; }
				#locator div.form_find input { margin-top: 2px; }
			#locator input { float: left; }
				#locator input.input { width: 70px; }
				#locator input.submit { margin-top: 20px; }
		#dialog div.results { width: 682px; height: 338px; padding: 40px 50px 40px 65px; }
			#locator h1 { width: 139px; height: 37px; background: url(../images/find_us/findus_h1.gif) left top no-repeat; padding-bottom: 15px; }
				#locator h1 span { display: none; }
			#locator h2 { font-size: 13px; color: #f00; padding: 0 0 5px 20px; }
			#locator p.red { padding: 5px 0 10px; }
			#locator a.search { float: right; margin-top: 25px; }
			#locator input { vertical-align: middle; }
				#locator input.input { height: 17px; border: 1px solid #79786e; padding: 2px 0 0 2px; }
				#locator input.submit { width: 72px; height: 21px; background: url(../images/find_us/findus_submit.gif) center center no-repeat; border: 0; cursor: pointer; }
			#findus_results { float: left; width: 647px; height: 220px; overflow: auto; padding-left: 20px; }
				#findus_results a { color: #f00; text-decoration: none; }
				#findus_results a:hover { text-decoration: underline; }
			#locator table { color: #333; float: left; width: 627px; }
				#locator table tr { vertical-align: top; }
					#locator table tr.odds { background: #fff; }
				#locator table td { padding: 2px 7px; }
		
/*Custom Scrollbar Styles - jQuery UI Slider*/
#scrollbar { position: absolute; bottom: 0; left: 0; height: 15px; width: 100%; background: url(../images/slider_bg.gif) left bottom repeat-x; border-top: 1px solid #666; z-index: 1003; }
	#handle { position: relative; z-index: 1003; height: 15px; }
	#slider { position: relative; height: 15px; z-index: 1003; margin-left: 75px; }
		a.ui-slider-handle { position: absolute; bottom: 0; left: 0; width: 150px; height: 15px; background: url(../images/slider_handle.gif) left bottom no-repeat; cursor: default; margin-left: -75px; }
	#anchor_left { position: absolute; right: 16px; bottom: 0; width: 17px; height: 15px; background: url(../images/slider_left.gif) left bottom no-repeat; cursor: pointer; z-index: 1003; }
	#anchor_right { position: absolute; right: 0; bottom: 0; width: 16px; height: 15px; background: url(../images/slider_right.gif) left bottom no-repeat; cursor: pointer; z-index: 1003; }

/*Popup Pages Styles*/
#dialog { text-align: center; position: relative; }
	div.ui-widget-overlay { position: absolute; top: 0; left: 0; background: #000;filter: alpha(opacity=30); opacity:0.3; }
		div.ui-dialog-titlebar a { position: absolute; width: 42px; height: 54px; background: url(../images/btn_close.gif) right top no-repeat; z-index: 1; }
			/*Close Button Positions - top and right properties ONLY*/
			div.btn_our_wine a {  top: 10px; right: 240px; }
			div.btn_game_two a { top: 60px; right: 240px; }
			div.btn_wine_pairings a { top: 30px; right: 235px; }
			div.btn_find_us a, div.btn_find_us-results a { top: 45px; right: 165px; }
			div.btn_our_art a { top: 65px; right: 160px; }
			div.btn_thumbs_up a { top: 56px; right: 250px; }
			div.btn_contact_us a, div.btn_contact_thanks a { top: 15px; right: 265px; }
			/*End Close Button Positions*/
				div.ui-dialog-titlebar a span { display: none; }
		div.ui-dialog-titlebar a:hover { background-position: right -54px; }

/*News Feed Styles*/
#news_box { position: absolute; width: 327px; min-height: 93px; right: 0; bottom: 15px; background: url(../images/news_button.gif) right bottom no-repeat; color: #fff; z-index: 50; cursor: pointer; }
#news_feed { display: none; position: absolute; width: 314px; right: 14px; bottom: -280px; padding-bottom: 24px; background: url(../images/news_bg_bottom.gif) center bottom no-repeat; z-index: 49; }
	#news_feed h1 { width: 314px; height: 49px; background: url(../images/news_bg_top.gif) center top no-repeat; }
		#news_feed h1 span { display: none; }
	#news_feed a.close { display: none; position: absolute; top: 12px; right: 12px; }
	#news_feed ul { width: 294px; min-height: 197px; padding: 5px 10px; background: url(../images/news_bg_mid.gif) left top repeat-y; font-size: 13px; }
		#news_feed ul li { padding-bottom: 8px; }
			#news_feed ul li h2 { font-size: 13px; color: #333; }
		#news_feed ul a { color: #82adc7; }
		#news_feed ul a:hover { text-decoration: none; }
		
#footer { position: absolute; padding-left: 15px; bottom: 25px; font-size: 11px; color: #333; z-index: 40; }
	#footer a { color: #000; }
	#footer a:link,
	#footer a:visited{color:#000;text-decoration:underline;}
	#footer a:hover,
	#footer a:active,
	#footer a:visited:hover{color:#000;text-decoration:none;cursor:pointer;}
	
	/*Secondary Icon positions - Relative to the CONTENT DIV!*/
		#secondary_icons div, #secondary_icons object { position: absolute; z-index: 51; margin-left: 2048px; } /*reset for all flash objects in this div.  2048px left margin to offset extended bg.*/
		#secondary_icons object { z-index: 49; }
		#secondary_icons div a { position: relative; z-index: 51; }
		/*Use only top, left, bottom or right properties. Do not use padding or margin for positioning*/
		/*Anchors are positioned relative to the div they are in.  Only use top, left, bottom or right*/
				#corkscrw { left: 810px; top: 315px; }
					#corkscrw a { left: 215px; top: 22px; }
				#robotFacade { left: 1735px; top: 207px; }
					#robotFacade a { left: 0px; top: 40px; }
				#arch { left: 3590px; bottom: 60px; }
					#arch a { left: 0; top: 0; }
				#shoes { left: 3930px; top: 100px; }
					#shoes a { left: 20px; top: 240px; }
				#lamps { left: 4800px; top: -35px; }
				#corks { left: 5000px; top: 250px; }
					#corks a { left: 145px; top: 99px;  }
				#robot { left: 5690px; bottom: 270px; }
					#robot a { left:405px; bottom: 79px; }
				#boat { left: 7000px; top: 250px; }
					#boat a { left: 220px; top: 35px; }
				#cams2 { left: 5800px; top: 20px; }
				#cams3 { left: 3250px; top: 20px; }
				#cams3b { left: 7180px; top: 120px; }
				#cams4 { left: 3950px; top: 5px; }
				#cams5 { left: 5250px; top: 0px; }
				#cams1 { left: 8100px; top: 10px; }
				#fight { left: 1090px; top: 100px; }
					#fight a { left: 120px; top: 60px;  }
				/*#fight { left: 7700px; top: 400px; }
					#fight a { left: 110px; top: 40px;  }*/
				
		/*Third Icon positions*/
		#third_icons div { position: absolute; z-index: 42; margin-left: 2048px; }  /*reset for all images in this div. 2048px left margin to offset extended bg.*/
			/*Use only top, left, bottom or right properties. Do not use padding or margin for positioning*/
				#ribbonBook { left: 660px; top: 0px; }
				#cactus { left: 500px; top: 520px; }
				/*#rulet { left: 1170px; top: 20px; }*/
				#bird { left: 1290px; top: 508px; }
				#palm { left: 2190px; top: 285px; }
				#three { left: 2298px; top: 505px; }
				#cactus2 { left: 2700px; top: 440px; }
				#arrows { left: 2780px; top: 0px; }
				#mag { left: 3010px; top: 440px; }
				#boxhead { left: 3150px; top: 370px; }
				#snob { left: 3860px; top: 115px; }
				#palm2 { left: 4230px; top: 315px; }
				#cactus3 { left: 4760px; top: 373px; }
				#rulet { left: 5330px; top: 110px; }
				#palm3 { left: 6370px; bottom: 300px;  }
				#ribbonBook2 { left: 6720px; top: 0px;  }
				#cactus4 { left: 6840px; top: 410px;  }
				#mag2 { left: 7180px; top: 420px; }
				#truth { left: 7400px; top: 520px;  }
				
		#social_icons a { position: absolute; z-index: 51; margin-left: 2048px; } 
				#twitter { left: 3785px; top: 420px; }
				#facebook { left: 3320px; top: 120px; }
				
				
				
/* extra - added by nick d & gallo */
body#iframe { background: none; }
#thankyou {
	left: 6%;
	line-height: 155%;
	position: absolute;
	top: 24%;
	width: 270px;
}
#iframe .results {
	height: 418px;
	padding: 0;
	width: 797px;
}
#iframe .results h1 {
	background-position: bottom left;
	margin: 0 0 15px 67px;
	padding: 24px 0 15px 0;
}
#iframe .results h2, #iframe .results p, #iframe .results label {
	margin-left: 85px;
}
#iframe .results h2 { padding: 0; }
#iframe .results #findus_results { margin: 6px 0 0 67px; }
#iframe .results table tr.odds { background-color: #fff; }
#iframe .results .search { margin-right: 48px; }

#contact_form ul {
	background-color: #fff;
	border: 2px solid #c81415;
	border-left: none;
	border-right: none;
	padding: 5px;
	position: absolute;
	right: 155px;
	top: 125px;
	width: 185px;

	filter: alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
}
#contact_form ul li.error {
	list-style: circle;
	list-style-position: inside;
	padding: 4px 0;
	
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

#contact_form input.uInputZip {
	border: 1px solid #c1baaa;
	border-top: 0; 
	height: 20px; 
	width: 65px;
}
#contact_form a.age {
	color: #c81415;
	font-weight: bold;
	font-size: 13px;
	/*left:102px;*/
	left:0;
	margin-bottom: 3px;
	margin-top: 3px;
	position: relative;
	top: -15px;
	*top: -19px;
}

#contact_form select#ageMonth {
	border: 1px solid #c1baaa;
	border-top: 0;
	color: #b7b7b7;
	font-size: 11px;
	height: 21px;
	left: 66px;
	*margin-top: 1px;
	position: absolute;
	width: 85px;
}
#contact_form select#ageDay {
	border: 1px solid #c1baaa;
	border-top: 0;
	color: #b7b7b7;
	font-size: 11px;
	height: 21px;
	left: 152px;
	*margin-top: 1px;
	position: absolute;
	width: 44px;
}
#contact_form input#ageYear {
	border: 1px solid #c1baaa;
	border-top: 0;
	color: #b7b7b7;
	height: 20px;
	left: 233px;
	*margin-top: 1px;
	position: absolute;
	width: 44px;
}