@charset "UTF-8";

body{
	margin:0;
	padding:0;
	-webkit-text-size-adjust: none;
}

@media screen and (min-device-width:0px) and (max-device-width:1280px){
  #qmark_left, #qmark_right{
	display:none !important;
  }
  #quote_fix{
	margin-bottom:28px !important;
	top:0px !important;
  }
}

@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) {
  #qmark_left, #qmark_right{
	display:none !important;
  }
  #quote_fix{
	margin-bottom:28px !important;
	top:0px !important;
  }
}

/* Line ________________________________________________________________________ */

.fancy_line{
	background-image:url(images/site_images/circus_top.png);
	height:10px;
	display:block;
	background-repeat:repeat-x;
	position:relative;
	z-index:999;
}

.footer_fancy_line{
	background-image:url(images/site_images/footer_fancy_line.png);
	height:10px;
	display:block;
	background-repeat:repeat-x;
	position:relative;
	z-index:999;
}

.page_line{
	border-bottom:3px solid;
}

.head_line{
	border-bottom:3px solid;
	margin-top:-7px;
}

#bottom{
	margin-top:7px;
}

.body_line{
	/*border-bottom:3px dotted;*/
	display:block;
	background-image:url(images/site_images/body_line.png);
	height:5px;
	width:100%;
	background-repeat:repeat-x;
}

.body_line_margin{
	margin-top:14px;
}

.circle {
	display: block;
	display: block;
	width: 6px;
	height: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float:right;
	position:relative;
	top:-2px;
}



/* Type ________________________________________________________________________ */

@font-face {
    font-family: 'Frutiger75BlackRegular';
    src: url('fonts/Frutiger75BlackRegular/frutiger-black-webfont.eot');
    src: url('fonts/Frutiger75BlackRegular/frutiger-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Frutiger75BlackRegular/frutiger-black-webfont.woff') format('woff'),
         url('fonts/Frutiger75BlackRegular/frutiger-black-webfont.ttf') format('truetype'),
         url('fonts/Frutiger75BlackRegular/frutiger-black-webfont.svg#Frutiger75BlackRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ITCFranklinGothicMedium';
    src: url('fonts/ITCFranklinGothicMedium/franklingothic-medium-webfont.eot');
    src: url('fonts/ITCFranklinGothicMedium/franklingothic-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ITCFranklinGothicMedium/franklingothic-medium-webfont.woff') format('woff'),
         url('fonts/ITCFranklinGothicMedium/franklingothic-medium-webfont.ttf') format('truetype'),
         url('fonts/ITCFranklinGothicMedium/franklingothic-medium-webfont.svg#ITCFranklinGothicMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Museo_Slab';
    src: url('fonts/Museo_Slab/museo_slab-webfont.eot');
    src: url('fonts/Museo_Slab/museo_slab-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Museo_Slab/museo_slab-webfont.woff') format('woff'),
         url('fonts/Museo_Slab/museo_slab-webfont.ttf') format('truetype'),
         url('fonts/Museo_Slab/museo_slab-webfont.svg#Museo_Slab') format('svg');
    font-weight: normal;
    font-style: normal;

}

.main_nav a, h2, h3, .selected, label{
	font-family:'Museo_Slab', Verdana, sans-serif;
	font-style:normal;
	font-weight:normal;
}

h1, h4, #top a, .nivo-directionNav a, li{
	font-family:'Frutiger75BlackRegular', Verdana, sans-serif;
	font-style:normal;
	font-weight:normal;
}

.nivo-caption p, .enquiry_banner a, .author, .ui-datepicker-title, button{
	font-family:'ITCFranklinGothicMedium', Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
}

p, .amenities li, .circle_text, .qmark, table, input, select{
	font-family:Georgia, "Times New Roman", Times, serif;
}

h1{
	font-size:28px;
	margin-top:21px;
	margin-bottom:14px;
	letter-spacing:2px;
}

.bullet, #phone{
	font-size:21px;
}

h2, .ui-datepicker-title{
	font-size:18px;
}

h3, label{
	font-size:14px;
}

h2, h3, h4, label{
	letter-spacing:2px;
}

.author, .circle_text, .enquiry_banner a, button{
	font-size:18px;
}

h4, #copy p{
	font-size:12px;
}

h2, h3, #map_text span{
	font-weight:normal;
}

h1, h2, h3, h4, #top a, .nivo-directionNav a, .enquiry_banner a, button, .author, label{
	text-transform:uppercase;
}

p, #amenities li, #map_text span, ul, label, input, select{
	font-size:16px;
	line-height:28px;
}

.main_nav li a, .selected{
	font-size:18px;
	letter-spacing:3px;
}

.nivo-directionNav a, .enquiry_banner a, button{
	letter-spacing:1px;
}

.img_margin{
	margin-top:14px;
	margin-bottom:14px;
}

h2, .image, #quote_container, .enquiry_banner, button, .circle_image, .input_margin{
	margin-top:21px;
}

.image, #map, #image_slider, input{
	margin-bottom:21px;
}

#map{
	margin-top:28px;
}

.quote{
	font-size:24px;
	letter-spacing:0.25px;
	line-height:32px;
}

.qmark{
	font-size:72px;
}

.main_nav li a, #top a, .nivo-directionNav a{
	font-style:normal;
}
	

a, .quote{
	font-style:italic;
	text-decoration:none;
}

a:hover, .enquiry_banner span:hover, button:hover{
	text-decoration:underline;
	cursor:pointer;
}

.text_left{
	text-align:left;
}

.text_right, h4{
	text-align:right;
}

h3, .text_centre, .nivo-directionNav a{
	text-align:center;
}

ul{
	padding-left:15px;
}



/* Colour ________________________________________________________________________ */

.main_nav li, .main_nav li a{
	color:#333;
}

.bullet{
	color:#444 !important;
}

.page_line, .head_line, .body_line, h1, .horizontal_banner h2, .nivo-directionNav a, .nivo-caption p, .enquiry_banner a, .enquiry_banner, button, .author{
	color:#135C73;
}

.circle, #no_script{
	background-color:#135C73;
}

.enquiry_banner, button{
	background-color:#FFEC9D;
}

#footer, .ui-datepicker-unselectable span{
	background-color:#AFCCE6;
}

#quote_container{
	background-color:#FCE99A;
}

body{
	background-color:#FFFEE7;
	background-image:url(images/site_images/background.jpg);
	background-repeat:repeat;
}

h4, #top a{
	color:#FFFEE7;
}

h2, h3, p, .qmark, .amenities li, #phone, #call_time, a, label{
	color:#414042;
}

/* Header ________________________________________________________________________ */

#no_script h4{
	margin:0px;
	padding-top:7px;
}

#banner{
	height:240px;
}    

#logo_header{
	background-image:url(images/site_images/header_logo.png);
	display:block;
	width:205px;
	height:166px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:27px;
	z-index:998;
}

#header_text{
	background-image:url(images/site_images/header_text.png);
	display:block;
	width:776px;
	height:75px;
	position:relative;
	top:120px;
	left:223px;
	z-index:-999px;
}

#header_image{
	background-image:url(images/site_images/header_image.jpg);
	width:1311px;
	height:125px;
	background-repeat:no-repeat;
	margin-top:-5px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

/* Navigation ________________________________________________________________________ */

.main_nav ul{
	list-style:none;
	text-transform:uppercase;
	padding:0;
}

.header_nav{
	top:105px;
	width:340px !important;
}

.bullet{
	padding-left:15px;
	padding-right:15px;
}

#copy{
	margin-top:-42px;
}

ul.nav_left li{
	float:left;
	display:block;
}

ul#nav_right li{
	float:right;
	display:block;
}

.selected{
	text-decoration:underline;
}

#main_nav_grid{
	margin-top:10px;
}

#main_nav .nav_left{
	padding-left:16px;
}

#nav_right{
	text-align:right;
}

#main_nav #padding_fix{
	padding-right:0;
}

/* Content ________________________________________________________________________ */

#image_slider{
	height:442px;
}

#image_slider_house{
	display:block;
	height:624px;
}

#qmark_left, #qmark_right{
	top:21px;
}

#qmark_left{
	left:-50px;
}

#qmark_right{
	right:-50px;
}

#quote_fix{
	top:-80px;
	margin-bottom:-49px;
}


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

#side_column_top{
	margin-top:63px;
}

#home_side_logo{
	background-image:url(images/home/home_side_logo.png);
	display:block;
	width:200px;
	height:162px;
	margin-top:14px;
	margin-bottom:21px;
}

#tui_side_logo{
	background-image:url(images/tui_cottage/tui_side_logo.png);
	display:block;
	width:200px;
	height:180px;
	margin-top:14px;
	margin-bottom:21px;
}

#bbach_side_logo{
	background-image:url(images/black_bach/bbach_side_logo.png);
	display:block;
	width:200px;
	height:180px;
	margin-top:14px;
	margin-bottom:21px;
}

.horizontal_banner{
	background-image:url(images/site_images/side_banner.png);
	display:block;
	height:23px;
	width:300px;
	margin-top:21px;
	margin-bottom:21px;
}

.contact_banner{
	background-image:url(images/site_images/contact_banner.png);
	display:block;
	height:23px;
	width:620px;
	margin-top:21px;
	margin-bottom:21px;
}

.horizontal_banner h4{
	padding-right:21px;
	padding-top:4px;
}

.contact_banner h4{
	padding-top:4px;
	text-align:center !important;
}

.enquiry_banner, button{
	height:35px;
	width:294px;
	border:solid 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align:center;
}

.enquiry_banner a{
	position:relative;
	top:5px;
}

.horizontal_banner h2{
	padding:26px 0 0 24px;
}

.enquiry_banner a{
	position:relative;
	top:7px;
}

.amenities{
	padding:0px;
	margin:0px;
}

.amenities li{
	list-style:none;
	margin-top:7px;
	margin-bottom:7px;
	padding-bottom:7px;
	border-bottom:solid 1px #CCC;
}

.no_border{
	border-bottom:none !important;
}

.image{
	background-image:url(images/site_images/page_iamge.png);
	display:block;
	height:248px;
}

.image_align{
	padding:14px 0 0 15px;
}

#image_fix{
	margin-left:-5px;
	width:305px;
}

.image_center{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

table{
	margin-top:-8px;
	margin-bottom:21px;
    border-width: 0px;
	border-collapse:collapse;
}

table, td, th
{
border-collapse:collapse;
}

th, td{
	padding:7px 16.5px 7px 0px
}

.ui-datepicker{
	width:289px !important;
}

thead tr td{
	border:none;
	font-weight:bold;
	font-size:14px;
}

tbody tr td{
	padding-top:0;
	padding-bottom:0.5px;
}

#fix{
	margin-top:31px;
}

#working_on_this, #send_message{
	margin-top:35px;
	margin-bottom:21px;
}

label{
	padding-right:5px;
}

#enquiry_name{
	margin-right:10px;
}

textarea{
	width:620px;
	height:100px;
}

#enquiry_name{
	width:100%;
}

#enquiry_email{
	width:100%;
}

#message_text{
	margin-top:0px;
	margin-bottom:14px;
}

#tui_bookabach:hover, #bbach_bookabach:hover{
	opacity:0.5;
}

#tui_bookabach img, #bbach_bookabach img{
	outline:none;
	border:none;
}
	

.bookabach h3{
	margin-bottom:0px;
}

.bookabach p{
	margin-top:0px;
	margin-bottom:14px;
}

.square{
	width:38px;
	height:28px;
	display:block;
	background-color:#CFDBE6;
}

#date, #date2{
	margin-top:25px;
}

/* Footer ________________________________________________________________________ */

#footer{
	height:429px;
	margin-top:210px;
}

#logo_footer{
	background-image:url(images/site_images/footer_text.png);
	display:block;
	height:175px;
	width:428px;
	position:relative;
	top:-128px;
	left:220px;
}

#top{
	background-image:url(images/site_images/top.png);
	display:block;
	height:51px;
	width:43px;
	position:relative;
	top:-53px;
	left:59px;
}

#top h4{
	text-align:center;
	margin:0px;
	left:-6px;
	top:3px;
	position:relative;
	
}

#top a{
	display:block;
	width:59px;
	position:relative;
	top:21px;
	font-size:12px;
}

#footer h3{
	margin-bottom:3px;
}

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

#footer_line{
	background-image:url(images/site_images/footer_banner.png);
	height:37px;
	display:block;
	background-repeat:repeat-x;
	margin-top:22px;
}

#footer_nav{
	margin-bottom:14px;
}

#copy{
	float:right;
}

#copy p{
	margin:0;
}
	

/* Home ________________________________________________________________________ */

.home_image_back{
	background-image:url(images/site_images/home_image_back.png);
	display:block;
	width:308px;
	height:214px;
}