@charset "utf-8";

/* RESET
============================================================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}


/* BODY DEFAULTS
============================================================================================*/
html{margin-bottom: 1px; min-height: 100%;}
body {background: #f0f0f0; color: #333; font-family: Tahoma, Geneva, sans-serif; font-size: 1em;}
html>body {font-size: 16px;}
p, blockquote, footer {font-size: 1em; line-height: 1.5;}


/* COLOURS
============================================================================================*/
.red	{color: #e20019;}
.light	{color: #ccc;}
.dark	{color: #949596;}	
	

/* LINK STYLES
============================================================================================*/
a, a:visited{color: #949596; text-decoration: none;}
a:hover {color: #e20019;}
a:active,a:focus{color: #beccd5; position: relative; }


/* HEADING STYLES
============================================================================================*/
h1, h2, h3 {font-family: Tahoma, Geneva, sans-serif; font-weight: bold;}
h1 {font-size: 1.5em; line-height: 1.25; word-spacing: 1px;}
h2 {font-size: 1.25em; line-height: 1.2; margin: 1.5833em 0 .6667em;}
h3 {font-size: 1.125em; line-height: 1.1; margin: 1.8em 0 .6em;}
h4 {font-size: 1; line-height: 1.3333em; margin: 2em 0 .6667em;}
h5, dt {font-weight: bold;}


/* OTHER STYLES
============================================================================================*/
hr, .hide {display: none;}
a img{border: none;}
div {position: relative;}
dl {line-height: 1.5;}
li p {margin: 0;}
li p + p {margin-top: 1.5em;}
li ul, li ol, li dl, dd ol, dd ul, dd dl {margin: 0 0 0 1.5em;}
strong, b, figcaption em, figcaption i, caption em, caption i {font-weight: bold;}
em, i, cite {font-style: italic;}
dfn {font-weight: bold;}
small, .small {font-size: .8em;}
sup, sub {line-height: 0;}
abbr[title], dfn[title] {border-bottom: 1px dotted #666;}
address {margin: 0 0 1.5em;}
address + p {margin-top: 0;}
pre {/* http://perishablepress.com/press/2010/06/01/wrapping-content/ */
	margin: 1.5em 0;white-space: pre;word-wrap: break-word;white-space: pre-wrap;white-space: pre-line;}
pre,code,tt,kbd {font: .9375em 'andale mono','lucida console',monospace;line-height: 1.6;}
/* ins/del */
ins {border-bottom: 1px dotted #47ad09;text-decoration: none;}
del {text-decoration: line-through;}
del, .faint {color: #777;}
mark {background-color:#FF0;color: #000;}

/*p+p {text-indent:1.5em;}*/
.noindent {text-indent:0;margin-bottom:1em;}

/* BASE
============================================================================================*/
.inner{margin: 0 auto; position: relative; width: 1020px;}
header[role="banner"]{background:#fff; height: 200px; width: 100%; }
#content[role="main"]{background: #fff; border-top: 42px solid #e7e7e7; margin: -42px auto 0; padding: 24px 0 0 0; width: 1020px;background: #fff url('../images/girl.png') no-repeat 0 30px;}
.main{float:left; margin:0 20px 0 0; padding:0 20px 0 0; position: relative; width: 730px;}
.main .booking {width:1020px;}
.secondary{float:left; padding: 0 20px 0 0; width: 230px;}
footer[role="contentinfo"]{margin: 40px 0 0 0; padding: 0 0 40px 0;}

/* HEADER STYLES
============================================================================================*/
header hgroup{height: 134px; margin: 0; padding-top: 20px; left: 0;}
header hgroup h1{background: url(../images/logo.png) no-repeat 70px 0; display: block; height: 150px; text-indent: -9999em;}


/* TOP NAV STYLES
============================================================================================*/
#menu-top-nav{color: #949596; font-size: 14px; position: absolute; right: 0; top: 10px;}
#menu-top-nav li{float: left; position: relative;}
#menu-top-nav ul{position: absolute; left: -9999px; margin: 0 0 0 0; top: 100%; width: 100%;}
#menu-top-nav ul li{clear: both; margin: 5px 0;}
#menu-top-nav li:hover ul{left: auto;}
#menu-top-nav li:after{content:"\007C";}
#menu-top-nav ul li:after {content: "";}
#menu-top-nav li:last-child:after{content:"\0020";}
#menu-top-nav li a{color: #ccc; padding: 0 4px;}
#menu-top-nav li a:hover{color:#e20019;}


/* MAIN NAV STYLES
============================================================================================*/
nav > ul {padding-left: 210px;}
nav ul li{float:left;position:relative;padding:16px 20px;z-index:1;}
nav ul li a{color:#949596;}
nav ul li:hover ul{display:block;background:#f7f7f7;}
nav ul li:hover a{color:#e20019;}
/*nav ul li:last-child{padding-right:0;}*/
nav ul li ul{background:none; width:auto; float:none; position:absolute; display:none;left:-25px; top: 46px;padding: 10px 0;}
nav ul li ul li{clear:both;padding:7px 20px;white-space: nowrap;}
nav ul li ul li a{color:#949596!important;}
nav ul li ul li:hover a{color:#e20019!important;}


/* POST STYLES
============================================================================================*/
.post{padding: 0 0 0 20px;}
.post header{float:left;margin: 0 0 20px;padding:0 0 10px 210px;width:inherit;}
p {margin: 4px 0 10px;}
.post .entry{float: right;width: 500px;}
.post .booking {float:right; width:730px; }
.entry ul {margin-bottom:1.5em;}
.post .entry ul li, .post .entry ol li{line-height: 1.5;}

/* POST ASIDE
============================================================================================*/
.post aside{float:left; font-size:.9em;width:180px; line-height: 1.25em; padding-top:280px;}
.post aside h3{border: none;color: #888;font-size: 0.9em;font-weight: normal;letter-spacing: 0.1em;text-transform: uppercase;}
.post aside li{padding-bottom:.5em;}

/* SIDEBAR/SECONDARY STYLES
============================================================================================*/
.secondary .mod {font-size: 14px;clear:left;}
.mod{margin: 0 0 40px 0;}
.mod img{max-width: 97%;}
.mod h3{border-top: 3px solid #F0F0F0;color: #888;margin: 0 0 5px;padding: 10px 0;text-transform: uppercase;}
.secondary .mod:first-child h3{border-top: none;}
body.single .secondary .mod h3{font-size: 12px;font-weight: normal;letter-spacing: 0.1em;line-height: 16px;}
.ads img {border:2px solid #ddd;margin:0 0 10px;}
.secondary .btn{margin-left: 6px;}
.secondary li{border-bottom:1px solid #DDD;display:block;line-height: 1.4;padding:8px 10px 8px 0;overflow: hidden; text-overflow: ellipsis;}
.secondary li:last-child{border-bottom: none;}
			
/* SUBFOOTER STYLES
============================================================================================*/
#sub-footer{background: #F0F0F0; clear:both; float:left; margin:20px 0 0; padding:20px; width:980px;}
#sub-footer h3 {font-size:14px;}
#sub-footer img {display: inline; margin: 10px;border: none;padding: 5px;background: #fff;-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);box-shadow: 0 0 3px rgba(0,0,0,0.5);}

/* FOOTER STYLES
============================================================================================*/
footer[role="contentinfo"] .inner p{font-size: 0.75em; padding: 0 45px;}


/* EXTRAS
============================================================================================*/
.group:after {content: "."; display: block; height: 0; visibility: hidden; clear: both;}/* IE pretty stick (via @simplebits) */
*:first-child+html .group {min-height: 1px;} /* IE7 */


/* BUTTON STYLES
============================================================================================*/
.btn a {
	display: block; 
	margin: 5px; 
	padding: 4px 15px; 
	border: 1px solid #999; 
	border-bottom-color: #777; 
	color: white; 
	text-align: center; 
	text-shadow: 0 -1px 0 rgba(0,0,0,.3); 
	text-decoration: none; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	background: #beccd5; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.2, #beccd5), color-stop(1, #949596)); 
	background: -moz-linear-gradient(center top, #beccd5 20%, #949596 100%); 
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 2px rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.29); 
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 2px rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.29); 
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 2px rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.29);
}
.btn a:hover {
	background: #e20019; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.2, #ff0000), color-stop(1, #e20019)); 
	background: -moz-linear-gradient(center top, #ff0000 20%, #e20019 100%);
}
.btn a:active {
	border-color: #20559a;
	-webkit-box-shadow: inset 0 0 7px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,1);
	-moz-box-shadow: inset 0 0 7px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,1);
	box-shadow: inset 0 0 7px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,1);
}


/* BROWSER SPECIFIC
============================================================================================*/
h1, h2{-webkit-font-smoothing: antialiased;}
#content{-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3); box-shadow: 0 0 8px rgba(0,0,0,0.3);}

/* border-radius-3 */
.submit a{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

/* TRANSITIONS */
.submit a{-webkit-backface-visibility: hidden; -webkit-transition-property:background; -webkit-transition-duration:.4s; -webkit-transition-timing-function:ease-out;}
.submit a:hover{-webkit-transition-timing-function:ease-in;}

/* SELECTION */
::selection      { background: #f77; color: #000; }
::-moz-selection { background: #f77; color: #000; }



/* STYLES
============================================================================================*/
.semantic-list {list-style-type: none;}
.bottom-line {position:fixed; bottom: 0; width: 1020px; background-color: rgba(0, 0, 0, 0.1);}
.motto {font-size:0.9em; line-height:1.5em; text-align:right; font-style:italic;}

/*img {display: block;max-width: 97%;margin: 0;border: 1px solid #999;padding: 5px;background: #fff;} */
img.wide {width: auto;max-width: none;}
p img, li img, table img, figcaption img, dl img {display: inline;border: none;padding: 0 .25em;vertical-align: middle;background: transparent;}

thead code, a code {background: transparent;}
table {margin: 1.5em auto;border-bottom: 1px solid #999;border-collapse: collapse;background: #444;}
caption {margin-bottom: .75em;text-align: center;font-style: italic;}
th, td {padding: 0.41667em 0.4em 0.3333em;-moz-transition: background 0.2s linear;-o-transition: background 0.2s linear;transition: background 0.2s linear;}
th {border-top: 1px solid #999;padding: 0.4em;color: #444;background: #ddd;text-align: left;font-weight: normal;}
td {border-top: 1px solid #ddd;border-left: 1px solid #ddd;padding: 0.4em 0.8em;background: #fff;}
thead th {border: none;background: transparent;color: #fff;text-align: center;}
thead a, article:hover thead a {color: #eee;}
thead a:visited {color: #ddd;}
thead a, thead a:visited {background: transparent;}
thead a:hover, article thead a:hover, thead a:focus, article thead a:focus {color: #222;background: #f5f5f5;border-bottom: 1px solid #f5f5f5;}
thead a:active, article thead a:active {color: #888;}
/* row and cell hover effects */
tbody tr:hover th, tbody tr:hover td {background: #f5f5f5;}
tbody tr td:hover {background: #eee;}
/* table contents */
th code {white-space: nowrap;} /* be careful */
td ul {position: relative;list-style: none;margin: 0;padding: 0;}
td ul li {margin: 0 0 0.5em 1.5em;}
td ul li img {float: left;margin: 0.2em 0 0 -1.5em;}


.column, .columns {
	margin: 1.5em 0 1.5em -1.5em;
	padding: .75em .5em .75em 1em;
	border-left: .5em solid transparent;
}
.callout {
	border-left: .5em solid #fff;
}
.callout h2:first-child, blockquote h2:first-child {
	margin: 0 0 1em;
}
.callout h3:first-child, blockquote h3:first-child {
	margin: 0 0 1.2em;
}
.callout h4:first-child, blockquote h4:first-child {
	margin: 0 0 1.3333em;
}
.callout h5:first-child, .callout h6:first-child, blockquote h5:first-child, blockquote h6:first-child {
	margin: 0 0 1.5em;
}
.callout p/*, .callout + figure, .callout + section*/ {
	margin: 0;
}
.callout ol, .callout ul, .column ol, .column ul, .columns ol, .columns ul {
	margin: .75em 0 .75em 1.5em;
}
.callout li ol, .callout li ul, .column li ol, .column li ul, .columns li ol, .columns li ul {
	margin: 0 0 0 1.5em;
} /* TODO: fix with sane default top/bottom margins —oli */
.callout p+p {
	margin-top: 1.5em;
}
.callout a:hover, .callout a:focus {
	background: #fff;
}

/* set up .callout box */
blockquote, .callout {margin: 1.5em 0 1.5em -1.5em;padding: .75em .5em .75em 1em;background: #fff;}

/* box shadow */
table, blockquote, .callout, .pastels_on_dark {-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);box-shadow: 0 0 3px rgba(0,0,0,0.5);}
p img, figcaption img, img.clean, img.cleaner, .clean-img img {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
img.cleaner {border: 0;padding: 0;}