+html {width:100%; }
body {background:#F3EFE4 url('../images/body-bg.jpg') repeat-x 0 0; margin:0; padding:0; width:100%; line-height:150%; font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#000000; }
p {padding:0 0 10px 0; margin:0; }
a {color:#000000; text-decoration:underline; }
a:hover {text-decoration:none; }
h3 {margin:0; padding:10px 0 10px 0; }
h1 {font-size:130%; margin:0; padding:0 0 15px 0; }
/*calendar stuff*/
#calendar_altnav {margin:0 0 20px 0; }
#calendar_nav {padding:5px; background:#333333; color:#FFFFFF; margin:0 0 20px 0; }
#calendar_nav a {color:#FFFFFF; padding:0 5px; }
#booking table {background:#333333; border:0; margin:0 0 20px 0; font-size:140%; margin:0 auto; }
#booking td {background:#F3F0ED; padding:15px; text-align:center; }
th {color:#FFFFFF; padding:15px; text-align:center; }
td.booked {font-weight:bold; text-decoration:line-through; }
/*bits*/
#all {padding:0; text-align:center; width:100%; }
/*structural elements*/
#container {margin:0 auto; padding:18px 36px; text-align:left; width:680px; background:url('../images/content-bg.png') repeat-y 0 0; }
#header {margin:0 auto; width:680px; padding:40px 36px 0 36px; text-align:right; min-height:90px; text-align:left; background:url('../images/top-bg.png') no-repeat center bottom; }
#intro {background:#705D45; color:#FFFFFF; font-size:80%; border:1px solid #000000; padding:10px 10px 0 10px; width:350px; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
#main {}
#home #main {float:left; width:400px;}
#map {width:500px; height:350px; margin:0 0 20px 0; }
#right {margin:0 0 0 420px; font-size:90%; }
#footer {margin:0 auto; padding:20px 36px; width:680px; font-size:70%; text-align:left; background:url('../images/bottom-bg.png') no-repeat top center; }
#footer span {float:right; }
/* top image */
#home #nav {background:url('../images/intro/home.jpg') no-repeat 0 0; padding:200px 0px 0px 100px; margin:0 0 36px 0; }
#contact #nav {background:url('../images/intro/contact.jpg') no-repeat 0 0; padding:200px 0px 0px 100px; margin:0 0 36px 0; }
#booking #nav {background:url('../images/intro/booking.jpg') no-repeat 0 0; padding:200px 0px 0px 100px; margin:0 0 36px 0; }
#photos #nav {background:url('../images/intro/photos.jpg') no-repeat 0 0; padding:200px 0px 0px 100px; margin:0 0 36px 0; }
#info #nav {background:url('../images/intro/info.jpg') no-repeat 0 0; padding:200px 0px 0px 100px; margin:0 0 36px 0; }
#cottage #nav {background:url('../images/intro/cottage.jpg') no-repeat 0 0; padding:200px 0px 0px 100px; margin:0 0 36px 0; }
/*main styles*/
#main ul {margin:-10px 0 20px 0; padding:0; }
#main li {list-style:none; }
#main .pic {float:right; padding:0 0 10px 10px; }
#photos #main img {margin:10px; border:2px solid #000000; }
/*navigation styling ul li*/
#nav ul {float:right; width:195px; border:1px solid #34542C; border-left:0; background:#34542C url('../images/nav-bg.jpg') repeat-x 0 0; padding:0; margin:-190px 0 10px 0; }
#nav li {display:inline; list-style:none; }
#nav ul a {display:block; padding:10px 0; color:#FFFFFF; text-decoration:none; border-top:1px solid #5A944B; border-bottom:1px solid #34542C; }
/*feature list styling*/
#right ul {margin:0; padding:0; list-style-type:none; }
#right li {background:url('../images/list-image.gif') no-repeat 0 2px; padding:0 0 5px 25px; }
/*headings*/
#welcome {text-indent:-99999px; padding:0; margin:0; font-size:0%; background:url('../images/headings/title.gif') no-repeat -0 0; width:470px; height:30px; }
#quote {text-indent:-99999px; float:right; padding:0; margin:-15px 0 0 0; font-size:0%; background:url('../images/headings/quote.gif') no-repeat -0 0; width:172px; height:89px; }
#holiday-cottage {text-indent:-99999px; padding:0; margin:0; font-size:0%; background:url('../images/headings/holiday-cottage.gif') no-repeat 0 0; width:332px; height:38px; }
#beautiful-cottage {text-indent:-99999px; padding:0; margin:0; font-size:0%; background:url('../images/headings/beautiful-cottage.gif') no-repeat 0 0; width:347px; height:38px; }
#hirons-barn {text-indent:-99999px; padding:0; margin:0; font-size:0%; background:url('../images/headings/hirons-barn.gif') no-repeat 0 0; width:166px; height:38px; }
.location {text-indent:-99999px; padding:0; margin:5px 0 0 0; font-size:0%; background:url('../images/headings/location.gif') no-repeat 0 0; width:122px; height:38px; }
.features-barn {text-indent:-99999px; padding:0; margin:0; font-size:0%; background:url('../images/headings/features-barn.gif') no-repeat 0 0; width:370px; height:38px; }
.thingstodo {text-indent:-99999px; padding:0; margin:0; font-size:0%; background:url('../images/headings/thingstodo.gif') no-repeat 0 0; width:181px; height:45px; }
.facilities {text-indent:-99999px; padding:0; margin:0; font-size:0%; background:url('../images/headings/facilities.gif') no-repeat 0 0; width:124px; height:38px; }
#features {text-indent:-99999px; padding:0; margin:0; font-size:0%; background:url('../images/headings/features.gif') no-repeat 0 0; width:119px; height:38px; }
.contact {text-indent:-99999px; padding:0; margin:0; font-size:0%; background:url('../images/headings/contact.gif') no-repeat 0 0; width:262px; height:38px; }
.cotswolds {text-indent:-99999px; padding:0; margin:0; font-size:0%; background:url('../images/headings/cotswolds.gif') no-repeat 0 0; width:482px; height:38px; }
.attractions {text-indent:-99999px; padding:0; margin:10px 0; font-size:0%; background:url('../images/headings/attractions.gif') no-repeat 0 0; width:482px; height:38px; }
.bookings {text-indent:-99999px; padding:0; margin:10px 0; font-size:0%; background:url('../images/headings/bookings.gif') no-repeat 0 0; width:312px; height:38px; }
#welcome span, #quote span {position:absolute;visibility:hidden; }
/*navigation*/
#homeLink,
#cottageLink,
#bookingsLink,
#photosLink,
#contactLink,
#infoLink
{text-indent:-9999px; font-size:0%; }
#nav #homeLink a {height:16px; width:195px; background:url('../images/buttons/home.gif') no-repeat center left; border-top:0; }
#nav #cottageLink a {height:31px; width:195px; background:url('../images/buttons/cottage.gif') no-repeat center left; }
#nav #bookingsLink a {height:51px; width:195px; background:url('../images/buttons/bookings.gif') no-repeat center left; }
#nav #photosLink a {height:18px; width:195px; background:url('../images/buttons/photos.gif') no-repeat center left; }
#nav #contactLink a {height:17px; width:195px; background:url('../images/buttons/contact.gif') no-repeat center left; }
#nav #infoLink a {height:48px; width:195px; background:url('../images/buttons/info.gif') no-repeat center left; border-bottom:0; }
#nav #homeLink a:hover {height:16px; width:195px; background:url('../images/buttons/home.gif') no-repeat center right; border-top:0; }
#nav #cottageLink a:hover {height:31px; width:195px; background:url('../images/buttons/cottage.gif') no-repeat center right; }
#nav #bookingsLink a:hover {height:51px; width:195px; background:url('../images/buttons/bookings.gif') no-repeat center right; }
#nav #photosLink a:hover {height:18px; width:195px; background:url('../images/buttons/photos.gif') no-repeat center right; }
#nav #contactLink a:hover {height:17px; width:195px; background:url('../images/buttons/contact.gif') no-repeat center right; }
#nav #infoLink a:hover {height:48px; width:195px; background:url('../images/buttons/info.gif') no-repeat center right; border-bottom:0; }
/*contact form stuff*/
#contact #main dl {margin:0; padding:0; text-align:left; }
#contact #main dt {margin:0 0 10px 0; padding:0; width:130px; float:left; text-align:right; }
#contact #main dd {margin:0 0 10px 140px; padding:0; }
#contact #main form input {width:192px; }
#contact #main form {padding:0; margin:0 0 10px 0; float:right; width:340px; }
#contact #main p .submit {background:#CCCCCC; width:80px; }
.centerAlign {text-align:right; margin:0 30px 0 0; }
/*clearfix*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */