/* Cloud City Styles */
html, body, div, form, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

/* TEXT TITLES */
h2, h3, h4, h5 {
	color: #687291;
}
h3 { font-size: 16px; margin: 8px 0 0 0; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }

/* LINKS */
a { text-decoration: none; color: #9D0037; font-weight: bold; outline: none; border-bottom: dotted 1px #292D38; cursor: pointer; }
a:hover { color: #420017; }
a.whitelink, .whitelink a { color: white; border-style: none; }
a.whitelink:hover, .whitelink a:hover { color: #FFC6D9; }

/* Images inside links - prevent Gecko bugs for negative text indent */
img {
	border-style: none;
	outline: none;
	text-decoration: none;
}

.center {
	text-align: center;
}

/* LAYOUT */
body {
	font-family: Verdana, "Lucida Grande", Arial, Tahoma, sans-serif;
	font-size: 11px;
	color: #292D38;
	background: #AFB5C5; /* url(../images/background_food.gif) -1973px 200px no-repeat; */
	text-align: center;
}
div#center {
	width: 780px;
	margin: 0 auto;
	text-align: left;
}
div#center div, p, form, dl, dt, dd {
	display: inline;
	position: relative;
	float: left;
}
p {
	width: 100%;
	clear: both;
	padding: 5px 0;
	margin: 0;
}
.section {
	display: inline;
	position: relative;
	float: left;
	width: 100%;
	clear: both;
}
div#page {
	width: 780px;
	border-left: solid 3px #687291;
	border-right: solid 3px #687291;
	border-top: solid 1px #687291;
	border-bottom: solid 1px #687291;
	background: white;
}
body#three_col div#page { background: url(../images/page_bg.gif) top left repeat-y; }

	/* Header */
	div#header {
		width: 100%;
		height: 100px;
		background: white url(../images/cloud_city_header_short.gif) 25px 5px no-repeat;
	}
	body#three_col div#header {
		width: 519px;
		height: 150px;
		background: white url(../images/cloud_city_header.gif) 25px 8px no-repeat;
	}	
		div#header h1 a {
			display: block;
			position: absolute;
			width: 55px;
			height: 86px;
			left: 24px;
			top: 6px;
			text-indent: -30000px;
			background: transparent;
			cursor: hand;
			border-style: none;
		}
		body#three_col div#header h1 a {
			width: 77px;
			height: 126px;
			left: 32px;
			top: 10px;
		}
					
		div#header h2 { display: none; }
		
		h3.pagetitle {
			display: block;
			position: absolute;
			width: 320px;
			height: 62px;
			left: 420px;
			top: 12px;
			text-indent: -30000px;
			background-color: transparent;
			background-position: center top;
			background-repeat: no-repeat; 
		}
		h3.pagetitle#title_eats { background-image: url(../images/en/headertitle_eats.gif); }
		h3.pagetitle#title_drinks { background-image: url(../images/en/headertitle_drinks.gif); }
		h3.pagetitle#title_events { background-image: url(../images/en/headertitle_events.gif); }
		h3.pagetitle#title_art { background-image: url(../images/en/headertitle_art.gif); }
	
	/* Navigation */
	ul#nav, ul#nav li, ul#nav li a {
		display: inline;
		position: relative;
		float: left;
	}
	ul#nav {
		width: 100%;
		margin: 0;
		padding: 0;
		list-style-type: none;
		border-top: solid 1px #687291;
		border-bottom: solid 2px #687291;
	}
	body#three_col ul#nav {
		width: 519px;
	}
		ul#nav li {
			width: 129px;
			overflow: hidden;
		}
			ul#nav li a {
				display: inline;
				position: relative;
				float: left;
				width: 131px;
				overflow: hidden;
				border-style: none;
				clear: both;
				padding: 3px 0;
				margin: 0;
				font-size: 14px;
				font-weight: bold;
				background: white;
				text-align: center;
			}
			ul#nav li a:hover {
				background: white url(../images/menu_item_bg.gif) center center no-repeat;
			}
			ul#nav li a.sel {
				color: white;
				background: white url(../images/menu_item_bg_dark.gif) center center no-repeat;
			}
	
	
	/* Columns */
	div.col {
		width: 260px;
		overflow: hidden;
	}
	div.col h3, div.col h4, div.col h5, div.col p {
		display: inline;
		position: relative;
		float: left;
		width: 240px;
		padding-left: 10px;
		padding-right: 10px;
		clear: both;
	}

	
	div#three_col_left { width: 519px; }
	
		div#col_1 {
			border-right: solid 1px #687291;
			width: 258px;
			background: #F5F5FA;
			min-height: 500px;
		}			
			div#col_1 p {
				font-size: 12px;
				margin: 0 0 10px 0;
			}
			div#col_1 p#address {
				margin: 10px 0;
			}
					
		div#col_2 {
			padding: 0;
		}	
	
	div#three_col_right {
		width: 260px;
	}	
		div#col_3 {
			border-left: solid 1px #687291;
			background: #F5F5FA;
			width: 260px;
		}
		
	div#col_double {
		width: 500px;
		padding: 0 10px 10px 10px;
	}
	
	div#col_triple {
		width: 760px;
		padding: 0 10px 10px 10px;
	}
		
	/* FOOTER */	
	div#footer {
		width: 100%;
		background: #FFFFFF;
		text-align: center;
		padding: 4px 0;
		color: #687291;;
		border-top: solid 1px #687291;
	}
	
/* MODULES */

div.image_spot {
	width: 100%;
	overflow: hidden;
	border-top: solid 2px #687291;
	border-bottom: solid 2px #687291;
	margin: 5px 0;
}
	div.image_spot img {
		display: inline;
		position: relative;
		float: left;
		margin: 0;
	}

ul#cc_features {
	font-size: 12px;
	margin: 10px 0;
}
ul#cc_features {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
	ul#cc_features li {
		display: inline;
		position: relative;
		float: left;
		width: 230px;
		padding: 5px 10px 5px 15px;
		margin: 0 0 0 10px;
		color: #687195;
		font-weight: bold;
		background: url(../images/arrow_bullet_left.gif) 0px 7px no-repeat;
	}

div#true_north {
	width: 260px;
	height: 300px;
	background: url(../images/true_north_240x190.gif) 10px 5px no-repeat;
	text-indent: -30000px;
	border-style: none;
}

div#intro {
	font-size: 12px;
	padding: 10px 0;
}
div#intro h4 {
	margin-top: 15px !important;
}

div.menu_highlights {
	width: 239px;
	padding: 0;
	margin: 0 0 10px 10px;
}
	div.menu_highlights h3 {
		text-align: center;
		margin: 0;
		border-top: solid 2px #687291;
		width: 239px;
		padding: 3px 0;
	}
	div.menu_highlights div {
		width: 233px;
		padding: 2px 3px 3px 3px;
		background: #687291;
	}
		div.menu_highlights div a {
			font-size: 10px;
		}
		div.menu_highlights div a.left {
			display: block;
			float: left;
		}
		div.menu_highlights div a.right {
			display: block;
			float: right;
		}
	div.menu_highlights dl {
		width: 239px;
		margin: 0;
		overflow: hidden;
	}
		div.menu_highlights dt, div.menu_highlights dd {
			width: 229px;
		}
		div.menu_highlights dt {
			font-weight: bold;
			color: #687291;
			background: white;
			margin: 0;
			padding: 5px 5px 0 5px;
		}
		div.menu_highlights dd {
			margin: 0 0 5px 0;
			padding: 0 5px;
		}
		
div#art_highlights {
	width: 239px;
	padding: 0;
	margin: 0 0 10px 10px;
}
	div#art_highlights h3 {
		margin: 10px 0 0 0;
		padding: 3px 0;
	}
	div#art_highlights dl {
		margin: 0;
		width: 100%;
	}
		div#art_highlights dt {
			width: 239px;
			margin: 0;
			padding: 3px 0 !important;
		}
			div#art_highlights dt a { font-size: 14px; }
		div#art_highlights dd div.thumbs div {
			width: 75px !important;
		}
				
div#map {
	border-bottom: solid 1px #687291;
	background: url(../images/map_small.gif) top left no-repeat;
	width: 258px;
	height: 80px;
	overflow: hidden;
}
	div#map div {
		position: absolute;
		bottom: 0px;
		left: 0px;
		text-align: center;
		background: #687291;
		width: 100%;
	}
	div#map div a {
		display: block;
		float: left;
		font-size: 10px;
		padding: 2px 3px;
	}
	div#map div a#google {
		float: right;
	}
	
	a.slider_link_down {
		background: url(../images/arrow_sliders.gif) top right no-repeat;
		padding-right: 14px !important;
	}
	a.slider_link_up {
		background: url(../images/arrow_sliders.gif) bottom right no-repeat;
		padding-right: 14px !important;
	}
	
div#eats {
	width: 100%;
}
	div#eats_title_box  {
		height: 120px;
		margin: 10px 0;
		background: url(../images/food/powdercake.gif) center right no-repeat;
	}
		div#eats_title_box h2 {
			width: 100px;
			height: 70px;
			text-indent: -30000px;
			background: url(../images/eats_title.gif) top left no-repeat;
			margin: 15px 0 0 300px;
		}
	
	div#eats_sandwiches {
		float: right !important;
		clear: right;
		width: 480px;
		padding: 10px;
	}
		div#eats_sandwiches p {
			width: 480px;
			margin-bottom: 10px;
		}
		div#eats_sandwiches dl {
			width: 100%;
			margin: 5px 0;
		}
			div#eats_sandwiches dt  {
				width: 100%;
				font-weight: bold;
				font-size: 14px;
			}
				div#eats_sandwiches dt span {
					font-size: 10px;
					font-weight: normal;
				}
			div#eats_sandwiches dd {
				width: 448px;
				padding: 2px 0 23px 30px;
				border-bottom: solid 2px #CCCCE6;
				border-left: solid 2px #CCCCE6;
				margin-bottom: 10px;
			}
				 div#eats_sandwiches dd span {
					position: absolute;
					display: block;
					right: 0px;
					bottom: 0px;
					border: solid 2px #CCCCE6;
					border-bottom-style: none;
					padding: 3px 5px;
				}
		img#sandwiches_feature {
			border: solid 2px #CCCCE6;
		}
	div#eats_combos {
		width: 476px;
		padding: 0;
		border: solid 2px #CCCCE6;
		background: #F5F5FA;
		margin: 15px 0 0 0;
		clear: both;
	}
		div#eats_combos h3 {
			padding: 20px;
			font-size: 30px;
			font-weight: normal;
			float: left;
			text-align: center;
		}
		div#eats_combos table {
			float: right;
			border-left: solid 2px #CCCCE6;
			background: white;
		}
			div#eats_combos table td {
				padding: 4px 10px;
			}
	div#eats_catering {
		clear: both;
		width: 480px;
		padding: 10px 0;
		font-size: 12px;
	}
	
	div#eats_sidebar {
		width: 250px;
		overflow: hidden;
	}
		div#eats_sidebar div#eats_baked_top {
			width: 250px;
			background: #FFFFFF;
			text-align: center;
			padding: 20px 0 10px 0;
		}
			
		div.eats_sidebar_inner {
			width: 230px;
			background: #F5F5FA;
			padding: 0 10px 10px 10px;
		}	
			div.eats_sidebar_inner table {
				width: 100%;
				padding: 0;
				margin: 3px 0 20px 0;
				border: solid 2px white;
			}
			div.eats_sidebar_inner table.menu_schedule {
				border-bottom-style: none;
			}
				div.eats_sidebar_inner table.menu_schedule td {
					border-bottom: solid 2px white;
					padding: 3px 0;
				}
				div.eats_sidebar_inner table.menu_schedule td.col1 {
					width: 85px;
					text-align: right;
					padding: 3px 5px 3px 0;
					color: #687291;
				}
				div.eats_sidebar_inner table.menu_schedule tr.color td {
					background: #E8E8F4;
				}
				div.eats_sidebar_inner table.menu_schedule td.td_img {
					padding: 0;
				}
				
	div#drinks_espresso {
		width: 740px;
		padding: 10px;
		background: #F5F5FA;
		margin: 10px 0;
	}
		div#drinks_espresso div#espresso_left {
			width: 280px;
			height: 260px;
			background: url(../images/true_north_152x120.gif) center bottom no-repeat;
		}
		div#drinks_espresso div#espresso_right {
			width: 440px;
			margin: 10px 0 0 20px;
		}
			div#drinks_espresso table {
				border: solid 2px white;
				float: right;
			}
				div#drinks_espresso th {
					padding: 2px 10px 4px 10px;
					font-size: 10px;
					font-weight: bold;
					background: white;
				}
					div#drinks_espresso th span {
						display: block;
						font-size: 10px;
						font-weight: normal;
					}
				div#drinks_espresso td {
					padding: 4px 10px 4px 10px;
					font-size: 14px;
					background: #F5F5FA;
				}
					div#drinks_espresso td span {
						font-size: 10px;
					}
				div#drinks_espresso tr.color td {
					background: #E8E8F4;
				}
				div#drinks_espresso tfoot td {
					padding: 2px 10px 4px 10px;
					background: white;
					text-align: right;
				}
					div#drinks_espresso tfoot a {
						font-size: 10px;
						font-weight: bold;
					}
		div#drinks_espresso_extras {
			position: absolute !important;
			width: 240px;
			left: 40px;
			top: 20px;
			background: #687291;
			padding: 10px;
			display: none;
		}

	div#drinks_coffee {
		width: 760px;
		padding: 0 0 10px 0;
		border-bottom: solid 1px #CCCCE6;
	}
		div#drinks_coffee img {
			float: right;
			border: solid 2px #687291;
		}
		div#drinks_coffee div {
			width: 485px;
			font-size: 12px;
		}
			div#drinks_coffee ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
				div#drinks_coffee ul li {
					display: inline;
					position: relative;
					float: left;
					width: 460px;
					padding: 5px 10px 2px 15px;
					margin: 0 0 0 10px;
					background: url(../images/arrow_bullet_left.gif) 0px 7px no-repeat;
					font-size: 12px;
				}
					div#drinks_coffee ul li ul {
						list-style-type: decimal !important;
					}
						div#drinks_coffee ul li ul li {
							display: block;
							float: none;
							background-image: none;
							padding: 0;
						}
			
	div#drinks_tea, div#drinks_tea dl {
		width: 760px;
	}
		div#drinks_tea h4 {
			float: left;
			width: 760px;
			padding: 2px 0;
			background: #687291;
			text-align: center;
			font-size: 14px;
			color: white;
			margin: 10px 0;
		}
		div#drinks_tea dl {
			border-bottom: solid 2px #E8E8F4;
			margin-bottom: 10px;
			background: #E8E8F4;
		}
			div#drinks_tea dt {
				width: 256px;
				padding: 4px 10px 4px 4px;
				font-size: 11px;
				font-weight: bold;
				text-align: right;
				clear: left;
			}
			div#drinks_tea dd {
				width: 484px;
				background: white;
				padding: 4px 0 0 6px;
				clear: right;
			}
				div#drinks_tea dd div {
					float: right;
					padding: 3px 6px 2px 0px;
					background: #E8E8F4;
					text-align: right;
					margin: 5px 0 0 0;
				}
					div#drinks_tea dd div span {
						color: #687291;
						background: white;
					}
		
	div#drinks_misc_left {
		width: 420px;
		padding: 0 10px 0 0;
		margin: 10px 0 0 0;
	}
		div#drinks_misc_left h3 {
			height: 20px;
		}
		div#drinks_misc_left table {
			border: solid 2px #E8E8F4;
		}
			div#drinks_misc_left th {
				padding: 2px 10px 4px 10px;
				font-size: 10px;
				font-weight: bold;
				background: #E8E8F4;
			}
			div#drinks_misc_left td {
				padding: 4px 10px 4px 10px;
				font-size: 14px;
			}
				div#drinks_misc_left td span {
					font-size: 10px;
				}
			div#drinks_misc_left td.center span {
				color: #CFCFE9;
			}
			div#drinks_misc_left tr.color td {
				background: #F5F5FA;
			}
	div#drinks_misc_right {
		width: 330px;
		overflow: hidden;
	}
		div#drinks_misc_right img {
			border: solid 2px #CCCCE6;
			margin: 38px 0 0 0;
		}


div.thumbs {
	padding: 1px;
	background: white;
	border: solid 2px #687291;
	clear: both;
	margin: 5px 0 0 0;
	overflow: hidden;
}
	div.thumbs div {
		width: 80px;
		height: 60px;
		overflow: hidden;
		border: solid 1px white;
	}
	div.thumbs div:hover { border-color: #9D0037; }
		
div#artists {
	padding: 20px 0 0 0;
}
	div#artists_present {
		width: 440px;
		overflow: hidden;
		border: solid 2px #E8E8F4;
		padding: 10px;
	}
		div#artists_present h3 {
			text-align: center;
			margin: 0 0 10px 0;
		}
		div#artists_present dt, div#artists_present dd {
			width: 440px;
			overflow: hidden;
		}
			div#artists_present dt h4 {
				font-size: 14px;
			}
		div#artists_present dd img {
			display: block;
			margin: 0;
		}
	div#artists_past {
		width: 480px;
		overflow: hidden;
	}
		div#artists_past h3 {
			width: 464px;
			margin: 20px 0 10px 0;
			background: #E8E8F4;
			padding: 3px 0;
			text-align: center;
		}
		div#artists_past dl {
			width: 470px;
			margin: 0 0 15px 0;
			border-left: solid 2px #E8E8F4;
			padding: 0 0 0 10px;
		}
			div#artists_past dt {
				width: 100%;
				padding: 0 0 5px 0;
			}
				div#artists_past dt h4 {
					display: inline;
					font-size: 14px;
				}
		
	div#artists_future {
		float: right !important;
		width: 260px;
		padding: 10px;
		background: #E8E8F4;
	}
		div#artists_future h3 {
			background: white;
			padding: 3px 0;
			text-align: center;
			margin: 0 0 10px 0;
		}
		div#artists_future dl, div#artists_future dt, div#artists_future dd {
			width: 100%;
		}
		div#artists_future dl {
			padding: 0 0 10px 0;
			border-bottom: solid 2px white;
			margin: 5px 0;
		}
			div#artists_future dt {
				padding: 0 0 6px 0;
			}
				div#artists_future dt h4 {
					font-size: 14px;
				}
			div#artists_future dd div.thumbs div {
				width: 80px;
			}
	
div#events {
	padding: 10px 20px 100px 10px;
}
	div#events dl {
		width: 720px;
		margin: 15px 20px 0 0;
	}
		div#events dt {
			width: 100%;
			clear: both;
			font-weight: bold;
			font-size: 14px;
		}
	div#events_bottom {
		margin: 50px 150px;
		font-size: 14px;
	}

/* HOLIDAY */
div#holiday {
	width: 520px;
	height: 223px;
	background: white;
	border-bottom: solid 1px #687291;
}
body#one_col div#holiday {
	border-bottom-style: none;
}
	div#holiday a#holiday_tag {
		width: 481px;
		height: 203px;
		background: white url(../images/en/holiday/holiday_tag_2007.gif) top left no-repeat;
		text-decoration: none;
		border-style: none;
		text-indent: -30000px;
		margin: 10px 0 0 20px;
	}
	div#holiday_flyer {
		width: 766px;
		height: 591px;
		background: white url(../images/en/holiday/holiday_flyer_2007.gif) 12px 12px no-repeat;
		position: absolute !important;
		position: fixed !important;
		left: 20px;
		top: 20px;
		z-index: 100;
		border: solid 3px black;
	}
	body#one_col div#holiday_flyer {
		position: relative !important;
		display: inline !important;
		float: left !important;
		left: 0px;
		top: 0px;
		border-style: none;
	}
	div#holiday_flyer a.closer {
		position: absolute !important;
		right: 5px;
		color: gray;
		font-size: 10px;
		font-weight: bold;
		border-style: none;
	}
	div#holiday_flyer a.closer:hover {
		color: #F02B16;
	}
	div#holiday_flyer a#cl_top {
		top: 1px;
	}
	div#holiday_flyer a#cl_bottom {
		bottom: 1px;
	}
	a#holiday_formlink {
		display: block;
		position: absolute !important;
		top: 68px;
		right: 15px;
		width: 402px;
		height: 64px;
		text-indent: -30000px;
		z-index: 500;
		border-style: none;
	}
	a#holiday_formlink:hover {
		border: dotted 1px white;
	}
	
/* Awards Module */
div#awards {
	text-align: center;
	margin: 15px 0;
}
	div#awards a {
		text-decoration: none;
		border-style: none;
	}
	div#awards img {
		border: solid 2px #687291;
	}