/* Layout */

body {
background: #000;
color: #000001;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background-position: center top;
background-repeat:no-repeat;
}

body.home {
background-image:url(/images/home-site-background.jpg);
}

body.argyll,
body.brora,
body.skye,
body.inverness {
background-image:url(/images/page-site-background.jpg);
}

#outer {
position: absolute;
left: 50%;
width: 780px;
margin:0 0 0 -390px;
}

#inner {
position:relative;
}

body.home #header {
position:relative;
height:463px;
width:100%;
background-image:url(/images/home-header.jpg);
background-position: center bottom;
background-repeat: no-repeat;
}

body.argyll #header,
body.brora #header,
body.skye #header,
body.inverness #header {
position:relative;
height:463px;
width:100%;
background-image:url(/images/page-header.jpg);
background-position: center bottom;
background-repeat: no-repeat;
}

#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-size:0.9em;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:bold;
color:#fff;
text-decoration:none;
}

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

#logo {
position:absolute;
top:17px;
}

#logo h1 a {
display:block;
width:160px;
height:120px;
text-indent: -11000em;
}

#nav {
position:absolute;
height:45px;
width:728px;
bottom:31px;
left:26px;
}

#nav ul li {
float:left;
}

#nav ul li img {
display:block;
}

#titlephoto {
position:absolute;
width:197px;
height:174px;
top:143px;
left:0px;
}

#title {
position:absolute;
left:230px;
top:130px;
width:533px;
height:228px;
}

body.argyll #header #title {
background-image:url(/images/title-argyll-trans.png);
}

body.brora #header #title {
background-image:url(/images/title-brora-trans.png);
}

body.skye #header #title {
background-image:url(/images/title-skye-trans.png);
}

body.inverness #header #title {
background-image:url(/images/title-inverness-trans.png);
}

#main {
width:780px;
background-color:#F4F4C0;
}

#content{
width:780px;
}

body.home #content .col1 {
float:left;
width:460px;
padding-left:25px;
}

body.home #content .col2 {
float:right;
width:280px;
height:435px;
background-image:url(/images/home-mapfly.gif);
background-repeat:no-repeat;
background-position:0 3px;
}

body.argyll #content .col1,
body.skye #content .col1,
body.brora #content .col1,
body.inverness #content .col1 {
float:left;
width:460px;
padding-left:25px;
}

body.argyll #content .col2,
body.skye #content .col2,
body.brora #content .col2,
body.inverness #content .col2 {
float:right;
width:266px;
height:435px;
}

body.home #map {
position:relative;
}

body.home #map ul {
position:relative;
}

body.home #map ul li.brora {
clear:both;
position:absolute;
left:152px;
top:153px;
}

body.home #map ul li.inverness {
position:absolute;
left:135px;
top:216px;
}

body.home #map ul li.skye {
position:absolute;
left:42px;
top:232px;
}

body.home #map ul li.argyll {
position:absolute;
left:32px;
top:324px;
}

body.argyll #map,
body.brora #map,
body.skye #map,
body.inverness #map {
width:460px;
height:300px;
margin-bottom:15px;
}

#content .col1 h1 {
font-size:1.6em;
font-family: Georgia, "Times New Roman", Times, serif;
padding-bottom:10px;
line-height:110%;
font-weight:normal;
}

body.brora #content .col1 h1,
body.brora #content .col1 h2 {
color:#BB6B28;
}

body.argyll #content .col1 h1,
body.argyll #content .col1 h2 {
color:#005A84;
}

body.skye #content .col1 h1,
body.skye #content .col1 h2 {
color:#6F852D;
}

body.inverness #content .col1 h1,
body.inverness #content .col1 h2 {
color:#A81A3F;
}

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

#content .col1 h2 {
font-size:1.1em;
font-family: Georgia, "Times New Roman", Times, serif;
padding-bottom:10px;
padding-top:10px;
line-height:110%;
font-weight:normal;
color:#222;
}

#content .col1 h3 {
font-size:1em;
font-family: Georgia, "Times New Roman", Times, serif;
padding-bottom:10px;
line-height:110%;
font-weight:normal;
color:#222;
}

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

#content .col1 p,
#content .col1 ul li {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:0.8em;
line-height:140%;
padding-bottom:10px;
color:#333;
}

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

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


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

#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:1.2em;
padding:0px;
margin:0px;
}

body.home #content .col1 a:link,
body.home #content .col1 a:visited,
body.home #content .col1 a:hover,
body.home #content .col1 a:active {
color:#9D3392;
}

body.brora #content .col1 a:link,
body.brora #content .col1 a:visited,
body.brora #content .col1 a:hover,
body.brora #content .col1 a:active {
color:#BB6B28;
}

body.argyll #content .col1 a:link,
body.argyll #content .col1 a:visited,
body.argyll #content .col1 a:hover,
body.argyll #content .col1 a:active {
color:#005A84;
}

body.skye #content .col1 a:link,
body.skye #content .col1 a:visited,
body.skye #content .col1 a:hover,
body.skye #content .col1 a:active {
color:#6F852D;
}

body.inverness #content .col1 a:link,
body.inverness #content .col1 a:visited,
body.inverness #content .col1 a:hover,
body.inverness #content .col1 a:active {
color:#A81A3F;
}

body.home #content .col2 h1 {
padding-left:14px;
font-size:1.6em;
font-family: Georgia, "Times New Roman", Times, serif;
padding-bottom:10px;
line-height:110%;
font-weight:normal;
}

body.home #content .col2 p {
padding-left:14px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:0.8em;
line-height:140%;
color:#333;
}

#content .col2 .sidenav {
width:220px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:0.8em;
font-style:italic;
}

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

#content .col2 .sidenav ul li.sub {
padding:10px 0 0 0;
font-size:0.9em;
}

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

#content .col2 .sidenav a:link,
#content .col2 .sidenav a:visited,
#content .col2 .sidenav a:hover,
#content .col2 .sidenav a:active {
text-decoration:none;
color:#333;
}

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

body.brora #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.brora #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.brora #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.brora #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 40px 0 0;
}

body.argyll #content .col2 .quote p {
color:#005a84;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
line-height:120%;
}

body.brora #content .col2 .quote p {
color:#BB6B28;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
line-height:120%;
}

body.skye #content .col2 .quote p {
color:#6F852D;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
line-height:120%;
}

body.inverness #content .col2 .quote p {
color:#A81A3F;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
line-height:120%;
}

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

body.home #content .col2 h1 {
color:#6A3B00;
}

#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 {
float:left;
padding-right:15px;
padding-bottom:15px;
}

#gallery .pic img {
display:block;
}

#footer {
height:261px;
width:100%;
background-image:url(/images/footer_background.jpg);
background-repeat:no-repeat;
}

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

#footer .col1 h2 {
font-size:1.1em;
font-family: Georgia, "Times New Roman", Times, serif;
padding-bottom:15px;
line-height:120%;
font-weight:normal;
color:#9D3392;
}

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

body.brora #footer .col1 h2 {
color:#BB6B28;
}

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

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

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

#footer .col2 h2 {
font-size:1.1em;
font-family: Georgia, "Times New Roman", Times, serif;
padding-bottom:15px;
line-height:120%;
font-weight:normal;
color:#6A3B00;
}

#footer .col2 a:link,
#footer .col2 a:visited,
#footer .col2 a:hover,
#footer .col2 a:active {
color:#6A3B00;
}

#footer .col2 p {
font-size:0.7em;
font-family: Georgia, "Times New Roman", Times, serif;
padding-bottom:5px;
line-height:130%;
padding-right:20px;
}

#footnote {
color:white;
font-size:0.7em;
text-align:center;
line-height:130%;
padding:10px 0 60px 0;
}

#footnote a:link,
#footnote a:visited,
#footnote a:hover,
#footnote a:active {
text-decoration:none;
border-bottom:1px dotted #666;
color:#999;
}

#footnote a:hover {
color:#9D3392;
}

#footnote p {
padding-bottom:10px;
}

#footnote em {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
font-style:normal;
font-weight:normal;
}