/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}

/* typography  */
body {font-size:75%;color:#222;background:#a5a6aa url(../gfx/bg_x.gif) repeat-x top left;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#af2f1e; font-family: Times, "Times New Roman";}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}


/* bits */
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#fff;color:#fff;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

.reset,
.reset * {margin: 0; padding: 0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

a.button {
background: transparent url('../gfx/more_links.png') no-repeat scroll top right; 
display: block; float: left; height: 25px; margin-right: 10px; padding-right: 27px;  color: #424242;text-decoration: none;
text-transform: uppercase; font-family: Georgia; letter-spacing: 1px; font-size: 0.825em; text-shadow: 1px 1px 1px #fff; }
a.button:hover {background-position:  right center; color: #990000; text-decoration: none;}
a.button span {background: transparent url('../gfx/more_links.png') no-repeat left bottom; display: block; line-height: 14px; padding: 7px 0 5px 18px;} 

#container {width: 960px; margin: 0 auto; background: #e0e0e0; position: relative;}

#header {background: #fff url(../gfx/header_bg.png) no-repeat top right;}
#header h1 {width: 233px; height: 108px; display: block; text-indent: -3000px;}
#header h1 a {display: block; width: 233px; height: 108px; background: url(../gfx/logo.gif) no-repeat right top;}

#hero {height: 187px; position: relative; border-bottom: 10px solid #af2f1e;  border-top: 4px solid #af2f1e; overflow: hidden; background: #000;}
#hero img {position: absolute; top: 0; left: 0; z-index: 0;}
#home #hero {height: 359px;}

ul#nav {list-style-type: none; margin: 0; padding: 0; z-index: 10; position: absolute; left: 0; top: 112px; }
ul#nav li { float: left; height: 62px;border-bottom: 1px solid #6671a8;margin: 0; padding: 0;}
ul#nav li#locationTab,
ul#nav li#locationTab a:hover {width: 140px;} {width: 140px;}
ul#nav li#accommodationTab,
ul#nav li#accommodationTab a:hover {width: 190px;}
ul#nav li#tripsTab,
ul#nav li#tripsTab a:hover {width: 148px;}
ul#nav li#hostsTab,
ul#nav li#hostsTab a:hover {width: 143px;}
ul#nav li#enquiriesTab,
ul#nav li#enquiriesTab a:hover {width: 137px;}
ul#nav li#ratesTab,
ul#nav li#ratesTab a:hover {width: 202px;}
ul#nav li a { height: 62px; display: block; font-family:  Times, "Times New Roman", Georgia; text-transform:  uppercase; font-size: 1em;  text-decoration: none; color:  #fff; background: url(../gfx/hero_nav_bg.png) repeat-y top right; line-height: 1.25em; letter-spacing: 1px}
ul#nav li a:hover {background-color: rgba(0, 0, 0, 0.2); margin-right: 1px;  }
ul#nav li a span {padding:  18px 0 0 24px; display: block;}
ul#nav li a span em,
span.amp  {font-size: 1.25em; line-height: 0.55em; position: relative; top: 0px; font-family: "Goudy Old Style", Palatino, "Book Antiqua", Garamond, serif !important; }
span.amp {text-transform: uppercase; font-style: italic;}
h2 span.amp, h3 span.amp {top: 3px;}

#contentWrapper {padding: 10px; color: #3b3d45;}
#contentWrapper .last {margin-right:0;padding-right:0;}

p#crumbs {padding: 2px 0 10px 20px;}
p#crumbs a {color: #000; font-weight: bold;}

.promo {float: left; width: 300px; background: url(../gfx/promo_bg_x.jpg) repeat-x left top; min-height: 223px; margin-right: 20px; border-top: 1px solid #cfcfcf; position: relative;}
.promo h2 {font-family: Georgia; color: #af2f1e; text-transform: uppercase; font-size: 1em; letter-spacing: 1px; margin: 18px 5px 10px 18px; padding: 0;}
.promo p {margin: 0px 15px 10px 18px;}
.promo p.more {margin: 0 0 0 18px; padding: 0;}
.promo #moreComments {position: absolute; top: 18px; right: 8px; font-family: Georgia;}
.promo #moreComments a { color: #af2f1e;}
.promo blockquote,
#guestComments blockquote {margin: 0; padding: 17px 8px; background: #e0e0e0; border-left: 1px solid #c5c5c5; margin: 0 18px 0 18px; font-style: normal; font-family: Georgia; display: block;}
.promo blockquote *,
#guestComments blockquote * {margin: 0; padding: 0;}
.promo cite,
#guestComments cite {background: url(../gfx/promo_cite_top.png) no-repeat left top; margin: 0px 18px; padding: 20px 0 0 8px; clear: left; display: block; font-family: Georgia; text-transform: uppercase; letter-spacing: 1px; font-size: 0.825em; }

#guestComments {padding-top: 15px;}
#guestComments blockquote {background:  #fff; border-left: 1px solid #7f7f7f;}
#guestComments cite {margin-bottom: 35px; background: url(../gfx/cite_top.png) no-repeat left top;}

#specials h2 {margin-bottom: 0;}
#specials h2 em {font-size: 1.75em; line-height: 0.55em; position: relative; top: 2px; font-family: "Goudy Old Style", Palatino, "Book Antiqua", Garamond, serif;}
#specials h3 { font-weight: bold; margin: 9px 5px 3px 18px; padding: 0; color: #3b3d45; font-size: 1.5em; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
#specials p {}

#testimonials h2 em,
#sidebar h2 em{ text-transform: none; font-size: 0.9em;}

#content {width: 620px; float: left; background: url(../gfx/content_col_bgx.png) repeat-x left top; border-top: 1px solid #cfcfcf;}
#content .inset {padding: 18px 20px;}
#content p#introduction {font-weight: bold; font-size: 1.25em;}
#content .pageImages {float: right; margin: 0 0 0px 20px; width: 290px;}
#content .pageImages img {clear: right; padding-bottom: 17px; background: url(../gfx/page_images_bg.png) no-repeat bottom left; border-top: 1px solid #fff;}
#content a {color: #000; font-weight: bold;}
#content .deal {padding: 20px; background: #fff; margin-bottom: 20px; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf;}

#rateChecker{padding-bottom: 30px;}




#sidebar {float: left; width: 300px; background: url(../gfx/content_col_bgx.png) repeat-x left top;  border-top: 1px solid #cfcfcf; margin-left: 20px;}
#sidebar .promo {background: url(../gfx/content_col_bgx.png) repeat-x left top; min-height: 100px; }
#sidebar .first {border: none;}
#sidebar .promo cite {}
#sidebar .promo {margin: 0;}
#sidebar #subnav { margin-bottom: 32px;background: url(../gfx/subnav_bg_drop.png) no-repeat bottom 10px; padding-bottom: 10px; }
#sidebar #subnav ul {list-style-type: none;  margin: 0 10px;}
#sidebar #subnav ul li {display: block; width: 100%; float: left; border-bottom: 1px solid #781a0d; border-top: 1px solid #d96556;}
#sidebar #subnav ul li a {display: block; background: #af2f1e url(../gfx/subnav_li_bg.png) no-repeat 2px 7px; padding: 7px 15px 6px 28px; color: #fadcd8; text-decoration: none;}
#sidebar #subnav ul li a:hover {color: #fff;}
#sidebar #testimonials {min-height: 223px;}

p#btt {padding-left: 20px; background: url(../gfx/btt.png) no-repeat left 0px;}

#footer {height: 152px; background: url(../gfx/footer_bg.png) no-repeat left top;}
#footer p#info {float: right; text-align: right; font-size: 0.825em; margin: 6px 28px 0 0;}
#footer a {color: #444756; font-weight: bold;}
#footer p strong {font-family: Georgia;}
#footer p {padding: 50px 0 0 28px; color: #444756;}