/*===============================
=========== Contents ============
1...........................Reset
2.....................Base Styles
3..................Site Structure
===============================*/

/*===============================
======== Colour Palette =========
Lightest Beige............#FFF6E9
Beige.....................#DDD4C0
Darker Beige..............#C9BB9A
Darkest Beige.............#EBE4D6
Lightest Grey.............#CBCBCB
Grey......................#969696
Darkest Grey..............#181818
Gold......................#CBA546
Light Gold................#937F51
Red.......................#89171A
===============================*/

/*===============================
=========== 1 - Reset ===========
===============================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{margin:0;padding:0;border:none;outline:0;}

/*===============================
======== 1 - Base Styles ========
===============================*/
body {
	font-family:Arial, Helvetica, sans-serif; font-size:80%;
	color:#181818;
	line-height:1.3;
	background:#FFF6E9;
}

p, pre, blockquote, cite, dl, ul, ol, address {margin:1em 0;}

ul, ol, li, dd, blockquote {margin-left:1em;}

h1, h2, h3, h4, h5, h6 {
	line-height:1.2;
	margin:.5em 0;
	font-weight:normal;
}

h1, h2 {
	font-size:1.7em;
	color:#937F51;
	margin-top:0;
}

h3 {font-size:1.4em;}
h4 {font-size:1.3em;}
h5 {font-size:1.1em;}
h6 {font-size:1.0em;}

a {color:#000;}
a:hover {text-decoration:underline;}

img {vertical-align:bottom;}

table {border-collapse:collapse;}

caption, th {text-align:left;}

acronym, abbr {
	border-bottom:1px dotted #181818;
	cursor:help;
}

pre, kbd, code, samp, tt, var {font-family:monospace;}

pre {white-space:pre-wrap;}

iframe {border-width:0;}

address {font-style:normal;}

input, textarea, select {
	margin:0;
	vertical-align:middle;
}

form .field, form .fields {margin:0 0 10px;}

form label {
	display:block;
	font-size:0.9em;
	margin:0 0 0.2em;
}

form .fields label {
	display:inline;
	vertical-align:middle;
}

form ul.fields li {
	list-style-type:none;
	margin:0 0 2px;
}

select {width:208px;}

input.checkbox { /* NOTE: removing padding and margin reverts opera's styles but is needed for IE8!! */
	padding:0;
	margin:0;
}

textarea {
	width:490px;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

input.button {
	border:none;
	display:block;
	cursor:pointer;
	height:22px;
	line-height:22px;
	background:url(../images/base/submit-btn.jpg);
	padding:0 15px;
}

a.button {
	display:block;
	height:21px;
	background:url(../images/base/submit-btn.jpg);
	line-height:21px;
	text-align:center;
	color:#000;
	text-decoration:none;
	border:1px solid #000;
}

a.book-inn-button {
	display:block;
	position:relative;
	width:228px; height:48px;
	line-height:48px;
	background:#EBE4D6;
	text-align:center;
	font-size:1.4em;
}

a.book-inn-button span {
	position:absolute;
	top:0; left:0;
	width:228px; height:48px;
	background:url(../images/base/book-this-inn-btn.jpg) no-repeat;
}

.replaced {
	position:relative;
	margin:0 0 0.3em;
	color:#FFF;
	font-size:1.5em;
	text-indent: -999em;
}

.replaced span {
	position:absolute;
	top:0; left:0;
	width:100%; height:27px;
}

.pdf-link {
	padding:0 0 0 45px;
	color:#CBA546;
	display:block;
	height:50px;
	background:url(../images/base/sat-nav-pdf-icons.gif) no-repeat 0 -100px;
	line-height:50px;
}

.date-picker {
	cursor:pointer;
}

/*===============================
====== 3 - Site Structure =======
===============================*/

/* body background replaces bodyin order to
prevent developers panel from breaking site */
#body-bg {
	background:url(../images/base/bg-x.gif) repeat-x scroll 0 0 transparent;
	width:100%;
	position:relative;
}
			
#container {
	position:relative;
	width:948px;
	margin:0 auto;
}

#container.iframe {
  width: 1011px;
}

#header {
	position:relative;
	height:129px;
	padding:12px 0 0 0;
	margin:0 0 20px 0;
	background:url(../images/base/header-pattern.jpg) 0 0 no-repeat;
}

#container.iframe #header {
  width: 948px;
  margin: 0 auto 20px;
}

#header h1, #header h4 {
	margin:0 163px 0 0;
	float:left;
}

#header h1 a, #header h4 a {
	display:block;
	position:relative;
	width:78px; height:79px;
	text-indent:-9999px;
}

#header h1 span, #header h4 span {
	display:block;
	position:absolute;
	top:0; left:0;
	background:url(../images/base/marstons-inns-logo.gif) no-repeat;
	width:78px; height:79px;
}

#flash-ad {
	width:707px; height:82px;
	background:#000;
	float:left;
}

#flash-ad embed {
	vertical-align:bottom;
}

#nav {
	margin:0 auto;
	list-style:none;
	clear:both;
}

#nav li {
	margin:0;
	float:left;
}

#nav li a {
	float:left;
	height:36px;
	margin:11px 0 0;
	line-height:34px;
	position:relative;
	color:#CBCBCB;
}

#nav li span {
	position:absolute;
	top:0; left:0;
	display:block;
	background:url(../images/base/nav-links.gif);
	height:36px;
	cursor:pointer;
}

#nav #search {width:76px;}
#nav li #search span {background-position:0 0;width:76px;}
#nav li #search span:hover,
#search-page #nav li #search span
{background-position:0 -36px;}

#nav #offers {width:78px;}
#nav li #offers span {background-position:-76px 0;width:78px;}
#nav li #offers span:hover,
#offers-page #nav li #offers span,
#offer-detail-page #nav li #offers span
{background-position:-76px -36px;}

#nav #about-us {width:107px;}
#nav li #about-us span {background-position:-154px 0;width:107px;}
#nav li #about-us span:hover,
#about-page #nav li #about-us span
{background-position:-154px -36px;}

#nav #break-ideas {width:130px;}
#nav li #break-ideas span {background-position:-261px 0;width:130px;}
#nav li #break-ideas span:hover,
#break-ideas-page #nav li #break-ideas span
{background-position:-261px -36px;}

#nav #weddings {width:109px;}
#nav li #weddings span {background-position:-391px 0;width:109px;}
#nav li #weddings span:hover,
#weddings-page #nav li #weddings span
{background-position:-391px -36px;}

#nav #functions {width:110px;}
#nav li #functions span {background-position:-500px 0;width:110px;}
#nav li #functions span:hover,
#functions-page #nav li #functions span
{background-position:-500px -36px;}

#nav #careers {width:92px;}
#nav li #careers span {background-position:-610px 0;width:92px;}
#nav li #careers span:hover,
#careers-page #nav li #careers span
{background-position:-610px -36px;}

#nav #gift-vouchers {width:141px;}
#nav li #gift-vouchers span {background-position:-702px 0;width:141px;}
#nav li #gift-vouchers span:hover,
#gift-vouchers-page #nav li #gift-vouchers span
{background-position:-702px -36px;}

#nav #contact-us {width:105px;}
#nav li #contact-us span {background-position:-843px 0;width:105px;}
#nav li #contact-us span:hover,
#contact-page #nav li #contact-us span
{background-position:-843px -36px;}

#main-content {
	float:left;
	width:698px;
	margin:0 22px 20px 0;
	position:relative;
}

#main-content.no-sidebar  {
	width:100%;
	margin-right:0;
}

#sidebar {
	float:right;
	width:228px;
	margin:0 0 20px 0;
}

#book-now {
	background:#181818;
	padding:10px;
	margin:0 0 12px;
	color:#CBCBCB;
}

#book-now h2 span {background:url(../images/base/heading-sprite.gif) no-repeat 0 0;}


#book-now input.text {width:202px;}

#book-now .short select {width:48px;}

#book-now #BookInnId option {width:180px;}

#book-now .short-text input {width:100px;}

#book-now .short {float:left;margin-right:10px;}

#book-now input.button {clear:both;}

#fb, #brochure, #sat-nav-directions, #visit-taverns {
	display:block;
	min-height:41px;
	margin:0 0 12px;
	color:#CBA546;
	padding:9px 10px 0 74px;
	font-size:0.9em;
}

#fb {background:url(../images/base/fb-icon.gif) no-repeat 18px 8px #181818;}

#brochure {background:url(../images/base/sat-nav-pdf-icons.gif) no-repeat 7px -50px #181818;}

#sat-nav-directions {background:url(../images/base/sat-nav-pdf-icons.gif) no-repeat 5px 0 #181818;}

#visit-taverns {
	min-height:34px;
	padding-top:16px;
	background:url(../images/base/marstons-tavern-logo.gif) no-repeat 8px 6px #181818;
	margin:0;
}

#footer {
	clear:both;
	border-top:1px solid #969696;
	padding:10px 0 0;
	text-align:center;
}

#footer ul {
	margin:0;
	list-style:none;
}

#footer li {
	margin:0;
	display:inline;
	padding:0 5px;
	font-size:0.9em;
}

#footer li a {
	color:#9f812f;
	text-decoration:none;
}

#footer p {
	font-size:0.8em;
	width:530px;
	margin-left:auto;
	margin-right:auto;
}