/* html, body, #wrapper {height:100%;} */
body {margin: 0;padding: 0px;text-align: center;background:#EEF7FD url(../images/body-bg.png) repeat-x 0 0;font-size: 14px;}

#wrapper {position:relative;width: 940px;margin:140px auto 0;text-align: left;border:10px solid #fff;background:#FCFCFB url(../images/wrapper-bg.jpg) no-repeat scroll 0 98%;padding:10px;}
#logo {position:absolute;top:-40px;left:0;width:280px;height:214px;background: url(../images/logo.png) no-repeat 0 0;text-indent:-999em;}
#photo {position:absolute;top:-80px;right:-60px;width:276px;height:287px;background: url(../images/photo.png) no-repeat 0 0;line-height:465px;text-indent:70px;}
#photo {position:absolute;top:-80px;right:0px;width:276px;height:287px;background: url(../images/photo.png) no-repeat 0 0;line-height:465px;text-indent:70px;}
#seagull {position:absolute;top:-126px;left:253px;width:53px;height:21px;background: url(../images/seagull.png) no-repeat 0 0;}
#fourstar {position:absolute;top:218px;right:106px;width:96px;height:139px;background: url(../images/3star.png) no-repeat 0 0;text-indent:-999em;}
#padstow {position:absolute;top:383px;right:96px;width:129px;height:139px;background: url(../images/padstow.png) no-repeat 0 0;text-indent:-999em;}
#footer {position:relative;width: 880px;margin:10px auto;text-align: left;}
.sablecottage{position:absolute;top:550px;right:73px;width:152px;height:158px;background: url(../images/sable-cottage.png) no-repeat 0 0;line-height:165px;text-indent:20px;text-decoration:none;color:#333;}
.sablecottage span {display:block;margin-top:43px;}
.chiffchaff{position:absolute;top:550px;right:73px;width:152px;height:158px;background: url(http://www.chiffchaff-padstow.co.uk/images/chiffchaff.png) no-repeat 0 0;line-height:165px;text-indent:20px;text-decoration:none;color:#333;}
.chiffchaff span {display:block;margin-top:33px;}


h1 {position:relative;font-size:36px;margin:-106px 0 16px;color:#efefef;}
h2 {color:#efefef;}
h2 span {display:block;font-size:14px;margin-top:6px;}
ul, li {list-style-type:none;margin:0;}
#intro {border:10px solid #fff;padding:20px;background: transparent url(../images/intro-bg.png) repeat 0 0;margin:120px 0 40px 15px;width:540px;}
.first {min-height:500px;height:auto !important;height:500px;}
#intro h2 {color:#2c63b4;margin:0 0 4px;clear:both;}
#intro strong {color:#2c63b4;}
#intro p, label, input, .form span, .vcard {font-size:14px;color:#555;}
#intro .center {text-align:center;margin-bottom:10px;}
#intro .alt-strong {color:#555}
.map {margin-top:10px;border:10px solid #fff;}
.gallery {position:relative;width:333px;}
.gallery li {float:left;margin:10px;display:block;}
.gallery a {cursor:pointer;cursor:-moz-zoom-in;text-decoration:none;}
.gallery img {width:81px;height:53px;border:5px solid #EEF7FD;border-color: rgb(255, 255, 255);border-color: rgba(255, 255,255,0.8);}
.inline img {border:5px solid #EEF7FD;border-color: rgba(255, 255,255,0.8);width:180px;height:135px;float:right;margin:0 10px;}
.inline.alt img{height:124px;}
#booking {position:relative;clear:both;width:333px;margin:210px 0;float:none;}
#booking a {display:block;background:transparent url(../images/button.png) no-repeat 0 0;margin:10px 32px;height:65px;width:267px;color:#fff;text-align:center;line-height:65px;font-size:26px;cursor:pointer;}
#booking a:hover {background-position:0 -65px;}
#booking-form {position:relative;margin-top:15px;}
#booking-form legend {display:none;}
#booking-form fieldset, .date-range, textarea {position:relative;width:535px;margin:0;padding:0;clear:both;float:none;}
#booking-form label {float:left;clear:right;display:block;width:200px;}
#booking-form input {margin-bottom:15px;}
#booking-form br, #booking-form .date-range span {clear:both;float:none;}
#booking-form span {display:block;margin-bottom:10px;}
#booking-form button {position:relative;display:block;margin:10px 0 30px;}
#dp-popup {position:absolute;}
.vcard {margin-top:10px;}
#footer ul li {float:left;display:inline;width:100%;}
#vent-link {text-align:right;margin-left:438px;color:#333;text-decoration:none;}
#vent-link img {vertical-align:middle;margin-bottom:6px;}
/* tabs */

/* root element for tabs  */
ul.tabs { list-style:none; margin:-61px 0 40px -31px; padding:0;	height:30px;}

/* single tab */
ul.tabs li { float:left;	 text-indent:0;padding:0;margin:0 !important;list-style-image:none !important; }

/* link inside the tab. uses a background image */
ul.tabs a { background: url(../images/blue.png) no-repeat -420px 0;font-size:11px;display:block;height: 30px;  line-height:30px;width: 134px;text-align:center;	text-decoration:none;color:#333;padding:0px;margin:0px;	position:relative;top:1px;}
ul.tabs a:active {outline:none;	}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {background-position: -420px -31px;	color:#fff;	}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {background-position: -420px -62px;		cursor:default !important; color:#000 !important;}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */

/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {display:none;		}

div#fancy_overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;z-index: 30;}
div#fancy_loading {position: absolute;height: 40px;width: 40px;cursor: pointer;display: none;overflow: hidden;background: transparent;z-index: 100;}

div#fancy_loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background: transparent url(../images/fancy_progress.png) no-repeat;}
div#fancy_outer {position: absolute;top: 0;left: 0;z-index: 90;padding: 20px 20px 40px 20px;margin: 0;background: transparent;display: none;}
div#fancy_inner {position: relative;width:100%;height:100%;background: #FFF;}
div#fancy_content {margin: 0;z-index: 100;position: absolute;}
div#fancy_div {background: #fff;color: #555;height: 100%;width: 100%;z-index: 100;}

img#fancy_img {position: absolute;top: 0;left: 0;border:0; padding: 0; margin: 0;z-index: 100;width: 100%;height: 100%;}
div#fancy_close {position: absolute;top: -12px;right: -15px;height: 30px;width: 30px;background: url(../images/fancy_closebox.png) top left no-repeat;cursor: pointer;z-index: 181;display: none;}

#fancy_frame {position: relative;width: 100%;height: 100%;display: none;}
#fancy_ajax {width: 100%;height: 100%;overflow: auto;}
a#fancy_left, a#fancy_right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer;z-index: 111; display: none;background-image: url("data:image/gif;base64,AAAA");outline: none;overflow: hidden;}
a#fancy_left {left: 0px; }
a#fancy_right {right: 0px;}
span.fancy_ico {position: absolute; top: 50%;margin-top: -15px;width: 30px;height: 30px;z-index: 112; cursor: pointer;display: block;}
span#fancy_left_ico {left: -9999px;background: transparent url(../images/fancy_left.png) no-repeat;}
span#fancy_right_ico {right: -9999px;background: transparent url(../images/fancy_right.png) no-repeat;}
a#fancy_left:hover, a#fancy_right:hover {visibility: visible;background-color: transparent;}
a#fancy_left:hover span {left: 20px; }
a#fancy_right:hover span {right: 20px; }
#fancy_bigIframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;}
div#fancy_bg {position: absolute;top: 0; left: 0;width: 100%;height: 100%;z-index: 70;border: 0;padding: 0;margin: 0;}
div.fancy_bg {position: absolute;display: block;z-index: 70;border: 0;padding: 0;margin: 0;}
div#fancy_bg_n {top: -20px;left: 0;width: 100%;height: 20px;background: transparent url(../images/fancy_shadow_n.png) repeat-x;}
div#fancy_bg_ne {top: -20px;right: -20px;width: 20px;height: 20px;background: transparent url(../images/fancy_shadow_ne.png) no-repeat;}
div#fancy_bg_e {right: -20px;height: 100%;width: 20px;background: transparent url(../images/fancy_shadow_e.png) repeat-y;}
div#fancy_bg_se {bottom: -20px;right: -20px;width: 20px;height: 20px;background: transparent url(../images/fancy_shadow_se.png) no-repeat;}
div#fancy_bg_s {bottom: -20px;left: 0;width: 100%;height: 20px;background: transparent url(../images/fancy_shadow_s.png) repeat-x;}
div#fancy_bg_sw {bottom: -20px;left: -20px;width: 20px;height: 20px;background: transparent url(../images/fancy_shadow_sw.png) no-repeat;}
div#fancy_bg_w {left: -20px;height: 100%;width: 20px;background: transparent url(../images/fancy_shadow_w.png) repeat-y;}
div#fancy_bg_nw {top: -20px;left: -20px;width: 20px;height: 20px;background: transparent url(../images/fancy_shadow_nw.png) no-repeat;}
div#fancy_title {position: absolute;z-index: 100;display: none;}
div#fancy_title div {color: #FFF;font: bold 12px Arial;padding-bottom: 3px;white-space: nowrap;}
div#fancy_title table {margin: 0 auto;}
div#fancy_title table td {padding: 0;vertical-align: middle;}
td#fancy_title_left {height: 32px;width: 15px;background: transparent url(../images/fancy_title_left.png) repeat-x;}
td#fancy_title_main {height: 32px;background: transparent url(../images/fancy_title_main.png) repeat-x;}
td#fancy_title_right {height: 32px;width: 15px;background: transparent url(../images/fancy_title_right.png) repeat-x;}

a.dp-choose-date {float: left;width: 16px;height: 16px;padding: 0;margin: 5px 3px 0;display: block;text-indent: -2000px;overflow: hidden;background: url(../images/calendar.png) no-repeat; }
a.dp-choose-date.dp-disabled {background-position: 0 -20px;cursor: default;}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {width: 140px;float: left;}

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

.hightlight {border:2px solid #9F1319;  background:url(..images/iconCaution.gif) no-repeat 2px}  
.loading {background:url(../images/ajax-loader.gif) no-repeat 1px;height:28px;width:28px;display:none;}  
.done {background:#8ac71e;padding:20px;width:90%;margin:20px 0;display:none;color:#fff;text-align:center;}  

h1, h2 {text-shadow: 1px 1px 10px #12448d}
#intro h2 {text-shadow:none;}
#intro, #wrapper, .gallery a img {-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}
#wrapper, .gallery a img {-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;}
.gallery img {border-color: rgb(255, 255,255);border-color: rgba(255, 255,255,0.8);}