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

@import url(normalise.css);
@import url(color.css);
@import url(typography.css);

/* Layout CSS */
body {font: 76%/1.5em "Century Gothic", Arial, Helvetica, sans-serif; margin-top: 20px; }
#container {width: 940px; height: 1%; position: relative; margin: 18px auto 20px auto; padding: 0px 0px 0 0px;
}

/* =branding */
#branding {
	margin: 0px 0px 0 0px;
	padding: 0;
	height: 270px;
	position: relative;
}

#branding span {
position:absolute;
top: 0px;
left: 640px;
}

#branding h1 {
display: none;
}

/* =nav */
ul#nav_main {
position: absolute;
width: 890px;
height: 40px;
top: 233px;
left: 50px;
padding: 0;
}
ul#nav_main li {
display: inline;
}
div#nav ul li a {
float: left;
height: 1.4em;
display: block;
padding: 10px 10px;
margin: 0;
}

div#nav ul#nav_main li#specialoffers a {
position:absolute;
right: 95px;
}

/* =content */
div#content {
	width: 940px;
	margin: 0;
	padding: 25px 0 0 0px;
}

/* =content_main */
div#content_main {
	padding: 25px 0 2.5em 60px;
	margin: 0;
	float: left;
	width: 640px;
}

/* =cols page specifics... */

div#content_main div#c1 {
margin: 0 60px 0 0;
width: 260px;
float: left;
}

div#content_main div#c2 {
margin: 0 0 0 0;
float: left;
width: 260px;
}



/* =h1 */
div#content  h1 {
font-size: 26px;
padding: 0 30px 0 60px;
}


/* =h2 */
.home div#content_main #c1 h2,
.home div#content_main #c2 h2 {
display: none;
}

div#content_main h2 {
padding: 0 0 .6em 0;
}

div#content_sup h2 {
padding: 0 0 0.5em 0;
}


/* =h3 */
.home div#content_main div#c1 h3,
.home div#content_main div#c2 h3 {
position: relative;
top: 28px;
left: 10px;
}

.activities div#content h3,
.berwickpage div#content h3 {
color: #faf7f0;
margin-bottom: 20px;
background-color: #814C3E;
padding: 10px;
}

/* =p */

div#content p {
padding: 0 0 1em 0;
max-width: 580px;
}

div#content_sup p {
padding: 0.5EM 0 1em 0;
}

body.locate div#content div#content_main p {
width: 580px;
}

/* =a */
.home div#content_main h3 a {
outline: none;
}

div#content_main div.section a {
color: #fff;
}

div#content_main div#accommodationtariff a {
font-size: 16px;
color: #98804A;
}

/* =img */
.home div#content_main img {
padding-top: 34px;
}

/* =ul */
div#content_sup ul {
padding: 0 0 1em 0;
}

div#content_sup ul li a {
color: #faf7f0;
}

.tariff ul.tarifflist {
list-style: disc;
margin-left: 50px;
}

/* =span */
.home div#content_main span {
position: relative;
top: -30px;
left: 10px;
}

/* home */

div#offersbox {
width: 570px;
background-color: #fff;
padding: 0 0 10px 10px;
margin-top: 15px;
margin-bottom: 20px;
}

div#offersbox h2 {
background-color: #322121;
width: 570px;
height: 34px;
padding: 0 0 0 10px;
margin-left: -10px;
color: #fff;
}

div#offersbox h3 {
padding: .5em 0 .3em 0;
}

div#offersbox p {
position: relative;
float: none;
margin: 0;
padding: 0px;
font-size: 18px;
color: #6f2322;
}

div#offersbox a {
font-size: 14px;
color: #6f2322;
}

/* =tariff */

div#accommodationtariff {
position: relative;
width: 580px;
height: 550px;
margin-bottom: 20px;
background: #6f2322 url(../images/tariff_berwick_hotel.jpg) left bottom no-repeat;
}

.tariff div#accommodationtariff h2 {
padding: 0 20px 0 0;
background-color: #1c0909;
width: 560px;
height: 34px;
}

div#accommodationtariff ul#rates {
	position: absolute;
	top: 71px;
	left: 20px;
}
ul#rates li {
	color: #1c0909;
}

p#breakfast {
	width: 330px;
	position: absolute;
	top: 190px;
	left: 100px;
}
p#tariffabout {
	width: 300px;
	position: absolute;
	top: 280px;
	left: 20px;
	color: #1c0909;
}
ul#opentimes {
	position: absolute;
	top: 444px;
	left: 28px;
}
ul#opentimes li {
	color: #ffffff;
}


/* =locate */
div#map {
position: relative;
width: 580px;
height: 548px;
margin-bottom: 30px;
background: #6f2322 url(../images/location_berwick_hotel.jpg) bottom left no-repeat;
}

div#content_main div#map h2 {
color: #98804a;
padding: 0 0 1px 30px;
width: 550px;
height: 34px;
background-color: #1c0909;
}



div#map iframe {
position: absolute;
top: 58px;
left: 30px;
height: 420px;
width: 520px;
}

div#map small a {
position: absolute;
top: 518px;
right: 30px;
text-align: right;
font-size: 16px;
color: #fff;
}

/* =section */
div.section {
position: relative;
width: 580px;
height: 173px;
background-color: #6f2322;
margin-bottom: 30px;
}

div.section a {
color: #fff;
}

div.section h2 {
width: 240px;
float: right;
margin-right: 20px;
text-align: right;
}
div.section ul,
div.section p {
position: absolute;
top: 45px;
left: 320px;
}
.rooms div.section ul {
top: 55px;
}
ul#hotbeverages li {
line-height: 1.2em;
}

.bar div#content_main p,
.rooms div#content_main p,
.restaurant div#content_main p {
margin-bottom: 20px;
}
ul#menumain li,
ul#menusup li {
font-size: 15px;
}
ul#menusup {
position: absolute;
left: 430px;
}
div.section ul li,
div#content div.section p {
font-size: 15px;
line-height: 1.3em;
color: #98804a; 
}
.rooms div.section ul li {
line-height: 1.4em;
}

div.section ul li.evening {
margin-top: 1em;
}

ul#cheflinks {
top: 80px;
}

div.section img {
width: 260px;
height: 173px;
float: left;
}
div.section span {
position: absolute;
top: 147px;
left: 20px;
font-size: 18px;
color: #ffffff;
}


/* =getintouch */
div#getintouch {
position: relative;
width: 580px;
height: 540px;
background: #6f2322 url(../images/contact_hotel_berwick.jpg) left bottom no-repeat;
margin-bottom: 20px;
}
div#content div#getintouch h2 {
display: block;
width: 560px;
height: 18px;
text-align: right;
padding-right: 20px;
background-color: #1c0909;
}

div#getintouch span {
left: 20px;
}

div#getintouch span.telephone {
position: absolute;
top: 5px;
left: 20px;
font-size: 18px;
}

div#getintouch form {
position: absolute;
height: 486px;
width: 260px;
top: 30px;
left: 320px;
background-color: #6f2322;
padding-top: 24px;
}

div#getintouch form label {
font-size: 14px;
display: block;
color: #fff;
width: 220px;
padding: 5px 20px;
}

div#getintouch form input,
div#getintouch form textarea {
background-color: #6f2322;
color: #ad9153;
font-size: 12px;
padding: 0px 2px 2px 3px;
border: 6px double #7b2726;
height: 14px;
width: 208px;
margin-left: 20px;
}

div#getintouch form textarea {
height: 65px;
color: #ad9153;
}

div#getintouch form input.buttonsubmit {
border: none;
color: #fff;
font-size: 17px;
position: absolute;
bottom: 12px;
text-align: right;
margin-right: -8px;
right: 20px;
height: 20px;
}



div#getintouch div.vcard {
margin-top: 55px;
}

div#getintouch div.vcard span,
div#getintouch div.vcard a,
div#getintouch div.vcard div.adr span {
color: #6f2322;
font-size: 14px;
}

div#getintouch div.adr span.business-name {
display: none;
}

div#getintouch div.tel span.telephone {
font: 18px "Century Gothic", Verdana, sans-serif;
position: absolute;
top: 4px;
left: 20px;
}

div#getintouch div.vcard span {
display: block;
color: #fff;
position: relative;
top: 0px;
}

div#content div#getintouch div.vcard h2 {
display: none;
}

div#getintouch div.vcard a {
left: 20px;
position: relative;
}

div#getintouch span#tagphrase {
position: absolute;
height: 20px;
width: 100px;
color: #fff;
left: 20px;
top: 510px;
font-size: 18px;
}



/* =chefs */
div#ourfood {
position: relative;
width: 580px;
margin: 0;
}

div#content div#ourfood h2 {
text-align: right;
padding-right: 20px;
height: 23px;
width: 560px;
background-color: #1c0909;
}

div#ourfood img {
width: 580px;
margin: 0;
}

div#ourfood p.tagline {
position: absolute;
width: 180px;
top: 70px;
left: 20px;
}

.cheffraser div#ourfood p.tagline {
top: 235px;
}

div#ourfood div.chefabout {
width: 580px;
min-height: 168px;
background-color: #6f2322;
margin-top: -4px;
}

.chefali div#ourfood div.chefabout {
background: #6f2322 url(../images/good_food_ali_bg.jpg) left bottom no-repeat;
}

body div#ourfood div.chefabout p {
background-color: transparent;
color: #fff;
font-size: 16px;
width: 540px;
margin-left: 20px;
padding-top: 20px;
}

div#ourfood div.chefabout a {
display: block;
width: 540px;
text-align: right;
color: #fff;
}

/* Special Offers */
div.offerbox {
position: relative;
background: #6f2322 url(../images/specialoffer_winterbreak.jpg) no-repeat 0 48px;
width: 580px;
height: 440px;
}

div#content div.offerbox h2 {
font-size: 24px;
padding-left: 20px;
background-color: #1c0909;
width: 560px;
height: 34px;
}

div#content div.offerbox span.save {
position: absolute;
top: 15px;
right: 20px;
font-size: 21px;
}

div.offerbox div.offernotes {
position: absolute;
background-color: #6f2322;
height: 66px;
width: 540px;
bottom: 0;
left: 0;
padding: 20px;
}
div.offerbox div.offernotes p,
div.offerbox span.save,
div.offerbox p.ref {
color: #fff;
}

div.offerbox p.offer,
div.offerbox p.ref {
position: absolute;
top: 70px;
left: 160px;
color: #6f2322;
width: 285px;
height: 43px;
margin: 20px 20px;
}

div.offerbox p.ref {
top: 230px;
left: 75px;
color: #fff;
}

div.offerbox p em {
display: block;
font-size: 18px;
}

div#content div#content_main div.offernotes p {
font-size: 16px;
padding: 0 0 0.5em 0;
}

div#content div.offerbox p {
font-size: 21px;
}


/* =Activities */
.activities div#content_main h2,
.berwickpage div#content_main h2 {
color: #571a1e;
}

.activities div#content_main img,
.berwickpage div#content_main img  {
width: 260px;
margin-bottom: 10px;
}


.virtualtour p a#virtualtour,
.cycling ul.activities li#cycling a,
.golf ul.activities li#golf a,
.fishing ul.activities li#fishing a,
.shooting ul.activities li#shooting a,
.walking ul.activities li#walking a,
.wildlife ul.activities li#wildlife a,
/* berwick pages */
.bridgestreet ul.berwick li#bridgestreet a, 
.townwalls ul.berwick li#townwalls a,
.lowrytrail ul.berwick li#lowrytrail a, 
.spittalbeach ul.berwick li#spittal a {
background-color: #6f2322;
padding: 2px 7px 2px 6px;
margin-left: -6px;
}


.activities div#content a,
.berwickpage div#content a{
padding: 0px 7px 2px 6px;
margin-left: -7px;
marigin-right: -7px;
font-size: 14px;
} 


.activities div#content_main p,
.activities div#content_main a,
.berwickpage div#content_main p,
.activities div#content_main a {
font-size: 15px;
}

/* =menus */

div.menubox {
position: relative;
width: 580px;
background-color: #6f2322;
}

div#content div.menubox h2 {
text-align: right;
padding-right: 20px;
height: 23px;
background-color: #1c0909;
}


div.menubox span.hotelname {
position: absolute;
left: 20px;
top: 8px;
color: #fff;
font-size: 18px;
}

div#content div.menubox p {
background-color: #6f2322; 
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
}

div.menubox ul {
width: 540px;
background-color: #6f2322;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}

div.menubox ul#menutop {
padding-top: 40px;
}

div#content div.menubox + ul.section_menu {
margin-top: 40px;
background-color: pink;
}

div.menubox ul li,
div.menubox p {
display: block;
padding-bottom: 0.5em;
max-width: 456px;
color: #fff;
font-size: 15px;
}

div.menubox ul li strong,
div.menubox ul li span.price {
font-weight: bold;
}

div.menubox ul li span.price {
width: 60px;
position: relative;
left: 80px;
display: block;
float: right;
text-align: right;
}

div.menunotes {
min-height: 50px;
background-color: #762e2d;
padding-top: 0px;
padding-bottom: 10px;
margin-top: 20px;
}

div.menunotes ul {
width: 240px;
float: right;
background-color: #762e2d;
padding: 0;
margin-top: 10px;
margin-right: 20px;
}

div.menunotes ul li {
color: #98804a;
font-size: 14px;
padding: 0;
line-height: 1.2em;
}

div#content div.menunotes p {
width: 260px;
background-color: #762e2d;
font-size: 18px;
color: #98804a;
margin: 24px 0 0 0;
padding-bottom: 0;
float: left;
}


p#opentime {position: relative; margin-top: 20px}
body div#content div.menubox ul  {margin : 0; padding : 10px 20px;}
body div#content_main ul#menutop li {margin : 0;}
div#content_main div.menubox p {color : #98804A}

/* =winelist */
.wine div#content_main div div.menunotes {
clear: both;
}

.wine div#content_main h3 {
font: 24px "Century Gothic", Verdana, sans-serif;
padding: 20px 20px 20px 20px;
clear: both;
}

.wine div#content_main h4 {
padding: 5px 20px;
margin: 0;
font-size: 18px;
line-height: 1em;
font-weight: bold;
color: #fffefe;
clear: both;
}

.wine div#content ol li,
.wine div#content ol li ul {
padding-top: 0;
}

.wine div#content li.country,
.wine div#content li.description {
font-size: 15px;
color: #fffefe;
line-height: 1.2em;
width: 540px;
padding-bottom: 2px;
}

.wine div#content li.country {
font-style: italic;
}

.wine div#content li.price {
display: inline;
width: 70px;
float: right;
height: 25px;
padding-top: 5px;
padding-left: 20px;
margin-bottom: 10px;
font-weight: bold;
}

.wine div#content li.bottle {
background: url(../images/bg_icon_bottle.png) no-repeat left 20%;
}

.wine div#content li.largeglass {
background: url(../images/bg_icon_glasslarge.png) no-repeat left 20%;
}

.wine div#content li.smallglass {
background: url(../images/bg_icon_glasssmall.png) no-repeat left 12%;
}






/* =virtual tour */
.virtualtour div.vt {
background: #6f2322 url(../vr/images/bg_virtualtour_360.jpg) no-repeat 50% 260px;
height: 620x;
width: 580px;
}

div#content div.vt h2 {
text-align: left;
padding-left: 20px;
height: 23px;
background-color: #1c0909;
}

.virtualtour div.vt img {
margin-left: 35px;
margin-top: 15px;
} 

.virtualtour div.vt a {
outline: none;
}

.virtualtour div#content div.vt p {
color: #6f2322;
background-color: #fff;
height: 60px;
width: 532px;
padding: 1.5em 10px 1.5em 38px;
margin-top: 20px;
}

/* =content_sup */
div#content_sup {
margin: 25px 0 25px 0;
float: left;
padding: 0 0 0 20px;
width: 200px;
}

div#content_sup p {
margin-bottom: 5px;
}

div#content_sup ul {
padding-top: 0;
}

div#content_sup a:hover {
background-color: #6f2322;
padding: 2px 7px 2px 6px;
} 

div#content_sup a {
padding: 2px 7px 2px 6px;
margin-left: -6px;
} 





/* =siteinfo */

div#site_info {
position: relative;
width: 920px;
min-height: 150px;
clear: both;
padding: 22px 10px 0 10px;
margin: 0 auto 0 auto;
}

div#site_info div {
float: left;
width: 140px;
margin: 0 0 0 0px;
}

div#site_info div#sitemenus {
margin-left: 60px;
}
div#site_info div#sitemenusspecial {
margin-right: 20px;
margin-top: 2.8em;
}
div#site_info div#sitemenusspecial h2 {

display: none;
}
div#site_info h2 {
padding: 0 0 1.1em 0;
}

div#site_info blockquote {
float: left;
width: 260px;
margin-top: 32px;
}

div#site_info blockquote cite {
float: right;
margin-right: 20px;
}



div#site_info div.vcard,
div#site_info div.vcard div {
width: 170px;
margin-left: 45px;
}

div#site_info div.vcard {
margin-top: 15px;
width: 180px;
}

div#site_info div.vcard h2,
div#site_info div.vcard span.business-name,
div#site_info div.vcard span.country-name,
div#site_info div.vcard span.region {
display: none;
}

div#site_info div.vcard span {
display: block;
}

div#site_info div#site_info input {
padding: .1em .1em;
margin-top: .4em;
}

div#site_info div.vcard a.fn {
position: relative;
top: -15px;
right: -44px;
}

body div.credits {
width: 940px;
margin-left: auto;
margin-right: auto;
}

div.credits p,
div.credits p a{
color: #98804A;
margin-top: -5px;
margin-bottom: 3px;
}




p#copy {
float: left;
margin-left: 70px;
}

p#credit a {
float: right;
width: 180px;
text-decoration: none;
margin-right: 40px;
}

/* =acknowledgements */
.acknowledgements div#content_main div.menunotes p {
font-size: 14px;
width: 500px;
margin-top: 10px;
}

div#content_main a.creditlink {
color: #fff;
}