@import "reset-min.css";

body {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, sans-serif;
	background: #75140B url(../img/background_pattern_top.jpg) no-repeat center top;
	}
a {
	outline: none;
	overflow: hidden;
	color: #FFFFFF;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
strong {
	font-weight: bold;
	}

/* Layout Divs */
#container {
	margin: 0 auto 0;
	width: 893px;
	min-height: 535px;
	}
#header {
	position: relative;
	}
	#logo {
		width: 193px;
		margin: 66px 0 4px 40px;
		}
	#logo a {
		display: block;
		width: 193px;
		height: 56px;
		text-indent: -9999px;
		background: transparent url(../img/qk_logo.gif) no-repeat;
		}
	#comingsoon {
		position: absolute;
		top: 27px;
		left: 735px;
		width: 153px;
		}
	#subnav{
		margin: auto 0 6px 280px;
		
		height: 16px;
		}
#subnav a {
		    text-transform:uppercase;
			display:block;
			float: left;
			height: 16px;   
			font-size: 10px;
			color:#989380;
			margin:0 10px 0 0;				
			}
		a#home {

			}
		body.home a#home,
		a#home:hover {text-decoration:none; color:#fff;}
		
		a#hours {

			}
		body.hours a#hours,
		a#hours:hover { text-decoration:none; color:#fff; }
		a#reservations {
			;
			}
		a#reservations:hover {text-decoration:none; color:#fff; }
		a#press_top {

			}
		body.press_top a#press_top,
		a#press_top:hover {text-decoration:none; color:#fff; }
		a#location {
			
			}
		body.location a#location,
		a#location:hover {text-decoration:none; color:#fff; }
		a#contact {

			}
		body.contact a#contact,
		a#contact:hover { text-decoration:none; color:#fff;}
		a#parking {

		}
		body.parking a#parking,
		a#parking:hover { text-decoration:none; color:#fff;}
		
		a#signup_top {

		}
		body.signup_top a#signup_top,
		a#signup_top:hover {text-decoration:none; color:#fff; }

#locations_nav {
	margin: 0 auto 0;
	padding-top: 21px;
	width: 468px;
	height: 28px;
}
	#locations_nav a {
		display: block;
		float: left;
		line-height: 12px;
		padding: 0 22px;
		text-transform: uppercase;
		/*text-indent: -9999px;*/
	}
	a#gaslamp {
		width: 124px;
		background: url(../img/location_gaslamp.jpg) no-repeat bottom left;
		}
	body.gaslamp a#gaslamp, 
	a#gaslamp:hover { background-position: top left; }
	a#google {
		width: 130px;
		background: url(../img/location_google.jpg) no-repeat bottom left;
		}
	body.google a#google,
	a#google:hover { background-position: top left; }
	a#directions {
		width: 214px;
		background: url(../img/location_download.jpg) no-repeat bottom left;
		}
	a#directions:hover { background-position: top left; }

	ul#nav {
		position: relative;
		padding: 0 0 0 125px;
		margin: 0;
		width: 770px;
		height: 50px;
		border-top: 1px solid #86836F;
		border-bottom: 1px solid #86836F;
		list-style:none;
		z-index:1;
		}
		#nav li {
			float: left;
			position: relative;
			display: block;
			width: 174px;
			height: 50px;
			margin:0;
			padding:0;
			}
			#nav li a {
				position:relative;
				display:block;
				width:174px;
				height:50px;
				text-indent: -9999px;
			}
			#nav li a:hover {
				text-decoration: none;
				color: #FFFFFF;
			}
			#nav li ul {
				display: none;
				position: absolute;
				top: 50px; /* placement: tell ie where to place the menu */
				left: 0;
				background-color: #75140B;
				padding: 0 0 6px 0;
			}
			#nav li>ul {
				top: auto; /* placement: auto if not ie */
				left: auto;
			}
			#nav li:hover ul, #nav li.hover ul {
				display: block;
			}
						
			/* sub-navigation */
			#nav li ul li {
				height: auto;
			}
			#nav li ul li a {
				height:auto;
				width: 154px;
				padding: 8px 10px 12px 10px;
				text-indent: 0;
				color: #86836F;
				font-size: 10px;
				letter-spacing: 1px;
				background-color: #75140B;
				line-height: 14px;
				text-transform: uppercase;
			}
			#nav li ul li a:hover { color: #FFFFFF; }
			
			a#eat { background: url(../img/main_nav_eat.jpg) no-repeat bottom left; }
			body.eat a#eat,
			a#eat:hover { background-position: top left; }

			a#drink { background: url(../img/main_nav_drink.jpg) no-repeat bottom left; }
			body.drink a#drink,
			a#drink:hover { background-position: top left; }

			a#chef { background: url(../img/main_nav_chef.jpg) no-repeat bottom left; }
			body.chef a#chef,
			a#chef:hover { background-position: top left; }

			a#private { background: url(../img/main_nav_private.jpg) no-repeat bottom left; }
			body.private a#private,
			a#private:hover { background-position: top left; }
			
			a#press { background: url(../img/main_nav_press.jpg) no-repeat bottom left; }
			body.press a#press,
			a#press:hover { background-position: top left; }
			
			a#signup { background: url(../img/main_nav_signup.jpg) no-repeat bottom left; }
			body.signup a#signup,
			a#signup:hover { background-position: top left; }
			
			body.breakfast a#eat,
			body.lunch a#eat,
			body.dinner a#eat,
			body.dessert a#eat,
			body.wine a#drink,
			body.cocktails a#drink,
			body.mezzanine a#private,
			body.atrium a#private,
			body.wine_cellar a#private,
			body.events a#private { background-position: top left; }

#wrapper {
	padding: 2px 0 0 0;
	}
#content {
	margin: 0 auto 0;
	width: 875px;
	min-height: 415px;
	_height: 415px;
	}
	.leftCol {
		display: block !important;
		display: inline;
		float: left;
		width: 300px;
	}
	.rightCol {
		display: block !important;
		display: inline;
		float: right;
		width: 575px;
	}
	div.titleCard {
		display: block;
		width: 300px;
		height: 125px;
		padding-top: 175px;
	}
	div.titleCard h2 {
		text-align: center;
	}
		div#heart { background: url(../img/heart_module.jpg) no-repeat; }
		div#trident { background: url(../img/food_module.jpg) no-repeat; }
		div#wine { background: url(../img/wine_module.jpg) no-repeat; }
		div#circle { background: url(../img/events_module.jpg) no-repeat; }
	div#flash-gallery {
		display: block;
		margin: 0 0 0 1px;
		width: 574px;
		height: 350px;
	}
	ul.fancy {
		padding: 17px 0 15px 32px;
		list-style-image: url(../img/qk_bullet.gif);
		list-style-position: outside;
	}
		ul.fancy li {
			margin: 0 0 12px 18px;
			_margin: 0 0 17px 18px;
			*padding-left: 6px;
			_line-height: 11px;
			color: #86836F;
		}

		
	/* MULTI-PAGE-SPECIFIC STYLES */
	.pad_vert {
		padding: 35px 0 0 0;
	}		
		.press .copybox h2,
		.contact .copybox h2 {
			float: left;
			margin-top: 0;
			}
		.copybox h2 {
			margin: 15px 15px 12px;
			_margin: 12px 15px 12px;
			}
		.copybox h3,
		.copybox p {
			margin: 15px 15px 12px 15px;
			line-height: 14px;
    width: 545px;
}
			
	/* PAGE: MANIFESTO */
	.manifesto #content {
		background: url(../img/manifesto_hero.jpg) no-repeat center center;
		}
		.manifesto .copybox {
			margin-left: 24px;
			width: 216px;
			}
			.manifesto .copybox p {
				line-height: 16px;
				text-align: justify;
				}
				
	/* PAGE: EVENTS */
	
	
	/* PAGE: QK OVERVIEW */
	.qk .copybox { width: 700px; }
		
	/* PAGE: EAT */
	.food .copybox { width: 680px; }
	
	/* PAGE: BREAKFAST MENU */
	table.menu {
		margin: 5px auto 10px;
		width: 504px;
	}
		table.menu th h2 {
			padding-bottom: 5px;
			border-bottom: 1px solid #FFFFFF;
		}
		table.menu th {
			padding-bottom: 6px;
		}
		table.menu td {
			padding-top: 8px;
			vertical-align: top;
		}
		table.menu td.l {
			width: 55%;
			padding-left: 30px;
		}
		.dessert table.menu td.l {
			width: 70%;
			padding-left: 30px;
		}
		table.menu td.r {
			/*width: 50%;*/
			padding-right: 90px;
			text-align: right;
		}
		.dessert table.menu td.r {
			padding-right: 90px;
		}
		table.menu h3 {
			padding: 0 0 2px;
			font-size: 13px;
			font-weight: normal;
			letter-spacing: 1px;
			text-transform: uppercase;
		}
		table.menu p {
			font-style: italic;
			font-size: 10px;
			line-height: 1.5em;
			letter-spacing: 1px;
		}
		table td.smallText h3 {
			font-size: 12px;
		}
		
	table.sidemenu {
		margin: 20px auto 10px;
		width: 504px;
	}
		table.sidemenu th h2 {
			padding-bottom: 5px;
			border-bottom: 1px solid #FFFFFF;
		}
		table.sidemenu th {
			padding-bottom: 6px;
		}
		table.sidemenu td {
			padding-top: 8px;
			vertical-align: top;
		}
		table.sidemenu td.l {
			width: 75%;
			padding-left: 30px;
		}
		table.sidemenu td.r {
			width: 25%;
			padding-right: 90px;
			text-align: right;
		}
		table.sidemenu h3 {
			padding: 0 0 2px;
			font-size: 12px;
			font-weight: normal;
			letter-spacing: 1px;
		}
		table.sidemenu p {
			font-style: italic;
			font-size: 10px;
			line-height: 1.5em;
			letter-spacing: 1px;
		}
	
	table#noindent {
		margin-left: 35px;
		width: 350px;
	}
	table#noindent td.l { padding-left: 0px; }
	table#noindent td.r { width: 10%; }
	table#noindent h4 { font-size: 9px; padding:10px 0 10px 35px; }
	table#noindent p {padding-left: 32px}
	table.sidemenufloat {
		float: left;
		display: block !important;
		display: inline;
		margin: 0 0 10px 35px;
		width: 235px;
	}
		table.sidemenufloat th h2 {
			padding-bottom: 5px;
			border-bottom: 1px solid #FFFFFF;
		}
		table.sidemenufloat th {
			padding-bottom: 6px;
		}
		table.sidemenufloat td {
			padding-top: 8px;
			vertical-align: top;
		}
		table.sidemenufloat td.l {
			padding-left: 30px;
		}
		table.sidemenufloat td.r {
			padding-left: 10px;
			padding-right: 30px;
		}
		table.sidemenufloat h3 {
			padding: 0 0 2px;
			font-size: 12px;
			font-weight: normal;
			letter-spacing: 1px;
		}

		
	/* PAGE: HOURS */
	table.hours {
		margin: 3px 0 0 120px;
		width: 400px;
	}
	table.hours td {
		padding: 3px;
	}
	.hours h2 {
		float: left;
		width: 200px;
		margin-top: 0;
	}
	ul.hours {
		margin: 3px 0 0 265px;
		width: 400px;
	}
	ul.hours li {
		line-height: 2em;
	}
	
	/* PAGE: PRESS */
	.press h2 { width: 160px; }
	.press .inquiries { padding-top: 5px; }
	.press .inquiries a { margin: 0 0 0 30px; }
	ul.articles {
		float: left;
		padding-top: 6px;
		_padding-top: 5px;
		width: 360px;
		}
		ul.articles li {
			padding: 0 0 16px 0;
			}
	
	/* PAGE: ARTICLE */
	.img_holder {
		float: right;
		width: 360px;
		margin: 0 0 0 15px;
		}
	.img_holder img {
		margin: 5px 0;
		}
	.article .copybox {
		margin: 0 0 0 116px;
		}
	.article .copybox h2 {
		margin-top: 0;
		width: 360px;
		}
	.article .copybox h3 {
		font-size: 12px;
		color: #86836F;
		margin-bottom: 0;
		}
	.article .copybox p {
		margin-top: 0;
		line-height: 18px;
		}
		.caption {
			color: #86836F;
			}
		a#articles {
			display: block;
			float: left;
			width: 62px;
			height: 24px;
			text-indent: -9999px;
			background: url(../img/press_article_index.jpg) no-repeat bottom left;
			}
		a#articles:hover { background-position: top left; }

	/* PAGE: CONTACT */
	.contact .copybox h2 {
		float: left;
		width: 120px;
		}
	.contact .copybox h4 {
		margin: 0 0 30px 160px;
		padding: 2px 0 0;
		text-indent: 0;
		line-height: 20px;
		text-transform: uppercase;
		}
	.contact .copybox ul {
		margin: 0 0 0 182px;
		}
	.contact .copybox ul li {
		padding: 0 0 16px 0;
		list-style-type: disc;
		}
	
	/* PAGE: PARKING/VALET */
	.parking .copybox h2 {
		float: left;
		width: 140px;
		margin-top: 0;
		}
	.parking .copybox p {
		margin: 0 0 0 189px;
		padding-top: 5px;
		}
			
	/* PAGE: EMPLOYMENT */
	.employment .copybox {
		float: left;
		width: 324px;
		height: 380px;
		}
	.employment dl {
		display: inline;
		line-height: 16px;
		}
	.employment div.list_wrap {
		float: left;
		width: 150px;
		margin-left: 40px;
		}
		.employment dl dt {
			margin-top: 15px;
			color: #A7673B;
			}
		.employment dl dt.top { margin: 0; }
	.employment #content h2 {
		float: left;
		margin: 0 15px 12px 15px;
		}
	.employment .copybox p {
		margin-top: 0;
		}

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

#map .gmnoprint>div {
	text-align: center;
	font-size: 14px;
	color: #666666;
	}

#footer {
	clear: both;
	height: 170px;
	border-top: 1px solid #86836F;
	background: transparent url(../img/background_pattern_bottom.jpg) no-repeat center top;
	}
	#footer h5,
	#footer h6 {
		margin: 20px;
		color: #FFFFFF;
		font-size: 9px;
		text-align: center;
		text-transform: uppercase;
		
		font-family: "BK Avenir Book", "Century Gothic", sans-serif;
		}
	#footer h6 {
		/*color: #B1AC92;*/
		font-family: "Mrs Eaves Petite Caps", serif;
		}
		#footer h5 span,
		.contact h4 span {
			padding: 0 7px;
			}

#Presentation {
	
}
/*
#FeatureBTN
{
    position: absolute;
    display:block;
    top:0px;
    right: 5px;
    width:188px;
    height:70px;
    color:#a6673b;
    font-size:9px;
    text-align:center;
    text-transform: uppercase;
    margin:0px;
    padding:0px;
    
    }
#subnav {margin: 0 0 6px 230px;}
 */
/* - fin - */