@charset "UTF-8";
/* CSS Document */

/* --------------------------------------------------------------    
	Reset      
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


body {
	font-size: 62.5%; /* Resets 1em to 10px */
	line-height: 1.5;
	font-weight:lighter}

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

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

a img { border: none; }

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

h1,h2,h3,h4,h5,h6 {width:100%; float:left; margin-bottom:20px; font-family:"Helvetica Neue",Helvetica, Arial, sans-serif; font-weight:normal}
h1 {font-size: 2.4em; line-height:1.1; text-transform:uppercase; width:215px; color:#23034c}
h2 {font-size: 1.6em; width:225px; color:#7f4398; line-height:1.1; text-transform:uppercase;}
h3 {font-size: 1.3em; margin-bottom:15px; line-height:1.2; color:#7f4398;}
h4 {font-size: 1.4em; background:url(../images/flourish.gif) no-repeat; padding-left:31px; width:198px; background-position:top left; line-height:1.2; color:#7f4398; margin-top:6px}
h5 {font-size: 1.1em; font-family:"Helvetica Neue",Helvetica, Arial, sans-serif}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

/* --------------------------------------------------------------    
	Text Elements    
-------------------------------------------------------------- */

p {font-size:1.2em; line-height:1.75; margin-bottom:7px; float:left; width:100%}
p img {float: left; margin:0px; padding:0px}
a:focus, a:hover {color:#a479b5}
a {color:#686566; text-decoration:none; border-bottom: #686566 solid 1px}
a:active{position:relative;top:1px}
strong {font-weight: bold;}
em,dfn {font-style: italic;}
dfn {font-weight: bold;}



/* --------------------------------------------------------------    
	Misc Classes      
-------------------------------------------------------------- */

.small      {font-size:8px}
.highlight  {color:#ed135d}
.bold {font-weight:bold}
.red {color:#ed1848}
	
/* --------------------------------------------------------------    
	Container Elements      
-------------------------------------------------------------- */

html, body {height: 100%}

body {
	margin:0px;
	padding:0px;
	text-align:center;		
	background:url(../images/main-background.gif) #ecf1f1 no-repeat;
	background-position:center top;	
	font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
	color:#686566;
	}


#content {
	width:900px;
	height:100%;
	margin:0px auto;
	clear:left;
	text-align:left;
	position:relative
	}

.ie6 {position:absolute; top:0px; left:0px; width:100%; padding-top:20px; padding-bottom:20px; background:#EFE6FA; text-align:center}

#off-piste {position:absolute; top:0px; left: 50%; height:274px; width: 234px; margin-left: -552px; z-index:99}
#off-piste a {border-bottom:0px}

/* --------------------------------------------------------------    
	Text Column     
-------------------------------------------------------------- */

#main-column {
	width:614px;
	float:left;
	margin-top:35px
	}
#main-header {
	width:591px;
	margin-left:20px;
	margin-left:11px;
	margin-right:12px
}
#main-image {
	width:304px;
	float:left;
}

#main-image h3 {width:284px; margin-left:10px; margin-right:10px; margin-top:15px; margin-bottom:0px}
#text {
	width:271px;
	float:left;
	background:url(../images/text-bg.gif) no-repeat;
	background-position:right top;
	padding-right:28px;
	padding-left:5px;
	padding-top:31px;
	margin-top:16px;
	padding-bottom:31px
}

#news #text-wide {padding-bottom:0px}

#text-wide {
	width:537px;
	float:left;
	background:url(../images/text-bg.gif) no-repeat;
	background-position:right top;
	padding-right:28px;
	padding-left:43px;
	padding-top:31px;
	margin-top:16px;
	padding-bottom:31px
}

#text-wide h1 {width:480px}
#text-wide p {width:480px}
.main-column-promo {width:529px; height:163px; float:left}
.main-column-promo-surround {width:529px; height:180px; float:left; border-bottom:1px #c8c0d2 solid; padding-top:17px; margin-bottom:17px}
.main-column-promo-image {width:264px; height:163px; float:left}
.main-column-promo-text {width:241px; height:163px; position:relative; float:left; margin-left:24px}
.main-column-promo-text-inside {position:absolute; bottom:0px; left:0px}
#text-wide .main-column-promo-text-inside p {width:241px; margin-bottom:0px; position:relative; top:5px}
#text-wide .main-column-promo-text-inside h2 {width:241px; margin-bottom:0px}
.main-column-promo-surround:hover {background-color:#efe6fa; display:block; cursor:pointer}

.news-titles {width:440px; float:left; border-bottom:1px solid #7F4398; margin-bottom:10px; position:relative}
.news-titles h2 a {border-bottom:0px}
#read-more-ss {display:none}

.date {position:absolute; bottom:0px; right:0px; display:none}
.news-item {width:440px; float:left; background:#f3f4f4; padding:20px; margin-bottom:31px}
#text-wide .news-item p {width:440px}

#news h2 {width:auto; margin-bottom:10px}

#news .right-side-text h2 {margin-bottom:0px}

#special-offers h2 {width:auto; margin-bottom:10px}

#special-offers .right-side-text h2 {margin-bottom:0px}


#news-list {width:242px; float:left; margin-top:3px}
#news-list li {width:242px; position:relative; list-style:inside; *list-style:none; *margin-left:0px; *padding-left:0px; *width:235px; *right:16px; padding-bottom:5px; padding-top:5px; border-bottom:1px solid #C8C0D2; font-size:1.2em}
#news-list li a { border-bottom:0px}

#twitter_update_list {width:242px; float:left; margin-top:3px}

#twitter_update_list li {width:242px; position:relative; list-style:none; padding-bottom:5px; padding-top:5px; font-size:1.2em}


#news-items .right-side-text:hover {background-color:#FFF; cursor:default}
.right-side-text:hover {background-color:#efe6fa; display:block; cursor:pointer}

.red-block:hover {background-color:#fae6e6; display:block; cursor:pointer}

#text-wide-detail {
	width:537px;
	float:left;
	background-position:right top;
	padding-right:28px;
	padding-left:43px;
	padding-top:31px;
	margin-top:16px;
	padding-bottom:31px
}
#text-wide-detail h1 {width:354px}
#text-wide-detail h2 {width:354px}
#text-wide-detail h4 {margin-right:125px; margin-bottom:10px}
#text-wide-detail h5 {color:#7F4398; margin-bottom:5px; text-transform:uppercase}
#text-wide-detail p {width:354px}
.below {background:url(../images/below-bg.gif) no-repeat;}
.restaurant {background:url(../images/restaurant-bg.gif) no-repeat;}
.cocktail {background:url(../images/cocktail-bar-bg.gif) no-repeat;}
.boutique {background:url(../images/boutique.gif) no-repeat;}
.whisky {background:url(../images/whisky-room-bg.gif) no-repeat;}
.secret-garden {background:url(../images/secret-garden-bg.gif) no-repeat;}
.food {background:url(../images/food-image-bg.gif) no-repeat;}

.drinks {background:url(../images/drinks-bg-image.gif) no-repeat;}

.green-room {background:url(../images/green-room-bg.gif) no-repeat;}
.white-room {background:url(../images/white-room-bg.gif) no-repeat;}

.bond-room {background:url(../images/bond-bg.gif) no-repeat;}

.inchkeith-room {background:url(../images/inchkeith-bg.gif) no-repeat;}





.cocktail #text-wide-detail-quote {margin-top:470px}
.boutique #text-wide-detail-quote {margin-top:320px}

.whisky #text-wide-detail-quote {margin-top:350px}
.secret-garden #text-wide-detail-quote {margin-top:290px}
.food #text-wide-detail-quote {margin-top:250px}
.drinks #text-wide-detail-quote {margin-top:230px}

.white-room #text-wide-detail-quote {margin-top:300px}

.bond-room #text-wide-detail-quote {margin-top:300px}

.inchkeith-room #text-wide-detail-quote {margin-top:300px}

#text-wide-detail-text {width:354px; float:left}
#text-wide-detail-quote {width:149px; float:left; margin-left:32px; margin-top:250px; text-align:right}
#text-wide-detail-quote h3 {width:149px; font-size:1.8em; text-align:right}
#text-wide-detail-quote small {position:relative; top:20px; font-style:italic; font-size:10px}
#text-wide-detail-text ul {float:left}
#text-wide-detail-text ul li {float:left; font-size:1.2em; width:300px; margin-left:15px; margin-bottom:5px; margin-top:5px}

/* --------------------------------------------------------------    
	Right Side    
-------------------------------------------------------------- */

#right-column {
	width:280px;
	float:left;
	margin-left:6px;
	margin-top:35px;
	padding-bottom:31px
	}
	.christmas-sign-header {width:242px; float:left; margin-left:19px; margin-bottom:15px}
	#christmas-sign {margin-left:19px; float:left;}

#sign-up-form {width:254px; float:left; background:url(../images/sign-up-now-bg.gif) no-repeat; background-position:top left; margin-left:13px; margin-right:13px;}

#bookings {width:254px; float:left; border-top:1px solid #c8c0d2; padding-bottom:24px; padding-top:24px; background:url(../images/bookings-bg.gif) no-repeat; background-position:bottom left; margin-left:13px; margin-right:13px;}

#bookings h3 {width:153px; margin-left:95px; text-transform:uppercase; margin-bottom:5px}
#bookings p {width:153px; margin-left:95px; margin-bottom:5px; line-height:1.3}

.right-line {width:280px; float:left; border-bottom:7px solid #ECF1F1; margin-top:24px}


.right-side-promo {width:242px; float:left; margin-left:19px; margin-right:19px; margin-top:24px; border-bottom:1px solid #c8c0d2}
.right-side-promo-image {width:242px; float:left; border-bottom:1px solid #c8c0d2}
.right-side-text {width:242px; float:left; padding-top:15px; padding-bottom:6px}
.right-side-text h2 {margin-bottom:0px; font-size:1.4em}
.right-side-text p {line-height:1.4; margin-top:4px}


.right-side-promo h3 {width:74px; margin-bottom:0px; position:relative; top:9px; font-family:"Helvetica Neue",Helvetica, Arial, sans-serif; font-size:11px}

.right-side-promo .twitter {width:80px; float:left; margin-left:0px}
.right-side-promo .facebook {width:80px; float:left; margin-left:8px}

.right-side-promo .twitter a {
background-image:url(../images/twitter.gif);
background-position:bottom left;
height:28px;
position:relative;
width:80px;
float:left;
border-bottom:0px
}

.call-to-action {
	min-height:24px;
	padding-left:30px;
	background:url(../images/cta.png) no-repeat;
	text-transform:uppercase;
	font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
}

#contact .call-to-action {height:auto}
#contact h2 {margin-top:13px; width:auto; border-bottom:1px solid #7F4398}

#contact .right-side-promo h2 {margin-top:0px}

.call-to-action a {border-bottom:0px}

.right-side-promo .twitter a:hover {
	background-position:top left
}

.right-side-promo .twitter span {display:none}

.right-side-promo .facebook a {
background-image:url(../images/facebook.gif);
background-position:bottom left;
height:28px;
position:relative;
width:80px;
float:left;
border-bottom:0px
}

.right-side-promo .facebook a:hover {
	background-position:top left
}

.right-side-promo .facebook span {display:none}

/* --------------------------------------------------------------    
	Footer    
-------------------------------------------------------------- */

#footer {width:900px; height:40px; background:#ffffff; float:left; border-top:#ecf1f1 solid 7px}
.footer-contents {width:auto; height:40px; font-family:"Helvetica Neue",Helvetica, Arial, sans-serif; text-transform:uppercase}
.footer-contents img {position:relative; top:10px}
.footer-contents span {position:relative; left:10px; bottom:0px}

/* --------------------------------------------------------------    
	Main Menu  
-------------------------------------------------------------- */


#menu-surround {
   float:left;
   width:900px;
   overflow:hidden;
   position:relative;
   margin-top:131px;
   list-style:none;
   height:26px
}
#menu-surround ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

#menu-surround ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   height:26px;
   margin-left:9px;
   margin-right:9px
}

ul.menu {list-style:none; margin:0; padding:0; margin-top:131px; float:left; height:26px}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; text-transform:uppercase; height:26px; font-family:"Helvetica Neue",Helvetica, Arial, sans-serif; font-size:1.3em; padding-left:12px; padding-right:12px; border-bottom:0px; text-decoration:none}
ul.menu li {position:relative; float:left; height:26px}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border-top:none;  margin:0}
ul.menu ul li a {display:block; background-color:#d1d1d1;}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {width:auto}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}







#menu .home-link a:hover {
	background:url(../images/home-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}
#menu .explore-link a:hover {
	background:url(../images/stay-bg.gif);	
	background-position:center top;
	background-repeat:no-repeat;
	}
#menu .food-link a:hover {
	background:url(../images/food-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}
#menu .drinks-link a:hover {
	background:url(../images/drinks-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}
#menu .stay-link a:hover {
	background:url(../images/stay-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}
#menu .dance-link a:hover {
	background:url(../images/dance-with-us-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}	
#menu .green-link a:hover {
	background:url(../images/stay-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}
#menu .news-link a:hover {
	background:url(../images/food-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}
#menu .contact-link a:hover {
	background:url(../images/contact-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}


/* --------------------------------------------------------------    
	Highlights 
-------------------------------------------------------------- */

#home #menu .home-link a {
	background:url(../images/home-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}

#explore #menu .explore-link a {
	background:url(../images/stay-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}
	
#food #menu .food-link a {
	background:url(../images/food-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}

#drinks #menu .drinks-link a {
	background:url(../images/drinks-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}

#stay #menu .stay-link a {
	background:url(../images/stay-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}
	
#dance #menu .dance-link a {
	background:url(../images/dance-with-us-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}

#green #menu .green-link a {
	background:url(../images/stay-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}

#news #menu .news-link a {
	background:url(../images/food-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}

#contact #menu .contact-link a {
	background:url(../images/contact-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}
	

/* -------------------------------------------------------------- 
Contact Form  
-------------------------------------------------------------- */

#contactformmain {
float:left;
width:480px;
margin-top:10px;
margin-bottom:31px
}

#contactformmain label {
float:left;
line-height:1.4;
font-size:14px;
width:auto;
padding:0px;margin-bottom:5px; color:#686566;
position:relative; left:12px; font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
}

#contactformmain input {
float:left;
width:460px;
border: 1px dotted #CCC;
background:#EFE6FA;
font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
padding:10px;
margin:0px;
font-size:14px;
margin-bottom:13px
}

#contactformmain textarea {
background:#EFE6FA none repeat scroll 0 0;
border:0 none;
float:left;
font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
font-size:12px;
height:60px;
width:454px;
padding:13px;
margin-bottom:13px
}

#contactformmain select {
float:left;
border: 1px dotted #CCC;
background:#EFE6FA;
font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
margin:0px;
font-size:14px;
margin-bottom:13px;
margin-left:25px
}
br.clear {clear:both; display:block; height:1px; margin:-1px 0 0 0 }


#contactformmain .check-box {width:auto; margin-left:20px; position:relative; top:2px}

#contactformmain .form-submit {width:51px; height:17px; margin:0px; padding:0px; float:right; margin-top:13px; border:0px}


#sign-up-form #contactformmain {
float:left;
width:153px;
margin-left:95px;
margin-top:0px;
margin-bottom:10px
}

#sign-up-form #contactformmain input {
float:left;
width:143px;
border: 1px solid #c8c0d2;
background:#ffffff;
font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
padding:4px;
margin:0px;
font-size:12px;
margin-bottom:4px
}

#sign-up-form #contactformmain .form-submit {width:37px; height:12px; border:0px; float:right; margin:0px; padding:0px; margin-top:2px}

#sign-up-form h3 {width:153px; margin-left:95px; text-transform:uppercase; margin-bottom:5px}
#sign-up-form p {width:153px; margin-left:95px; margin-bottom:5px; line-height:1.3}

#christmas #main-column {background:url(../images/christmas-bg.jpg) no-repeat #d61f25; background-position:bottom; padding-bottom:50px; margin-top:14px}
#christmas-text {width:482px; float:left; margin-left:66px; margin-right:66px}
#christmas #main-column h1 {color:#ffffff;
font-size:1.8em;
line-height:1.2;
text-transform:uppercase;
width:360px; margin-bottom:25px; margin-top:20px}

#christmas #main-column h2 {color:#e7ca1c;
font-size:1.5em;
line-height:1.1;
text-transform:uppercase;
width:482px;
margin-bottom:12px; margin-top:11px}

#christmas #main-column h3 {color:#ffffff;
font-size:1.2em;
line-height:1.1;
text-transform:uppercase;
width:482px; margin-bottom:5px}

#christmas #main-column p {color:#FFF; margin-bottom:9px}
#christmas #main-column p a {color:#ffffff;}
#christmas #main-column p a:hover {color:#E7CA1C;}

#christmas #main-column .call-to-action {background:url(../images/call-to-action-black.png) no-repeat; margin-bottom:7px}

.shows-table {border-bottom:1px solid #C8C0D2; width:242px; float:left; padding-bottom:5px; margin-bottom:0px;}
.shows-table p {margin-top:0px; margin-bottom:0px; padding:5px; font-weight:lighter}
.shows-header {background:#efe6fa; text-align:left}
.gigpress-empty {position:relative; left:5px}

#gallery li {width:53px; height:53px; list-style:none; margin-right:10px; float:left; margin-bottom:10px}
#gallery li a {border-bottom:0px; background:#efe6fa; filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity:0.50;
	opacity:0.50;}
#gallery li a:hover {border-bottom:0px; filter:alpha(opacity=99);
	-moz-opacity:0.99;
	-khtml-opacity:0.99;
	opacity:0.99;}
#gallery img {width:53px; height:53px}
#gallery {width:252px; float:left; margin-top:10px;}

.commentlist {width:440px; float:left}
.commentlist li {width:440px; float:left; list-style:none; border-bottom:1px solid #7F4398; padding-bottom:10px; padding-top:10px}
.comment-surround {width:440px; float:left}
.gravatar {width:80px; height:80px; float:left}
.comment-details {float:left; width:350px; margin-left:10px}
#text-wide .news-item .comment-details p {width:350px; margin-bottom:0px; line-height:1.5}
.author-name {float:left; width:350px;}
.comment-text {float:left; width:350px; margin-top:3px}
#news .author-name h2 {margin-bottom:0px; color:#686566}
#news .author-name h2 a {border-bottom:0px}
.comment-meta {float:left; width:350px;}

#commentform {width:440px; float:left}
#commentform textarea {width:440px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.2em}

#submit {width:51px; height:17px; border:0px; padding:0px; background:url(../images/submit.png); float:left; margin-top:10px; cursor:pointer}