/**
 *  --------------------------------------------------------------------------------------
 *  Master CSS
 *  ----------------------------------------------------
 *  1.	Global Styles
 		- Body
		- Text
		- Headers
		- Hyperlinks
		- Lists
		- Forms
		- Extras
 *  2.	Subpage Template Layout Styles
 *  3.	Navigation >>>>> located in seperate CSS files
 *  4.	Page Specific Styles
 		- Homepage
		- All other pages
 *  5.	Footer
 *  --------------------------------------------------------------------------------------
 */



/* ----------------------------------------------------------------------------- */

/* ---------------------------->>> 1. GLOBAL STYLES <<<------------------------- */

/* ----------------------------------------------------------------------------- */



/*
	voice-family: "\"}\"";
	voice-family:inherit;
*/


body,html {
	height:100%;
	margin:0;
	background-image:url(../images/bg_girls.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#9c4917;
	}



/* ------------ */

/* --- Text --- */

/* ------------ */

p {font:11px Verdana, Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0px 0px 20px 0px; line-height:17px;}
td {font:11px Verdana, Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0;}



/* --------------- */

/* --- Headers --- */

/* --------------- */

h1 {clear:both; font:14px Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; margin:20px 0px 0px 0px; padding:0;}
	.bigTitle {clear:both; font:24px Verdana, Arial, Helvetica, sans-serif; color:#666600; font-weight:bold; margin:0px 0px 10px 0px; padding:0;}
h2 {clear:both; font:12px Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; margin:0px 0px 15px 0px; padding:0; line-height:normal;}
h3 {clear:both; font:13px Verdana, Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:0; padding:0;}



/* ------------------ */

/* --- Hyperlinks --- */

/* ------------------ */

a {font:11px Verdana, Arial, Helvetica, sans-serif; color:#FF6600; font-weight:bold; line-height:normal;}
a:link, a:active, a:visited {text-decoration:none;}
a:hover {color:#333; text-decoration:underline;}



/* ------------- */

/* --- Lists --- */

/* ------------- */

ul {margin:0px 0px 40px 0px; padding:0;}
ol {margin:0px 0px 20px 10px; padding:0;}
li {margin:0px 0px 0px 16px; padding:0; font:11px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#000000; list-style-type:disc;}



/* ------------- */

/* --- Forms --- */

/* ------------- */

form {padding:0; margin:0;}
input {padding:3px; margin:0; font-size:11px;}



/* -------------- */

/* --- Extras --- */

/* -------------- */

img {border:0; padding:0; margin:0; display:block;}
.noCSS {visibility:hidden;}
.noDisplay {display:none;}
.inline {display:inline;}
.clear {clear:both;}
br {clear:both;}
.quoteBracket {font-size:16px; color:#FF9900;}











/* ----------------------------------------------------------------------------- */

/* ----------------->>> 2. SUBPAGE TEMPLATE LAYOUT STYLES <<<------------------- */

/* ----------------------------------------------------------------------------- */



/* ----- header ----- */

#headerWrap {width:1000px; height:127px; margin:0 auto;}
	.spLogo {position:relative; left:75px; top:40px;}



/* -- shadow containers -- */
.topShadowWrap1 {width:100%;}
.topShadowWrap2 {margin:0; width:100%;}
.topShadowWrap3 {width:1000px; margin:0 auto;}

.btmShadowWrap1 {width:100%;}
.btmShadowWrap2 {margin:0; width:100%; background-image:url(../images/shad_btm.png); background-position:center; background-repeat:no-repeat;}
.btmShadowWrap3 {width:1000px; margin:0 auto;}

.shadowTop {height:16px; background-image:none;}
.shadowBtm {height:50px;}


/* -- main col containers :: nav & content -- */
.colWrap1 {width:100%; background-image:url(../images/bg_subpg_content.gif); background-position:top center; background-repeat:repeat-y;}
.colWrap2 {margin:0; width:100%; background-image:url(../images/bg_nav_lines.gif); background-position:top center; background-repeat:no-repeat;}
.colWrap3 {width:1000px; margin:0 auto;}

	.colmask {
	position:relative;				/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;						/* width of whole page */
	overflow:hidden;				/* This chops off any overhanging divs */
	}

	/* -- common col settings -- */
	.colright,
	.colmid,
	.colleft {
	float:left;
	width:100%;						/* width of page */
	position:relative;
	}

	.col1,
	.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;				/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	}

	.col2 {
	float:left;
	position:relative;
	padding:0 0 1em 0;				/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
	}

	/* -- 3 Col settings -- */
	.threecol {
	/*background:#ffcc00;			/* right column background colour */
	background-image:url(../images/shad_right_content.png); background-repeat:repeat-y; background-position:top right;
	}

	.threecol .colmid {
	right:50px;						/* width of the right column */
	background-color:#fff;			/* center column background colour */
	}

	.threecol .colmid.bgBlurredWineBottle {
	background-image:url(../images/bg_winebottle_blur.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#fff;			/* center column background colour */
	}

	.threecol .colleft {
	right:710px;					/* width of the middle column */
	background-color:#ea7720;		/* left column background colour */
	background-image:url(../images/bg_nav.gif); background-repeat:no-repeat; background-position:top right;
	}

	.threecol .col1 {
	width:710px;					/* width of center column content (column width minus padding on either side) */
	left:1000px;					/* 100% plus left padding of center column */
	/* background-color:#FF0000; */
	background-image:url(../images/bg_girls_blur.jpg); background-position:top; background-repeat:no-repeat;
	}

	.threecol .col2 {
	width:240px;					/* Width of left column content (column width minus padding on either side) */
	left:50px;						/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}

	.threecol .col3 {
	width:50px;						/* Width of right column content (column width minus padding on either side) */
	left:760px;						/* Please make note of the brackets here:
									(100% - left column width)
									plus (center column left and right padding)
									plus (left column left and right padding)
									plus (right column left padding) */
	background-image:url(../images/shad_top_right.png); background-repeat:repeat-y; background-position:top right;
	/* background-color:#330033; */
	}


	/* -- COLUMNS FOR SHADOWS -- */
	.colmaskShadow {
	position:relative;				/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;						/* width of whole page */
	overflow:hidden;				/* This chops off any overhanging divs */
	}

	.colrightShadow, .colmidShadow, .colleftShadow, .colrightBottomShadow, .colmidBottomShadow, .colleftBottomShadow {
	float:left;
	width:100%;						/* width of page */
	position:relative;
	}

	.col1Shadow, .col2Shadow, .col3Shadow, .col1BottomShadow, .col2BottomShadow, .col3BottomShadow {
	float:left;
	position:relative;
	padding:0;						/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	}

	.threecolShadow {
	/* background:#66CCCC;			/* right column background colour */
	/* background-image:url(../images/shad_right_content.png); background-repeat:repeat-y; background-position:right; */
	}

	.threecolShadow .colmidShadow, .threecolBottomShadow .colmidBottomShadow {
	right:50px;						/* width of the right column */
	/* center column background colour */
	}

	.threecolShadow .colleftShadow, .threecolBottomShadow .colleftBottomShadow {
	right:710px;					/* width of the middle column */
	/* background-color:#b5c318;	/* left column background colour */
	}

	.threecolShadow .col1Shadow {
	width:710px;					/* width of center column content (column width minus padding on either side) */
	left:1000px;					/* 100% plus left padding of center column */
	background-image:url(../images/shad_top_content.png); background-repeat:no-repeat;
	}

	.threecolBottomShadow .col1BottomShadow {
	width:710px;					/* width of center column content (column width minus padding on either side) */
	height:50px;
	left:1000px;					/* 100% plus left padding of center column */
	background-image:url(../images/shad_btm_content.png); background-repeat:no-repeat;
	}

	.threecolShadow .col2Shadow {
	width:240px;					/* Width of left column content (column width minus padding on either side) */
	left:50px;						/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	background-image:url(../images/shad_top.png); background-repeat:repeat-x; background-position:top;
	}

	.threecolBottomShadow .col2BottomShadow {
	width:240px;					/* Width of left column content (column width minus padding on either side) */
	height:50px;
	left:50px;						/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	/* background-image:url(../images/shad_btm.png); background-repeat:repeat-x; */
	}

	.threecolShadow .col3Shadow {
	width:50px;
	left:760px;
	background-image:none;
	}

	.threecolBottomShadow .col3BottomShadow {
	width:50px;
	height:50px;
	left:760px;
	background-image:url(../images/shad_btm_content_right.png); background-repeat:no-repeat; background-position:right;
	}



/* --- content area --- */

#contentWrap {width:600px; margin:0 auto; padding-bottom:40px;}
	#contentWrap .pgTitle {margin:55px 0px 35px 0px; padding:0;}
	#contentWrap p.introText {font-size:14px; line-height:18px;}






/* ----------------------------------------------------------------------------- */

/* --------->>> 3. NAVIGATION  >>>>> located in seperate CSS files <<<---------- */

/* ----------------------------------------------------------------------------- */







/* ----------------------------------------------------------------------------- */

/* --------------------->>> 4. PAGE SPECIFIC STYLES <<<------------------------- */

/* ----------------------------------------------------------------------------- */



/* ---------------- */
/* --- Homepage --- */
/* ---------------- */

.bgHomepage {background-image:url(../images/bg_homepage.jpg); background-position:center center; background-repeat:no-repeat; background-color:#9c4917;}

#centeringWrap {
	width: 100%;
	height: 580px;
	position: absolute;
	left: 0%;
	top: 50%;
	margin-left: 0px;
	margin-top: -290px;
	}

#hpTopShadow {width:100%; height:81px; background-image:url(../images/hp_shadowtop.png); background-repeat:repeat-x;}

#hpMainArea {width:100%; height:340px; background-image:url(../images/bg_hp_mainpic.jpg); background-position:top center; background-repeat:no-repeat; background-color:#FFFFFF;}
	.hpMainAreaCols {width:1000px; height:340px; margin:0 auto;}
		.hpMainAreaCol1 {float:left; display:inline; width:591px; height:340px;}
		.hpMainAreaCol2 {float:left; display:inline; width:162px; height:340px; background-image:url(../images/bg_hp_infoboxes.jpg); background-repeat:no-repeat;}
		.hpMainAreaCol3 {float:left; display:inline; width:247px; height:340px; background-image:url(../images/bg_hp_nav.jpg); background-position:left; background-repeat:no-repeat;}

#hpBtmShadow {width:100%; height:30px; background-image:url(../images/hp_shadowbtm.png); background-repeat:repeat-x;}

.hpInfoBox {width:162px; height:71px; margin-top:1px;}
.hpInfoBox a {width:140px; font:bold 12px Arial, Helvetica, sans-serif; margin:0px auto; padding:8px 0px 0px 0px; display:block;}
.hpInfoBox p {width:140px; font:11px/12px Verdana, Arial, Helvetica, sans-serif; color:#666; padding:0; margin:0 auto;}


	/* infobox 1 */

	.hpInfoBox.box1 {position:relative; background-image:url(../images/bg_hp_infobox1.jpg); margin-top:110px;}
	.hpInfoBox.box1 a {color:#777;}
	.hpInfoBox.box1 a:hover {color:#3b3a04;}
	.hpInfoBox.box1 p {color:#666;}

	.btnHpMark {position:absolute; left:90px; top:10px; background:url(../images/btn_hp_mark.gif) no-repeat; white-space:nowrap; display:block; width:63px; height:43px; margin:0; padding:0;}
	.btnHpMark a {display:block; width:63px; height:43px; float:left; padding-top:0;}
	.btnHpMark img {width:63px; height:43px; border:0;}
	* html a:hover {visibility:visible;}
	.btnHpMark a:hover img {visibility:hidden;}


	/* infobox 2 */

	.hpInfoBox.box2 {background-image:url(../images/bg_hp_infobox2.jpg);}
	.hpInfoBox.box2 a {color:#003366;}
	.hpInfoBox.box2 a:hover {color:#006699;}
	.hpInfoBox.box2 p {color:#003366;}


	/* infobox 3 */

	.hpInfoBox.box3 {background-image:url(../images/bg_hp_infobox3.jpg);}
	.hpInfoBox.box3 a {color:#ccffff;}
	.hpInfoBox.box3 a:hover {color:#fff;}
	.hpInfoBox.box3 p {color:#ccffff;}




/* ----------------- */
/* --- Accolades --- */
/* ----------------- */

p.accoladeQuote {font-size:11px; line-height:20px; font-style:italic; padding:10px 0px 15px 0px}
p.accoladeAuthor {font-size:11px; line-height:normal; padding-bottom:50px;}



/* ------------ */
/* --- Menu --- */
/* ------------ */

div#contentWrap img.pgTitle.menuTitle {margin-bottom:0px;}
#menuWrap {width:600px; background-color:#ecf4f4; padding:0px 30px; margin:0; voice-family: "\"}\""; voice-family:inherit; width:540px;}
.menuInnerWrap {margin:0 auto; padding-bottom:50px;}
.menuInnerWrap p {clear:both; padding:0px 0px 5px 25px}
.priceDisclaimer {text-align:center;}

.menuInnerWrap p.menuItemTitle {clear:none; float:left; display:inline; background-image:url(../images/icon_menu.gif); background-repeat:no-repeat; padding:0px 0px 5px 25px; font:14px Verdana, Arial, Helvetica, sans-serif; color:#cc3300;}
.menuInnerWrap p.menuItemPrice {clear:none; float:right; display:inline; padding:0px 0px 5px 0px; font:14px Verdana, Arial, Helvetica, sans-serif; color:#cc3300;}
.menuInnerWrap p.menuItemInfo {clear:both; padding-left:25px; padding-bottom:0px;}
.menuInnerWrap ul.menuItemList {clear:both; padding:5px 0px 0px 25px; margin:0;}

#chefsNotesWrap {background-image:url(../images/bg_chefsnotes.jpg); background-color:#FFFFFF; background-repeat:no-repeat; padding-top:25px;}
#chefsNotesInnerWrap {width:475px; margin:0 auto;}
#chefsNotesInnerWrap p.chefsNoteQuantity {clear:both; float:left; display:inline; width:200px; padding-bottom:0px;}
#chefsNotesInnerWrap p.chefsNoteDescription {float:left; display:inline; padding-bottom:0px; text-align:left;}



/* -- group menu -- */

.menuInnerWrap ul.groupMenuItemList {clear:both; padding:5px 0px 30px 25px; margin:0;}
div.menuInnerWrap p.menuTitle {clear:none; float:left; display:inline; background-image:url(../images/icon_menu.gif); background-repeat:no-repeat; padding:0px 0px 25px 25px; font:14px Verdana, Arial, Helvetica, sans-serif; color:#cc3300;}
div.menuInnerWrap p.menuPrice {clear:none; float:right; display:inline; padding:0px 0px 25px 0px; font:14px Verdana, Arial, Helvetica, sans-serif; color:#cc3300;}
.menuInnerWrap p.menuSubTitle {clear:both; padding:0px 0px 5px 25px; font:14px Verdana, Arial, Helvetica, sans-serif; color:#000;}
.menuInnerWrap p.menuInfo {clear:both; padding-left:25px; padding-bottom:0px; font-style:italic;}



/* Menu pages */

/* menu title */
	#menuWrap h1 {clear:both; float:left; display:inline; background-image:url(../images/icon_menu.gif); background-repeat:no-repeat; margin:40px 0px 0px 0px; padding:0px 0px 0px 25px; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#ea7720;}

/* price aligned right */
	#menuWrap h2 {clear:none; float:right; display:inline; padding:0px 0px 0px 0px; margin:40px 0px 0px 0px; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#ea7720;}

/* tax disclaimer */
	#menuWrap h3 {clear:both; width:515px; padding:3px 0px 0px 25px; margin:0px; font:10px Arial, Helvetica, sans-serif; color:#ea7720; text-align:right;}

/* category: starter, entree, etc. */
	#menuWrap h4 {clear:both; padding:20px 0px 0px 25px; margin:0px; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000; line-height:normal;}


#menuWrap p {clear:both; padding:5px 0px 10px 25px;}
#menuWrap ul {clear:both; padding:10px 0px 10px 25px; margin:0;}
#menuWrap img {margin:0; padding:0;}



/* -------------- */
/* ---CONTACT --- */
/* -------------- */

/* form */
.contactFormWrap {width:600px; background-color:#eff4f4;}
.contactFormWrap div p {float:left; display:inline; margin:0; padding:0;}
.contactFormWrap input {display:inline; float:left; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#000000; background-color:#fff; border:1px solid #fff;}
.contactFormWrap div {clear:left; display:block; width:600px; margin:5px 0 0 0; padding:0;}
.contactFormWrap div label {display:inline; float:left; width:90px; padding:3px 5px; margin:0 0 5px 0; text-align:right; font:11px Verdana, Arial, sans-serif; color:#333;}
.contactFormWrap div.submit {width:100px; padding:0 0 0 500px;}
.contactFormWrap img {clear:both; padding-top:20px;}







/* ----------------------------------------------------------------------------- */
/* ------------------------------>>> 5. FOOTER <<<------------------------------ */
/* ----------------------------------------------------------------------------- */

/* Links above footer */

#footerLinks {width:1000px; margin:0 auto; text-align:center;}
#footerLinks a {font:10px Verdana, Arial, Helvetica, sans-serif; color:#000; font-weight:normal; line-height:normal;}
#footerLinks a:link, #footerLinks a:active, #footerLinks a:visited {text-decoration:none;}
#footerLinks a:hover {color:#FF9900; text-decoration:underline;}

/* Footer Wrap */
#footerWrap {width:200px; margin:30px auto 0px auto; padding:0; padding-bottom:15px;}
#footerWrap img {margin:0 auto; padding:0; padding-bottom:5px;}

	.copyrightContent {margin:0; padding:0; text-align:center;}
	.copyrightContent p {font:10px Arial, Helvetica, sans-serif; color:#330000; padding:0;}
	.copyrightContent a {font:10px Arial, Helvetica, sans-serif; color:#330000;}
	.copyrightContent a:hover {text-decoration:underline;}

	.thinkLink {margin:5px 0px 0px 0px; padding:0; text-align:center;}
	.thinkLink p {font:10px Arial, Helvetica, sans-serif; color:#330000; padding:0;}
	.thinkLink a {font:10px Arial, Helvetica, sans-serif; color:#330000;}
	.thinkLink a:hover {text-decoration:underline;}