@charset "utf-8";
/* CSS Document */

body {
	font: 100% Georgia, serif;
	background: #111ba1 url(../images/main_bg.jpg) repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	height: 100%;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#container {
	background: #111ba1 no-repeat center;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-500px;
	margin-top: -300px;
	width: 1000px;
	height: 570px;
}

#footer {
	text-align:left;
	padding:10px;
	background: #fff;
}

#main{
	background: url('../images/main_wide.jpg') no-repeat center center;
	visibility: hidden;
	width: 1000px;
	height: 450px;
}

#wall{
	background: url('../images/room_wide.jpg') no-repeat center center;
	visibility: hidden;
	width: 1000px;
	height: 450px;
}

#bar{
	background: url('../images/wall_wide.jpg') no-repeat center center;
	visibility: hidden;
	width: 1000px;
	height: 450px;
}

#food{
	background: url('../images/exterior_wide.jpg') no-repeat center center;
	visibility: hidden;
	width: 1000px;
	height: 450px;
}

#room{
	background: url('../images/paelha_bg.jpg') no-repeat center center;
	visibility: hidden;
	width: 1000px;
	height: 450px;
}

#reservations{
	background: url('../images/cork_bg.jpg') no-repeat center center;
	visibility: hidden;
	width: 1000px;
	height: 450px;
}

#nav {
	background: url('../images/nav_bg.png');
	position:absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height:60px;
	z-index:10;
	color: #fff;
}

#nav li {
	float:left;
	padding-top: 8px;
}


#nav li a{
	display:block;
	outline:none;
	text-align:center;
	padding: 10px 34px 0 34px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:none;
}

#nav li a.selected{
	display:block;
	outline:none;
	text-align:center;
	padding: 10px 34px 0 34px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #111ba1;
	text-decoration:none;
}

#nav li a:hover{
	display:block;
	outline:none;
	text-align:center;
	padding: 10px 34px 0 34px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #111ba1;
	text-decoration:none;
}


#intro{
width:1000px;
height:120px;
padding-top: 185px;
display:none;
}

/* Navigation overlays */

#content{
background: #e2b50c url('../images/content_bk.gif') no-repeat center center;
margin-top:40px;
width:500px;
height:410px;
float:left;
display:none;
}

#content h2 {
	text-align:left;
	margin: 25px 0 0 15px;
	font: bold 20px "Trebuchet MS";
	color: #000;
}

#content h3 {
	text-align:left;
	font: bold 16px Georgia, serif;
	color: #000;
}

#contentScroll{
margin:5px 5px 0px 5px;
width:470px;
height:345px;
overflow:auto;
}

#content p {
	vertical-align:top;
	text-align:left;
	padding: 0 10px 0 10px;
	font: 12px Georgia, serif;
	color: #000;
}

#rollup {
	margin: -30px 5px 0 0;
	width:120px;
	height:20px;
	float:right;
	cursor:pointer;
}

#rollup a:focus, a:active {
	outline: 0;
	-moz-outline: none;
}