/* Sarao Restaurant and Bar */

body{
	font:11px "Trebuchet MS", Arial, sans-serif;
	margin:0;
	background:#333;
	}
h1{
	font-size:11px;
	margin: 0;
	}
h2{
	font-size:11px;
	margin:0;
	padding:0;
	}
h3{
	font-size:10px;
	margin:0;
	}
p{
	margin:0 0 5px;
	color:#666;
	}
a{
	color:#f60;
	text-decoration:underline;
	}
a:hover{
color:#000;
	text-decoration:underline;
	}
strong{
	color:#000;
}
img{
	border:0;
	}
ul, li{
	margin:0;
	list-style:none;
	padding:0;
	}

/* commom classes */
.clear{
	font-size:0.1px;
	clear:both;
	white-space:nowrap;
}
.hide{
	position:absolute;
	left:-5000px;
	}
.hline{
	margin:5px 0;
	border-top:1px dotted #000;
	}
	
/* layout divs */
#layout-container{
	position:absolute;
	top:50%;
	left:50%;
	width:960px;
	margin:-300px 0 0 -480px;
	background:#000;
	overflow:hidden;
	-moz-box-shadow:3px 5px 10px rgba(0, 0, 0, 0.5);
	}
#layout{	
	overflow:hidden;
	margin:7px;
	}
#header{
	
}
.about{
	background: url("imgs/bgd-about.jpg") no-repeat 100% 0;
}
.book{
	background: url("imgs/bgd-book.jpg") no-repeat 100% 0;
}
.find{
	background: url("imgs/bgd-find.jpg") no-repeat 100% 0;
}
.events{
	background: url("imgs/bgd-events.jpg") no-repeat 100% 0;
}
.reviews{
	background: url("imgs/bgd-reviews.jpg") no-repeat 100% 0;
}
#col-left{	
	padding:10px;
	text-align:left;
	width:350px;
	float:left;
	background:#fff;
	overflow:hidden;
}
#col-left p{
	margin-bottom:10px;	
}
#col-right{
	overflow:hidden;
}
#copy{	
	height:300px;
}
#col-left h1{
	background:url(imgs/logo-sarao-40.png) no-repeat 0 0;
	padding: 40px 0 5px 0;
	margin-bottom:5px;
	font-size:14px;
	color:#666;
	text-align:right;
	border-bottom:1px dotted #ff4f12;
	font-weight:normal;
	}
#lang-switch{
	text-align:right;
	float:right;
	margin:5px;
}
#lbd{	
	margin:40px auto 0;
}
#nav{
	margin-top:10px;
	padding:0;
}
#nav ul{
	overflow:hidden;
	margin:0;
}
#nav li{
	padding:0;
	margin-bottom:2px;
	*margin-bottom:-2px;
	zoom:1;
}
#nav li a{
	display:block;
	background:url(imgs/nav-icon.gif) no-repeat 100% 0 #ff4f12;
	color:#900;
	height:21px;
	line-height:21px;
	text-decoration:none;
	text-align:left;
	padding:0 5px 0;
	font-weight:bold;
}	
#nav li a:hover{
	background:url(imgs/nav-icon.gif) no-repeat 100% -21px #ff4f12;
	color:#000;
}
#nav li a.selected{
	color:#000;
}