/* --- Start Reset and default selectors --- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, ol, ul, li {	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
a:link, a:visited, a:hover, a:link {text-decoration: none;}
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
.clear {clear: both;} .right {float: right;} .left {float: left;} body {font-size: 62.5%;}
strong {font-weight: bold} em {font-weight: italic;}

/*-- End Reset --*/

body { 
	font-size: 62.5%;
	background-image: url('../images/wine_bg.jpg');
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: 50% 0;
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	color: black;
	} 

#wrapper { 
	background-color: #e6f0f3;
	background: rgba(230,240,243,0.85);
	margin: 0 auto;
	width: 800px; 
	font-size: 1.2em;
	line-height: 1.3em;
	} 

#header {
	width: 800px;
	height: 150px;
	background-color: #D4D5D6;
	}
	
#navigation { 
	height: 39px; 
	background-color: #d4d5d6;
	border-top: 1px solid #9c9c9d;
	border-bottom: 1px solid #9c9c9d;
	margin-bottom: 18px;
}	
		
#lhc {
	width: 196px; 
	float: left;
	margin-left: 20px;
	display: inline;
	}

#rhc {
	float: right; 
	width: 523px;
	margin-right: 27px;
	border-left: 1px solid #818688; 
	padding-left: 15px; 
	display: inline; 
	}
	
/*--------------------------------- Header ---------------------- */
#header h1 {display: none; }

/*--------------------------------- LHC Images ---------------------- */
#lhc a img {
	margin-bottom: 10px;
}

#lhc img[src="images/logo_araxi.png"]{
	margin-bottom: 0px;
}


/*--------------------------------- Main Navigation ---------------------- */
#navigation ul {margin: 11px 0 0 16px;}
#navigation li {float: left;}
#navigation a {display: block;}	
#navigation li span {display: none;}	
	
#navigation .nav_home a {
	background: url('../images/nav_home.gif') no-repeat;
	width: 51px;
	height: 14px;
	background-position: 0 -14px;
}

#navigation .nav_home a:hover {background-position: 0 0;}	

#navigation .nav_events a {
	background: url('../images/nav_events.gif') no-repeat;
	width: 71px;
	height: 14px;
	background-position: 0 -14px;
}

#navigation .nav_events a:hover {background-position: 0 0;}	

#navigation .nav_catering a {
	background: url('../images/nav_catering.gif') no-repeat;
	width: 92px;
	height: 14px;
	background-position: 0 -14px;
}

#navigation .nav_catering a:hover {background-position: 0 0;}	

#navigation .nav_media a {
	background: url('../images/nav_media.gif') no-repeat;
	width: 118px;
	height: 14px;
	background-position: 0 -14px;
}

#navigation .nav_media a:hover {background-position: 0 0;}	

#navigation .nav_careers a {
	background: url('../images/nav_careers.gif') no-repeat;
	width: 85px;
	height: 14px;
	background-position: 0 -14px;
}

#navigation .nav_careers a:hover {background-position: 0 0;}

#navigation .nav_newsletter a {
	background: url('../images/nav_newsletter.gif') no-repeat;
	width: 108px;
	height: 14px;
	background-position: 0 -14px;
}

#navigation .nav_newsletter a:hover {background-position: 0 0;}	

#navigation .nav_contact a {
	background: url('../images/nav_contact.gif') no-repeat;
	width: 92px;
	height: 14px;
	background-position: 0 -14px;
}

#navigation .nav_contact a:hover {background-position: 0 0;}	

#navigation .nav_shop a {
	background: url('../images/nav_shop.gif') no-repeat;
	width: 52px;
	height: 14px;
	background-position: 0 -14px;
}

#navigation .nav_shop a:hover {background-position: 0 0;}	

/*--------------------------------- Media Navigation ---------------------- */


#media_releases a {
	background: url('../images/gallery_nav_media.jpg') no-repeat scroll top left;
	width: 200px;
	height: 45px;
	display: block; 
	margin-bottom: 5px;
}

#media_releases a:hover {background-position: -200px 0; }

#media_logos a {
	background: url('../images/gallery_nav_logos.jpg') no-repeat scroll top left;
	width: 200px;
	height: 45px;
	display: block; 
	margin-bottom: 5px;
}

#media_logos a:hover {background-position: -200px 0; }

#media_araxi a {
	background: url('../images/gallery_nav_araxi.jpg') no-repeat scroll top left;
	width: 200px;
	height: 45px;
	display: block; 
	margin-bottom: 5px;
}

#media_araxi a:hover {background-position: -200px 0; }

#media_bwc a {
	background: url('../images/gallery_nav_bwc.jpg') no-repeat scroll top left;
	width: 200px;
	height: 45px;
	display: block; 
	margin-bottom: 5px;
}

#media_bwc a:hover {background-position: -200px 0; }

#media_cincin a {
	background: url('../images/gallery_nav_cincin.jpg') no-repeat scroll top left;
	width: 200px;
	height: 45px;
	display: block; 
	margin-bottom: 5px;
}

#media_cincin a:hover {background-position: -200px 0; }

#media_west a {
	background: url('../images/gallery_nav_west.jpg') no-repeat scroll top left;
	width: 200px;
	height: 45px;
	display: block; 
	margin-bottom: 5px;
}

#media_west a:hover {background-position: -200px 0; }

#media_thierry a {
	background: url('../images/gallery_nav_thierry.jpg') no-repeat scroll top left;
	width: 200px;
	height: 45px;
	display: block; 
	margin-bottom: 5px;
}

#media_thierry a:hover {background-position: -200px 0; }


	
/*--------------------------------- Typography ---------------------- */
p { margin-bottom: 1.3em; width: 460px;} 

h2 { 
	color: black;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1.3em;
	}

#rhc h3 {
	color: #222;
	font-weight: bold; 
	font-size: 1.1em; 
}

#rhc h7.alert {
	display: block;
	background-color: #ebebeb;
	font-size: 110%;
	margin-bottom: 8px;
	padding: 5px 6px;
	width: 420px;
	border: 1px solid #888;
	color: red;
}

#lhc h3 { 
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;

}

#rhc h4 { 
	color: #222;
	font-size: 1.1em; 
	border-bottom: 1px solid black;
	font-weight: bold;
}

img.fp_image {
	margin-bottom: 7px;
}

/*--------------------------------- Image Replacement ---------------------- */
	/* --- Home Page -- */
	#releases {
		background: url('../images/media_title.gif') no-repeat scroll top left;
		width: 119px;
		height: 14px;
		margin-bottom: 14px; 
	}

	#araxi_gallery {
		background: url('../images/media_araxi_title.gif') no-repeat scroll top left;
		width: 173px;
		height: 14px;
		margin-bottom: 14px; 
	}
	
	

	/* --- Contact Section - External Links Logos -- */
	#lhc h3 span {display: none;}

	#contact_araxi {
		width: 76px; 
		height: 32px; 
		background-image: url('../images/logo_araxi.gif');
		margin-bottom: 5px; 
		display: block;
	}
	
	#contact_bwc { 
		width: 100px; 
		height: 22px; 
		background-image: url('../images/logo_bwc.gif');
		margin-bottom: 5px; 
		display: block;
	} 

	#contact_cincin { 
		width: 74px; 
		height: 21px; 
		background-image: url('../images/logo_cincin.gif');
		margin-bottom: 5px; 
		display: block;
	}
	
	#contact_west { 
		width: 67px; 
		height: 25px; 
		background-image: url('../images/logo_west.gif');		
		margin-bottom: 5px; 
		display: block;
	}  


/*--------------------------------- Contact Form and A La Carte Reservations Form Stylings ---------------------- */
#contactform,
#alacarteform { margin: 0 10px 20px 10px; }
#contactform textarea,
#alacarteform textarea { width: 225px; height: 100px; }
#contactform .text,
#alacarteform .text { width: 225px; } 	
#contactform .left_form {padding-right: 5px;}
#contactform td,
#alacarteform td { padding: 2px 0  }
#contactform input { margin: 3px 0 10px 0; display: block; }
#alacarteform input { margin: 3px 0 5px 0; }
#contactform label,
#alacarteform label { font-weight: bold; }
#alacarteform label { padding-right: 5px; }                
#contactform #emailtype label,
#contactform #form-submit label { font-weight: normal; display: block; padding-left: 18px; margin: 2px 0 5px 0; }
#contactform em { color: #777; }               
#contactform #emailtype input,
#contactform #form-submit input { float: left; width: 15px; clear: both; margin: 2px 0 5px 0; }               
#contactform fieldset { border: 0; padding: 10px 0 20px; margin: 0;}
#contactform fieldset p { margin-bottom: 0; padding-bottom: 5px; clear: both;}
#contactform #form-submit { padding: 0; }   
#alacarteform .meal-req { margin-left: 20px; }                  

              
#contactform .resp-req {
	display: inline;
}          
#contactform .resp-req.neg { margin-left: 8px;}        

#contactform #resp-yes, 
#contactform #resp-no {
	margin-left: 3px;
}  

/*--------------------------------- The gallery display ---------------------- */
#rhc .gallery { margin: 22px 0 10px 35px; text-align: center; }
#rhc .gallery li { float: left; margin: 0 20px 20px 0;}

/*--------------------------------- Dynamic Sidebar for the Login info ---------------------- */
#lhc #logininfo { border: 0px solid red; margin-bottom: 1.3em; font-weight: bold; } 
#lhc #logininfo li { list-style-type: square; margin-left: 15px; }
#lhc #logininfo a:link,
#lhc #logininfo a:visited, 
#lhc #logininfo a:active { text-decoration: none; color: #666; }

/*--------------------------------- Admin Page Stuff ---------------------- */

.admin table {
	width: 425px;
	margin: 5px 0;
	border-collapse: collapse;
	border: 1px solid #999;
	}

.admin th { text-align: left; border-bottom: 1px solid #222;}

.admin table th, .admin table td { 
	margin: 0; 
	padding: 4px 10px;
	border-bottom: 1px solid #b5b5b5;


}

/*--------------------------------- Links ---------------------- */
a:link, a:visited, a:active {color: black; text-decoration: underline; }
a:hover {text-decoration: none; }

.gallery a:link, .gallery a:visited, .gallery a:active, .gallery a:hover {color: #606974;}

h3 #lhc a:link {border: 1px solid yellow;}
          
#tours-info-2010 { width: 480px; float: left; }
#tours-info-2010 > li {display: inline !important; width: 220px; float: left; padding: 0 20px 0 0; margin: 0;}
#tours-info-2010 li a { width: 220px; } 
#tours-info-2010 .image a { width: 220px; display: block; margin: 5px 0 10px;}
#tours-info-2010 .item { width: 220px; padding: 8px 0 12px; border: 1px solid #bbb; background: #ebebeb; margin-bottom: 20px;}
#tours-info-2010 a.rest-label { color: #555; padding-left: 5px; font-weight: bold; font-size: 1.1em; text-transform: uppercase; text-decoration: none;}
#tours-info-2010 .rest-label:hover { text-decoration: underline; }
#tours-info-2010 .vtour { padding-left: 5px; }
#tours-info-2010 .pipe { padding: 0 5px; color: #777; }                                
#group-resos-2010  { padding: 0 0 20px; }
#personal-resos-2010 { clear: both; padding: 0 0 30px; }
#alacarteform { padding: 10px 0 10px 15px; }
#personal-resos-2010 h4,
#personal-resos-2010 .special-note { width: 390px; font-size: 90%; border: 0; margin-left: 30px; line-height: 1.4em;}

#group-resos-2010 h3,
#personal-resos-2010 h3 { margin-bottom: 0.35em; }   
/*h7.alert { font-size: 120%; font-weight: bold; padding: 3px 5px; border: 1px solid red; }*/
      
           
#go-personal,
#go-group {
	background: #ebebeb;
	padding: 12px;
	border: 1px solid #aaa;
	width: 120px; 
	margin-right: 8px;
	float: left;
	
}
#go-personal a,
#go-group a {
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	margin: 0;
}    


/* Personal and Group Buttons on Reservations Page 
--------------------------------------------------------------------------- */   
ul#res-choice{
 	width: 300px;
	position: relative;
}
ul#res-choice li{
	display: inline;
	margin-right: 5px;
}
ul#res-choice li a{
	display:block;  
	text-indent: -5555px;
	outline: none;
}
ul#res-choice li a#pers-btn {
	width:147px;
	height:47px;
	position:relative;
}
ul#res-choice li a#pers-btn {
	background: #D4D5D6 url("../images/btn_personal.gif") no-repeat 0px -47px;
	width:147px;
	height:47px;
}
ul#res-choice li a#pers-btn:hover {
	background: #D4D5D6 url("../images/btn_personal.gif") no-repeat 0px 0px;
}
ul#res-choice li a#grp-btn {
	width:147px;
	height:47px;
	position: absolute;
	top: 0;
	left: 152px;
	background: #D4D5D6 url("../images/btn_group.gif") no-repeat 0px -47px; 
}
ul#res-choice li a#grp-btn:hover {
	background: #D4D5D6 url("../images/btn_group.gif") no-repeat 0px 0px;
} 

.hidden { display: none; }
.bio-nhenderson { padding-bottom: 60px; }
.bio-nhenderson h4 {
	padding-bottom: 2px;
	margin-bottom: 15px;
	border-bottom: 1px solid #999;
}     
.bio-nhenderson h4 em { font-weight: normal; }
.bio-nhenderson img {
	background: #ebebeb;
	padding: 4px;
	border: 1px solid #aaa;    
	width: 165px;
	float: left;
	margin: 0 10px 10px 0;
   
}

/*--------------------------------- FPO for proofing for Jack only. Delete when forms are in development ---------------------- */
#form_FPO { margin: 10px 0 20px 0;} 

#rhc p span {
	font-size: 1.1em; 
	font-weight: bold; 
	text-decoration: underline;
}
	         
.form_sm_required {
    color:#777; 
    margin-left: 5px;	     
    font-size: 10px;        
}	

.form_sm_required a {
    color: #777;
}