/* reset margin/padding/border for all elements */
* { margin: 0; padding: 0; border: none; }

body {
	font: 68.75% Tahoma, Arial, Helvetica, Verdana, sans-serif;
	color: #cbc4b5;
	text-align: center;
	background: #fff url(../../img/interface/bg-body.jpg) 0px 0px;
	width:100%;
	
	}
	
/* interface container */
#container {
	text-align: left;
	position: absolute;
	top: 51%;
	left: 40%;
	width: 40em;
	height: 40em;
	margin-top: -25em; /*always take 1/2 from the size of the height, they have to be negative*/;
	margin-left: -35em; /*always take 1/2 from the size of the width, they have to be negative*/

}
	
/* default styles */
p {	font-size: 1em; line-height: 16px; margin: 0 0 20px 0; }

ul { list-style: none; }
	ul li { font-size: 1em; }
		ul li ul li { font-size: 1em; }
		
hr {
	border: 0; 
	height: 1px; 
	background: #ccc;
	margin: 0 auto;
		
	}
	
a, a:visited { color: #9e946e; text-decoration: none; }
	a:hover, a:active { color: #c4b578; }
	a:focus { outline: 0; }
	
input, select, textarea {
	font-size: 1em;
	border: 1px solid #ccc;
	}
	
/* shut off print logo */
#printLogo { display: none; }


/*end of base*/

div#mainPhoto {
	position: absolute;
	top: 20px;
	left: 190px;
	width: 795px;
	height: 470px;
	z-index: 20;
	overflow: hidden;
}

div#mainnav {
	position: absolute;
	top: -75px;
	left: -10px;
	height: 470px;
	margin: 95px auto;
	width: 200px;
	z-index: 1;
	overflow: hidden;
	background: brown url(../../img/interface/over-cont.png) no-repeat left bottom;
	}
div#sidetrim {
	position: absolute;
	top: 59px;
	left: -10px;
	z-index: 2;
	width: 10px;
	height: 171px;
	background: url(../../img/interface/) 0px 0px repeat-y;
	}

div#navbar {         /*changes navigation on pages*/
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 581px;
	height: 100px;
	background: url(../../img/interface/over-cont.png) no-repeat left bottom;
	}
a#logo {
	position: absolute;
	top: 25px;
	left: 8px;
	z-index: 2;
	display: block;
	width: 200px;
	height: 89px;
	background: url(../../img/interface/logo-trans2.png) 0px 0px no-repeat;
	}

a#logo span { display: none; }
		
/********** main photo styles **********/
#backgroundpic{
	position: absolute;
	top: 20px;
	left: 190px;
	width: 795px;
	height: 470px;
	z-index: 1;
	}
	body#SurroundAbout div#backgroundpic { background: url(../../img/interface/aboutus.jpg) 0px 0px no-repeat; }
	body#SurroundMenu_starters div#backgroundpic{ background: url(../../img/interface/starters.jpg) 0px 0px no-repeat; }
	body#SurroundReviews div#backgroundpic { background: url(../../img/interface/reviews-bg.jpg) 0px 0px no-repeat; }
	body#SurroundContact div#backgroundpic { background: url(../../img/interface/contact-bg.jpg) 0px 0px no-repeat; }
	body#SurroundMain_course div#backgroundpic { background: url(../../img/interface/maincourse-bg.jpg) 0px 0px no-repeat; }
	body#SurroundAccompaniments div#backgroundpic { background: url(../../img/interface/accompaniments-bg.jpg) 0px 0px no-repeat; }
	body#SurroundBreads div#backgroundpic { background: url(../../img/interface/breads-bg.jpg) 0px 0px no-repeat; }
	body#SurroundDesserts div#backgroundpic { background: url(../../img/interface/dessert-bg.jpg) 0px 0px no-repeat; }
	body#SurroundCanopy div#backgroundpic { background: url(../../img/interface/canopy-bg.jpg) 0px 0px no-repeat; }
	body#SurroundSet div#backgroundpic { background: url(../../img/interface/set_menu.jpg) 0px 0px no-repeat; }
	body#SurroundHome div#backgroundpic { background: url(../../img/interface/dining_home.jpg) 0px 0px no-repeat; }
	body#SurroundXmas div#backgroundpic { background: url(../../img/interface/xmas.jpg) 0px 0px no-repeat; }
	body#SurroundPrivate div#backgroundpic { background: url(../../img/interface/private.jpg) 0px 0px no-repeat; }
	body#SurroundCorp div#backgroundpic { background: url(../../img/interface/corp.jpg) 0px 0px no-repeat; }
	body#SurroundTes div#backgroundpic { background: url(../../img/interface/tes-bg.jpg) 0px 0px no-repeat; }


/********** content placement **********/
#contentArea {                      /*changes size of main content are*/
	position: absolute;
	top: 20px;
	left: 190px;
	z-index: 2;
	width: 555px;
	height: 470px;
	overflow: hidden;
	background: url(../../img/interface/over-cont.png) no-repeat left bottom;
	}
	
	
	
#content {
	position: absolute;
	top: 39px;
	left: 70px;
	z-index: 10;
	width: 456px;
	height: 323px;
	overflow: hidden;
	}
#contentcontact {
	position: absolute;
	top: 39px;
	left: 70px;
	z-index: 10;
	width: 456px;
	height: 423px;
	overflow: hidden;
}

	#ScrollBox {
		position: absolute;
		top: 39px;
		left: 70px;
		z-index: 10;
		width: 490px;
		height: 450px;
		overflow: hidden;
		}
		#fullWidthScrollingContent {
		
			width: 443px;
			height: 354px;
			padding: 0 47px 0 0;
			}
	

#menuheader {
	position: absolute;
	top: 40px;
	left: 70px;
	z-index: 10;
	width: 350px;
	height: 23px;
	overflow: hidden;
	}
#scrollContainer {
	position: absolute;
		top: 59px;
		left: 70px;
		z-index: 10;
		width: 490px;
		height: 500px;
		overflow: hidden;
		line-height:0px;
	}
	
	#scrollingContent {
		width: 450px;
		height: 350px;
		
	}	
	

	
/********** footer **********/
#footer {
	position: absolute;
	top: 495px;
	left: -18px;
	width: 1010px;
	height: 35px;
	z-index: 10;
	
	}
		
#copyr,
#dev {
	font-size: 11px;
	color: #d28307;
	padding:0 10px 0 10px;
}

#dev a {
	text-decoration: none;
	color: #d28307;
}

#dev a:hover { color: #fff; }

#copyr { float: left; }

#dev { float: right; }

 
/*end of interface*/


h1 { font-size: 1.2em; }
h6 { font-size: 1.4em;color:#fff; font-family:Times New Roman;}

h1 span { display: none; }
	
	/* image headers */
	h1 {
		height: 20px;
		margin: 0 0 14px 0;
		}
		h1#ourstory { background: url(../../img/headers/story.png) 0px 0px no-repeat; }
		h1#getInTouch { background: url(../../img/headers/contact.png) 0px 0px no-repeat; }
		h1#starters { background: url(../../img/headers/starters.png) 0px 0px no-repeat; }
		h1#corp_events { background: url(../../img/headers/corp_events.png) 0px 0px no-repeat; }
		h1#xmas { background: url(../../img/headers/xmas.png) 0px 0px no-repeat; }
		h1#priv_functions { background: url(../../img/headers/priv_functions.png) 0px 0px no-repeat; }
		h1#home_dining { background: url(../../img/headers/home_dining.png) 0px 0px no-repeat; }
		h1#main_course{ background: url(../../img/headers/main_course.png) 0px 0px no-repeat; }
		h1#accompaniments{ background: url(../../img/headers/accompaniments.png) 0px 0px no-repeat; }
		h1#breads{ background: url(../../img/headers/breads_rice.png) 0px 0px no-repeat; }
		h1#desserts{ background: url(../../img/headers/desserts.png) 0px 0px no-repeat; }
		h1#canopy{ background: url(../../img/headers/canopy.png) 0px 0px no-repeat; }
		h1#set{ background: url(../../img/headers/set_menu.png) 0px 0px no-repeat; }
		h1#testimonials{ background: url(../../img/headers/testimonials.png) 0px 0px no-repeat; }

	
		
#content p,#contentcontact p,
#fullWidthScrollingContent p {
	margin: 0px 0 0px 0;
	padding: 0 0 15px 0;
	line-height:12px;
	background: url(../../img/content/bg-dots.gif) 0px 100% repeat-x;
	}
	#contentcontact p.noDots, #content p.noDots,
	#fullWidthScrollingContent p.noDots {
		background: none;
		line-height:16px;
	}
		
/* menu styles */
#scrollingContent h3 {
	color:#b0734a;
	font-size: 1.1em;
	margin-bottom:15px;
	line-height: 20px;
	font-weight:bold;
	}
	
#scrollingContent h4 {
	color:#b0734a;
	font-size: 1.0em;
	margin: 0px 0 15px 0px;
	line-height: 20px;
	font-weight:bold;
	}	
	

#scrollingContent h2 {
	color: #eeeeee;
	font-size: 1.1em;
	}
	
#scrollingContent p {
	line-height: 15px;
	margin: 10px 0 10px 0;
	padding: 0 0 8px 0;
	background: url(../../img/content/bg-dots.gif) 0px 100% repeat-x;
	}
	#scrollingContent p.noDots { background: none;  }
	
	#scrollingContent p.testimonials{
	background: none; 
	margin:-45px 0 20px 0px;
	
	}
	
	 
	
	#scrollingContent ul { 
	background: none; 
	padding:5px 0 4px 0;
	margin:10px 0 10px 0;
	}
		
	#scrollingContent li { 
	background: none; 
	padding:8px 0 8px 0;

	}	
		

div#showcase {
	float: right;
	width: 145px;
	height:80px;
	padding: 11px 0 0 55px;
	margin-top:-10px;
	background: url(../../img/headers/tour-vertical.png) 0px 0px no-repeat;
	}
	
	div#showcase a {
		display: block;
		width: 145px;
		width: 110px;
		color: #cbc4b5;
		line-height: 18px;
		padding: 2px 35px 10px 0;
		background: url(../../img/content/arrow.png) 126px 5px no-repeat;
		}
		div#showcase a:hover { background-position: -255px 5px; }
		
div#gallery { 
	float: left;
	width: 200px;
		width: 145px;
	padding: 0 0 0 55px;
	background: url(../../img/headers/tour-vertical.gif) 0px 0px no-repeat;
	}
	
	div#gallery a {
		display: block;
		width: 145px;
			width: 110px;
		color: #cbc4b5;
		line-height: 18px;
		padding: 0 35px 10px 0;
		background: url(../../img/content/bg-arrow-tour.gif) 126px 5px no-repeat;
		}
		div#tourFocus a:hover { background-position: -255px 5px; }		
		
		
		

#contactfocus {
	float: right;
	width: 140px;
	padding: 0 0px 50px 15px;
	line-height: 16px;
	border-left: 1px solid #645b44;
	/*background: #5c0a00;*/
	}