@charset "UTF-8";

/* CSS Document */

/*
    RESET, BASICS, and TOOLBOX
*/
* { margin: 0; padding: 0; }

html { overflow-y: scroll; }

body { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #DCDCDC; background-color: #040404; }

.floatLeft { float: left; }

.floatRight { float: right; }

.clear { clear: both; }

p { margin: 0 0 16px; line-height: 16px; }

h1, h2, h3, h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

blockquote, code { padding: 10px 15px 1px 15px; background: #ddd; margin: 0 0 12px 0; border-left: 5px solid #ccc; }

code { display: block; padding-bottom: 10px; }

a { text-decoration: none; }

a img { border: none; }

.replace { position:relative; margin:0px; padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden;/* */ }

.replace span { display:block; position:absolute; top:0px; left:0px; /*for Opera 5 and 6*/ }

/* SITE CONTAINERS */

#siteBG { background: #000 url(../images/site_bg.jpg) no-repeat center top; }

#siteContainer { width: 891px; margin-right: auto; margin-left: auto; background-color: #000; padding-top: 21px; }

/* HEADER */

#header { background-image: url(../images/header_bg.jpg); background-repeat: repeat; height: 111px; margin-bottom: 21px; }

#header h1, #header h1 span { height:111px; width:203px; background-image: url(../images/sardo_canale-logo.jpg); background-repeat: no-repeat; float: left; z-index: 1; }

#header h1 a { display: block; }

#header h2, #header h2 span { height:111px; width:228px; background-image: url(../images/strapline.jpg); background-repeat: no-repeat; float: left; z-index: 2; }

#header ul { float: right; margin-right: 142px; margin-top: 30px; padding: 0px; list-style-type: none; font-size: 14px; color: #FFF; margin-bottom: 0px; margin-left: 0px; }

* html #header ul { display: inline; }

#header li { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 14px; }

#header li.telephone { padding-left: 10px; }

a.reservationsBtn { background: transparent url(../images/reservations_btn.gif) no-repeat scroll right top; color: #FFFFFF; height: 22px; padding-right: 6px; /* sliding doors padding */ text-decoration: none; display: block; }

* html a.reservationsBtn { display: inline-block; }

a.reservationsBtn:hover { background-position: right bottom; }

a.reservationsBtn span { background: transparent url(../images/reservations_btn_span.gif) no-repeat left top; display: block; line-height: 20px; padding: 0px 0 2px 6px; }

* html a.reservationsBtn span { display: inline-block; }

a.reservationsBtn:hover span { background-position: left bottom; background-repeat: repeat-x; }

/* NAVIGATION */

#navigation { float: left; width: 161px; margin: 0px 21px 21px 0px; font-size: 12px; padding-left: 21px; }

#navigation ul { list-style-type: none; margin: 0px; padding: 0px; }

#navigation ul li { padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; margin-top: 0px; margin-bottom: 6px; }

#navigation ul li ul { margin: 0px; padding: 0px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #4c4c4c; border-bottom-color: #4c4c4c; }

#navigation ul li ul li { margin: 0px; padding: 6px 0px; }

#navigation li a { color: #DCDCDC; }

#navigation li a:hover { color: #FFF; }

#navigation li.currentSection { background-image: url(../images/currentSection_bg.jpg); background-repeat: repeat-x; background-position: left center; }

#navigation li.currentSection a { color: #FFF; }

/* MAIN CONTENT */

#mainContent { margin-left: 203px; width: 667px; margin-bottom: 21px; }

/* NEWS */

#news { margin-top: 21px; float: right; width: 206px; border: 6px solid #7a1d1d; padding: 14px; }

#news h2 { font-size: 16px; color: #d9a200; font-weight: normal; }

/* HOME TEXT */

#homeText { margin-top: 21px; margin-right: 276px; }

#homeText h2 { font-size: 16px; color: #d9a200; font-weight: normal; margin-bottom: 12px; }

/* FOOTER */

#footer { background-color: #1f1f1f; background-image: url(../images/footer_bg.jpg); background-repeat: no-repeat; background-position: bottom; padding: 21px; font-size: 11px; }

#sardoRestaurant { width: 161px; background-image: url(../images/sardo_bg.jpg); background-repeat: no-repeat; background-position: bottom; float: left; margin-right: 21px; font-size: 11px; }

#sardoRestaurant h2, #sardoRestaurant h2 span { height:28px; width:161px; background-image: url(../images/sardo.jpg); background-repeat: no-repeat; z-index: 3; }

#sardoRestaurant h2 a { display: block; }

#sardoRestaurant p { margin-right: 13px; margin-left: 13px; margin-top: 8px; padding-bottom: 13px; }

#sardoRestaurant a { color: #b2b2b2; }

#sardoRestaurant a:hover { color: #CCC; }

#footer p { margin-bottom: 0px; }

#footer ul { list-style-type: none; margin-bottom: 14px; }

#footer ul li { display: inline; margin-right: 10px; padding-right: 10px; border-right-width: 1px; border-right-style: solid; border-right-color: #666; }

#footer ul li a { color: #939393; }

#footer ul li a:hover{ color: #CCC; }

#footer p.address { color: #d9a200; margin-bottom: 6px; }

#footer p.address strong { color: #ecd080; font-weight: normal; }

#footer p.address a { color: #d9a200; }

#footer p.address a:hover { color: #FFF; }

#footer p.smallprint { color: #666; }

/* MENUS */

#photoHeader { margin-bottom: 21px; }

#photoHeader img.right { padding-left: 21px; }

#menuContent { border: 7px solid #2d2d2d; padding-bottom: 42px; text-align: center; }

#menuContent h2 { color: #D9A200; font-size: 20px; font-weight: normal; background-color: #2d2d2d; padding-bottom: 7px; margin-bottom: 21px; }

#menuContent h3 { font-weight: normal; color: #D9A200; font-size: 16px; margin-bottom: 21px; margin-top: 42px; }

#menuContent h4 { font-size: 12px; color: #DCDCDC; font-weight: normal; }

#menuContent p { color: #999; padding-right: 63px; padding-left: 63px; }

#menuContent a { color: #FFF; }

#menuContent a:hover { color: #D9A200; }

a.backToTop { padding-left: 18px; background-image: url(../images/arrow1.gif); background-repeat: no-repeat; background-position: left center; }

#menuContent ul { list-style-type: none; padding-bottom: 10px; }

#menuContent ul li { padding-right: 10px; padding-left: 5px; display: inline; }

/* WINES */

#wineContent { border: 7px solid #2d2d2d; padding-bottom: 42px; text-align: left; }

#wineContent h2 { color: #D9A200; font-size: 20px; font-weight: normal; background-color: #2d2d2d; padding-bottom: 7px; margin-bottom: 21px; padding-left: 21px; }

#wineContent h3 { font-weight: normal; color: #D9A200; font-size: 18px; padding-right: 21px; padding-left: 21px; padding-bottom: 21px; }

#wineContent h4 { font-weight: normal; color: #FFF; font-size: 16px; padding-right: 21px; padding-left: 21px; padding-bottom: 12px; }

#wineContent h5 { font-size: 12px; color: #DCDCDC; font-weight: normal; padding-right: 21px; padding-left: 21px; }

#wineContent p { color: #999; padding-right: 21px; padding-left: 21px; }

#wineContent a { color: #FFF; }

#wineContent a:hover { color: #D9A200; }

#wineContent table { margin-top: 32px; }

#wineContent td { vertical-align: top; padding-bottom: 12px; }

#wineContent th { text-align: left; vertical-align: top; font-weight: normal; color: #FFF; }

#wineContent tr {}

#wineContent img.photo { float: right; padding-bottom: 21px; padding-left: 21px; padding-right: 21px; }

#wineContent ul { list-style-type: none; padding-bottom: 10px; padding-left: 21px; }

#wineContent ul li { padding-right: 10px; padding-left: 5px; display: inline; }

/* INFO PAGES */

#infoContent { border: 7px solid #2d2d2d; padding-bottom: 42px; text-align: left; }

#infoContent h2 { color: #D9A200; font-size: 20px; font-weight: normal; background-color: #2d2d2d; padding-bottom: 7px; margin-bottom: 21px; padding-left: 21px; }

#infoContent h3 { font-weight: normal; color: #D9A200; font-size: 18px; padding-right: 21px; padding-left: 21px; padding-bottom: 21px; }

#infoContent h4 { font-weight: normal; color: #FFF; font-size: 15px; padding-right: 21px; padding-left: 21px; padding-bottom: 12px; }

#infoContent h5 { font-size: 12px; color: #DCDCDC; font-weight: normal; padding-right: 21px; padding-left: 21px; }

#infoContent p { color: #999; padding-right: 21px; padding-left: 21px; }

#infoContent strong { font-weight: normal; color: #D9A200; }

#infoContent a { color: #FFF; }

#infoContent a:hover { color: #D9A200; }

#infoContent img.photo { float: right; padding-bottom: 21px; padding-left: 21px; padding-right: 21px; }

#infoContent #photoContainer { float: right; padding-bottom: 21px; padding-left: 21px; padding-right: 21px; }

dl.quoteLarge { padding-left: 21px; padding-bottom: 21px; margin: 0px; padding-top: 0px; }

dl.quoteLarge dt { font-size: 18px; font-style: italic; color: #FFF; padding-bottom: 5px; font-weight: normal; }

dl.quoteLarge dd { margin: 0px; padding: 0px; }

dl.quoteMedium { padding-left: 21px; padding-bottom: 21px; margin: 0px; padding-top: 0px; padding-right: 21px; }

dl.quoteMedium dt { font-size: 14px; font-style: italic; color: #FFF; padding-bottom: 5px; font-weight: normal; }

dl.quoteMedium dd { margin: 0px; padding: 0px; }

/* PEOPLE PAGE */

#peopleContent { border: 7px solid #2d2d2d; padding-bottom: 42px; text-align: left; }

#peopleContent h2 { color: #D9A200; font-size: 20px; font-weight: normal; background-color: #2d2d2d; padding-bottom: 7px; margin-bottom: 21px; padding-left: 21px; }

#peopleContent h3 { font-weight: normal; color: #D9A200; font-size: 16px; padding-right: 21px; padding-left: 21px; }

#peopleContent h4 { font-weight: normal; color: #FFF; font-size: 12px; padding-right: 21px; padding-left: 21px; padding-bottom: 12px; }

#peopleContent p { color: #999; padding-right: 21px; padding-left: 21px; }

#peopleContent a { color: #FFF; }

#peopleContent a:hover { color: #D9A200; }

#peopleContent img.photo { float: right; padding-bottom: 21px; padding-left: 21px; padding-right: 21px; }

/* RESERVATIONS */

#reservationsContent { border: 7px solid #2d2d2d; padding-bottom: 42px; text-align: left; position: relative; }

#reservationsContent h2 { color: #D9A200; font-size: 20px; font-weight: normal; background-color: #2d2d2d; padding-bottom: 7px; margin-bottom: 21px; padding-left: 21px; }

#reservationsContent p.alternative { color: #999; padding-left: 21px; margin-right: 21px; }

#reservationsContent img.photo { float: right; padding-bottom: 21px; padding-right: 21px; padding-left: 20px; }

#reservationsContent a { color: #FFF; }

#reservationsContent a:hover { color: #D9A200; }

/* CONTACT */

.contactLabel { color: #D9A200; width: 45px; display: block; float: left; }

.googleMap { float: right; padding-right: 21px; padding-left: 21px; }

.googleMap a { font-size: 12px; display: block; margin-top: 4px; }

#openingTimes { padding-top: 10px; }

#openingTimes h3 { margin-bottom: 0px; padding-bottom: 0px; font-size: 16px; }

.openingTimesLabel { color: #D9A200; width: 120px; display: block; float: left; }

/* CREDIT */

#credit { font-size: 10px; text-align: right; padding-top: 5px; padding-bottom: 5px; color: #999; padding-right: 5px; margin-bottom: 21px; }

#credit a { color: #FFF; }

/* PRIVATE HIRE */

#rooms h3 { margin-bottom: 0px; padding-bottom: 0px; font-size: 16px; }