@charset "UTF-8";
/* HTML 5 */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* Suthen Soul */

html, body{min-height: 100%; height: 100%;}

@font-face {
	font-family: 'NotethisRegular';
	src: url('../fonts/Note_this.eot');
	src: local('Note this Regular'), local('Notethis'), url('../fonts/Note_this.ttf') format('truetype');
}


body{margin:0; padding:0; font-size:.75em; background: #166091 top left; max-width:100%;}
#background1{max-width:100%;}

html, body, p, table, td, span, div, li, dd, dl, input, select, textarea, label, legend{font-family:Arial,Helvetica,sans-serif}
h1, h2, h3, h4, h5, h6{font-family: Helvetica, Arial,  sans-serif !important; font-weight:normal !important;}
h1{font-size:2.2em}
h2{font-size:1.8em}
h3{font-size:1.5em}
h4{font-size:1.3em}
h4{font-size:1em}
.container{/*width:89.0909em;*/ text-align:left; margin:0 auto}
img{border:0}
div{zoom:1;}
header{width: 100%;}
.hide{position: absolute; left:-999px; top:-999px;  font-size: 1em;}

.pagebackground1{position:fixed; height: 100%; width: 100%;}
.pagebackground1, .pagebackground2, .pagebackground3, .pagebackground4{height: 100%; width: 100%;}
#page{z-index:100; margin-left: 22%; position: absolute; width: 75%;}

.main{background: url(../gfx/trans.png); width: 94%; float:left; border-radius: 10px; 	-moz-border-radius: 10px; 	-webkit-border-radius: 10px; padding:20px !important; font-size: 1.2em; min-height: 500px; height: auto!important; height: 500px; margin-bottom: 200px;}
.post h2{margin:0;}
nav{float:left;width: 20%; padding-right: 1%; padding-top: 30px;}
nav ul,nav ul li {list-style:none; margin:0; padding:0; }
nav ul li {text-align:right; color: #fff; font-size: 1.2em; padding-bottom: 1.1em; font-weight:bold;} 
nav ul li a {color:#fff; text-decoration:none;}
nav ul li a:hover {color: #8bc7f0;}

.main, .main *, .main a{color: #fff;}
.main h2 {margin-top: 2em;}
.main h2 a, .main h1 a{text-decoration:none;}
.main h1 a:hover{text-decoration:none;}
.main h2 a:hover{text-decoration: underline;}
.gallery{padding:0 0 0 20px;}
#socialandshare{display:block; width: 95%; height:auto !important;  height: 100px;}

.contactus{display:block; width: 95%;}



.paging ul, .paging li{list-style: none; margin:0; padding:0; }
.thumbs ul, .thumbs li{list-style: none; margin:0; padding:0; }
.paging{ margin: 20px auto; clear:left; color: #fff; text-align:center;}
.paging li{display:inline; margin: 10px 10px 0 0;}
.paging li a{text-decoration: none; color: #aaa; background-color: #fff; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; padding: 6px;}
.paging li a strong {color: #216ea2; }
.paging li a:hover{text-decoration: none; color: #333; }
img {border:0;}
.thumbs {text-align:center;}
.thumbs li{display:inline; margin: 0 10px 10px 0;}
.thumbs li a{ margin: 0 auto;}
.thumbs li a img{overflow: hidden; width:50px; height: 50px; background-color: #fff; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; padding: 6px; overflow: hidden;}
.largeimg{ width: 505px; margin: 20px auto; background-color: #fff; padding: 10px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; color: #3c3c3c; clear:left;}
.largeimg img{width:505px; overflow: hidden;}
.largeimg p {color:#333; font-family:  'NotethisRegular', Arial, sans-serif;}
.navgroup {clear: both; width: 90%; margin: 0 auto; }
 
#mapviewer{ -webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px; padding-right: 30px; width: 90%;}
#mapviewer iframe{90%;}
.mapinfo {}

.sharelinks{list-style:none; float:right; margin:0; padding:0;}
.sharelinks li{float:left; margin-left: 20px;}


.featurelist{display: block; overflow: hidden;}
.house, .features{width: 25%; float:left; list-style:none; min-width: 180px;}
.house li, .features li{list-style:none; padding: 10px 0 10px 50px;}
.sleeps6{background: url(../gfx/icons/sixpeople.gif) top left no-repeat; }
.double{background: url(../gfx/icons/doublebed.gif) top left no-repeat;  }
.twin{background: url(../gfx/icons/twinroom.gif) top left no-repeat;  }
.cot{background: url(../gfx/icons/travelcot.gif) top left no-repeat;  }
.parking{background: url(../gfx/icons/parking.gif) top left no-repeat;  }
.pet{background: url(../gfx/icons/pet.gif) top left no-repeat;  }
.kitchen{background: url(../gfx/icons/kitchen.gif) top left no-repeat;  }
.washer{background: url(../gfx/icons/washingmachine.gif) top left no-repeat;  }
.bath{background: url(../gfx/icons/bath.gif) top left no-repeat;  }
.fire{background: url(../gfx/icons/fire.gif) top left no-repeat;  }
.dvd{background: url(../gfx/icons/dvd.gif) top left no-repeat;  }
.shops{background: url(../gfx/icons/shops.gif) top left no-repeat;  }
.whiskey{background: url(../gfx/icons/whiskey.gif) top left no-repeat;  }

.homeimage{background: url(../gfx/background/bayviewbg.gif) top left repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;}

.subnavigation, .navigation{display:block; overflow:hidden; padding-top: 20px;}
.alignleft{float:left;}
.alignright{float:left; margin-left: 30px;}

.contactus  {
clear:both;
display:block;
float:right;
padding:20px 5% 50px;
text-align:right;
width:85%;
}

.contactus p{
margin:0; padding:0;
color:#fff;
}

.contactus a{color:#fff; text-decoration: none; font-size:1.5em;}
.contactus a:hover{text-decoration: underline;}

.logoimg{width: 20%; text-align:right; display:block; padding-top:20px;}

.homehead{margin: 1em 0 !important;}