/* Sorrento Restaurant - Screen */

@import"../css/standard.css";
@import"../css/structure.css";

/* Please do not touch this file. */

* {
	margin: 0;
	padding: 0;
}

body {
	padding: 0;
	margin: 27px 0;
	font: normal 62.5% "Trebuchet MS";
	background: #371f10 url('../images/core/bg-container1.gif') no-repeat 50% 0;
	overflow-x: hidden;
}

/*=================================
	Container
===================================*/

div.container {
	width: 976px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: block;
}	

div.container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*=================================
	Container Left
===================================*/

div.container-left {
	width: 286px;
	height: 1200px;
	float: left;
	position: realtive;
	background: url('../images/core/bg-containerleft.jpg') center 187px no-repeat;
}

/* Logo */


div.logo {
	width: 329px;
	height: 187px;
	position: absolute; margin-left: -22px; 
	z-index: 100;
}	

div.logo h2 a {
	width: 329px;
	height: 187px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/core/logo-sorrento.jpg') 0 0 no-repeat;
}	

/* Navigation */

div.navigation {
	margin-top: 185px;
	padding: 80px 40px 20px 50px;
}

div.navigation ul {
	list-style-type: none;	
}

div.navigation ul li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 30px;
	width: 185px;
}

div.navigation ul li a.home {
	background: url('../images/nav/home.jpg') 0 0 no-repeat;
}

div.navigation ul li a.about-us {
	background: url('../images/nav/about-us.jpg') 0 0 no-repeat;
}

div.navigation ul li a.menu {
	background: url('../images/nav/menu.jpg') 0 0 no-repeat;
}

div.navigation ul li a.wine-list {
	background: url('../images/nav/wine-list.jpg') 0 0 no-repeat;
}

div.navigation ul li a.chefs-specials {
	background: url('../images/nav/chefs-specials.jpg') 0 0 no-repeat;
}

div.navigation ul li a.special-events {
	background: url('../images/nav/special-events.jpg') 0 0 no-repeat;
}

div.navigation ul li a.book-online {
	background: url('../images/nav/book-online.jpg') 0 0 no-repeat;
}

div.navigation ul li a.whats-new {
	background: url('../images/nav/whats-new.jpg') 0 0 no-repeat;
}

div.navigation ul li a.customer-reviews {
	background: url('../images/nav/customer-reviews.jpg') 0 0 no-repeat;
}

div.navigation ul li a.links {
	background: url('../images/nav/links.jpg') 0 0 no-repeat;
}

div.navigation ul li a.gallery {
	background: url('../images/nav/gallery.jpg') 0 0 no-repeat;
}

div.navigation ul li a:hover {
	background-position: 0 -30px;
}	

/* Opening Hours */

div.opening-hours {
	height: 123px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	padding: 0 50px;
	margin-bottom: 120px;
	background: url('../images/core/bg-openinghours.jpg') center 0 no-repeat;
}

div.opening-hours ul {
	list-style-type: none;
}

/* Contact */ 

div.contact {
	height: 148px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	padding: 0 10px;
	position: relative;
	background: url('../images/core/bg-contact.jpg') center 0 no-repeat;
}

div.contact ul {
	list-style-type: none;
	text-align: center;
}

div.contact ul li {
	display: block;
}

div.contact ul li a {
	width: 130px;
	height: 24px;
	margin: 60px auto 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

/* Join our Mailing List */

div.mailing-list {
	padding: 10px 34px 30px;
	font: normal 1.2em "Trebuchet MS";
}

div.mailing-list h2 {
	width: 215px;
	height: 33px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/core/h2-mailinglist.jpg') 0 0 no-repeat;
} 

div.mailing-list ul {
	list-style-type: none;
	text-align: center;
}

div.mailing-list ul li {
	margin-top: 5px;
	display: block;
}

div.mailing-list ul li input {
	width: 192px;
	padding: 5px;
	border: 0;
	font-weight: bold;
	color: #FFF;
	font-size: 1em;
	text-align: center;
	background: url('../images/core/input-mailinglist.jpg') 0 0 no-repeat;
}

div.mailing-list ul li.button a {
	width: 137px;
	height: 24px;
	margin: 0 auto;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background: url('../images/core/button-subscribe.jpg') no-repeat 0 0;
}


/*=================================
	Container Right
===================================*/

div.container-right {
	width: 690px;
	height: auto;
	float: left;
	padding-top: 215px;
	position: relative;
}

/* Banner */

div.banner {
	width: 725px;
	height: 456px;
	margin: 0 -30px 0 30px;
	position: absolute; top: 10px; z-index: 80;
}

/*=================================
	Content
===================================*/

div.content {
	width: 679px;
	height: auto;
	padding: 0 0 0 11px;
	background: url('../images/core/tile-content.jpg') 0 0 repeat-y;
}

div.content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*=================================
	Container Left
===================================*/

div.content-left {
	width: 480px;
	height: auto;
	float: left;
	padding-top: 80px;
	position: relative; z-index: 100;
}		

/* Text */ 

div.text {
	padding: 20px;
}

/*=================================
	Container Right
===================================*/

div.content-right {
	width: 190px;
	height: auto;
	float: left;
	padding-top: 240px;
}		

/* Google Ads */

div.google-ads {
	padding: 11px;
	text-align: center;
}

/*=================================
	Container Footer
===================================*/

div.content-footer {
	width: 639px;
	height: auto;
	float: left;
	clear: left;
	padding: 20px;
	color: #010101;
	font-size: 1.1em;
	background: url('../images/core/bg-contentfooter.jpg') 0 0 no-repeat;
}

div.content-footer p {
	line-height: 1.6em;
}

div.content-footer a {
	color: #71462b;
	text-decoration: underline;
}

div.content-footer a:hover {
	color: #000;
}

div.content-footer img {
	float: right;
	border: 0;
}
