/* 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,
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-weight: normal;
font-style: normal;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
}

body {
color: black;
background: white;
}

ol, ul {
list-style: none;
}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

html,body {
width: 100%;
height: 100%;
}


/* Clearfix */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

html.ie6 .clearfix {
height: 1%;
}

html.ie7 .clearfix {
display: inline-block;
}


/*************************************************************** Site Styles */

body {
background: #040001;
font: 14px Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;
background-position: center top;
background-repeat:no-repeat;
background-image:url(/images/home-site-background.jpg);
}

#wrap {
width:960px;
margin:0 auto;
}

#header {
width:960px;
margin:0 auto;
position:relative;
height:463px;
background-image:url(/images/home-header.jpg);
background-position: center bottom;
background-repeat: no-repeat;
}

#polaroids img {
display:block;
padding:13px 0 0 14px;
}

#polaroids .polaroid0 {
position:absolute;
left:10px;
top:120px;
width:226px;
height:236px;
background-image:url(/images/polaroid.jpg);
background-repeat:no-repeat;
-o-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-webkit-transform-style: preserve-3d;
-webkit-box-shadow: 0px 0px 1px white;
}

#polaroids .polaroid1 {
position:absolute;
left:10px;
top:120px;
width:226px;
height:236px;
background-image:url(/images/polaroid.jpg);
background-repeat:no-repeat;
-o-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-webkit-transform-style: preserve-3d;
-webkit-box-shadow: 0px 0px 1px white;
}

#polaroids .polaroid2 {
position:absolute;
left:216px;
top:112px;
width:226px;
height:236px;
background-image:url(/images/polaroid.jpg);
background-repeat:no-repeat;
-o-transform: rotate(8deg);
-moz-transform: rotate(8deg);
-webkit-transform: rotate(8deg);
-webkit-transform-style: preserve-3d;
-webkit-box-shadow: 0px 0px 1px white;
}

#polaroids .polaroid3 {
position:absolute;
left:394px;
top:89px;
width:226px;
height:236px;
background-image:url(/images/polaroid.jpg);
background-repeat:no-repeat;
-o-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);
-webkit-transform-style: preserve-3d;
-webkit-box-shadow: 0px 0px 1px white;
}

#polaroids .polaroid4 {
position:absolute;
left:573px;
top:112px;
width:226px;
height:236px;
background-image:url(/images/polaroid.jpg);
background-repeat:no-repeat;
-o-transform: rotate(6deg);
-moz-transform: rotate(6deg);
-webkit-transform: rotate(6deg);
-webkit-transform-style: preserve-3d;
-webkit-box-shadow: 0px 0px 1px white;
}

body.home #polaroids .polaroid5 {
position:absolute;
left:734px;
top:128px;
width:226px;
height:236px;
background-image:url(/images/polaroid.jpg);
background-repeat:no-repeat;
-webkit-box-shadow: 0px 0px 1px white;
}

#topnav {
float:right;
margin-top:40px;
color:#fff;
}

#topnav ul li {float:left;}

#topnav ul li a {
padding:0 10px 0 10px;
}

#topnav ul li a:link,
#topnav ul li a:visited,
#topnav ul li a:hover,
#topnav ul li a:active {
font-style:italic;
font-weight:bold;
color:#fff;
text-decoration:none;
}

#topnav ul li a:hover {text-decoration:underline;}

#logo {
position:absolute;
top:10px;
left:30px;
}

#logo h1 a {
display:block;
width:160px;
height:120px;
text-indent: -11000em;
background-image:url(/images/homefarm-logo-trans.png);
}

#nav {
margin:0 10px;
padding:383px 30px 0 30px;
}

#nav ul li {
/* width:135px; */
margin-right:1px;
float:left;
border-right:1px solid #6A3C00;
padding:0 25px 0 10px;
line-height:130%;
}

#nav ul li.last {
margin-right:0px;
border-right:none;
}

#nav a {
color:#6A3C00;
text-decoration:none;
font-weight:bold;
}

#nav a em {
font-size:15px;
text-transform:uppercase;
}

#nav a em.argyll {color:#005A84;}

#nav a em.sutherland {color:#BA6B27;}

#nav a em.skye {color:#6E852C;}

#nav a em.inverness {color:#A7193F;}

#nav a em.aviemore {color:#6C206E;}

#nav a em.future {color:#A7193F;}

#title {
position:absolute;
left:230px;
top:128px;
width:720px;
height:236px;
}

#title h2 {
padding:20px 0 0 40px;
font: 130px tangerine,Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;
color:#005A84;
}

body.sutherland #title h2 {color:#BB6B28;}

body.argyll #title h2 {color:#005A84;}

body.skye #title h2 {color:#6F852D;}

body.inverness #title h2 {color:#A81A3F;}

#title p {
color:#6A3C00;
padding:10px 40px 0 40px;
line-height:140%;
text-transform:uppercase;
}

#main {
position:relative;
margin:0 10px;
background-color:#F4F4C0;
}

#flytail {
position:absolute;
right:0px;
top:72px;
}

#content .col1 {
float:left;
width:600px;
padding-left:30px;
}

#content .col2 {
float:right;
width:280px;
min-height:435px;
}

body.home #content .col2 {
background-image:url(/images/home-map.png);
background-repeat:no-repeat;
background-position:0 3px;
}

#sidemap {position:relative;}

#sidemap ul {position:relative;}

#sidemap ul li.sutherland {
clear:both;
position:absolute;
left:152px;
top:158px;
}

#sidemap ul li.inverness {
position:absolute;
left:135px;
top:221px;
}

#sidemap ul li.skye {
position:absolute;
left:42px;
top:237px;
}

#sidemap ul li.argyll {
position:absolute;
left:32px;
top:329px;
}

#map {
width:600px;
height:390px;
margin-bottom:15px;
}

#content h3 {
font-size:26px;
padding-bottom:10px;
line-height:110%;
color:#6A3B00;
}

#content h4 {padding-bottom:5px;}

body.sutherland #content h3,
body.sutherland #content h4 {color:#BB6B28;}

body.argyll #content h3,
body.argyll #content h4 {color:#005A84;}

body.skye #content h3,
body.skye #content h4 {color:#6F852D;}

body.inverness #content h3,
body.inverness #content h4 {color:#A81A3F;}

#content .col1 h3 em {font-style:italic;}

#content .col1 ul {
list-style: disc;
padding-left:30px;
}

#content .col1 p,
#content .col1 ul li {
line-height:140%;
padding-bottom:15px;
color:#333;
}

body.home #content .col2 p {
line-height:140%;
color:#333;
}

#content .col1 strong {font-weight:bold;}

#content .col1 .pagephoto {
width:600px;
height:390px;
margin-bottom:15px;
}

#content .col2 .sidenav {width:220px;}

#content .col2 .sidenav ul li.top {
padding:7px 0 7px 15px;
border-bottom:1px dotted #666;
}

#content .col2 .sidenav ul li.sub {
padding:5px 0 0 0;
font-size:13px;
}

#content .col2 .sidenav ul li.sub a {margin-left:10px;}

#content .col2 .sidenav a {
text-decoration:none;
color:#333;
}

body.argyll #content .col2 .sidenav a:hover {color:#005a84;}

body.sutherland #content .col2 .sidenav a:hover {color:#BB6B28;}

body.skye #content .col2 .sidenav a:hover {color:#6F852D}

body.inverness #content .col2 .sidenav a:hover {color:#A81A3F;}

body.argyll #content .col2 .sidenav ul li.active a {color:#005a84;}

body.sutherland #content .col2 .sidenav ul li.active a {color:#BB6B28;}

body.skye #content .col2 .sidenav ul li.active a {color:#6F852D;}

body.inverness #content .col2 .sidenav ul li.active a {color:#A81A3F;}

body.argyll #content .col2 .sidenav ul li.active ul li a,
body.sutherland #content .col2 .sidenav ul li.active ul li a,
body.skye #content .col2 .sidenav ul li.active ul li a,
body.inverness #content .col2 .sidenav ul li.active ul li a {color:#333;}

body.argyll #content .col2 .sidenav ul li.active ul li.active a {color:#005a84;}

body.sutherland #content .col2 .sidenav ul li.active ul li.active a {color:#BB6B28;}

body.skye #content .col2 .sidenav ul li.active ul li.active a {color:#6F852D;}

body.inverness #content .col2 .sidenav ul li.active ul li.active a {color:#A81A3F;}

#content .col2 .quote {
margin:50px 50px 0 0;
}

#content .col2 .quote p {
font-style: italic;
line-height:130%;
font-size:16px;
}

body.argyll #content .col2 .quote p {color:#005a84;}

body.sutherland #content .col2 .quote p {color:#BB6B28;}

body.skye #content .col2 .quote p {color:#6F852D;}

body.inverness #content .col2 .quote p {color:#A81A3F;}

#footer {
margin:0 10px;
background-image:url(/images/footer_background.jpg);
background-repeat:no-repeat;
min-height:300px;
}

#footer .col1 {
margin-top:40px;
float:left;
width:612px;
padding-left:30px;
}

#footer .col2 {
margin-top:40px;
width:266px;
float:right;
}

#footer h3 {
font-size:20px;
padding:0 40px	 15px 0;
line-height:120%;
font-weight:normal;
color:#6A3B00;
}

body.argyll #footer .col1 h3 {color:#005a84;}

body.sutherland #footer .col1 h3 {color:#BB6B28;}

body.skye #footer .col1 h3 {color:#6F852D;}

body.inverness #footer .col1 h3 {color:#A81A3F;}

#footer .col2 a {color:#6A3B00;}

#footer .col2 p {
font-size:12px;
padding-bottom:5px;
line-height:150%;
padding-right:20px;
}

#footnote {
font: 11px/160% "Helvetica Neue",Helvetica,Arial,sans-serif;
color:white;
text-align:center;
padding:10px 0 60px 0;
}

#footnote a {color:white;}

#content .col1 .activity {
border-bottom:1px dotted #333;
margin-bottom:10px;
padding:5px 0 5px 0;
}

#content .col1 .activity p {padding:0px;}

#content .col1 .activity .link {padding-bottom:5px;}

#content .col1 .link a:link,
#content .col1 .link a:visited,
#content .col1 .link a:hover,
#content .col1 .link a:active {
color:#333;
text-decoration:none;
font-weight:bold;
font-size:0.8em;
}

#content .col1 .link a:hover {text-decoration:underline;}

#content .col1 .cottage {
border-bottom:1px dotted #333;
margin-bottom:10px;
padding:5px 0 5px 0;
font-size:0.85em;
}

#content .col1 .cottage .photo {
width:100px;
height:80px;
float:left;
margin-right:15px;
padding-bottom:10px;
}

#content .col1 .cottage .description {
float:left;
width:345px;
}

#content .col1 .cottage .description .cottagename {
font-size:16px;
padding:0px;
margin:0px;
}

body.home #content .col1 a {color:#9D3392;}

body.sutherland #content .col1 a {color:#BB6B28;}

body.argyll #content .col1 a {color:#005A84;}

body.skye #content .col1 a {color:#6F852D;}

body.inverness #content .col1 a {color:#A81A3F;}

#main .txt {width:300px;}

#content .col1 .success {
padding:5px;
background-color: #E6EFC2;
color: #264409;
border: 2px solid #C6D880;
}

#content .col1 .notice {
padding:5px;
background-color: #FFF6BF;
color: #514721;
border: 2px solid #FFD324;
}

#content .col1 .error {
padding:5px;
background-color: #FBE3E4;
color: #8a1f11;
border: 2px solid #FBC2C4;
}

#content .col1 ul.guestbook {
padding:0px;
margin:0px;
list-style:none;
border-top:1px dotted #333;
padding-top:10px;
}

#content .col1 ul span.meta {
font-size:0.8em;
font-weight:bold;
}

#content .col1 ul.guestbook li {
border-bottom:1px dotted #333;
margin-bottom:10px;
}

#gallery .pic {
width:90px;
height:90px;
float:left;
padding-right:12px;
padding-bottom:12px;
}

#gallery .pic img {display:block;}