@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 #4B194C;
}

/*----- ALIGNMENTS -----*/ 
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

/*----- COLOURS -----*/ 
.black { color:#000000; }
.white { color:#ffffff; }

.lylic {color:#D0BFD0;}
.light-lylic { color:#ECE6EC; }
/*.purple { color:#4B194C; }
.light-purple { color:#735573; }
.dark-purple { color:#360C37; }
.darker-purple { color:#220022; }*/
.orange { color:#DB7D1C; }

.teracotta { color:#76180F; }
.dark-teracotta { color:#580B08; }
.darkdark-teracotta { color:#380000; }



/*--------------------------------------------------------------------------------------------------------*/
/*----- WRAPPER -----*/
/*--------------------------------------------------------------------------------------------------------*/
#wrap
{
	width:890px;
	margin: 10px auto 10px auto;
	padding: 0px 0px 0px 0px;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- HEADER -----*/
/*--------------------------------------------------------------------------------------------------------*/
#header {
	position:relative;
	width:890px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#toplinks {
	width:890px;
	position:absolute;
	top:45px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:right;
}
/*#toplinks {
	width:890px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:right;
}*/

#toplinks a { text-decoration:none; color:#BB908F; }
#toplinks a:hover { text-decoration:none; color:#ffffff; }
#toplinks a.active { text-decoration:none; color:#DB7D1C; }

/*--------------------------------------------------------------------------------------------------------*/
/*----- 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 0px 0px;
	float:left;
}
#right-col {
	width:230px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}

/*----- CONTENTZONE - WIDE COLUMN - FLOATING -----*/
/*--------------------------------------------------------------------------------------------------------*/
#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 0px 0px;
	float:left;
}




/*--------------------------------------------------------------------------------------------------------*/
/*----- HTML ELEMENTS -----*/
/*--------------------------------------------------------------------------------------------------------*/
p {
	margin: 0px 20px 10px 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:#7D637E;
}

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:#DB7D1C; 
	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:#76180F;}
a:hover {text-decoration:underline; color:#DB7D1C;}

/*--------------------------------------------------------------------------------------------------------*/
/*----- NAVCON -----*/
/*--------------------------------------------------------------------------------------------------------*/
#navcon {
	width:180px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

#navcon img {
	display:block;
	outline: none;
}

#navcon .subnav {	
	width:180px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

#navcon p {
	margin: 0px 10px 5px 30px;
	padding: 0px 0px 0px 0px;
	color:#ffffff;
	font-size:90%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
}

#navcon .subnav a {
	text-decoration:none;
	color:#BB908F;
	outline: none;
}

#navcon .subnav a:hover, 
#navcon .subnav a.active {
	text-decoration:none; color:#ffffff;
}



/*--------------------------------------------------------------------------------------------------------*/
/*----- SPECIAL OFFERS BOX -----*/
/*--------------------------------------------------------------------------------------------------------*/
#specialoffers {
	width:440px;
	margin: 10px 0px 20px 20px;
	padding: 0px 0px 0px 0px;
	background-color:#CAAAAB;
}

#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 10px; 
	padding:0px 0px 0px 0px; 
	float:right; 
}

#imgcon img { 
	width:200px; 
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- IMG - LANDSCAPE -----*/
/*--------------------------------------------------------------------------------------------------------*/
#mid-col img.landscape { 
	width:440px;
	height:150px; 
	margin: 10px 0px 20px 20px; 
	padding:0px 0px 0px 0px; 
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- 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:#580B08;
}

#logos img.broadford {
	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:#3B0101;
}

#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:#8B3D36;
	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-chef {
	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 #380000;
}



/*--------------------------------------------------------------------------------------------------------*/
/*----- 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: 3px;
	background-color:#220022;
	color:#ffffff;
}

table.tariff td {
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	background-color:#D0BFD0;
}

table.tariff td.room {
	width:200px;
}

table.tariff td.price {
	width:150px;
	text-align:center;
	font-weight:bold;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- SAMPLE MENUS -----*/
/*--------------------------------------------------------------------------------------------------------*/

.samplemenus h1 {
   text-align: center;
   width: 440px;
   height: 36px;
   background-image: url(../images/jpg/menu-bg.jpg);
   outline: none;
}
.samplemenus a {
   display: block;
   width: 440px;
   height: 36px;
   font: 12px/36px Verdana, Arial, Helvetica, sans-serif;
   color: #DFCDCB;
   text-decoration:none;
   outline: none;
}
.samplemenus a:hover {
   color: #DB7B19;
   }

/*--------------------------------------------------------------------------------------------------------*/
/*----- FOOTER LOGOS -----*/
/*--------------------------------------------------------------------------------------------------------*/
#foot-logos {
	width:890px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	background-color:#3B0101;
	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 0px 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:#BB908F;}

#footer a { text-decoration:none; color:#FFFFFF; }
#footer a:hover { text-decoration:none; color:#7D637E; }

#footer p.copy a {color:#BB908F;}
#footer p.copy a:hover {color:#FFFFFF;}

#control{
	background-color:#380000;
	}