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

Title : Sepia Restaurant & Wine Bar
URL : http://www.sepiarestaurant.com.au

Author : SiteSuite Australasia
Author URL : http://www.sitesuite.com.au

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


/*
----------------------------------------------------------------------------- 
Global Styles
-----------------------------------------------------------------------------*/

html,body,div,dl,dt,dd,pre,form,fieldset,input,textarea,blockquote { 
	margin:0; 
	padding:0; 
}

body { 
	background-color: #18100e;
	padding: 0;
	padding-top: 20px;
	margin: 0;
	color: #fff;
}

fieldset { 
	border: 0;
}

img { 
	border: 0; 
}
 
h1 {
	font: normal 18px Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #000;
	text-transform: uppercase;
}

h2 {
	font: normal 18px Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #000;
}

h3 {
	font: normal 16px Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #000;
}

p, td, li {
	font: normal 12px/18px Arial, Helvetica, sans-serif, "Trebuchet MS";
color: #fff;
}

a {
	color: #ada29e;
	text-decoration: underline;
}

a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

.clear { 
	clear: both; 
	font-size: 0; 
	height: 0; 
	line-height: 0; 
}

#stats {
	display: none;
}

div, img, ul, li, a { behavior: url(/persistent/pngfix/iepngfix.htc); } /* IE6 PNG Fix */


	.text {
		display:none;
	}
	
	
	p {
		display:none;
	}

/*
----------------------------------------------------------------------------- 
Template Styles
-----------------------------------------------------------------------------*/

#container {
	width: 1024px;
	margin: 0 auto;
}	

#logowrapper {
	width: 1024px;
	height: 106px;
	margin: 0 auto;
}

		#logo {
			width: 200px;
			height: 106px;
			float: left;
		}
		
		#audio {
			width: 300px;
			height: 106px;
			float: right;
			text-align: right;	
		}
		
		
#containerWrap {
	width: 1024px;
	/*height: 540px;*/
	margin: 0 auto;
    overflow: hidden;
}

	#navBar_lhs {
				width: 144px !important;
				float: left;
				padding: 0;
				margin: 0;
				background-color: #18100E;
			}	
			
			html>body #navbar {
				height: auto;
			}
					#nav {
						/*float: left;*/
						width: 144px;
						text-align: left;
						}
						
					#nav ul {   
						width: 144px;
						margin: 0;
						padding: 0px;
						list-style: none;
						}
						
					#nav li {
						margin: 0px;
						padding: 0px;
						/*float: left;*/
						}
						
					#nav li a {
					  	font: normal 12px/27px Arial, Helvetica, sans-serif;
						color:  #fff;
						text-decoration: none;
						text-align: left;
						width: 144px;
						}
						
					#nav li ul li a {
					  	font: normal 12px/27px Arial, Helvetica, sans-serif;
						color:  #fff;
						text-decoration: none;
						text-align: left;
						width: 200px;
						}
					
					#nav li a:hover {
						color: #fff;
						text-decoration: underline;
						}
						
					#nav li a.navlink_selected {
						color: #fff;
						font-weight: bold;
						}
						
					#nav li.navlink_selected {
						color: #fff;
						font-weight: bold;
						}
						
						#nav li a.sub_link_selected {
							text-decoration: underline;
						}
					
					#nav li {
						width: 144px;
						}
					
					#nav li ul li {
						width: 200px;
					}
					
					#nav li ul {
						width: 200px;
					}

					.nav_home { 
					background: url(/persistent/templateimages/navimages/nav_home.png) top right no-repeat; 
					width: 51px; 
					height: 30px; 
					display: block;
					}
					
					.nav_home:hover, .nav_home_selected { 
					background: url(/persistent/templateimages/navimages/nav_home.png) bottom right no-repeat; 
					width: 51px; 
					height: 30px; 
					display: block;

					}			
					.nav_gallery { 
					background: url(/persistent/templateimages/navimages/nav_gallery.png) top right no-repeat;
					width: 76px;
					height: 30px;
					display: block;
					}
					
					.nav_gallery:hover, .nav_gallery_selected { 
					background: url(/persistent/templateimages/navimages/nav_gallery.png) bottom right no-repeat;
					width: 76px;
					height: 30px;
					display: block;

					}					
					
					.nav_our_story { 
					background: url(/persistent/templateimages/navimages/nav_ourstory.png) top right  no-repeat; 
					width: 96px; 
					height: 30px; 
					display: block;
					}
					
					.nav_our_story:hover, .nav_our_story_selected { 
					background: url(/persistent/templateimages/navimages/nav_ourstory.png) bottom right no-repeat; 
					width: 96px; 
					height: 30px; 
					display: block;
					}
					
					.nav_the_chef { 
					background: url(/persistent/templateimages/navimages/nav_the_chef.png) top right no-repeat; 
					width: 75px; 
					height: 19px; 
					display: block;
					}
					
					.nav_the_chef:hover, .nav_the_chef_selected { 
					background: url(/persistent/templateimages/navimages/nav_the_chef.png) bottom right no-repeat; 
					width: 75px; 
					height: 19px; 
					display: block;
					}
					
					.nav_info { 
					background: url(/persistent/templateimages/navimages/nav_info.png) top right no-repeat; 
					width: 41px; 
					height: 30px; 
					display: block;
					}
					
					
					a.nav_location { 
						background: url(/persistent/templateimages/navimages/nav_location.png) top right no-repeat; 
						width: 90px; 
						height: 30px; 
					display: block; 
						}
					
				a.nav_location:hover, a.nav_location_selected { 
					background: url(/persistent/templateimages/navimages/nav_location.png)  bottom right no-repeat; 
					width: 90px; 
					height: 30px;  
					display: block; 
				}
					
					.nav_info:hover, .nav_info_selected { 
					background: url(/persistent/templateimages/navimages/nav_info.png) bottom right no-repeat; 
					width: 41px; 
					height: 30px; 
					display: block;
					}
					
					
					a.nav_reviews { 
						background: url(/persistent/templateimages/navimages/nav_reviews.png) top right no-repeat;
					width: 76px;
					height: 30px;
					display: block; 
						}
					
				a.nav_reviews:hover, a.nav_reviews_selected { 
					background: url(/persistent/templateimages/navimages/nav_reviews.png)  bottom right no-repeat;
					width: 76px;
					height: 30px;
					display: block; 
				}
										
					.nav_menu { 
					background: url(/persistent/templateimages/navimages/nav_menu.png) top right no-repeat; 
					width: 51px; 
					height: 30px; 
					display: block;
					}
					
					.nav_menu:hover, .nav_menu_selected { 
					background: url(/persistent/templateimages/navimages/nav_menu.png) bottom right no-repeat; 
					width: 51px; 
					height: 30px; 
					display: block;
					}
					
					.nav_wine { 
					background: url(/persistent/templateimages/navimages/nav_wine.png) top right no-repeat; 
					width: 51px; 
					height: 30px; 
					display: block;
					}
					
					.nav_wine:hover, .nav_wine_selected { 
					background: url(/persistent/templateimages/navimages/nav_wine.png) bottom right no-repeat; 
					width: 51px; 
					height: 30px; 
					display: block;
					}
					
					.nav_gift_vouchers { 
					background: url(/persistent/templateimages/navimages/nav_gift_vouchers.png) top right no-repeat; 
					width: 51px; 
					height: 30px; 
					display: block;
					}
					
					.nav_gift_vouchers:hover, .nav_gift_selected { 
					background: url(/persistent/templateimages/navimages/nav_gift_vouchers.png) bottom right no-repeat; 
					width: 51px; 
					height: 30px; 
					display: block;
					}
					
					
					.nav_employment { 
					background: url(/persistent/templateimages/navimages/nav_employment.png) top right no-repeat; 
					width: 125px; 
					height: 19px; 
					display: block;
					}
					
					.nav_employment:hover, .nav_employment_selected { 
					background: url(/persistent/templateimages/navimages/nav_employment.png) bottom right no-repeat; 
					width: 125px; 
					height: 19px; 
					display: block;
					}
					
					
					.nav_subscribe { 
					background: url(/persistent/templateimages/navimages/nav_subscribe.png) top right no-repeat; 
					width: 95px; 
					height: 19px; 
					display: block;
					}
					
					.nav_subscribe:hover, .nav_subscribe_selected { 
					background: url(/persistent/templateimages/navimages/nav_subscribe.png) bottom right no-repeat; 
					width: 95px; 
					height: 19px; 
					display: block;

					}
					
					.nav_reservations { 
					background: url(/persistent/templateimages/navimages/nav_reservations.png) top right no-repeat; 
					width: 129px; 
					height: 19px; 
					display: block;
					}
					
					.nav_reservations:hover, .nav_reservations_selected { 
					background: url(/persistent/templateimages/navimages/nav_reservations.png) bottom right no-repeat; 
					width: 129px; 
					height: 19px; 
					display: block;

					}
					
/*				.nav_gift_vouchers { 
					background: url(/persistent/templateimages/navimages/nav_giftvouchers.png) top right no-repeat; 
					width: 125px !important; 
					height: 14px; 
					display: block;
					}
					
					.nav_gift_vouchers:hover, .nav_gift_vouchers_selected { 
					background: url(/persistent/templateimages/navimages/nav_giftvouchers.png) bottom right no-repeat; 
					width: 125px !important;  
					height: 14px; 
					display: block;

					}*/

/* -------- Drop down menu -------- */	
		.nav_a_la_carte { 
			background: url(/persistent/templateimages/navimages/nav_alacarte.png) top left no-repeat;
			width: 89px; 
			height: 14px; 
			display: block;
			}
		
		a.nav_a_la_carte:hover, a.nav_a_la_carte_selected { 
		background: url(/persistent/templateimages/navimages/nav_alacarte.png) bottom left no-repeat; 
		width: 89px; 
		height: 14px; 
		display: block;

		}
		
		a.nav_degustation { 
			background: url(/persistent/templateimages/navimages/nav_degustation.png) top left no-repeat;
			width: 110px; 
			height: 14px; 
			display: block;
			}
		
		a.nav_degustation:hover, a.nav_degustation_selected { 
		background: url(/persistent/templateimages/navimages/nav_degustation.png) bottom left no-repeat; 
		width: 110px; 
		height: 14px; 
		display: block;
		}
		
		a.nav_saturday_tasting { 
			background: url('/persistent/templateimages/navimages/nav_saturdaytasting.png') top left no-repeat;
			width: 200px; 
			height: 14px; 
			display: block;
			}
		
		a.nav_saturday_tasting:hover, a.nav_saturday_tasting_selected { 
		background: url('/persistent/templateimages/navimages/nav_saturdaytasting.png') bottom left no-repeat; 
		width: 200px; 
		height: 14px; 
		display: block;
		}
		
		.nav_reservations { 
		background: url(/persistent/templateimages/navimages/nav_reservations.png) top left no-repeat; 
		width: 110px; 
		height: 14px; 
		text-indent: -9990px; 
		}
		
		.nav_reservations:hover, .nav_reservations_selected { 
		background: url(/persistent/templateimages/navimages/nav_reservations.png) bottom left no-repeat; 
		width: 110px; 
		height: 14px; 
		text-indent: -9990px;  
		}
		
		.nav_the_chef { 
		background: url(/persistent/templateimages/navimages/nav_the_chef.png) top left no-repeat; 
		width: 76px; 
		height: 14px; 
		text-indent: -9990px; 
		}
		
		.nav_the_chef:hover, .nav_the_chef_selected { 
		background: url(/persistent/templateimages/navimages/nav_the_chef.png) bottom left no-repeat; 
		width: 76px; 
		height: 14px; 
		text-indent: -9990px;  
		}
		
		a.nav_bar_dining { 
			background: url(/persistent/templateimages/navimages/nav_bar_dining.png) top left no-repeat;
			width: 93px; 
			height: 14px; 
			display: block;
			}
		
		a.nav_bar_dining:hover, a.nav_bar_dining_selected { 
		background: url(/persistent/templateimages/navimages/nav_bar_dining.png) bottom left no-repeat; 
		width: 93px; 
		height: 14px; 
		display: block;

		}
		
		a.nav_wine_list { 
			background: url(/persistent/templateimages/navimages/nav_wine_list.png) top left no-repeat;
			width: 78px; 
			height: 14px; 
			display: block;
			}
			
			a.nav_wine_list:hover, a.nav_wine_list_selected { 
				background: url(/persistent/templateimages/navimages/nav_wine_list.png) bottom left no-repeat; 
				width: 78px; 
				height: 14px; 
				display: block;
	}
		
		a.nav_blogs { 
			background: url(/persistent/templateimages/navimages/nav_blogs.png) top left no-repeat;
			width: 110px; 
			height: 14px; 
			display: block;
			}
		
		a.nav_blogs:hover, a.nav_blogs_selected { 
		background: url(/persistent/templateimages/navimages/nav_blogs.png) bottom left no-repeat; 
		width: 110px; 
		height: 14px; 
		display: block;
		}
	
		
		a.nav_media { 
			background: url(/persistent/templateimages/navimages/nav_media.png) top left no-repeat;
			width: 110px; 
			height: 14px; 
			display: block;
			}
		
		a.nav_media:hover, a.nav_media_selected { 
		background: url(/persistent/templateimages/navimages/nav_media.png) bottom left no-repeat; 
		width: 110px; 
		height: 14px; 
		display: block;
		}
	
		
		a.nav_awards { 
			background: url(/persistent/templateimages/navimages/nav_awards.png) top left no-repeat;
			width: 110px; 
			height: 14px; 
			display: block;
			}
		
		a.nav_awards:hover, a.nav_awards_selected { 
		background: url(/persistent/templateimages/navimages/nav_awards.png) bottom left no-repeat; 
		width: 110px; 
		height: 14px; 
		display: block;
		}
						
						#nav li ul {
							width: 200px;
							position: absolute;
							left: -999em;
							height: auto;
							margin: 0;
							margin-left: 145px;
							margin-top: -26px;
							background: url(/persistent/templateimages/navimages/navBg.png) repeat 0 0;
							border-left: 5px solid #18100e;
						}

						#nav li ul li { 
						padding: 10px 15px;
						float: left;
						width: 200px;
						}

						#nav li li {
							width: 200px;
							margin: 0;
							padding: 0;
							text-decoration: none;
		
							}
						
						#nav li ul ul {
							margin: 0 0 0 200px;
							}
						
						#nav li:hover ul ul,
						#nav li:hover ul ul ul,
						#nav li.sfhover ul ul {
							left: -999em;
							}
						
						#nav li:hover ul,
						#nav li li:hover ul,
						#nav li li li:hover ul,
						#nav li.sfhover ul,
						#nav li li.sfhover ul {
							left: auto;
							z-index: 500;
							}
							
						#nav li:hover, #nav li.sfhover {
							position: static;
						 }

		#bodyContent {
				width: 864px;
				height: 540px;
				float: right;
				font: normal 12px/18px Arial, Helvetica, sans-serif, "Trebuchet MS";
				text-align: justify;
			}
		
		#Spacer2 {
			height: 265px;
		}
			
			#bodytext_bg {
				width: 864px !important;
				height: 276px;
				margin: 0;
				padding: 0;
				background: url(/persistent/templateimages/bodytext_bg.png) repeat;
				color: #fff;
			}
			
			#bodytextGallery_bg {
				width: 864px !important;
				margin: 0;
				padding: 0;
			}
			
					#wrap2 {
						width: 780px;
						font: normal 12px/18px Arial, Helvetica, sans-serif, "Trebuchet MS";
						text-align: justify;
						color: #fff;
						padding: 15px 0 0 40px;
					}                     
					
					
					#wrap2 	p {
						display:block !important;
					}

					
			
					#wrap {
						width: 770px;
						font: normal 12px/18px Arial, Helvetica, sans-serif, "Trebuchet MS";
						text-align: justify;
						color: #fff;
						padding: 0 30px;
					}
					
							#arrowUp { 
								padding-top: 5px; 
								width: 770px; 
							}
							#arrowDown { 
								width: 770px; 
							}
							
							#mainContent { 
								width: 770px;
								height: 200px;
								overflow-y: hidden;
								overflow-x: hidden;
								font: normal 12px/18px Arial, Helvetica, sans-serif, "Trebuchet MS";
								text-align: justify;
								color: #000;
								padding: 0px 10px; 
								}
								
								
/*								input {
									font: normal 12px Arial, Helvetica, sans-serif, "Trebuchet MS";
									background-color: #8c7c77;
									border: 1px solid #71605b;
								}*/
								

#footerWrap {
	width: 1023px;
	height: 30px;
	margin: 0 auto;
	font: normal 11px/30px Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #81726f;
}

	#footerWrap a {
		color: #81726f;
		text-decoration: underline;
	}
	
	#footerWrap a:hover {
		color: #ccc;
		text-decoration: underline;
	}

		#footer {
			width: 800px;
			float: left;
		}
		
		#footerSiteSuite {
			width: 200px;
			float: right;
			text-align: right;
		}
		
		#flashcontent {
		
		}
		
		#promo {
			background-color: #18100e;
			/*float: left;*/
			width: 118px;
			/*height: 200px;
			margin-top: 250px;*/
			}
			
			#audio img{
    margin:37px 0 0 0;
}