/* CSS Document */

/* Unstyle defaults */

html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a { 
margin: 0; 
padding: 0; 
border: 0; 
}

.clearfloat {float:none; border:1px solid red;}

body {background-color:#000000; margin: 20px 0 0 20px;}


#home #container {height:469px;}

#container, #credit {width:761px;
	border:1px solid #666666;
	position:relative;
	left:50%;
	margin-left:-387px;
	padding:7px;
} 


#wrapper {
	background-image:url(../images/shared/footerbg_repeat_twirl.jpg);
	background-position:left bottom;
	background-repeat:repeat-y;
	}


.animate {
	position:absolute;
	left: 0px;
	top: 208px;
	width: 128px;
	height: 130px;
}
	
.layoutblock {
	position:absolute;
	border:0;
	overflow:hidden;
	background-image: url(images/shared/otblock_bg.jpg);
	visibility: visible;
}
	
#logo {
	top:3px;
	left:7px;
	height:110px;
	width:193px;
	background-color:#000000;
	background-image:url(../images/shared/logoblock_bg.jpg)
	}
	
#news {
	top:118px;
	left:6px;
	height:307px;
	width:193px;
	background-color:#FFFFFF;
	background-image:url(../images/shared/newsblock_bg.jpg);
	}
	
#nav {
	top:7px;left:205px;
	background-color:#000000;
	height:336px;
	width:128px;
	background-image:url(../images/shared/navblock_bg.jpg);
	}
	
#ot {
	top:348px; left:205px;
	height:77px;
	width:128px;
	background-color:#FFFFFF;
	background-image:url(../images/shared/otblock_bg.jpg);
	}
	
#header {
	top:7px; left:338px;
	height:419px;
	width:430px;
	background-color:#000000;
	}
	
#menu #header {	height:214px; }

#mask {
	margin:0;
	padding:0;
	position:absolute;
	background-color:#000000;
	width:330px;height:425px;
	top:6; left:6;}

#contentcolumn {
	position:relative;
	left: 332px;
	width:430px;
	overflow: visible;
	}

#maincontent {
	margin-top:6px;
	background-color:#efdf97;
	background-image:url(../images/shared/mc_bg.jpg);
	background-repeat:repeat-y;
	padding:15px 20px 0 20px;
	}

.oneup {
	min-height: 500px;
	height: auto !important; /*min-height hack for IE6*/
	height: 500px;
	}
	
.twoup {
	min-height: 700px;
	height: auto !important; /*min-height hack for IE6*/
	height: 700px;
	}
	
.threeup {
	min-height: 950px;
	height: auto !important; /*min-height hack for IE6*/
	height: 950px;
	}	
	
#home #footer {
	top:430px;
	left:6px;
	height: 44px;
	width:767px;
	background-color:#ca5f1c;
	background-image:url(../images/shared/footer_bg_home1.jpg);
	}
	

#secondary_content {
	position:absolute;
	top:439px;
	left:7px;
	height: 44px;
	width:325px;
	}

#footer {
	width:762px;
	height:81px;
	background-image:url(../images/shared/sc_footer_bg.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	}

#credit {
	border:0; margin-top:0; padding-top:0;
	background-image:url(../images/shared/credit.gif);
	height:10px;
	background-position:right;
	background-repeat:no-repeat;
	margin-bottom:20px;}

#credit p {
	border:0;
	margin:0;
	padding:0;
	font-size:1px;
	color:#FFFFFF;
	text-transform:uppercase;
	text-indent:-9999px;
	}

#credit a {
	display:block;
	width:200px;
	margin-left:565px;
	height:12px;
	}
#credit a:link, a:visited {text-decoration:none;}	
	
#logo h1 { 
	background-image:url(../images/shared/logo.gif);
	text-indent:-9999px;
	background-position:right;
	height:110px;
	}
	
#news h2 {
	float:left;
	background-image:url(../images/shared/whatshot.jpg);
	font-size:1px;
	background-position:right;
	height:309px;
	width:59px;
	}

#news p {
	color:#FFFFFF;
	display:block;
	font: bold 10px/1em "Trebuchet MS",Arial,Helvetica;
	text-transform:uppercase;
	}


#ot h5 {
	color:#920000;
	display:block;
	font: bold 9px/1em "Trebuchet MS",Arial,Helvetica;
	text-transform:uppercase;
	text-align:center;
	padding:4px 0 0 0;
}

#ot h5 a { display:block; height:70px; }

#ot h5 a:link, #ot h5 a:visited {
	color:#920000;
	text-decoration:none;
	}

address {
	display:block;
	width:326px;
	height:44px;
	background-image:url(../images/shared/sc_footer_address.gif);
	font-size:1px;
	background-position:right;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}


/*TYPEOGRAPHY*/

#maincontent h4, #secondary_content h4 {
	font: normal 20px/1em "Georgia",Times,serif;
	color:#a44e1c;
	margin:1em 0 1em 0;
	text-align:left;
	border-top:1px solid #C49F56;
	border-bottom:1px solid #C49F56;
	padding:5px 0 5px 0;
	clear:both;}
	
#maincontent h5, #secondary_content h5 {
	font: bold 12px/1em "Trebuchet MS",Arial,Helvetica;
	color:#000000;
	margin-top:1em;
	letter-spacing:.1em;
	}

#maincontent p, #secondary_content p {
	font: normal 12px/1.5em "Georgia",Times,serif;
	color:000000;
	padding:5px 0 5px 0;
	}


ul.choices {padding: .5em 0 0 0;}

ul.choices li {
	font: italic 12px/1em "Georgia",Times,serif;
	padding-bottom:1em;
	list-style:none;
	}
	

#secondary_content h5, #secondary_content p {
	color:#f2d7c6;
	margin-left:29px;
	margin-right:20px;}
	

#secondary_content ul.choices {padding:0;}

#secondary_content ul.choices li {
	color:#f2d7c6;
	margin-left:35px;
	margin-right:60px;
	}

.sideimage {margin:20px 0 40px 0;}	
.sideimage img {border:6px solid #d47c45;}	
#secondary_content .sideimage p {font-style:italic; font-size:10px;}
	
/* NAVIGATION */

ul.menu {
	margin: 0;
	padding: 30px 15px 0 0;
	}
	
ul.menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	}
	
ul.menu li, ul.menu a {
	display: block;
	margin: 0px;
	padding: 0px;
	height:2.5em;
	color:#c2e0de;
	display:block;
	font: bold 10px/1em "Trebuchet MS",Arial,Helvetica;
	text-transform:uppercase;
	text-align:right;
	letter-spacing:.1em;
	}
	
ul.menu li a {
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

ul.menu li a:hover {
	color:#0A1C43;
	text-decoration:none;
	}

#maincontent ul.menu {padding:0;}
#maincontent ul.menu li, #maincontent ul.menu a {
	float:left;
	width:75px;
	color:#a44e1c;
	padding-top:2px;
	text-align:center;
	}

.wine #maincontent ul.menu li, .wine #maincontent ul.menu a { width:97px;}

	
/*.wine #maincontent ul.menu li a {text-align:right;}
#maincontent ul.menu li#btn_fw a  {text-align:left;}
#maincontent ul.menu li#btn_fr a  {text-align:center;}*/

#maincontent ul.menu li a:hover {color:#5B953B;	}


#maincontent a:link, #maincontent a:visited {
color:#a44e1c; 
text-decoration:none;
}

#maincontent a:hover {text-decoration: underline;}


#hot #maincontent img {float:right; padding-left:15px;}
	
#home ul.menu li#btn_home a {color:#0A1c43;}
#about ul.menu li#btn_about a {color:#0A1c43;}
.menus ul.menu li#btn_menu a {color:#0A1c43;}
.wine ul.menu li#btn_wine a {color:#0A1c43;}
#restaurant ul.menu li#btn_restaurant a {color:#0A1c43;}
#hot ul.menu li#btn_hot a {color:#0A1c43;}
#private ul.menu li#btn_private a {color:#0A1c43;}

#lunch #maincontent ul.menu li#btn_lunch a {color:#5B953B;}
#dinner #maincontent ul.menu li#btn_dinner a {color:#5B953B;}
#prixfixe #maincontent ul.menu li#btn_prixfixe a {color:#5B953B;}
#lounge #maincontent ul.menu li#btn_lounge a {color:#5B953B;}
#dessert #maincontent ul.menu li#btn_dessert a {color:#5B953B;}


#fw #maincontent ul.menu li#btn_fw a {color:#5B953B;}
#fr #maincontent ul.menu li#btn_fr a {color:#5B953B;}
#ow #maincontent ul.menu li#btn_ow a {color:#5B953B;}
#or #maincontent ul.menu li#btn_or a {color:#5B953B;}


div#maincontent .oneup {height: 500px;}
div#maincontent .twoup {height: 700px;}
div#maincontent .threeup {height: 1200px;}	


/* HEADERS */

h3 {height:214px; width:430px; text-indent:-9999px; font-size:1px;}

#hot #contentcolumn h3 {background-image:url(../images/headers/hot_head.jpg);} 
#about #contentcolumn h3 {background-image:url(../images/headers/about1.jpg);}
#private #contentcolumn h3 {background-image:url(../images/headers/private_head.jpg);}
#restaurant #contentcolumn h3 {background-image:url(../images/headers/restaurant_head.jpg);}
#lunch.menus #contentcolumn h3 {background-image:url(../images/headers/cuisine2.jpg);}
#lounge.menus #contentcolumn h3 {background-image:url(../images/headers/cuisine4.jpg);}
#dinner.menus #contentcolumn h3 {background-image:url(../images/headers/cuisine1.jpg);}
#prixfixe.menus #contentcolumn h3 {background-image:url(../images/headers/cuisine2.jpg);}
#dessert.menus h3 {background-image:url(../images/headers/cuisine3.jpg);}
#fw.wine #contentcolumn h3 {background-image:url(../images/headers/wine_head2.jpg);}
#fr.wine #contentcolumn h3 {background-image:url(../images/headers/wine_head1.jpg);}
#ow.wine #contentcolumn h3 {background-image:url(../images/headers/wine_head3.jpg);}
#or.wine #contentcolumn h3 {background-image:url(../images/headers/wine_head.jpg);}


#secondary_content h3 {
	font-size:1px;
	background-position:right;
	text-indent:-9999px;
	height:27px;
	width:285px;
	margin:20px 0 0 20px;
	}
	
#secondary_content h3.specials {background-image:url(../images/menus/callout_specials.gif);}
#secondary_content h3.dontmiss {background-image:url(../images/menus/callout_dontmiss.gif);}
#secondary_content h3.winenote {background-image:url(../images/menus/callout_winenote.gif);}
#secondary_content h3.cocktails {background-image:url(../images/menus/callout_cocktails.gif);}
#secondary_content h3.tasting {background-image:url(../images/menus/callout_tastingmenu.gif);}
#secondary_content h3.plats {background-image:url(../images/menus/callout_platsdujour.gif);}
