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


body {
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #75665a;
	line-height: 22px;
	margin: 0;
	padding: 40px 0 0;
	}


a:link, a:visited {
	color: #d86e32;
	text-decoration: none;
	}
a:hover, a:active {
	border-bottom: 1px solid #e5e5e5;
	}

h1, h2, h3, h4 {
	margin: 0 0 20px;
	padding: 0;
	line-height: normal;
	}
h1 { 
	color: #d86e32;
	font-size: 42px;
	}
h2 { 
	color: #d86e32;
	font-size: 25px;
	margin: 0 0 5px;
	}
h3 {
	font-size: 20px;
	color: #625144;
	margin: 0 0 5px;
	}
h4 {
	font-size: 13px;
	}
input, textarea, select {
	border: 2px solid #EEDECE;
	font: 12px Arial, Helvetica, sans-serif;
	font: 12px Georgia, "Times New Roman", Times, serif;
	padding: 6px;
	color: #75665a;
	margin: 0 0 10px;
}
select { margin: 0; }

img {
	border: none;
	}

iframe { background: none; }

:focus { outline: none; }

label.inlined {
	font-size: 13px;
	margin: 4px 0 0 4px;
	padding-left:6px;
	position:absolute;
	z-index:1;
}
.input-text {  width: 230px; }
.input-text:focus { border-color: #d69478; }

label.focus {
	color: #d5d1cd;
}
label.has-text {
	opacity: 0;
	display: none;
	filter: 0;
}

font {
	font: 14px Georgia, "Times New Roman", Times, serif !important;
	color: #75665a !important;
	font-weight: normal !important;
	}

p { margin-top: 0; }

/*------------------------------------------ IDs ------------------------------------*/
	


#accom #supplementary-content {
	font: 11px Arial, Helvetica, sans-serif;
	float: right;
	width: 155px;
	border-left: 4px solid #eedece;
	line-height: 18px;
	padding: 0 0 0 30px;
	}
#accom #supplementary-content h4 {
	margin: 0 0 5px;
	}
#accom #content-blocks {
	float: left;
	width: 678px;
	overflow: hidden;
	}
#accom .content-block {
	/*background: url(/images/divider-floral.gif) center bottom no-repeat;*/
	border-bottom: 1px solid #EEDECE;
	padding: 0 0 20px;
	margin: 0 0 20px;
	}
#accom .content-block .copy {
	width: 398px;
	float: right;
}
#accom .content-block .copy ul {
	padding-left: 20px;
	margin: 0;
	}

#accom #image-panel {
	width: 425px;
	height: 371px;
	overflow: hidden;
	float: left;
	/*position: absolute;*/
	margin: 10px 25px 20px 0px;
	}
#accom-info {
	float: right;
	width: 262px;
	overflow: hidden;
	}
#accom-info .content-block {
	background: none;
	padding: 0 0 30px;
	margin: 0;
	}

#accom.accom-home #content-blocks {
	width: 100%;
	}
.accom-home #content-blocks a {
	background:url("/images/accom-home.jpg") repeat scroll 0 0 transparent;
	border:medium none;
	display:block;
	float:left;
	height:313px;
	text-indent:-5000px;
	width:452px;
}
.accom-home #content-blocks a#accom-studios {
	background-position: -457px 0;
	width: 442px;
	
	}


#book-now, #enquire-now {
	display: block;
	background: url(/images/book-now.gif);
	width: 177px;
	height: 40px;
	position: absolute;
	border: none;
	text-indent: -5000px;
	overflow: hidden;
	margin: 7px 0 0 724px;
	}
#enquire-now {
	background:url("/images/enquire.gif") repeat scroll 0 0 transparent;
	height:40px;
	margin-left:752px;
	width:151px;
}


#content-blocks { overflow: hidden; }






#contact #map {
	width: 320px;
	height: 300px;
	}
#contact #map-outer {
	float: left;
	padding: 5px;
	width: 320px;
	border: 1px solid #EEDECE;
	margin: 8px 0 0;
	}
#contact #content-blocks {
	width: 265px;
	float: left;
	margin: 0 0 0 25px;
	overflow: hidden;
	}
#contact-form {
	float: right;
	margin:43px 0 0 0;
	width:247px;
}	
#contact-form .input {
	width: 235px;
	}
#contact-form #contact-submit {
	background: url(/images/contact-submit.gif);
	width: 75px;
	height: 30px;
	display: block;
	cursor: pointer;
	text-indent: -5000px;
	text-transform: capitalize;
	border: none;
	padding: 0;
	margin: 0 0 0 171px;
	}

#contact-form div {
	width: 100%;
	overflow: hidden;
	}










		
#container, #head {
	width: 974px;
	margin: 0 auto;
	overflow: hidden;
	}
#container { 
	background: url(/images/panel-bg.png) repeat-y; }

#container-foot {
	width: 974px;
	background:url(/images/panel-bottom.png);
	height: 70px;
	margin: 0 auto;
	}
	
#content {
	padding: 10px 40px 0 40px;
	width: 894px;
	overflow: hidden;
	}




#foot {
	background: #010202 url(/images/foot-bg.jpg) center top no-repeat;
	font-size: 17px;
	line-height: normal;
	}
#foot-inner {
	width: 960px;
	padding: 30px 0;
	margin: 0 auto;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	}	
#foot-inner strong {
	color: #d86e32;
}
#foot-contacts {
	width: 50%;
	float: left;
	}
#foot-copyright {
	width: 40%;
	float: right;
	text-align: right;
	font-size: 15px;
	}
#foot a:hover {
	border-color: #333;
	}

#foot #follow {
	background:url("/images/follow.gif") no-repeat  left top;
	height:30px;
	overflow:hidden;
	padding:0 0 15px 95px;
	margin: 0 0 15px 140px;
	width: 244px;
	border-bottom: 1px solid #333;
}
#foot #follow a {
	width: 30px;
	height: 30px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	float: left;
	margin: 0 7px 0 0;
	border: none;
	}
#follow a#yt { margin: 0; width: 80px; }





#guestbook #content-blocks {
	width: 600px;
	float: left;
	}
#guestbook .content-block {
	background:url("/images/quotemark.gif") no-repeat scroll 0 9px transparent;
	border-bottom:1px solid #EEDECE;
	margin:0 0 20px;
	padding: 0 0 23px 51px;
	width:auto;
}
#guestbook #supplementary-content {
	float: right;
	width: 213px;
	border: 1px solid #EEDECE;
	padding: 20px;
	text-align:center;

	-moz-box-shadow: 0 0 5px #EEDECE;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #EEDECE;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px #EEDECE;
	border-radius: 5px;
	}
	
	
	
	
	
#head {
	background: url(/images/head.png) no-repeat;
	height: 189px;
	overflow: hidden;
	}
#head #phone-us {
	text-indent: -5000px;
	width: 20px;
	overflow: hidden;
	display: block;
	}
#head a#logo {
	display: block;
	text-indent: -5000px;
	width: 430px;
	height: 105px;
	border: none;
	}




#home #content-blocks {
	background:url(/images/home-decal.gif) no-repeat 74px 0;
	border-left:4px solid #EEDECE;
	float:right;
	overflow:hidden;
	padding:136px 0 0 40px;
	width:323px;
}
#home #supplementary-content {
	width: 524px;
	float: left;
	margin: 0 0 0 -31px;
	overflow: hidden;
	}
#home h2 {
	color: #d86e32;
	font-size: 25px;
	margin: 0 0 5px;
	}





#packages #content-blocks {
	width: 640px;
	float: right;
	}
#packages.packages-home #content-blocks {
	width: 100%;
	float: none;
	}
#packages.packages-home .content-block p {
	margin-top: 0;
	}
#packages .content-block {
	border-bottom:1px solid #EEDECE;
	margin:0 0 10px;
	padding:0 0 20px;
}
#packages #supplementary-content {
	border-right: 2px solid #EEDECE;
	width: 180px;
	float: left;
	padding: 0 30px 40px 0;
	}
#packages #supplementary-content h3 {
	font-size: 25px;
	text-transform: uppercase;
	}
#packages .content-block .copy {
	width: 360px;
	float: right;
	}
#packages .content-block .content-image { float: left; }





#search-form {
	display: block;
	width: 253px;
	overflow: hidden;
	margin: 63px 0 0 0;
	padding: 0 30px 0 0;
	float: right;
	}
#search-form input {
	width: 200px;
	float: left;
	margin: 0 1px 0 0;
	height: 14px;
	}
#search-form input:focus {
	border-color: #d69478;
	}

#search-form input#submit-search {
	background: url(/images/search.gif);
	height: 30px;
	width: 35px;
	text-indent: -5000px;
	text-transform: capitalize;
	border: none;
	padding: 0;
	cursor: pointer;
	}
#search-form label.inlined {
	margin: 4px 0 0 -248px;
	}





#see .content-block {
	border-bottom: 1px solid #EEDECE;
	margin: 0 0 20px;
	}
#see .copy {
	float: right;
	width: 564px;
	overflow: hidden;
	}
#see h2 {
	margin: 0 0 10px;
	}
#see .content-image {
	height: 200px;
	}
	


#whats .content-image {
	float: right;
	margin: 0;
	}	
#whats .copy {
	float: left;
	width: 580px;
	}
#whats .content-block {
	border-bottom: 1px solid #EEDECE;
	padding: 0 0 20px;
	margin: 0 0 20px;
	}


/*------------------------------------------ Classes ------------------------------------*/


.wrap {
	overflow: hidden
}


.content-block {
	padding: 0 0 20px;
	width: 100%;
	overflow: hidden;
	}
.content-image {
	float: left;
	margin: 7px 30px 30px 0;
	}
.caption {
	font-size: 11px;
	text-align: center;
	}


#home .slideshow {
	margin: 0 0 1px;
	width: 524px;
	height: 351px;
	overflow: hidden;
	}

#contact-form .formValidationError, #booking .validation {
	-moz-border-radius:0px 0px 4px 4px;
	-webkit-border-radius:0px 0px 4px 4px;
	border-radius:0px 0px 4px 4px;
	background:none repeat scroll 0 0 #CC3300;
	color:#FFFFFF;
	display: inline-block;
	width: auto;
	float:left;
	font:11px Arial, Helvetica, sans-serif;
	line-height:normal;
	margin: -10px 0 20px;
	padding:4px 9px;
}

.required-field {
	color:#FF0000;
	font-weight: bold;
	font-size: 14px;
	}

/*------------------------------------- Lists -----------------------------------------------*/

.anchor-nav {
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	background:none repeat scroll 0 0 #D86E32;
	height:36px;
	/*margin:-58px 0 0 273px;*/
	margin: 15px 0;
	overflow:hidden;
	padding:1px;
	/*position:absolute;*/
	width:inherit;
}
.anchor-nav  ul { 
	list-style-type: none;
	margin: 0;
	padding: 0;
	list-style-position: inside;
	 } 
.anchor-nav  li {	
	list-style-type: none;
	margin: 0 0 36px;
	padding: 0 0 0 0;
	float: left;
	}
.anchor-nav li a:link,
.anchor-nav li a:hover,
.anchor-nav li a:active,
.anchor-nav li a:visited {
	border: none;
	border-right: 1px solid #E49D7C;
	color:#FFFFFF;
	display:block;
	margin:0;
	padding: 7px 17px;

}
.anchor-nav li a:focus { outline: none; }

.anchor-nav li.last-item a { border: none; }

.anchor-nav li a.activeSlide { background: #CB3F09; }








#nav {
	margin: 1px 0 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	}
#nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#nav li {
	list-style-type: none;
	margin: 0 1px 1px 0;
	padding: 0;
	float: left;
	width: 140px;
	height: 87px;
	overflow: hidden;
	}
#nav li a {
	border: none;
	}
#nav li :focus {
	outline: none;
	}








#packages-list {
	margin: 1px 0 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	}
#packages-list ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#packages-list li {
	float:left;
	/*height:256px;*/
	list-style-type:none;
	margin:0 30px 30px 0;
	overflow:hidden;
	padding:0;
	width:416px;
	border-bottom: 1px solid #EEDECE;
}
#packages-list li img {
	float: left;
	margin: 7px 0 0;
}
#packages-list li .content-block {
	width: 190px;
	float: right;
	border: none;
	}






#sub-nav {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	}
#sub-nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#sub-nav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
#sub-nav li a {
	display: block;
	border-bottom: 1px solid #EEDECE;
	padding: 10px 0;
	}
#sub-nav li.selected a, #sub-nav li a:hover {
	background:url("/images/subnav-li.gif") no-repeat scroll 0 15px transparent;
	padding-left:21px;
}


/*------------------------------------- Menu -----------------------------------------------*/



#menu {
	padding: 0;
	overflow: hidden;
	margin: 22px auto;
	width: 953px;
	}

#menu ul  { 
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 list-style-position: inside;
	 } 
#menu li  {	
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	}
#menu li a {	
	display: block;
	background-image: url(/images/menu.gif);
	margin: 0;
	text-indent: -5000px;
	outline: none;
	height: 33px;
	}
#menu li a:hover, #menu li a:active { border: none; }


#menu-home a { width: 75px; background-position: 0 0; }
#menu-packages a { width: 116px; background-position: -75px 0; }
#menu-accommodation a { width: 172px; background-position: -191px 0; }
#menu-booking a { width: 108px; background-position: -363px 0; }
#menu-see a { width: 106px; background-position: -471px 0; }
#menu-whats-on a { width: 122px; background-position: -577px 0; }
#menu-guestbook a { width: 128px; background-position: -699px 0; }
#menu-contact a { width: 126px; background-position: -827px 0; }


#menu-home a:hover, #home #menu-home a { background-position: 0 -33px; }
#menu-packages a:hover, #packages #menu-packages a { background-position: -75px -33px; }
#menu-accommodation a:hover, #accom #menu-accommodation a { background-position: -191px -33px; }
#menu-booking a:hover, #booking #menu-booking a { background-position: -363px -33px; }
#menu-see a:hover, #see #menu-see a { background-position: -471px -33px; }
#menu-whats-on a:hover, #whats #menu-whats-on a { background-position: -577px -33px; }
#menu-guestbook a:hover, #guestbook #menu-guestbook a { background-position: -699px -33px; }
#menu-contact a:hover, #contact #menu-contact a { background-position: -827px -33px; }

/*------------------------------------- Booking -----------------------------------------------*/
#selectorNav {
	overflow: hidden;
	width: 319px;
	margin: 15px 0px;
}
#selectorNav a {
	float: left;
	display: inline;
	cursor: pointer;
}
#selectorNav a:hover {
	border: none;
}
#selectorNav .selectedAppartment {
	cursor: default;
}
#studio,
#apartment {
	background-image: url(/images/book-selector.png);
	background-repeat: no-repeat;
	text-indent: -99999px;
	height: 35px;
}
#studio {
	width: 171px;
}
#studio.selectedAppartment {
	background-position: 0 -40px;
}
#apartment {
	width: 148px;
	background-position: -171px 0;
}
#apartment.selectedAppartment {
	background-position: -171px -40px;
}
#accommodationName {
	font-size: 18px;
}
/*[clearfix]*/.booking-calendar {
	background: #EEDECE;
	padding: 5px 0px 10px;
	/*+border-radius:6px;*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px 6px 6px 6px;
	overflow: hidden;
}
#booking #submit {
	background: url(/images/calendar-book-now.gif) no-repeat;
	display: block;
	float: left;
	display: inline;
	width: 111px;
	height: 35px;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	margin: 10px 0px 0px 11px;
	font-size: 0;
	line-height: 0;
}
#availabilityKey {
	float: right;
	width: 177px;
	margin: 10px 11px 0 0px;
}
#bookProcess {
	position: absolute;
	padding: 17px 0 0 419px;
	width: 481px;
}
.step {
	float: right;
	height: 19px;
	padding: 0 0 0 30px;
	color: #999999;
}
.step.selected {
	color: #D86E32;
}
.stepIcon1,
.stepIcon2,
.stepIcon3 {
	background: url(/images/book-steps.gif) no-repeat;
	width: 19px;
	height: 18px;
	float: left;
	margin: 2px 5px 0 0;
}
.stepIcon1 {
	background-position: 0 -18px;
}
.stepIcon2 {
	background-position: -19px -18px;
}
.stepIcon3 {
	background-position: -38px -18px;
}
.step.selected .stepIcon1 {
	background-position: 0 0px;
}
.step.selected .stepIcon2 {
	background-position: -19px 0;
}
.step.selected .stepIcon3 {
	background-position: -38px 0;
}
#left {
	width: 319px;
	float: left;
	overflow: hidden;
	margin: 0px 15px 0px 0px;
}
#right {
	float: left;
	width: 500px;
	border-left: 4px solid #EEDECE;
	padding: 0px 0px 0px 20px;
	margin: 0px;
}
.booking-content-block {
	border-bottom: 1px solid #EEDECE;
	padding: 0px 0px 20px;
	margin: 0px 0px 20px;
}
#pricingGrid {
	border: none;
}
#pricingGrid .terms {
	font-size: 11px;
}
#pricingGrid .terms td {
	vertical-align: top;
}
#pricingGrid .terms td.first {
	width: 50%;
}
#pricingGrid ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#bookingDetails table {
	border-top: 1px solid #FBF7F4;
	margin: 12px 0px;
}
#bookingDetails td,
#pricingGrid td,
#pricingGrid th,
#bookingYourSelection td,
#bookingYourDetails td {
	padding: 10px;
	border-bottom: 1px solid #FBF7F4;
	font-size: 12px;
}
.bookingCellL {
	width: 150px;
	text-align: right;
	font-weight: bold;
	background: #FEFBFA;
	background: #FBF1EB;
	border-right: 1px solid #FBF7F4;
}
.bookingCellTotal {
	background: #D86E32;
	color: #FFF;
	border-right: none;
	font-size: 15px;
}
.clearBooking {
	background: url(/images/clearBooking.gif) no-repeat;
	display: block;
	position: absolute;
	height: 35px;
	width: 149px;
	text-indent: -99999px;
}
.nextStep {
	position: absolute;
	background: url(/images/nextStep.gif);
	width: 111px;
	height: 35px;
	overflow: hidden;
	text-indent: -5000px;
	margin: 0 0 0 377px;
}
.back_button {
	float: left;
	display: inline;
	background: url(/images/back.gif) no-repeat;
	width: 87px;
	height: 35px;
	text-indent: -99999px;
	margin: 10px 0px 0px;
}
#booking-control {
	width: 100%;
	overflow: hidden;
	height: 29px;
	}
.clearBooking:hover,
.nextStep:hover,
.back_button:hover {
	border: none;
}
#pricingGrid table {
	margin-top: 12px;
}
#pricingGrid .seasons th {
	text-align: left;
	background: #F8E7DD;
	border-right: 1px solid #FFF;
	border-bottom: 2px solid #F5DDCF;
}
#pricingGrid .seasons td {
	background: #FEFBFA;
}
#pricingGrid th.first {
	border-right: none;
}
.customerDetails #bookingDetails,
#bookingYourSelection {
	width: 47%;
	float: left;
}
#customerDetails,
#bookingYourDetails {
	float: left;
	width: 45%;
	padding: 0px 0px 0px 20px;
	margin: 0 0 0 20px;
	border-left: 4px solid #EEDECE;
	overflow: hidden;
}
#customerDetails input,
#customerDetails textarea {
	width: 90%;
}
#country {
	border: 2px solid #EEDECE;
	padding: 3px;
	font-family: inherit;
}
#rentalTerms {
	margin: 15px 0px 0px;
}
#customerDetailsInputs {
	padding: 5px 0px 0px;
	border-top: 1px solid #EEDECE;
	margin: 10px 0px 0px;
}
#customerDetailsInputs #submit {
	background: url(/images/nextStep.gif);
	float: right;
}
#customerConfirmationInputs #submit {
	background: none;
	width: 161px;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	float: right;
}
#thanks,
#thanksPay {
	background: #FFF;
	padding: 25px;
	/*+border-radius:5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px 5px 5px 5px;
	/*+box-shadow:0 0 5px #EEDECE;*/
	-moz-box-shadow: 0 0 5px #EEDECE;
	-webkit-box-shadow: 0 0 5px #EEDECE;
	-o-box-shadow: 0 0 5px #EEDECE;
	box-shadow: 0 0 5px #EEDECE;
	margin: 0px 0px 13px;
}
#thanks {
	text-align: center;
}
#thanks h2 {
	font-size: 30px;
}






/*------------- IE6 -------------------*/

*html #backstretch { display: none;	}
*html body { background: url(/images/bg.jpg) no-repeat fixed center top; }