﻿@charset "utf-8";
/* CSS Document */

body
{
	margin: 0px;
	padding: 0px;
	background-color:#000000;
	font-size:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a{
	outline:none;
	}

/*--------------------------------------------------------------------------------------------------------*/
/*----- CLEARS / ALIGNMENT / COLOURS -----*/
/*--------------------------------------------------------------------------------------------------------*/

/*----- CLEARS -----*/ 
.clear {
	height:1px;
	clear:both;
}

/*----- LINES -----*/ 
.dash {
	width:440px;
	margin: 0px 20px 20px 20px;
	padding: 0px 0px 0px 0px;
	height:1px;
	border-bottom: dotted 1px #744F30;
}

/*----- ALIGNMENTS -----*/ 
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

/*----- COLOURS -----*/ 
.black { color:#000000; }
.white { color:#ffffff; }

.beige {color:#967E69;}
.cream { color:#EFEAE9; }
.brown { color:#533822; }
.light-brown { color:#744F30; }
.dark-brown { color:#362314; }
.green { color:#B9CA28; }



/*--------------------------------------------------------------------------------------------------------*/
/*----- WRAPPER -----*/
/*--------------------------------------------------------------------------------------------------------*/
#wrap
{
	width:890px;
	margin: 10px auto 10px auto;
	padding: 0px 0px 0px 0px;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- HEADER -----*/
/*--------------------------------------------------------------------------------------------------------*/
#header {
	position:relative;
	width:890px;
	height:340px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow:visible;
}
/*#flash {
	position:absolute;
	top:0px;
	left:0px;
	width:890px;
	height:688px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index:1000;
}*/

#toplinks {
	width:890px;
	position:absolute;
	top:45px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:right;
	z-index:2000;
}

#toplinks a { text-decoration:none; color:#967E69; }
#toplinks a:hover { text-decoration:none; color:#ffffff; }
#toplinks a.active { text-decoration:none; color:#B9CA28; }

/*--------------------------------------------------------------------------------------------------------*/
/*----- CONTENTZONE - 3 COLUMNS - FLOATING -----*/
/*--------------------------------------------------------------------------------------------------------*/
#content-zone {
	width:890px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/gif/bg_contentzone.gif) repeat-y;
}

#left-col {
	width:180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
#mid-col {
	width:480px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	float:left;
}
#right-col {
	width:230px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}

#control2 {
	width:230px;
	height:110px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#content-zone-wide {
	width:890px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/gif/bg_contentzone_wide.gif) repeat-y;
}
#mid-col-wide {
	width:710px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	float:left;
}

#control{
	background:#362314;
	}

/*--------------------------------------------------------------------------------------------------------*/
/*----- HTML ELEMENTS -----*/
/*--------------------------------------------------------------------------------------------------------*/
p {
	margin: 0px 20px 15px 20px;
	padding: 0px 0px 0px 0px;
	font-size:80%;
	line-height:160%;
	color:#362314;
}

#toplinks p {
	margin: 0px 20px 10px 10px;
	padding: 0px 0px 0px 0px;
	font-size:75%;
	color:#967E69;
}

ul {
	margin: 0px 10px 10px 40px;
	padding: 0px 0px 0px 0px;
	font-size:80%;
	line-height:160%;
	color:#362314;
}

li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


h1 {
	margin: 10px 20px 10px 20px;
	padding: 0px 0px 0px 0px;
	color:#B9CA28; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:100%; 
	line-height:160%; 
	font-weight:bold
}

h2 {
	margin: 10px 20px 10px 20px;
	padding: 0px 0px 0px 0px;
	color:#362314; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:80%; 
	line-height:160%; 
	font-weight:bold
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- MAIN BODY LINKS -----*/
/*--------------------------------------------------------------------------------------------------------*/

a {text-decoration:underline; /*color:#B9CA28;*/ color:#744F30;}
a:hover {text-decoration:underline; color:#000000;}



/*--------------------------------------------------------------------------------------------------------*/
/*----- NAVCON -----*/
/*--------------------------------------------------------------------------------------------------------*/
#navcon {
	position:relative;
	width:180px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	z-index:1001;
}

#navcon .subnav {	
	width:180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

#navcon p {
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	color:#ffffff;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
}

#navcon .subnav a {
	text-decoration:none; color:#967E69;
}

#navcon .subnav a:hover, 
#navcon .subnav a.active,
#navcon .subnav a#selected {
	text-decoration:none; color:#ffffff;
}



/*--------------------------------------------------------------------------------------------------------*/
/*----- SPECIAL OFFERS BOX -----*/
/*--------------------------------------------------------------------------------------------------------*/
#specialoffers {
	width:440px;
	margin: 10px 0px 20px 20px;
	padding: 0px 0px 0px 0px;
	background-color:#C9B9B4;
}

#specialoffers .so-text {
	width:295px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#specialoffers .so-pic {
	width:145px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#specialoffers .so-pic img.photo {
	border: solid 1px #ffffff;
	margin: 5px 0px 4px 0px;
	display:block;
}

#specialoffers img.title {
	margin: 15px 20px 15px 20px;
	padding: 0px 0px 0px 0px;
}

#specialoffers img.book {
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- IMG - TEXT TITLES - CHECK IN -----*/
/*--------------------------------------------------------------------------------------------------------*/
img.heading {
	margin: 30px 20px 10px 20px;
	padding: 0px 0px 0px 0px;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- IMG - FLOAT -----*/
/*--------------------------------------------------------------------------------------------------------*/
#imgcon { 
	width:200px; 
	margin: 20px 20px 0px 20px; 
	padding:0px 0px 0px 0px; 
	float:right; 
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- LEFTHAND SIDE MACLEOD LOGOS -----*/
/*--------------------------------------------------------------------------------------------------------*/
#logos {
	position:relative;
	width:180px;
	height:110px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	background-color:#362314;
}

#logos img.bosville {
	margin: 20px 7px 10px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
}
#logos img.marmalade {
	margin: 20px 0px 10px 7px;
	padding: 0px 0px 0px 0px;
	border:none;
}

#logos img.visit {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- LEFTHAND SIDE EMAIL -----*/
/*--------------------------------------------------------------------------------------------------------*/
#email {
	width:180px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	background-color:#533822;
}

#email img.signup {
	margin: 0px 0px 0px 24px;
	padding: 0px 0px 10px 0px;
}

#email input.text {
	width:146px;
	margin: 0px 0px 0px 13px;
	padding: 2px 0px 1px 4px;
	color:#9a9a9a;
}

#email input.button {
	margin: 5px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
}
#email input.submit {
	margin: 5px 0px 0px 13px;
	padding: 1px 5px 1px 5px;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- LEFTHAND SIDE GOOGLE TRANSLATE -----*/
/*--------------------------------------------------------------------------------------------------------*/
#google-translate {
	width:180px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	background-color:#744F30;
	COLOR:#FFFFFF;
}
#google-translate  p.google {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 15px;
	font-size:70%;
	color:#ffffff;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- HOME BANNERS -----*/
/*--------------------------------------------------------------------------------------------------------*/
img.banner-drambuie {
	margin: 20px 20px 20px 20px;
	padding: 0px 0px 0px 0px;
}
img.banner-quote {
	margin: 0px 20px 20px 20px;
	padding: 0px 0px 0px 0px;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- SIDE BANNERS -----*/
/*--------------------------------------------------------------------------------------------------------*/
#right-col img.banners {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 2px solid #362314;
}



/*--------------------------------------------------------------------------------------------------------*/
/*----- TARIFF -----*/
/*--------------------------------------------------------------------------------------------------------*/
table.tariff {
	margin: 0px 20px 20px 20px;
	padding: 0px 0px 0px 0px;
	font-size:70%;
}

table.tariff th {
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	background-color:#362314;
	color:#ffffff;
}

table.tariff td {
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	background-color:#C9B9B4;
}

table.tariff td.room {
	width:200px;
}

table.tariff td.price {
	width:150px;
	text-align:center;
	font-weight:bold;
}






/*--------------------------------------------------------------------------------------------------------*/
/*----- FOOTER LOGOS -----*/
/*--------------------------------------------------------------------------------------------------------*/
#foot-logos {
	width:890px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	background-color:#362314;
	text-align:center;
}

#foot-logos img {	
	margin: 0px 0px 0px 0px;
	padding: 0px 14px 0px 14px;
}


/*--------------------------------------------------------------------------------------------------------*/
/*----- FOOTER -----*/
/*--------------------------------------------------------------------------------------------------------*/
#footer {
	width:890px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	background-color:#000000;
	text-align:center;
}

#footer p {
	margin: 0px 20px 10px 20px;
	padding: 0px 0px 0px 0px;
	font-size:70%;
	line-height:160%;
	color:#ffffff;
}

#footer p.copy {color:#73655B;}

#footer a { text-decoration:none; color:#FFFFFF; }
#footer a:hover { text-decoration:none; color:#73655B; }

#footer p.copy a {color:#73655B;}
#footer p.copy a:hover {color:#FFFFFF;}


