#map img {behavior: none} 

body {
	color: #ccc;
	font-size: 12px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background: #000 url(../img/site/bg_site_2.jpg) no-repeat center top;
	line-height: 1.4em;
}

.wrapper{
	width: 100%;
	height: 100%;
	min-height: 1200px;
}

.section{
	margin: 12px 0 12px 0;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	color: #fbf2c9;
	font-weight: bold;
	margin: 0 0 6px 0;
	padding: 0;
}

blockquote{
	font-style: italic;
	color: #999;
	padding: 12px 6px;
	
}

h1{ font-size: 24px; }
h2{ font-size: 18px; }
h3{ font-size: 16px; }
h4{ font-size: 14px; }

h2 {
}

small{
	font-size: 11px;
}

address{
	font-size: inherit;
	font-style: normal;
}

p {
	margin: 12px 0;
	padding: 3px;
	text-align: left;
	line-height: 1.6;
}

#page_content{
	margin: 30px 0;
}

#site_navigation{
	display:block;
	height:82px;
	margin:0;
	position: relative;
	top: -36px;
}
#about_navigation{
	display: block;
	height: 166px;
	margin: 0;
	position: relative;
}
	#site_navigation ul{
		background: url(../img/site/nav_menu.png);
		width: 410px;
		height: 82px;
		position: relative;
		margin: 0;
		padding: 0;
	}
	#about_navigation ul{ 
		width: 302px;
		height: 166px;
		background: url(../img/site/bg_about.png) no-repeat; 
	}
	
	#site_navigation li{
		list-style-type: none;
		position: absolute;
		top: 0;
		margin:4px 0px;
		padding:0;
	}
	
	#about_navigation li{		
		list-style-type: none;
		position: absolute;
		left: 0;
		margin: 0px;
		padding: 0;

	}
	
	#site_navigation li a{
		height: 82px;
		display: block;
		width: 82px;
		text-indent: -9999em;		
	}
	
	#about_navigation li a{ display: block; height: 54px; width: 302px; }
	
	#about_food_slide{ top: 0px }
	#about_chef_slide{ top: 54px }
	#about_location_slide{ top: 108px; }
	
	#nav_home { left: 0px; }
	#nav_about{ left: 82px; }
	#nav_menu { left: 164px; }
	#nav_gallery{ left: 246px; }	
	#nav_contact{ left: 328px; }	
	
	#about_food_slide a:hover{ background: transparent url(../img/site/bg_about.png) no-repeat -301px 0px; }
	#about_chef_slide a:hover{ background: transparent url(../img/site/bg_about.png) no-repeat -301px -54px; }
	#about_location_slide a:hover{ background: transparent url(../img/site/bg_about.png) no-repeat -301px -108px; }	
	
	#nav_home a:hover{ background: transparent url(../img/site/nav_menu.png) no-repeat 0 -82px; }
	#nav_about a:hover{ background: transparent url(../img/site/nav_menu.png) no-repeat -82px -82px; }
	#nav_menu a:hover{ background: transparent url(../img/site/nav_menu.png) no-repeat -164px -82px; }
	#nav_gallery a:hover{ background: transparent url(../img/site/nav_menu.png) no-repeat -246px -82px; }	
	#nav_contact a:hover{ background: transparent url(../img/site/nav_menu.png) no-repeat -328px -82px; }		
	
.menu{
	line-height: 1.3;
}

	.menu ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		.menu ul li{ margin: 12px 0px; }

	.menu .item_name{
		margin: 18px 0 0 0;
		padding: 0;
		color: #cccccc;
		font-size: 13px;
		text-transform: none;
	}

	.menu .addon_name{
		margin: 6px 0 0 0;
		padding: 0;
		font-size: 12px;
		text-transform: none;
	}

	.menu .addon{
		border-left: 1px dotted #333;
		padding: 0 6px;
	}

	.menu .description{
		color: #666666;
		margin: 0;
		padding: 0;
	}	

p.content{
	padding: 3px;
	margin: 3px 0;
}

.slide-jump{
	cursor: pointer;
}

.headerReplacement {
	text-indent: -9999px;
	width: 600px;
	height: 100px;
	background: url(pathtoyourimage) #cccccc no-repeat;
}

.margin_first{ margin-top: 0px; }
.margin_last{ margin-bottom: 0px; }

/*
.container_12 {
	background: #fff url(../../img/12_col.gif) repeat-y;
	margin-bottom: 20px;
}

.container_16 {
	background: #fff url(../../img/16_col.gif) repeat-y;
}

.container_24 {
	background: #fff url(../../img/24_col.gif) repeat-y;
}
*/



.inline{  }
.button_holder{ 
	overflow: hidden;
	width: 240px;
	height: 44px;
}

	.button_holder a{
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -999em;
		cursor: pointer;
	}	

	.location{ 
		background: transparent url('../img/site/btn_location.png') no-repeat 0 0;  
		width: 240px;
		height: 44px;
   		opacity: 0.9;
 	    position: relative;
        right: -15px;
        top: -97px;
	}
		.location a{ background: transparent url('../img/site/btn_location.png') no-repeat 0 0; }	
		.location a:hover{ background: transparent url('../img/site/btn_location.png') no-repeat -240px 0; }					

	.newsletter{ 
		background: transparent url('../img/site/btn_newsletter.png') no-repeat 0 0;  
		width: 240px;
		height: 44px;
	}
		.newsletter a{ background: transparent url('../img/site/btn_newsletter.png') no-repeat 0 0; }	
		.newsletter a:hover{ background: transparent url('../img/site/btn_newsletter.png') no-repeat -240px 0; }
		
	.reservation {
    background: url("../img/site/btn_reserve.png") no-repeat scroll 0 0 transparent;
    box-shadow: 0 -2px 3px #222222 inset;
    height: 44px;
    left: -730px;
    opacity: 0.9;
    position: relative;
    top: -48px;
    width: 240px;
}
		.reservation a{ background: transparent url('../img/site/btn_reserve.png') no-repeat 0 0; }	
		.reservation a:hover{ background: transparent url('../img/site/btn_reserve.png') no-repeat -240px 0; }	

		
/* the overlayed element */
.simple_overlay {
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	background-color:#222222;
	border:1px solid #464646;
	width: 154px;
	height: 320px;
	
	position: absolute;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#reserve_button{
	padding: 6px;
	width: 400px;
	height: 550px;	
}

#location_button{
	width: 800px;
	height: 435px;
	padding: 6px;
}



/* FOrm */
form {
	width: 310px;
	text-align: left;
}

.contact_form{
	width: 310px;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

legend {
	display: none;
}

form h3 {
	clear: both;
	padding: 5px 0px 10px 0px;
	font-size: 14px;
}

form label {
	display: block;
	clear: both;
	width: 310px;
	font-size: 12px;
	line-height: 14px;
	padding: 12px 0 0 0;
}

form input {
	display: block;
	margin-top: 3px;
	padding: 6px;
	border: solid 0 #fff;
}
	form .field-first,
	form .field-last{
		float: left;
		width: 135px;
	}

	form .field-first{ clear: left; }	
	form .field-last{ margin-left: 6px; }
	form.contact_form .field-first,
	form.contact_form .field-last{
		width: 300px;
	}

form select {
	float: left;
	display: block;
}

.galleria_container{ width: 760px; float: right; overflow: hidden; }
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.caption{
	color:#cccccc;
	font-size: 12px;
}
#gallery-image{ margin: auto;}
* html .galleria li div span{width:400px} /* MSIE bug */


#wrapper_reservations{
    margin-left: auto;
    margin-right: auto;
    width: 160px;
    text-align: center;
}
#toppanel {
    position: absolute;
    top: 12px;
	padding-right: 3px;
    width: 160px;
    z-index: 25;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#panel {
    width: 160px;
    position: relative;
    top: 1px;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    overflow: hidden;
    text-align: left;
}
#panel_contents {
    background: black;
    filter:alpha(opacity=90);
    -moz-opacity:0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90;
    height: 100%;
    width: 164px;
	padding: 6px;
    position: absolute;
    z-index: -1;
}

.panel_button {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0px;
    width: 160px;
	border: 1px dotted #222;
    height: 20px;
    z-index: 20;
    cursor: pointer;
	background: #000;
}
.panel_button a {
    text-decoration: none;
	font-weight: bold;
    color: #cfcfcf;
    position: relative;
	font-size: 10px;
}
.panel_button a:hover {
	color: #fffffe;
}

.follow li{
	float: left;
}
.follow li a{
	display: block;
	margin-bottom: 6px;
}



/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 960px;
	height:200px;
	margin: auto;

	/* custom decorations */
	background:url(/img/global/gradient/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 100px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width: 700px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}