html, body { height: 100%;
}
@font-face {
	font-family: 'ComfortaaThin';
	src: url('../fontname/Comfortaa_Thin-webfont.eot');
	src: url('../fontname/Comfortaa_Thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fontname/Comfortaa_Thin-webfont.woff') format('woff'), url('../fontname/Comfortaa_Thin-webfont.ttf') format('truetype'), url('../fontname/Comfortaa_Thin-webfont.svg#ComfortaaThin') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	background: #931137 url(../../images/bg.jpg) no-repeat center top;
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 24px;
	font-size: 14px;
	height: 100%;
}
p {
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 24px;
	font-size: 14px;
	color: #686d71;
}
a {
	color: #931137;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	position: relative;
	top: 1px;
}
h1 {
	font: 30px/30px 'ComfortaaThin', Arial, sans-serif;
	color: #464548;
	letter-spacing: -1px;
	margin: 0 0 30px 0;
}
h2 {
	font: 24px/24px 'ComfortaaThin', Arial, sans-serif;
	color: #464548;
	letter-spacing: -1px;
}
h3 {
	color: #931137;
	margin: 0 0 10px 0;
	font: 18px/18px 'ComfortaaThin', Arial, sans-serif;
}
h4 {
}
h5 {
	font: 10px/10px Tahoma, Geneva, sans-serif;
}
h1.div {
	margin: 0 0 30px 0;
	padding: 0 0 25px 0;
	background: url(../../images/div.png) repeat-x center bottom;
}
h2.div, h3.div, h4.div {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	background: url(../../images/div.png) repeat-x center bottom;
}
li {
	line-height: 30px;
	color: #686d71;
}
.input {
	margin: 5px 0;
	float: right;
	clear: both;
}
.input span {
	position: absolute;
	padding: 5px;
	margin-left: 3px;
	color: #999;
	font-size: 10px;
}
.input input, .input textarea, .input select {
	position: relative;
	margin: 0;
	padding: 3px;
	background: transparent;
	font: inherit;
}
.input input, .input textarea, .input select {
	padding: 2px;
	font-size: 10px;
}
button.btn, input[type="submit"].btn {
	float: right;
	padding: 2px 6px;
	font-size: 11px;
	line-height: 16px;
}
hr {
	display: block;
	height: 1px;
	background: #e5e5e5;
	border: 0;
	border-bottom: #fff solid thin;
}
/* HEADER ================================================== */

header {
	height: 190px;
	width: 940px;
	padding: 0 40px 0 40px;
	margin: 0 auto;
}
img.brand {
	display: block;
	float: left;
	margin: 35px 0 0 0;
}
#signup {
	margin: 10px 0 10px 0;
	float: right;
	text-align: right;
}
nav {
	float: left;
	width: 940px;
	height: 48px;
}
nav ul {
	list-style-type: none;
}
nav ul li {
	position: relative;
	display: inline;
	float: left;
	margin: 0 69px 0 0;
}
nav ul li.last {
	margin: 0;
}
nav ul li a {
	display: block;
	height: 50px;
	line-height: 50px;
	text-shadow: #FFF 0 2px 1px;
	color: #000;
}
nav ul li a:hover {
	color: #931137;
}
nav ul li a.last {
	margin: 0;
}
nav ul ul {
	position: absolute;
	left: -9999px;
	top: -9999px;
	list-style-type: none;
	border: 1px solid #CCC;
	border-top: 0;
}
nav ul li:hover {
	position: relative;
}
nav ul li:hover ul {
	left: -10px;
	top: 50px;
	width: auto;
	z-index: 999999999;
	margin: 0;
}
nav ul li:hover ul li {
	height: 48px;
	line-height: 48px;
	width: 100%;
	border: none;
	margin: 0;
	background: url(../../images/header.png) repeat-x center -160px;
}
nav ul li:hover ul li a {
	height: 48px;
	line-height: 48px;
	padding: 0px;
	display: block;
	text-indent: 10px;
	text-decoration: none;
	display: inline-block;
	-webkit-transition: none;
	-o-transition: none;
	-moz-transition: none;
	color: #000;
	margin: 0 10px 0 0;
	white-space: nowrap;
}
nav ul li:hover ul li a:hover {
	color: #931137;
}
#signup h3 {
	font: 14px/12px 'ComfortaaThin', Arial, sans-serif;
	margin: 0 0 7px 0;
}
#signup form {
	margin: 0;
}
/* STRUCTURE ================================================== */

.headerwrap {
	background: url(../../images/header.png) repeat-x center bottom;
	height: auto;
	width: 100%;
	min-width: 1040px;
}
.mainwrap {
	background: url(../../images/panel.png) repeat-x center top;
	min-height: 100%;
	height: auto;
	width: 100%;
	min-width: 1040px;
}
#main {
	height: auto;
	width: 940px;
	margin: 0 auto;
	padding: 20px 40px 0 40px;
	background: url(../../images/main.png) no-repeat center -21px;
	overflow: hidden;
}
#main img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 30px 0;
}
/* MAIN ================================================== */

#content {
	width: 540px;
	float: left;
	padding: 30px 40px;
}
#content ul.list {
	list-style: none;
	margin: 0;
}
#content ul.list li {
	height: auto;
	margin: 0 0 30px 0;
	overflow: hidden;
}
#content ul.list li img {
	margin: 0 30px 0 0;
	float: left;
}
#content ul.list li h3 {
	float: left;
	width: 340px;
}
#content ul.list li p {
	float: left;
	width: 340px;
}
#content .btn {
	margin: 15px 0;
}
#ctas {
	border-top: #e5e5e5 solid thin;
	width: 540px;
	margin: 20px 0 0 0;
	padding: 30px 0 0 0;
	overflow: hidden;
}
#ctas a {
	width: 163px;
	height: 130px;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	margin: 0 25px 0 0;
}
#ctas a.last {
	margin: 0;
}
#ctas a img {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	margin: 0;
	padding: 0;
	width: 163px;
	height: 100px;
}
#ctas p {
	display: block;
	background: url(../../images/cta.jpg) repeat-x center top;
	height: 30px;
	line-height: 30px;
	length: 163px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #FFF;
	text-align: center;
}
.btn-group {
	border-top: #e5e5e5 solid thin;
	padding: 30px 0;
}
/* SIDEBAR ================================================== */

#sidebar {
	width: 240px;
	float: right;
	padding: 30px 40px 0 40px;
}
#sidebar h2 {
}
#sidebar h3 {
	margin: 0 0 10px 0;
}
#sidebar h5 {
	color: #333;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#sidebar p {
	font-size: 12px;
	margin: 0 0 30px 0;
}
#sidebar ul {
	margin: 0 0 30px 30px;
}
#sidebar ul li {
	margin: 0 0 10px 0;
}
#sidebar ul.hfeed {
	margin: 0;
	list-style: none;
}
#sidebar ul.hfeed li.hentry {
	padding: 0;
	border-bottom: none;
}
#sidebar ul.hfeed li.hentry h3 {
	margin: 0;
}
#sidebar p.entry-published {
	font-size: 10px;
	color: #333;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
}
#trebbilink {
	width: 310px;
	height:50px;
	float: right;
	margin: 0 10px;
}
#trebbilink img {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
/* FOOTER ================================================== */

#quote {
	background: url(../../images/quote.jpg) no-repeat center top;
	list-style: none;
	width: 840px;
	height: 150px;
	float: left;
	margin: 0 10px;
	padding: 40px;
}
#quote li {
	display: none;
	list-style: none;
}
#quote li p {
	display: block;
	padding: 30px 100px;
	width: 350px;
	height: 100px;
	margin: 0;
	font-family: georgia;
	font-style: italic;
	color: #999;
	float: left;
}
#quote li h3 {
	display: block;
	float: right;
	text-align: right;
	padding: 40px 30px 10px 0;
	clear: right;
}
#quote li h5 {
 display:;
	float: right;
	text-align: right;
	padding: 0 30px 0 0;
	font-size: 12px;
	clear: right;
}

#main img#tagline {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin: 0 10px;
	width: 920px;
	height: 240px;
	float: left;
	display:block;
}
footer {
	height: 90px;
	width: 940px;
	margin: 0 auto;
	padding: 40px 40px 0 40px;
	background: url(../../images/footer.png) no-repeat center top;
	text-align: center;
	font-size: 10px;
}

footer span {
	display: block;
	font: 18px/18px 'ComfortaaThin', Arial, sans-serif;
	color: #931137;
	margin: 0 0 10px 0;
}
/* FULL WIDTH ================================================== */

#fullmain {
	height: auto;
	width: 940px;
	margin: 0 auto;
	padding: 20px 40px 0 40px;
	background: url(../../images/main2.png) no-repeat center -21px;
	overflow: hidden;
}
#fullmain img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 30px 0;
}
#fullcontent {
	width: 820px;
	float: left;
	padding: 30px 40px;
}
#fullcontent ul.list {
	list-style: none;
	margin: 0;
}
#fullcontent ul.list li {
	height: auto;
	margin: 0 0 30px 0;
	overflow: hidden;
}
#fullcontent ul.list li img {
	margin: 0 30px 0 0;
	float: left;
}
#fullcontent ul.list li h3 {
	float: left;
	width: 340px;
}
#fullcontent ul.list li p {
	float: left;
	width: 340px;
}
#fullcontent .btn {
	margin: 15px 0;
}
/* SLIDER ================================================== */

.slideshow {
	height: 400px;
	width: 940px;
	margin: auto;
	overflow: hidden;
	margin: 30px auto 0px auto;
}
.slideshow img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 30px 0;
}
#slidernav a {
	display: block;
	float: left;
	margin: 0 7px;
	width: 10px;
	height: 10px;
	background: #999;
	text-indent: -9999px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	opacity: 0.5;
}
#slidernav a.activeSlide {
	background: #FFF;
	text-indent: -9999px;
}
#slidernav a:hover {
	outline: none;
	background: #FFF;
}
#slidernav {
	width: 120px;
	height: 10px;
	margin: 20px auto 0 auto;
}
/* 
   And only the slide with "cs-activeSlide" class must be visible!
   !Reserved Class name. Required class! 
*/
.cs-activeSlide {
	display: block;
}
/* Container with caption's text. Must be hidden */
.slide-descriptions {
	display: none;
}
/* Container with caption, must be hidden by default */
.caption {
	background: url("../../images/d-bg.png") repeat scroll 0 0 transparent;
	color: #FFFFFF;
	display: none;
	height: 280px;
	padding: 20px;
	position: absolute;
	right: 40px;
	top: 140px;
	width: 180px;
	z-index: 3;
}
.full-3D {
	right: 40px;
	top: 580px;
	width: 840px;
	height: 20px;
}
/* Container with Pagination buttons */

.pagination {
	margin: 10px 0 0 0;
	height: 20px;
	position: relative;
	text-align: center;
}
.slider-pagination {
	display: inline-block;
	width: 15px;
	height: 10px;
	background: url(../../images/slider/navi.png) no-repeat left bottom;
	margin: 0 5px;
	cursor: pointer;
	position: relative;
	z-index: 200;
}
/* This is a required class for the "Active" pagination button. ! Reserved Class Name ! */

.cs-active-pagination {
	background: url(../../images/slider/navi.png) no-repeat left top;
}
#address {
	float: left;
	width: 320px;
}
.contactform {
	float: left;
	margin: 0 0 30px 0;
}
/* NEWS ================================================== */

li.hentry {
	padding: 0 0 20px 0;
	border-bottom: #e5e5e5 solid thin;
}
p.entry-published {
	font-size: 10px;
	color: #333;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.paging {
	height: auto;
	margin: 0;
	overflow: hidden;
	line-height: 24px;
	font-size: 14px;
	color: #686D71;
}
.description {
	margin-bottom: 30px;
}
ul.cs {
	list-style: none;
	margin: 0 0 30px 0;
}
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0;
}
.reveal-modal {
	visibility: hidden;
	top: 100px;
	left: 50%;
	margin-left: -250px;
	width: 425px;
	height: 150px;
	position: absolute;
	z-index: 101;
	padding: 80px 45px 30px 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.reveal-modal p {
	color:#FFF;
	text-align: right;
	line-height: 18px;
}
.reveal-modal.small {
	width: 200px;
	margin-left: -140px;
}
.reveal-modal.medium {
	width: 400px;
	margin-left: -240px;
}
.reveal-modal.large {
	width: 600px;
	margin-left: -340px;
}
.reveal-modal.xlarge {
	width: 800px;
	margin-left: -440px;
}
.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
	font-weight: bold;
	cursor: pointer;
}
#london {
	background: url(../../images/locations/london.jpg) no-repeat;
}
#sheffield {
	background: url(../../images/locations/sheffield.jpg) no-repeat;
}
#glasgow {
	background: url(../../images/locations/glasgow.jpg) no-repeat;
}
#tewkesbury {
	background: url(../../images/locations/tewkesbury.jpg) no-repeat;
}
#leeds {
	background: url(../../images/locations/leeds.jpg) no-repeat;
}
#paris {
    background: url("../../images/locations/paris.jpg") no-repeat ;
}
#pembroke {
    background: url("../../images/locations/pembroke.jpg") no-repeat ;
}
blockquote {
	padding: 0 0 0 30px;
	margin: 30px 0 0 0 0;
	border-left: 5px solid #EEE;
}
blockquote p {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
}

	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/

/* TABLETS ================================================== */

@media only screen and (device-width: 768px) {
/* For general iPad layouts */  
}
 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
/* For portrait layouts only */  
}
 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */  
}