/* ------------------------------------
Golden Cabinet Style Sheet (screen)
version: 1.0
author: Maraid Design
email: hello@maraid.co.uk
website: http://www.maraid.co.uk

last updated: 19 May 2013
------------------------------------- */

/*typography and colours
--------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, time, mark, audio, video {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
	}

body {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	background-color:#909090;
	color:#000;
	padding-top:160px;
	}
p{
	line-height:1.6em;
	margin-bottom:0.8em;
}
	
h1, h2, h3 {
	font-family: 'Crimson Text', serif;
	margin-bottom:0.5em;
	font-weight: 700;
	font-style:italic;
	}
h1 {
	font-size: 210%;
}
h2 {
	font-size: 160%;
}
aside h3 {
	font-size: 130%;
}
h2.support {
	font-size: 160%;
	color:#666;
}
h1.home {
	font-size: 210%;
	padding-top: 1em;
	margin-bottom: 1em;
}
h1.band {
	font-size: 230%;
	padding-bottom: 0em;
	margin: 0;
}

nav.main-nav, form input[type="submit"], nav.sub-nav {
 font-family: 'Crimson Text', serif;
}



#map h3 {
	border-bottom: 4px solid #f1f1f1;
	padding-bottom: 0.6em;
	margin-bottom: 0.6em;
	margin-top: 0.6em;
		font-size: 130%;
}


address {
	font-style: normal;
}		
	
a:hover {
	color: #909090;
	}		
	
a {
	color:#000;
/* 	text-decoration: none; */
	}
	
p.book a {
  background: none repeat scroll 0 0 #DCC903;

  border-radius: 5px 5px 5px 5px;
    margin-bottom: 0.5em;
  padding: 0.6em;
  text-align: center;
  text-decoration: none;
}

article.page ul.disc {
    list-style-type: circle;
	margin-left: 3em;
	margin-bottom: 0.8em;
	 line-height: 1.6em;
}
/*structure
--------------------------------------*/

.logo {
	float:left;
	margin: 10px  0 0 5.10204%;
	
}	

	

	
.header-container {
	position: relative; 
	z-index: 10; 
	background: #575757; 
	max-width: 980px;
		width:90%;
	margin: 0 auto;
	min-height: 160px;
}	
	
header { 
	position: fixed; 
	top: 0; 
	
	 
	z-index: 100; 
	
	width: 100%; 
	}
	

	
#wrapper {
 
  margin: 0 auto ;
  max-width: 980px;
  position: relative;
  text-align: left;
  width: 90%;
  background: #575757;
/*  padding-bottom: 40px;*/
  text-align:left;
}





.col-half {
	width:48.57142857142857%;
	float: left;
	margin-right: 2.857142857142857%;

}

div.newsinfo {
	float: right;
	width: 65.71428571428571%;
	margin-bottom: 1em;
}

section#upperfooter {
	background-color:#dcc903;
	width:90%;
	max-width: 980px;
	margin:0 auto;
	
	  text-align:left;
}

footer {
	background-color:#dcc903;
	margin-bottom: 3em;
	text-align: center;
	width:90%;
	max-width: 980px;
	margin:0 auto;
}
footer p{
	padding: 10px 0;
}



	article.homepage {

  float: left;
   margin: 0 5.10204% ;


}

article.page {

  float: left;
  margin: 0 0 20px;
  overflow: hidden;
  width: 70.2128%;
}

article.page h2{
	padding-top: 1.5em;
}

article.page h3{
	padding-top: 1em;
	
	font-size: 160%;
}

section#contentpage {
  padding: 3em 5.10204%;
/*  margin: 0 5.10204% ;*/
  background-color: #FFFFFF;
}


section#contentpagehome {
/*  margin: 0 5.10204% ;*/
  background-color: #FFFFFF;
}

div.imagearea { 
	width:34.78260869565217%; /* 160/460 */
	float: left;	
}
div.imagearea img{ 
	
	border-bottom: 6px solid #dcc903; 
}
div.share {
  margin: 15px 0;
}
img.mainimg {
  margin-top: 5px;
  border-bottom: 10px solid #dcc903; 
}

img.smalllogo {
	width: 60%; 
}
 aside.extrainfo {
	 width:24.78260869565217%; /* 160/460 */
	float:right;
}
/*navigation
--------------------------------------*/

nav.main-nav {
	float: right;
	margin-top: 90px;
	margin-right: 5.10204%;
	}
	
nav.main-nav ul {
	list-style-type:none;
	}

nav.main-nav li {
	float:left;
	padding:1em;
	position: relative;
	}

nav.main-nav li a {
	text-decoration:none;
	padding: 0.2em 0;
	display:block;
	text-transform: uppercase;
	border-bottom: 3px solid transparent; 
	color: #fff;
	
	font-size: 110%;
	}
	
nav.main-nav li a:hover {
	color:#fff;
/* 	border-bottom: 4px solid #76887A; */
	}	
/* sub-nav */

nav.sub-nav {
	width: 23.40425531914893%; /* 220/940 */
	float:right;
}

nav.sub-nav ul {
	list-style-type: none;
	margin-bottom: 3em;
}

nav.sub-nav a {
	color:#848483;
	text-decoration: none;
	border-bottom: 4px solid #efefef;
	display: block;
	padding:0.8em 0;	
	font-size: 140%;
}

nav.sub-nav li.secover {
	color:#848483;
	text-decoration: none;
	border-bottom: 4px solid #efefef;
	display: block;
	padding:0.8em 0;	
	font-size: 140%;
}
nav.sub-nav li.secover a {
	padding-left:0.8em;
	font-size: 100%;
}
nav.sub-nav li.secover ul {
	margin-top: 20px;
	border-top: 4px solid #efefef;
}
nav.sub-nav a:hover {
	color:#333;
}


body#home a#homelink { border-color: #dcc903; }
body#about a#aboutlink { border-color: #dcc903; }
body#visit a#visitlink { border-color: #dcc903; }
body#events a#eventslink { border-color: #dcc903; }
body#news a#newslink { border-color: #dcc903; }

nav.main-nav ul li:hover a { border-color: #dcc903; }
nav.main-nav ul li li { padding: .2em 1em; min-width: 200px;}
nav.main-nav ul li.sub li a { background: none; }
nav.main-nav ul li.sub:hover li a { border-color: transparent; }
	
.btn-main-nav { display: none; }

/*lists
--------------------------------------*/	

ul#modules {
	margin:30px 0;
	list-style-type: none;
	margin-bottom: 3em;
}

ul#modules img {
	display: block;
}

ul#modules li {
	width: 22.80425531914893%;/* 220/940 */
	float: left;
	margin-right: 2.127659574468085%;/* 20/940 */
	
}
ul#modules li h3 {
	margin-bottom: 0;
	font-size: 150%;
}
ul#modules li h2 {
	border-bottom: 4px solid #efefef;
	padding-bottom: 10px;
}
	
ul#modules li div.wrap {
	padding: 7%;
	background-color: #fff;
	margin-bottom: 0.8em;
}

ul#modules li a {
	color: #505050;
	text-decoration: none;
}


ul.social {
  float: left;
  list-style-type: none;
  
}



ul.event-list {
	list-style-type: none !important;
	margin-top: 3em;
	margin-left: 0 !important;
}	

ul.event-list li {
	width:48.93617021276596%;
	float: left;
	margin: 0 2.127659574468085% 30px 0;
}


div.textarea { 
	width:60.86956521739127%;/*  280/460 */
	float:right;
}

ul.event-list li a {
	text-decoration: none;
	color: #505050;
}

aside  p.date {
	color: #000 ;
	margin-bottom: 1em;
	font-weight:bold;
}

ul.event-list li h3 {
  color: #000;
  font-size: 150%;
  margin-bottom: 0;
  text-decoration: underline;
}

ul.event-list li h3:hover {
	color: #666;
}

ul.event-list li:nth-child(2n+2) {  
  margin-right:0;
}

ul.event-list li:nth-child(2n+1){  
  clear:both
}	
ul.event-list-home {
	list-style-type: none !important;
}	

ul#modules ul.event-list-home li {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
ul#modules ul.event-list-home li h3 {
	margin-bottom: 0;
	font-size: 150%;
}
#newsletter {
  float: left;
  padding: 3em 5.10204%;
  width: 19.1489%;
}
#contact, #socialfooter {
  float: left;
  margin-left: 5.10204%;
  padding: 3em 0;
  width: 23.4043%;
}

ul.social li {
	float:left;
	margin-right:8px;
}
	



ul#services {
	margin:45px 0;
}

ul#services li {
	float:left;
	width:48.93617021276596%; /* 460/940 */
	margin-bottom: 20px;
	margin-right: 2.127659574468085%;
}

ul#services li:nth-child(even) {
	margin-right: 0;
} 


ul#services img {
	width:32.60869565217391%; /* 150/460 */
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

ul#services p, ul#services h2 {
	margin-left:36.95652173913043%; /* 170/460 */
}

ul#services h2 {
	margin-bottom:0.6em;
}

ul#services p a.button {
	background-color: #1a4862;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	padding:5px 8px;
	text-decoration: none;
	color: #fff;
}

ul#services p a.button:hover {
	background-color: #aa003f;
	color: #fff;
}

ul#clients li {	/* logos */
	float: left;
	margin-right:2.857142857142857%;
}
.clients { /* text list */
	float: left;
	margin-right:2.857142857142857%;
	width:47.14285714285714%; /* 330/700 */
	margin-top: 2em;
}

div.subservices ul li {
	background:url(../images/site/bullet2.png) no-repeat 0 50%;
	padding-left: 30px;
}


/*images
--------------------------------------*/

img {
	width:100%;
}

img.logo {
	width: auto;
}

img.size {
	width:auto;
}

.homelist img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

.sticker {
	position: absolute;
	top:-40px;
	right: 25px;
	width:auto;
}

img.newsdetail {
	margin-bottom: 1em;
}

img.newsthumb {
	width:31.42857142857143%;
	float: left;
	margin-bottom: 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}



/*forms
--------------------------------------*/

form#emailform fieldset {
	margin: 0 0 10px 0;
	}
form#emailform fieldset.form-actions {
	margin: 0;
	}
form#emailform fieldset label {

	}
form#emailform fieldset input.formtext {
	display: block;
	width: 80%;
	padding: 5px;
	margin-bottom: 10px;
	font-style: italic;
	border: none;
	background: #CCC;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	}
form#emailform fieldset input.form-text:focus {
	border: none;
	background: #fff;
	}
form#emailform fieldset p.form-help {
	margin: 5px 0 0 0;
	font-size: 12px;
	color: #999;
	}
form#emailform input[type="submit"] {
	margin: 0;
	padding: 8px 10px 5px;
	border:none;
	color: #fff;
	background: #333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;	
	text-transform: uppercase;
	}
form#emailform input[type="submit"]:hover,
form#emailform input[type="submit"]:focus {
	border: none;
	background: #666;
	}
form#emailform input[type="submit"]:active {
	border: none;
	background: #eee;
	}				
	

/*other
--------------------------------------*/

div.horrule {
	height: 1px;
	border-top: 1px solid #e4e4e4;
	margin: 20px 0 20px 0;
	}

div.horrule hr {
	display: none;
	clear:both;
	}
	
.hidden, form#emailform fieldset label {
	position: absolute;
	left: -10000px;
	width: 1px;
	height:1px;
	overflow:hidden;
	top:auto;
	}	
	
.clear-float:after {/*clear floated elements*/
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
* html .clear-float { height:1%; } /* IE6 */
*:first-child+html .clear-float { min-height:1%; } /* IE7 */

.clear {/*clears anything leaving no gap*/
	float:none;
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
	}

.clearheight {/*clear anything leaving a gap*/
	float:none;
	clear:both;
	}
	
.end {
	margin-right:0 !important;
}		

.col3 img {
    max-width: 220px;
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 10px;
}

#map{
	height: 320px;
	width: 100%;
	margin-bottom: 20px;
	
}
#map h3, #map p{
	color: #000;
}


	
/*media queries 
--------------------------------------*/

@media screen and (max-width:965px) {
	body { padding-top: 175px; }
	img.size { margin-bottom: 0;}
	nav.main-nav { display: block; float: left; margin-bottom: 30px; clear: both; margin-left: -1em; }
	nav.main-nav ul li:hover ul { z-index: 100; }


	/* option 1 - remove the margin-bottom to give a little more room */
	nav.main-nav { margin-bottom: 0; }
	

	/* option 2 - reduce the font size of the nav items */
	body { padding-top: 80px; }
	.header-container, #wrapper, footer,section#upperfooter { width: 95%; }
	nav.main-nav { float: right; clear: none; margin-bottom: 0; }
	nav.main-nav ul ul { top: 60px; }
	nav.main-nav li { padding: 1em .5em; }
	nav.main-nav li a { font-size: 85%; }

	/* option 3 - non sticky nav */
	body { padding-top: 0; }
	header { width: 100%; position: static; }
}

@media screen and (max-width:768px) {

.sticker  {
	-webkit-transform: scale(0.8);
	-ms-transform: scale (0.8);
	transform: scale(0.8);
	right:0;
}



}	/* end of media 768 */	


@media screen and (max-width:700px) {


article.info, aside.extra, .col-half, ul#services li {
	float:none;
	width:100%;
	display: block;
}



	body { padding-top: 0; }
	header { width: 100%; position: static; }
	nav.main-nav { display: block; float: none; margin-top: 0; margin-bottom: 30px; overflow: hidden; clear: both; margin-left: 0; line-height: 0; margin-bottom: 0; margin-right: 0;}
	nav.main-nav.closed { height: 0; }
	
	nav.main-nav li { display: block; width: 100%; clear: both; float: none; border-bottom: 1px dotted #ccc; padding: 1em 0; }
	nav.main-nav li a { padding-left: 1em; border-bottom: none; line-height: 0; font-size: 100%;}
	nav.main-nav li:last-child { border: 0; }
	nav.main-nav ul li:hover ul { display: none; }
	nav.main-nav ul li.sub a { background: none; }
	nav.main-nav ul li:hover a { border-color: transparent; }

	.btn-main-nav { display: block; position: absolute; right: 5%; top: 30px; border: 1px solid rgba(255,255,255,.3); text-indent: -9999em; width: 50px; height: 30px; border-radius: 3px; background: transparent; color: #fff; cursor: pointer;}
	.btn-main-nav span { display: block; margin: 5px 2px; height: 2px; background: #fff; border-radius: 5px; }


	/* navigation animation */
	nav.main-nav { 
		transform: translate3d(0,0,0);
	  	-webkit-transform: translate3d(0,0,0);
	  	-moz-transform: translate3d(0,0,0);
	  	transition:all .3s ease-in-out;
	  	-moz-transition:all .3s ease-in-out;
	  	-webkit-transition:all .3s ease-in-out; 
	}

	.pcarousel  { }
	.flex-direction-nav { display: none; }
	
	
#upperfooter .col {
	width:48.93617021276596%;
}	

#upperfooter .col p {
	font-size: 110%;
}	

#upperfooter .col:nth-child(2) {
	margin-right:0;
}	
	
.sticker  {
	-webkit-transform: scale(1);
	-ms-transform: scale (1);
	transform: scale(1);

}	

.homelist {
    width: 48.93617021276596%; /* 940-20/2/940 */
}

.homelist:nth-child(2n+2) {
    margin-right: 0
}

section.content {
	margin-top: 20px;
}	

}	/* end of media 700 */	





@media screen and (max-width:600px) {

#upperfooter .col, div.newsinfo, img.newsthumb {
	float: none;
	width:100%;
	margin-top: 0;
}

#upperfooter {
	padding-top:40px;
}

ul#modules li, ul.event-list li, div#socialfooter, div#newsletter, div#contact, article.page, aside.extrainfo, nav.sub-nav {
	width: 100%;
	display: block;
	float:none;
	clear: both;
}
#upperfooter {
  padding-top: 0px;
}


}	/* end of media 600 */	


@media screen and (max-width:320px) {

img.logo {
	 width: 65%;
	 margin-top: 20px;
}

.homelist {
    width: 100%; 
    float: none;
    display: block;
     margin-right: 0;
     margin-bottom:20px;
}

.content-wrap {
	padding-bottom: 0;
}

footer {
	text-align: left;
}

footer a {
	display: block;
}


}	/* end of media 320 */