/*

STYLESHEET FOR SCREEN

CONTENTS ----------

	1.BODY
	2.UNIVERSAL STYLES
	3.LISTS
	4.SPANS
	5.PARAGRAPHS
	6.HEADINGS
	7.LINKS
	8.LAYOUT
	9.NAVIGATION
	10.FORMS
	11.TABLES
	
	---------------

	COLOUR REFERENCE
	
	#688dc5 BODY BACKGROUND BLUE
	#c0c9dc CONTENT BACKGROUND BLUE
	#fffbc3 HEADER YELLOW
	#1a5591 TEXT BLUE
	#dde7fb NAVIGATION LIGHT BLUE

	---------------
	
	FONT SIZES
	
	11px 0.916em
	12px 1em
	13px 1.083em
	14px 1.166em
	16px 1.333em
	18px 1.5em
	24px 2em

	---------------

*/

/*
1.BODY  ---------------------------------------------*/

	body {
		font-family: Helvetica, Arial, sans-serif;
		background-color: #fff;
		color: #000;
		font-size: 75%;
		line-height: 1.5; }

	body.booking_form {
		background-color: #fff;
		color: #000; }


/*
2.UNIVERSAL STYLES  -----------------------------------------*/

	strong {
		font-weight: bold; }
		
	em {
		font-style: italic; }
		
	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden; }
	    
	 header, section, footer {
	 	display: block; }

/*
3.LISTS  -----------------------------------------*/

	ul {
		font-size: 1.083em; }
		
	#cottage_summaries ul {
		font-size: 1.166em; }
		
	body.cottage #other_info ul {
		margin-top: 0.5em;
		list-style: disc;
		list-style-position: outside; }
		
	body.cottage #other_info ol, body.availability #simplemodal-container ol {
		margin-top: 0.5em;
		list-style: decimal;
		list-style-position: outside; }
		
	body.cottage #other_info ul li, body.cottage #other_info ol li, body.availability #simplemodal-container ol li {
		margin-bottom: 0.3em; }
		
	body.availability #simplemodal-container ol li {
		margin-left: 30px; }
		
/*
4.SPANS  -----------------------------------------*/
		
	footer div span.label {
		font-weight: bold;
		color: #fff; }
		
	#contact div span {
		font-size: 1.166em; }
		
	#contact div span.label {
		font-weight: bold; }
		
	footer span.shooma {
		font-size: 0.916em;
		position: absolute;
		bottom: 1px;
		right: 5px; }
		
	body.cottage #guestbook p span {
		font-size: 0.875em;
		color: #aaa; }

/*
5.PARAGRAPHS  -----------------------------------------*/

	p {
		font-size: 1.083em;
		margin-top: 1em;
		margin-bottom: 1em }
		
	body.home div.content_block p {
		font-size: 1.166em;
		margin-left: 44px; }
		
	body.cottage p {
		font-size: 1.166em; }
		
	body.cottage #guestbook p {
		font-size: 1.333em;
		line-height: 1.6875;
		margin: 0 0 1.6875em 42px;
		float: left;
		width: 400px; }
		
	body.cottage #guestbook p.odd {
		clear: left; }
		
	body.contact p {	
		font-size: 1.166em;
		margin-top: 2em; }
		
	body.contact p.subtitle {
		padding-left: 95px; }
		
	body.local_attractions #local_attractions div.content.news p {
		margin: 0; }
		
	body.local_attractions #local_attractions div.content.news p.date {
		margin: 0;
		color: #bbb; }
		
	body.booking_form p.links {
		display: none; }
		
/*
6.HEADINGS  -----------------------------------------*/

	header h1 {
		font-size: 1.5em;
		font-weight: normal;
		width: 400px;
		padding: 20px 0;
		margin-left: 283px;
		float: left; }
		
/*---*/
		
	body.home #cottage_summaries h2 {
		font-size: 2em;
		line-height: 1;
		padding-bottom: 2px;
		margin-bottom: 8px;
		border-bottom: 1px solid #ccc; }
		
	body.cottage #summary h2 {
		font-size: 2em;
		line-height: 1;
		padding-bottom: 2px;
		margin-bottom: 8px;
		border-bottom: 1px solid #ccc; }
		
	body.local_attractions #local_attractions h2 {
		font-size: 1.333em;
		font-weight: normal;
		margin-bottom: 1em; }
		
	body.local_attractions #local_attractions h2.news {
		clear: both;
		background-color: #c0c9dc;
		font-size: 2em;
		font-weight: bold;
		padding: 6px 0 0 10px;
		margin: 1em 0; }
		
/*---*/
		
	div.content_block h3 {
		background-color: #c0c9dc;
		font-size: 2em;
		font-weight: bold;
		padding: 6px 0 0 44px;
		margin-bottom: 20px; }
		
	body.cottage #guestbook h3 {
		margin-bottom: 28px; }
		
	body.availability #availability h3 {
		border-bottom: 2px solid #fff;
		margin-bottom: 0; }
		
	body.local_attractions #local_attractions h3 {
		background-color: transparent;
		font-size: 1.333em;
		font-weight: bold;
		margin: 1em 0 0 0;
		padding: 0; }
		
	body.contact #contact div.content h3 {
		background-color: transparent;
		font-size: 2em;
		font-weight: bold;
		margin: 0 0 1em 0;
		padding: 0;
		border-bottom: 1px solid #ccc; }
		
	body.local_attractions #local_attractions h3.news {
		border-bottom: 1px solid #ccc; }
		
	body.local_attractions #local_attractions h3.beaches {
		border-bottom: 1px solid #ccc;
		margin: 10px 20px 0;
		clear: both; }
		
/*---*/
		
	body.cottage #rooms h4, body.cottage #other_info h4 {
		font-size: 1.5em;
		border-bottom: 1px solid #ccc; }

/*
7.LINKS  --------------------------------------------*/

	a {
		color: #007fff; }

	a:visited {
		color: #aaa; }

	a:hover, a:active {
		color: #1a5591; }
		
/*---*/	
		
	#newsletter_signup_call a, #newsletter_signup_call a:visited {
		text-decoration: none;
		color: #fff; }
		
	#newsletter_signup_call a:hover, #newsletter_signup_call a:active {
		color: #007fff; }
		
/*---*/	

	a#availability_button {
		background: #fffbc3 url(/exp/images/interface_images/check_availability_sprite.jpg) left top no-repeat;
		float: left;
		width: 218px;
		height: 48px;
		margin: 34px 0 0 25px;
		text-indent: -9999px; }

	a:hover#availability_button {
		background-position: center -48px; }
		
/*---*/

	body.availability a#how_to_book_button {
		background: #fffbc3 url(/exp/images/interface_images/how_to_book_sprite.jpg) left top no-repeat;
		float: left;
		margin: 0 0 20px 1px;
		width: 238px;
		height: 48px;
		text-indent: -9999px; }

	body.availability a:hover#how_to_book_button {
		background-position: center -48px; }
		
/*---*/	
		
	body.home #cottage_summaries a, body.home #cottage_summaries a:visited {
		text-decoration: none;
		color: #1a5591; }
		
	body.home #cottage_summaries a:hover, body.home #cottage_summaries a:active {
		color: #007fff; }
		
/*---*/	
		
	body.local_attractions div.content_block a.map_pdf {
		float: left;
		display: block;
		padding-left: 22px;
		margin: 0 0 30px 40px;
		background: transparent url(/exp/images/interface_images/pdficon_small.gif) left top no-repeat; }
		
/*---*/	
		
	footer a, footer a:visited {
		color: #333; }
		
	footer a:hover, footer a:active {
		color: #007fff; }
		
	footer span.shooma a, footer span.shooma a:visited {
		color: #fff;
		text-decoration: none; }
		
	footer span.shooma a:hover, footer span.shooma a:active {
		color: #007fff; }

/*
8.LAYOUT  -------------------------------------------*/

	#page_wrapper {
		position: relative;
		width: 960px;
		margin: 0 auto; }
		
	#newsletter_signup {
		display: none; }
		
	#newsletter_signup_call {
	 	display: none; }
		
	header {
		position: relative;
		width: 956px;
		height: 200px;
		border-bottom: 1px solid #ccc; }
		
	#main_logo {
		position: absolute;
		top: 0;
		left: 0; }
		
/*---*/	
		
	div.content_block {
		float: left;
		width: 956px;
		position: relative;
		background-color: #c0c9dc;
		padding-bottom: 20px;
		border: 2px solid #fff; }
		
	div.content_block.alt {
		background-color: #fff; }
		
	div.content_block div.image_holder {
		line-height: 0;
		padding: 1px 1px 19px 1px; }
		
	div.content_block div.image_holder.width_160 {
		position: relative;
		background: #ccc url(/exp/images/interface_images/shadow_160.jpg) left bottom no-repeat; }
		
	div.content_block div.image_holder.width_370 {
		position: relative;
		background: #ccc url(/exp/images/interface_images/shadow_370.jpg) left bottom no-repeat; }
		
	div.content_block div.image_holder.width_390 {
		position: relative;
		background: #ccc url(/exp/images/interface_images/shadow_390.jpg) left bottom no-repeat; }
		
	div.content_block div.image_holder.width_160 img {
		border: 4px solid #fff; }
		
	div.content_block div.image_holder.width_370 img, div.content_block div.image_holder.width_390 img {
		border: 9px solid #fff; }
		
	div.content_block div.image_holder.width_390 img.magnifier {
		position: absolute;
		bottom: 28px;
		right: 10px;
		border: none; }
		
	div.content_block div.image_holder.width_160 img.magnifier {
		position: absolute;
		bottom: 23px;
		right: 5px;
		border: none; }
		
	div.content_block div.map_holder img.magnifier {
		position: absolute;
		bottom: 10px;
		right: 10px;
		border: none; }
		
/*---*/	
		
	body.home div.content_block div.image_holder {
		float: right;
		clear: right;
		margin: 0 33px 20px 44px; }		
		
	body.home #cottage_summaries { 
		border-top: none;
		padding-top: 30px; }
		
	body.home #cottage_summaries div.wrapper {
		background: #c0c9dc url(/exp/images/interface_images/cottage_summaries_repeat.jpg) center bottom repeat-y; }
		
	body.home #cottage_summaries div div.foot {
		clear: both;
		background: #c0c9dc url(/exp/images/interface_images/cottage_summaries_foot.jpg) center bottom no-repeat;
		height: 20px;
		margin-bottom: 0; }
		
	body.home #cottage_summaries div section {
		float: left;
		background-color: #fff;
		width: 390px;
		margin-left: 33px;
		padding: 10px 10px 20px 10px }
		
	body.home #cottage_summaries div section.first {
		margin-right: 37px; }
		
	body.home #cottage_summaries div section div {
		margin: 10px 0 0 80px; }
		
	body.home #cottage_summaries div section .four_star_logo {
		float: left;
		margin: 10px 0 0 10px; }
		
	body.home div.content {
		background-color: #fff;
		margin: 0 30px 30px;
		padding: 10px; }
		
/*---*/
		
	body.cottage #summary {
		border-top: none;
		padding: 30px 33px;
		width: 890px; }
		
	body.cottage #summary div.image_holder {
		float: left;
		margin: 26px 40px 0 0; }
		
	body.cottage #summary section {
		background-color: #fff;
		padding: 20px 30px 20px 20px; }
		
	body.cottage #summary section div.content {
		width: 390px;
		float: left; }
		
	body.cottage #summary section div.content .four_star_logo {
		float: left;
		margin: 12px 20px 0 0; }
		
	body.cottage #summary section div.content ul {
		float: left;
		font-size: 1.166em;
		font-weight: bold;
		letter-spacing: 0.01em; }
		
	body.cottage #summary div.foot {
		clear: both; }
		
	body.cottage #rooms section {
		float: left;
		width: 400px;
		margin: 0 0 20px 43px; }
		
	body.cottage #rooms section.odd, body.cottage #other_info section.odd {
		clear: left; }
		
	body.cottage #rooms section.even {
		margin-left: 40px; }
		
	body.cottage #rooms section div {
		float: left; }
		
	body.cottage #rooms div.image_holder {
		float: right;
		margin: 13px 0 0 10px; }
		
	body.cottage #rooms div.horiz_divider {
		background: #fff url(/exp/images/interface_images/horizontal_page_divider.jpg) center top no-repeat;
		clear: both;
		width: 890px;
		height: 30px;
		margin-left: 33px; }
		
	body.cottage #other_info section {
		float: left;
		width: 400px;
		margin: 0 0 20px 43px; }	
		
	body.cottage #other_info div.image_holder {
		float: left;
		margin: 0 0 20px 43px; }
		
	body.cottage #guestbook {
		background: #fff url(/exp/images/interface_images/guestbook_lines.gif) left 15px repeat; }
		
/*---*/
		
	body.availability #availability {
		border-top: none;
		padding-top: 30px; }
		
	body.availability #availability div.content {
		position: relative;
		background-color: #fff;
		margin: 0 43px 30px 43px;
		border: 2px solid #fff; }

	body.availability div.secondary	{
		position: absolute;
		left: 593px;
		top: 70px;
		width: 240px;
		height: 200px; }
		
	body.availability div.secondary img.four_star_logo {
		float: left;
		margin: 10px 31px 0 5px }
		
	#basic-modal-content {
		display:none; }

	#simplemodal-overlay {
		background-color:#000;
		cursor:wait; }
	
	#simplemodal-container {
		height: 450px;
		width:600px;
		background-color:#fff;
		border:5px solid #1a5591;
		padding:12px; }
	
	#simplemodal-container a.modalCloseImg {
		background:url(../images/interface_images/x.png) no-repeat;
		width:25px;
		height:29px;
		display:inline;
		z-index:3200;
		position:absolute;
		top:-15px;
		right:-16px;
		cursor:pointer; }
		
/*---*/
		
	body.contact div#contact {
		padding: 30px 33px;
		border-top: none;
		width: 890px; }
		
	body.contact div#contact div.content {
		padding: 30px;
		background-color: #fff; }
		
	body.contact div#contact div.content div {
		margin-bottom: 10px;
		padding-left: 95px; }
		
	body.contact div#contact div.content div.image_holder {
		float: right;
		padding-left: 1px; }
		
/*---*/
		
	body.local_attractions #local_attractions {
		padding: 30px 33px;
		border-top: none;
		width: 890px; }
		
	body.local_attractions #local_attractions div.content {
		padding-top: 30px;
		background-color: #fff; }
		
	body.local_attractions #local_attractions div.content div.column {
		float: left;
		margin: 0 0 20px 20px;
		width: 410px; }
		
	body.local_attractions #local_attractions div.content div.column.last {
		margin-left: 30px; }
		
	body.local_attractions div.content_block div.image_holder {
		float: left;
		position: relative;
		margin: 0 10px 10px; }
		
	body.local_attractions div.content_block div.map_holder {
		position: relative;
		line-height: 0;
		float: left;
		margin: 0 0 5px 40px;
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 10px; }
		
	body.local_attractions div.map_holder, body.local_attractions div.foot {
		clear: both; }
		
	body.local_attractions #local_attractions div.content.news {
		padding: 10px 30px 30px; }	
		
/*---*/

	body.booking_form #page_wrapper {
		width: 760px;
		margin: 20px auto; }

	body.booking_form div.booking_form_wrapper {
		display: block;
		float: left;
		width: 760px;
		margin-bottom: 15px; }

	body.booking_form div.booking_form_wrapper div {
		font-size: 1.083em;
		float: left;
		line-height: 1;
		padding: 5px;
		margin: 3px;
		border: 1px solid #ccc; }

	body.booking_form div.booking_form_wrapper div.instruction {
		border: none; }

	body.booking_form div.booking_form_wrapper div.blank {
		padding: 11px 5px; }

	body.booking_form div.booking_form_wrapper div.text-right {
		text-align: right; }

	body.booking_form div.booking_form_wrapper div.width-100 {
		width: 740px; }

	body.booking_form div.booking_form_wrapper div.width-80 {
		width: 596px; }

	body.booking_form div.booking_form_wrapper div.width-50 {
		width: 361px; }

	body.booking_form div.booking_form_wrapper div.width-33 {
		width: 235px; }

	body.booking_form div.booking_form_wrapper div.width-20 {
		width: 125px; }

	body.booking_form div.booking_form_wrapper div div.tickbox {
		margin: 0 5px;
		padding: 5px; }

	body.booking_form div.booking_form_wrapper div span {
		display: block;
		float: left;
		margin-right: 20px; }
		
/*---*/
		
	div.filler {
		clear: both;
		height: 1px;
		border-bottom: 1px solid #ccc; }
		
/*---*/	
		
	footer {
		position: relative;
		clear: both;
		width: 956px;
		height: auto; }
		
	footer div.adr, footer div.tel, footer div.email {
		position: absolute;
		font-size: 1.166em;
		color: #333; }
		
	footer div.adr {
		left: 44px;
		top: 20px; }
		
	footer div.tel {
		left: 244px;
		top: 20px; }
		
	footer div.email {
		left: 244px;
		top: 83px; }
		
/*
9.NAVIGATION  ---------------------------------------*/

	nav {
		display: none; }	

/*
10.FORMS  --------------------------------------------*/

	#newsletter_signup {
		display: none; }
		
	form#contact {
		display: none; }

/*
11.TABLES  --------------------------------------------*/

	body.availability table {
		font-size: 1.166em;
		width: 100%; }

	body.availability table th, body.availability table td {
		padding: 6px 5px 4px; }

	body.availability table thead th {
		vertical-align: bottom;
		padding-top: 10px; }

	body.availability table th.events {
		text-align: left; }

	body.availability table tbody th {
		border-right: 1px solid #ccc;
		text-align: left; }

	body.availability table tbody td.cottage {
		border-right: 1px solid #ccc;
		text-align: center; }

	body.availability table thead th.cottage a {
		display: block;
		position: relative; }

	body.availability table thead th.cottage a img.magnifier {
		position: absolute;
		bottom: 0;
		right: 0; }

	body.availability table tbody td.cottage[title="not-available"] {
		text-decoration: line-through; }

	body.availability table tbody tr td, body.availability table tbody tr th {
		border-top: 1px solid #ccc;
		background: #fff url(/exp/images/interface_images/availability_table_gradient.jpg) left top repeat-x; }

	body.availability table th span.smallprint {
		font-size: 0.75em;
		font-weight: normal; }

	body.availability table tbody th p.smallprint {
		font-size: 0.857em;
		margin: 0;}

	body.availability table th.dates {
		text-align: left;
		line-height: 1;
		border-right: 1px solid #ccc;
		width: 143px; }

	body.availability table th.cottage {
		text-align: center;
		line-height: 1;
		border-right: 1px solid #ccc;
		width: 189px; }

	body.availability table th.cottage span.title {
		font-size: 1.285em;
		line-height: 1.5; }

	body.availability table th.cottage span.sub-title {
		font-weight: normal; }

	body.availability table th.cottage img {
		margin: 8px 0; }

	body.availability table tbody td.events {
		font-size: 0.857em; }

	body.availability table tbody th {
		font-weight: normal; }
		
/*---*/

	body.availability div.secondary table {
		float: left;
		width: 150px;
		border: 1px solid #ccc; }

	body.availability div.secondary table caption {
		font-weight: bold;
		text-align: left;
		padding-left: 5px; }