/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1.2;
}
ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* general styles */

body {font-size: 11pt; color: #8e8e8e; background-color: #232323; font-family: 'Helvetica Neue', Arial, sans-serif;}

strong {color: #bfbfbf; font-weight: bold;}

p {margin-bottom: 10px;}
em {font-style: italic}

h3 {margin-bottom: 10px; font-size: 22pt; font-family: Baskerville, Constantia, Georgia, "Times New Roman", Times, serif; clear: both}

h4 {line-height: 1; margin-left: 0; margin-bottom: 6px; margin-right: 0; margin-top: 8px; color: #c7c7c7; font-size: 15pt; font-family: Baskerville, Constantia, Georgia, "Times New Roman", Times, serif;}

h5 {color: #717171; font-weight: bold; margin: 6px 0 6px 0; font-size: 11pt;}

.first {margin: 0px 0 15px 0;}

img {margin: 0 0 10px 0; border-color: #222222; border-width: 1px; border-style: solid;}

a:link img {border-color: #222222; border-width: 1px; border-style: solid;}

a:hover img {border-color: #555555; border-width: 1px; border-style: solid;}



/* navigation styles */

#nav ul a:hover {background-image: url(navarrow.gif); background-position: center bottom; background-repeat: no-repeat;}

#nav ul {float: right;}

#nav ul li {text-align: center; float: left;}

#nav ul a:link, #nav ul a:visited  {color: white;}

#nav ul a { display: block; width: 130px; height: 37px; padding: 23px 0 0 0px}

#nav ul ul a {display: block; width: 130px; padding: 10px 0 10px 0px}

#nav ul li ul { position: absolute; width: 130px; left: -999em;}

#nav ul li:hover ul, #nav ul li.sfhover ul {left: auto;}

#nav ul ul {background-color: #595959;  filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;}

/* main divs */

p.margin {margin-bottom: 20px;}

#footer .inner, #nav, #container {width: 975px; margin: 0 auto 0 auto;}

#container, #footer {clear: both;}

#main {padding-bottom: 30px;}

body {background-position: center top; background-repeat: no-repeat;}

#logo {margin: 55px 0 50px 0; position: relative; left: -23px; background: none; }

#logo h1 a:link, #logo h1 a:hover, #logo h1 a:visited {width:205px; height: 37px; display: block; display: block; background-position: left top; background-repeat: no-repeat; background-image: url(logo_pink.gif);}

#logo h1 {text-indent: -10000px;}	

#leftcol {float: left; padding: 0px 0 40px 0; width: 280px}

#contact {position: static;}

#contact ul {background-image: url(phone.gif); background-position: left top; background-repeat: no-repeat; padding-left: 45px; }

#rightcol {float: right; padding-bottom: 40px;}

#rightcol #mainsection {width: 650px; background-color: #080808; clear: both; float: right;}

#rightcol #mainsection .inner {padding: 25px;}

#footer {background-color: #1a1a1a; padding-top: 40px; height: 150px;}

#footer .inner .col {border-left-color: #3d3d3d; border-left-width: 2px; border-left-style: solid; width: 323px; float: left; text-indent: 10px;}

#footer .inner .col1 {font-size: 8pt; width: 325px; float: left; padding-top: 10px;}

#footer .inner .col1 a:link, #footer .inner .col1 a:visited  {color: #bdbdbd;}

#footer .inner .col1 a:hover  {color: #ebebeb;}

#footer p {margin-bottom: 0px;}

#footer h4 {font-weight: bold; font-size: 11pt; font-family: 'Helvetica Neue', Arial, sans-serif; margin: 0;}

#mainsection .inner {float: left;}

#intro {background-position: left top; background-repeat: no-repeat; width:256px; display: block;}

#introsection {height: 385px;}

#subnav {display: block; height: 21px; font-size: 0.9em;}

#subnav li {float: left; margin-right: 10px; margin-bottom: 10px;}

#subnav #subnavenq {float: right; height: 21px; margin-right: 0; display: block;}

#subnav #subnavenq img {border: none; float: left; margin-left: 10px;}

#subnav #subnavenq a { }

.section {margin-bottom: 20px;}

.button img {padding-top: 10px;}

a.button img {border: 0px;}

#col1 {width: 200px; float: left;}

#col1b {width: 287px; float: left;}

#col2 {float: right; width: 287px;}

.sifr {width: 600px;}

.caption {margin-bottom: 20px; font-size: 9pt;}

.list {margin-bottom: 10px; padding-left: 20px;}

.list li { list-style-position: outside; list-style-type: disc;}

/* apartment divs */

.thumbs {clear: both; float: left; margin-bottom: 20px;}

.thumbs a {float: left; width: 209px;}

.thumbs a.last {width: 182px; text-indent: 0; }

.testimonial {background-image: url(quote.gif); background-position: left top; background-repeat: no-repeat; margin-bottom: 20px; padding-top: 20px;}

cite {color: #6c6c6c; font-size: 9pt;}

#intro h2 {text-indent: -10000px;}

#quote {text-indent: -10000px; background-position: left top; background-repeat: no-repeat; width:272px; height: 81px; display: block; float: right; margin: 30px 0 30px 0}



.enquireform {background-color: #1b1b1b; padding: 25px; float: left; margin-top: 12px;}


/* homepage divs */

#home #intro { background-image: url(home_intro.gif); height: 181px; width: 295px;}

#home #quote {background-image: url(quote_home.gif)}


/* paris divs */

#paris #intro { background-image: url(paris_intro.gif);  height: 105px;}

#paris #quote {background-image: url(quote_paris.gif)}


/* seville divs */

#seville #intro { background-image: url(seville_intro.gif);  height: 105px;}

#seville #quote {background-image: url(quote_seville.gif)}


/* bathcourtyard divs */

#bathcourtyard #intro { background-image: url(bath1_intro.gif);  height: 125px;}

#bathcourtyard #quote {background-image: url(quote_home.gif)}


/* bathbeau divs */

#bathbeau #intro { background-image: url(bath2_intro.gif);  height: 125px;}

#bathbeau #quote {background-image: url(quote_home.gif)}



/* suffolk divs */

#suffolk #intro { background-image: url(suffolk_intro.gif);  height: 105px;}

#suffolk #quote {background-image: url(quote_home.gif)}



/* honey divs */

#honey #intro { background-image: url(honey_intro.gif);  height: 105px;}

#honey #quote {background-image: url(quote_honey.gif); width:452px}


/* secret divs */

#secret #intro { background-image: url(secret_intro.gif);  height: 105px;}

#secret #quote {background-image: url(quote_home.gif)}



/* gatsby divs */

#gatsby #intro { background-image: url(gatsby_intro.gif);  height: 105px;}

#gatsby #quote {background-image: url(quote_gatsby.gif); width:280px}



/* town divs */

#town #intro { background-image: url(town_intro.gif); height: 180px;}

#country #intro { background-image: url(country_intro.gif); height: 180px;}

#beach #intro { background-image: url(beach_intro.gif); height: 180px;}

.locationlink .text {width: 182px; float: left;}

.locationlink img {float: right;}

.locationlink {border-bottom-color: #333333; border-bottom-width: 1px; border-bottom-style: solid; clear: both; float: left; width: 600px; margin-bottom: 10px;}


/* individual page divs */

#home #logo h1 a:link, #home #logo h1 a:hover, #home #logo h1 a:visited, #town #logo h1 a:link, #town #logo h1 a:hover, #town #logo h1 a:visited, #country #logo h1 a:link, #country #logo h1 a:hover, #country #logo h1 a:visited, #beach #logo h1 a:link, #beach #logo h1 a:hover, #beach #logo h1 a:visited {background-image: url(logo_pink.gif);}

#paris #logo h1 a:link, #paris #logo h1 a:hover, #paris #logo h1 a:visited {background-image: url(logo_purple.gif);}

#seville #logo h1 a:link, #seville #logo h1 a:hover, #seville #logo h1 a:visited {background-image: url(logo_orange.gif);}

#bathcourtyard #logo h1 a:link, #bathcourtyard #logo h1 a:hover, #bathcourtyard #logo h1 a:visited {background-image: url(logo_blue.gif);}

#bathbeau #logo h1 a:link, #bathbeau #logo h1 a:hover, #bathbeau #logo h1 a:visited {background-image: url(logo_blue.gif);}

#suffolk #logo h1 a:link, #suffolk #logo h1 a:hover, #suffolk #logo h1 a:visited {background-image: url(logo_aqua.gif);}

#honey #logo h1 a:link, #honey #logo h1 a:hover, #honey #logo h1 a:visited {background-image: url(logo_green.gif);}

#secret #logo h1 a:link, #secret #logo h1 a:hover, #secret #logo h1 a:visited {background-image: url(logo_red.gif);}

#gatsby #logo h1 a:link, #gatsby #logo h1 a:hover, #gatsby #logo h1 a:visited {background-image: url(logo_violet.gif);}

#home a:link, #home a:visited, #town a:link, #town a:visited, #country a:link, #country a:visited, #beach a:link, #beach a:visited   {color: #ff5391}

#paris a:link, #paris a:visited {color: #a497ba}

#seville a:link, #seville a:visited {color: #e07e48}

#bathcourtyard a:link, #bathcourtyard a:visited {color: #7582b4}

#bathbeau a:link, #bathbeau a:visited {color: #7582b4}

#suffolk a:link, #suffolk a:visited {color: #6eacb7}

#honey a:link, #honey a:visited {color: #87bf8f}  

#secret a:link, #secret a:visited {color: #d92c55} 

#gatsby a:link, #gatsby a:visited {color: #9f6ab7}  

#home a:hover, #town a:hover, #country a:hover, #beach a:hover {color: #ffcad2}

#paris a:hover {color: #cec1e3}

#seville a:hover {color: #e0a373}

#bathcourtyard a:hover {color: #a4b2db}

#bathbeau a:hover {color: #a4b2db}

#suffolk a:hover {color: #96cad0}

#honey a:hover {color: #9ddfa6}

#secret a:hover {color: #d96177}

#gatsby a:hover {color: #c680e1}

#home, #town, #country, #beach {background-image: url(bg_home.jpg)}

#paris {background-image: url(bg_paris.jpg)}

#seville {background-image: url(bg_seville.jpg)}

#bathcourtyard {background-image: url(bg_bath.jpg)}

#bathbeau {background-image: url(bg_bath.jpg)}

#suffolk {background-image: url(bg_suffolk.jpg)}

#honey {background-image: url(bg_honey.jpg)}

#secret {background-image: url(bg_secret.jpg)}


#gatsby {background-image: url(bg_gatsby.jpg)}

#home #nav ul a:hover, #town #nav ul a:hover, #country #nav ul a:hover, #beach #nav ul a:hover { background-color: #ff77ac}

#paris #nav ul a:hover { background-color: #cec1e3}

#seville #nav ul a:hover { background-color: #e0a373}

#bathcourtyard #nav ul a:hover { background-color: #a4b2db}

#bathbeau #nav ul a:hover { background-color: #a4b2db}

#suffolk #nav ul a:hover { background-color: #96cad0}

#honey #nav ul a:hover { background-color: #9ddfa6}

#secret #nav ul a:hover { background-color: #d96177}

#gatsby #nav ul a:hover { background-color: #c680e1}
 
#prices h4 {padding-top: 8px; border-top-color: #5d5d5d; border-top-width: 1px; border-top-style: dashed;}

a .pressdate {color: gray; font-size: 9pt; }


/* Availability */


form {margin-bottom: 20px;}

td, th {
border-bottom-style: solid;
border-bottom-color: #343434;
border-bottom-width: 1px;
line-height:3em;
text-align:center;
width: 5em;

}



.month {
	clear: both;
	width: 320px;
	float: left;
}

.month table {
	width: 380px;
	float: left;
}

.row h3 {
	font-size: 18pt;
	color: #797979;
	margin-top: 0px;
	float: left;
}

.monthright {
	margin-left: 40px;
}

.month, .month th {
	font-size: 10pt;
}

.month td {
	width 30px;
}

.key {
	text-align: right;
	float: right;
	font-family: 'helvetica neue', arial, helvetica, sans-serif;
	padding-top: 0px;
	width: 180px;
	margin-left: 20px;
	clear: right;
}

.key p {
	padding-bottom: 5px;
	font-size: 10pt;
	margin-bottom: 0px;
	color: #ffffff;
} 

.key .price {
	color:#B3B3B3;
	font-size:15pt;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.key h4 {
	margin: 8px 0 8px 0;
	font-size: 12pt;
	font-weight: bold; 
}

.key a img {border: 0;}


.row {
	border-bottom-color: #818181;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-bottom: 20px;
	border-top-style: solid;
	width: 600px;
	float: left;
	clear: both;
}

p.backtotop {
	font-size: 8pt;
	float: right;
	margin-top: 5px;
	
}

.enquire {margin-top: 10px;}

.extra-info {
font-size:1pt;
left:-999em;
position:absolute;
}

td sup {
display: none;
}


.available {
background:#252525 none repeat scroll 0 0;
color: white;
font-weight:bold;
}

.unavailable {
	background-image: url(calcross.gif);
	background-position: center center;
	background-repeat: no-repeat;
	color: #4c4c4c;
}

.disabled {
color: #080808;
}



/* Contact form */


label {float: left; width: 230px}

.field {clear: both; padding: 0 0 15px 0; border-bottom-color: #414141; border-bottom-width: 1px; 	border-bottom-style: solid; float: left; width: 540px; margin-bottom: 15px;}

.text_field, .text_area {width: 295px; padding: 4px; }

.text_area {height: 150px;}

ul.radio_button_options { width: 310px; float: left;}

ul.radio_button_options li {width: 310px; clear: both; padding-bottom: 5px; margin-bottom: 5px; float: left; }

ul.radio_button_options li label {float: right; width: 285px;}

ul.radio_button_options input {float: left; }

form .controls { text-align:right; }

#control_submit {padding-top: 20px; clear: both; float: right;}

.error_text {color: #ff5391; margin-top: 5px; float: left;}

.submitted-message span {color: #777777; float: left; width: 315px;}

.submitted-message div {float: left; margin-bottom: 10px; clear: both; padding: 15px 0 15px 0; border-bottom-color: #414141; border-bottom-width: 1px; 	border-bottom-style: solid; width: 600px}



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .sifr {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 25px;
	margin-bottom: 10px;
	height: 60px;
	clear: both;
}

.errorpage {margin-bottom: 100px;}

.iframe {
width: 600px;
background-color: #232323;
margin-bottom: 20px;
text-align: center;
padding: 20px 0 20px 0;
}