/* ----------------------------------------------------------------------------------------- 
VisitEarth
+44 845 260 1 360
http://www.visitearth.com

Babingtons Cottage by David Dalgety. 
Visual design copyright 2009. All Rights Reserved. 
----------------------------------------------------------------------------------------- */


/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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 {        
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style-type : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { width : 99%; margin-bottom : 1.4em; border-spacing: 0px;}
tr:nth-child(even) { background-color : #000; background-color : rgba(0,0,0,.5);}
th { border-bottom : 0px solid #2a2e18; font-weight : bold; text-align : left; }
td { border-bottom : 0px solid #2a2e18; }
th,td { padding : 4px 10px 4px 0; }
tr:last-child td { border-bottom-width : 0; }
tfoot { font-style : italic; }
caption { background : transparent; }


/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { font : 12px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1,h2,h3,h4 { font-weight : normal; }
h1 { font-size : 3em; line-height : 1; margin-bottom : 0.5em; }
h2 { font-size : 2em; margin-bottom : .75em; }
h3 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; }
h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em; }
p { margin-bottom : 1.5em; }
ul, ol { margin : 1.5em 0; }
ul { list-style-type : none; list-style-position : inside; }
ol { list-style-type : decimal; list-style-position : inside; }
abbr, acronym { border-bottom-width : 0; }
strong { font-weight : bold; }
em { font-style : italic; }


/* Author styles ------------------------------------------ */
body {background : #fff url(../siteimages/grid_12off.png) no-repeat 50% 0; font : 16px/1.5 "Century Gothic", Verdana, sans-serif; color : #fff; }

/* Headings ------------------------------------------ */

h1 { font-size : 1.5em; line-height : 1.1; }
h2 { font-size : 1.5em; line-height : 1.1; }
h3 { font-size : 1.3em; line-height : 1.1; }


/* =notes */
div.notes {color : #253849;}
div.notes a {color : #C7D7FF; color : #000; font-weight : 600 ;}

/* Link anchors ------------------------------------------ */

a, a:visited { color : #FFB3E8; text-decoration : none; }
a:hover { color : #FFE0BD; text-decoration : underline; }

/* =branding */
#logo { float : left; position : relative; top : 20px; left : 44px; margin : 0; width : 309px; height : 205px; background :  url(../siteimages/logo.jpg) no-repeat 0 0; text-indent : -9999px; opacity : 1; }
#logo a:hover { opacity : .25; }
#logo a { display : block; width : 309px; height : 205px; }
#logo a:hover { text-decoration : none; }
span.tel { position : absolute ; top : 50px ; left : 460px; font-size: 30px; color : #DF8CA8;}
span.tel strong {font-weight : normal; color : #eaedef; color : rgba(234,237,239,.9)}
div.header span.mobile {position : absolute ; top : 90px ; left : 614px; font-weight : normal; font-size: 25px; color : #DF8CA8;}
/* =nav */
.mainNav {position : absolute; width: 420px; min-height: 80px; top: 127px; left: 50%; margin-left: -12px;} 
ul#essentials {position : relative; background-color : #fff;}
ul#essentials li a {z-index: 20; display:block; width: 50px; position: absolute;  font-size : 24px; color : #cad0d5;}
li#avail a {top : 30px; left : 0px;} li#directions a {top : 30px; left : 160px} li#contact a {top : 30px; left : 320px;} 
li#home a {top : 0px; left : 0px;} li#rooms a {top : 0px; left : 100px;} li#garden a{top : 0px; left : 220px;} li#rates a{top : 0px; left : 350px;}

/* =layout */
div.header {position : relative; width : 940px; height:240px; margin: 0px auto 0 auto; background-color:#2C4256;}
div.section {position: relative; width : 940px; margin: auto; min-height: 630px; }
div.article {width: 380px; float : right; margin: 30px 50px 30px 60px; padding: 20px; background-color:#2C4256;}
div#footer {width : 820px; margin: 0 auto; overflow : hidden; background-color:#2C4256;}



/* =section */
div.section {background-color: #f9f8f6;}
.locate div.section {min-height : 850px;}
body.index div.section {min-height : 750px;}


/* =photolayout */

#pic1 {position: absolute; width: 340px; top: 33px; left: 60px}
#pic1contact {position: absolute; width: 370px;  top: 30px; left: 60px}
#pic2 {position: absolute; width: 340px; height : 226px; top: 300px; left: 60px}
#pic3 {position: absolute; width: 340px; height : 226px; top: 600px; left: 60px}
#pic4 {position: absolute; width: 420px; height : 226px; top: 600px; left: 470px}
#pic5 {position: absolute; width: 340px; height : 226px; top: 884px; left: 60px}
#pic6 {position: absolute; width: 420px; height : 226px; top: 884px; left: 470px}
.activities img#pic1 { height : 300px; }
.activities img#pic2 { height : 250px; top: 352px;}
.activities img#pic3 { height : 212px; top: 625px;}
.attractions img#pic1 { height : 305px; }
.attractions img#pic2 { height : 360px; top: 375px;}
.attractions img#pic3 { height : 427px; top: 775px;}
.eatingout img#pic1 { height : 591px; }
.history img#pic1 {  }
.history img#pic2 { top:428px; height: 255px; }
.history img#pic3 { top:700px; height: 280px; }
.bhistory img#pic1 {  }
.bhistory img#pic2 { top:420px; height: 255px; }
.bhistory img#pic3 { top:720px; height: 280px; }
.fishing img#pic2 { height : 255px; top: 305px;}
.about img#pic1 { height: 227px; }
.about img#pic2 { height: 257px; top: 345px; }
.gardens img#pic1  { height: 255px;}
.gardens img#pic2  { height: 255px; top: 325px;}
.gardens img#pic3  { height: 500px; top: 610px;}
.golf img#pic2 {height:280px;}



.about div#imgText1{ color: #000000; position:absolute; top: 280px; left: 60px;}

.about div#imgText2{ color: #000000; position:absolute; top: 620px; left: 60px;}

/* =rooms */
.rooms div.section {min-height : 1180px;}

/* =article */
.about .article {min-height : 493px;}
.avail .article {margin-top:0px;}
.locate .article {margin-top:38px;}

.rooms .article {max-height : 463px;}

/* =section height */
.rooms .section {min-height: 1180px;}
.about .section {min-height : 700px;}
.golf .section {min-height : 620px;}



/* =home */
.index img#fireplace {position: absolute; width: 373px; height : 684px; top: 30px; left: 60px}


/* =avail =terms =reviews */
.avail iframe {width : 606px; height : 417px; margin-bottom : 20px;}
.avail .article, .terms .article, .reviews .article, .credits .article {width : 800px; float: left; margin-left: 40px; background : none;}
.reviews .reviewer span.fn {display : none;}  
.reviews blockquote.description {margin: 0 0 0 0; color : #253849; font-size : 1.07em;}  
.reviews span.fn { display : block; margin: 0 0 1.5em 0; color:#253849;}
.reviews p { margin: 0 0 0.5em 0;}  


/* =rates */
.rates .article {width : 750px; float: left; margin-left: 40px; background-color : transparent; margin-top:0px;}
#firsthalf, #secondhalf {width: 320px; float : left;}
#secondhalf {float : right; margin-right : 30px;}
.rates table {background-color : #253849; padding : 3px 0px;}
.rates table td { padding : 3px 20px; margin: 0; border: none;}
.rates table th { padding : 10px 20px 5px 20px ;}
.rates div.notes {clear : both;}
.rates div.entry-content { margin-top:0px; padding-top:0px;}
.rates .section{ width:940px}


/* =directions */
.locate iframe {position: absolute; width : 340px; height : 400px; top: 40px; left: 60px;}
.locate li#distances, p#maplink {position: absolute; width : 300px; height : 190px; top: 584px; left: 60px; padding : 20px;}
.locate p#maplink {position: absolute; height : 50px; top: 500px; left: 60px; padding-top: 30px; background-color:#2C4256;}
.locate li#distances, .locate p#maplink {background-color : rgba(44, 66, 86, 1);}
.locate h2#mapheader {position: absolute; width : 300px; height : 70px; top: 60px; left: 77px; z-index : 10;}
.locate .article { height : 735px;}
.locate h2.entry-title { margin-bottom : 1.7em; }

li#distances {background-color:#2C4256;}

/* =contact */
.contact div.section {min-height : 400px;}
.contact div.section p {margin-bottom : .9em}
.contact div.section div.tel {margin-bottom : .9em}

/* =garden */
.garden div.section {min-height : 410px;}
.garden img#pic1 {width : 380px; height : 324px; left:60px;}

/* =eatingout */

.eatingout .locality {position : relative; top : -10px; }
.eatingout p {margin-top: -11px;}
.eatingout .article {min-height: 472px;}

/* =virtualtour */
.vr div.article {float : left; width : 820px; padding : 60px 60px 60px 60px; margin : 0 0; background-color : transparent;}
.vr div.article ul li  {width : 340px; height : 340px; float : left; padding : 0 0; margin: 0 60px 60px 0;}
.vr img[title*="Middle"] {margin: -65px 0 0 200px;}


/* =colourmain */
div.header, div#footer {background-color: rgba(37,56,73,1);}
div.article {background-color: rgba(44,66,86,1);}
h1, h3, h4, h2.entry-title a { color:#7589b7;}


/* =footer */

div#footer {position : relative; padding : 40px 0 0 0; height : 320px; width : 940px; font-size : 16px;}
div#footer a {color : #d8dde4;}

div#footer p {width : 220px; height : 100px; position : absolute; top : 77px; left : 40px; padding : 21px 0 0 140px; background: url("../siteimages/vr_river_tweed.png") 15px 0px no-repeat;}

ul#wherenext {width : 900px; float : left; position : absolute; top : 50px; left : 60px;}
ul#wherenext li {width : 225px; float : left;}

ul#aboutlinks {position : absolute; top : 140px; width : 460px; height : 160px; background-color : #8F3360; padding : 60px 0 0 0;}
ul#aboutlinks li {padding : 0 0 0 60px;}

h2#explore {position : absolute; top : 30px; left : 60px;}
h2#next {position : absolute; top : 30px; left : 60px; color:#7589b7;}
h2#aboutus {position : absolute; top : 183px; left : 60px; z-index : 10; color : #D49EB9;}

/* =vcard */
div#footer div.vcard h2, div#footer div.vcard span.business-name {display : none; background-color:#2C4256;}
div#footer div.vcard {position : absolute; top : 164px; left : 400px; height : 200px; width : 540px; padding: 0 0 0 0; background-color : #8F3360; margin : 0 0 0 0;}
div#footer a.fn, div#footer div.vcard span.country-name {display : none;}
div#footer div.vcard span {display : block;}
div#footer div.tel {position : absolute; top: 50px; left : 250px; height: 50px; padding : 10px 0 0 50px;  background : url("../siteimages/vcard_mobilephone.jpg")  10px 10px no-repeat;}
div#footer div.mobile {position : absolute; top: 74px; left : 250px; height: 42px; width : 240px; padding : 10px 0 0 50px;}
div#footer div.adr {width : 280px; padding : 60px 0 0 60px; background: url("../siteimages/vcard_envelope.jpg") 0px 60px no-repeat; }

/* =webkit and mozilla ------------------------------------------ */

a, #logo, label input, textarea { -webkit-transition: all 0.5s linear; }
.locate iframe {border-top : 95px solid; border-color: #2C4256;}