/*
*************************************************

ROSE + CROWN
Screen Styles

Maroon 	= 7b2430
Biege	= d3ccba
*************************************************
*/

/*  RESET  ============================================================================= */

/* apply a natural box layout model to all elements */ 
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

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,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

.resetlist { margin:0; padding:0; list-style-type:none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

a {
text-decoration:none;
color:#000;
-moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; -webkit-transition: color 0.3s linear; transition: color 0.3s linear;
cursor:pointer;
}


a:focus {
  outline: none;
}

a:hover,
a:active {
  outline: 0;
  color:#000;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  max-width: 100% !important;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

select { cursor:pointer; }

/*fix twitter scrollbar*/
iframe[name="twttrHubFrame"] {
display: none !important;
}

/* My generic classes */
.pad { padding:1.2em; }
.floatright { float:right; }

#fb-root > div { left:0 }
form i {  font-style:normal; color:#f00;}

/*  IMPORT FONTS  ============================================================================= */



/*
*************************************************

THE RESPONSIVE GRID SYSTEM
Taken from http://www.responsivegridsystem.com/

*************************************************
*/
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2.5%;
}
.col:first-child { margin-left: 0; }
/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}

.span_5_of_6 {	width:82.9166666667%; }
	.span_4_of_6 { width:65.8333333333%; }
		.span_3_of_6 { width:48.75%; }
			.span_2_of_6 { width:31.6666666667%; }
				.span_1_of_6 { width:14.5833333333%; }

.span_6_of_7 { width:85.3571428571%; }
	.span_5_of_7 {	width:70.7142857143%; }
		.span_4_of_7 { width:56.0714285714%; }
			.span_3_of_7 { width:41.4285714286%; }
				.span_2_of_7 { width:26.7857142857%; }
					.span_1_of_7 { width:12.1428571429%; }
						
.span_7_of_8 { 	width:87.1875%; }
	.span_6_of_8 { width:74.375%; }
		.span_5_of_8 {	width:61.5625%; }
			.span_4_of_8 { width:48.75%; }
				.span_3_of_8 { width:35.9375%; }
					.span_2_of_8 { width:23.125%; }
						.span_1_of_8 { width:10.3125%; }


/*  BITS (MODIFIED) FROM BOOTSTRAP ============================================================================= */

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  padding: 4px 6px;
  font-size: 1em;
  color: #555555;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
	font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; 
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}


select {
  width: 80%;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.radio,
.checkbox {
  min-height: 18px;
  padding-left: 18px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
     -moz-box-shadow: 0 0 6px #f8b9b7;
          box-shadow: 0 0 6px #f8b9b7;
}


.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	margin: 0;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
	background: #d30003; 
	color:#fff;
	border:0;
	padding:0.3em 0.8em;
	font-weight:normal;
	font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; 
}
a.button { color:#fff !important; }				
.button:hover {
	background: #d3ccba;  position: relative;
	color:#000; 
	text-decoration: none;
}
.button:hover { color:#000 !important; }	
.button:hover:after { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.button:hover:after { border-color: rgba(214, 199, 158, 0); border-left-color: #d3ccba; border-width: 10px; top: 50%; margin-top: -10px; }
.button:active {
	color: #fff;
	position: relative;
	top: 1px;
}
.button:visited { 
	color : #000;
}

.largerButton { font-size:1.5em; }

/*  GENERAL SELECTORS ============================================================================= */

body                 { font: normal 14px/1.5 'Lato', 'Helvetica Neue', Arial, sans-serif; background:#fff; color:#666;  overflow-x: hidden; }

h1, h2, h3, h4, h5     	{ font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; margin:0; padding:0;color:#222; font-size:1.5em; font-weight:700; }
h5 { font-size:1.2em; }

h1 a, h2 a, h3 a, h4 a, h5 a { color:#333; }

hr                     	{ float:left;clear:both; background:#ddd; height: 1px;border: 0;  width: 100%; margin:1em 0; }

p,ul,ol				{ margin-bottom: 1em; }
.clear              { clear:both; }

#newsletterThanks 	{ float:left; width:100%; text-align:center; background:#77a22f; color:#fff; font-weight:bold; padding:1em 0; position:fixed; top:0; left:0;  }
#newsletterError	{ float:left; width:100%; text-align:center; background:#b62f2f; color:#fff; font-weight:bold; padding:1em 0; position:fixed; top:0; left:0; }

/*  NAV  ============================================================================= */
.menuToggle { display:none; }

nav 			{ background: #d30003; border-top:1px #d3ccba solid;  border-bottom:3px #fff solid; }
#nav { position:relative; z-index: 999;}
#nav ul { float: left; margin: 0; padding: 0;  width: 100%;  display: block;  list-style: none; }
#nav li { float:left;  display: block; position: relative;  }

#nav a {
  color: #d3ccba;
  text-decoration: none;
  width: 100%;
  border-bottom: 1px solid white;
  padding: 0.7em 1.1em;
  float: left;
  text-align: center;
  border-bottom: 0;
  font-size:1.1em;
  text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}

#nav a:hover { background:#d30003; color:#fff;  }
#nav a.active { background:#c4940e; color:#fff; box-shadow:0px 6px 10px rgba(0,0,0,0.1) inset;}

#nav li:hover { background:#d30003; }
#nav ul li ul { display:none; }
#nav ul li:hover ul { display:block; position:absolute; top:42px; left:auto; background:#d30003; width:230px;  border:0; box-shadow:4px 4px 4px rgba(0,0,0,0.2);  padding:0.6em 0 0.8em 0;  }
	#nav ul li ul li { float:left; width:100%; background:none; border:0; color:#fff; }
	#nav ul li ul li a { display:inline-block; text-indent:0; text-align:left; border:0; padding:0.2em 1em; font-size:1em; }
	#nav ul li ul li a:hover { opacity:1; } 
	#nav ul li ul li:hover { background:none; }

.ie7 #nav ul li:hover ul { left:0; }
.ie7 #nav ul li ul li a { padding:0.2em 0; text-indent:1em; }

#nav i, #nav em { color:#d3ccba;  }
#nav ul li ul li a:hover i,
#nav ul li ul li a:hover em { color:#fff;  }

/* book online button */
#nav li.book-online { float:right; background:#fff;   }
#nav li.book-online a { color:#d30003; font-weight:bold; border:0;  text-shadow:1px 1px 2px rgba(0,0,0,0.3); }
#nav li.book-online a i { color:#d30003; }
#nav li.book-online a:hover { background:#fff; }
  .book-iframe  { display:block !important; }
  .book-external { display:none !important; }



/*  TEMPLATE ============================================================================= */

#skiptomain 	{ display: none; }
.wrap			{ float:left; width:100%; }
.inner			{ width:90%; max-width:78em; margin:0 auto; }
.aa-logo { float:right; margin-left:0; display:block; background:transparent url(../images/) no-repeat; width:60px; height:110px; }
.errorpagebg { background: #d30003; }
.errorpage { float:left; width:100%;  text-align:center; color:#fff; padding:2em;}
.errorpage img { border:1px #fff solid; margin:0 0 1em 0; } 
.errorpage h1,  .errorpage a { color:#fff; }
.errorpage a { text-decoration:underline; }
header 	{  padding:1.4em 0 1.1em 0;  background: #fff;  }
a#logo { float:left;  background:url(../images/logoiaf.png) no-repeat; width:389px; height:110px; border:none; }

.headerContact { float:right; }
header h1 { float:right;  color:#d3ccba;  text-align:right; font-size:1em; line-height:1.3; padding-top:18px; margin:0;}
header h1 strong { font-size:1.4em;  font-weight:normal;   }
header h1 span { font-size:12px; text-transform:uppercase; font-weight:normal;  letter-spacing:1px;  }
header h1 i { font-size:12px;  letter-spacing:1px; font-style:normal; }
.tel { float:right; clear:right; font-size:1.4em; padding-top:6px;  }
.tel, .tel a { color:#d3ccba; }

#main 	{ background:#fff;  padding:0.9em 0 1.5em 0; color:#666; }
			
footer 	{ background:#444;  padding:1em 0 1.5em 0; color:#d3ccba; }
footer h5 {color:#d3ccba;  font-size:1.1em;  text-transform:uppercase; padding:0 0 0.4em 0;}
footer a { color:#fff; }
footer a:hover { text-decoration:underline; color:#fff; }
#footerNav { padding:0 0 0em 0; }
#footerNav li { float:left; width:33.3%;  }
#footerNav li a { display:block; padding:0 1.5em 0.75em 0; }

.facebook_like_box { float:left; width:100%; height:152px; background:#444; border:1px #666 solid;  }

.flag { float:left; margin:0.3em 0.7em 0 0; width:29px; height:14px; }
.country { float:left; width:100%; margin:0 0 0.5em 0; }
.france { background:url(../images/flags.gif) top left no-repeat; }
.germany { background:url(../images/flags.gif) center left no-repeat; }
.holland { background:url(../images/flags.gif) bottom left no-repeat; }
	
/*.international span { display:block; padding-bottom:0.75em;}*/

.headlam-logo { background:#fff; padding:6px; border-radius:8px; display:inline-block; }

.signUp p { margin:0; padding:0; }
.signUp label { display:block; color:#bbb; }
.signUp input[type=text], .signUp input[type=email] { width:80%; margin-bottom:0.5em; }
.signUp input[type=submit] { border-radius:4px;  margin-top:0.5em; padding:0.4em 1em 0.6em 1em; }
.signUp input[type=submit]:hover { background:#fff; color:#333;  }
#signup label.error { background:none; color:#f00; }

.socials a:hover img { opacity:0.5;  }

.accreditations { padding:1.2em 0; border-top:1px #e0e0e0 solid; text-align:center; }
.accreditations a {  margin-left:6px; margin-right:6px; display:inline-block;  }
.taste-durham { width:70px; }
.good-food 		{ width:37px; background:url(../images/accreditations.jpg) no-repeat top left; }
.hardens 		{ width:55px; background:url(../images/accreditations.jpg) no-repeat -37px 0; }
.good-hotel 	{ width:44px; background:url(../images/accreditations.jpg) no-repeat -92px 0; }
.good-pub 		{ width:47px; background:url(../images/accreditations.jpg) no-repeat -136px 0; }
.romantic-retreats { width:84px; background:url(../images/accreditations.jpg) no-repeat -183px 0; }
.rec-hotels 	{ width:83px; background:url(../images/accreditations.jpg) no-repeat -266px 0; }
.small-hotel 	{ width:158px; background:url(../images/accreditations.jpg) no-repeat -349px 0; }
.sawdays 		{ width:86px; background:url(../images/accreditations.jpg) no-repeat -508px 0; }
.great-inns 	{ width:90px; background:url(../images/accreditations.jpg) no-repeat -594px 0; }
.karen-brown 	{ width:55px; background:url(../images/accreditations.jpg) no-repeat -684px 0; }
.fih 			{ width:55px; background:url(../images/accreditations.jpg) no-repeat top right; }
.createdBy { border-top:1px #857444 dotted; margin:1.2em 0 0 0; padding:1em 0 0 0; }
.backtotop { display:none; }
.sawdays_badge_wrap img { display:inline-block;border:0 !important; width:51px !Important; height:71px !important; margin:-1px; }
.twocolumn-group strong { color:#000; }
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* reverse colours in header and nav */
header {  background: #fff;  }
header h1, .tel, .tel a { color:#d30003; }
nav	{ background: #eae6de; }
#nav a, #nav li.book-online a { color:#d30003; text-shadow:none; }
#nav li:hover a { color:#fff; }
#nav li.book-online a:hover { color:#d30003; }

/*  GENERAL PAGES ============================================================================= */
h1.pageTitle { font-size:3em; }
.introtext {   font-size:1.3em; color:#d30003; padding:0; margin:0.2em 0 .5em 0;  }

.breadcrumb { padding:0 0 1em 0; }

#main h3 { font-size:1.5em; padding:0 0 0.5em 0; }	

.page-image { float:left; width:100%; background:#eee url(../images/brickwall.jpg) repeat;  overflow:hidden; }
	.page-image .inner { background:#000;margin:1em auto; }
	.page-image img { box-shadow:1px 1px 3px rgba(0,0,0,0.3);  }
	.page-image a:hover img { opacity:0.6; }
	
	.page-image .flexslider { margin-bottom:1.5em; }
	
.twocolumn-group { margin-top:-1em; }
.sidebar img.static { margin:0 0 1em 0;}
	.also_in { padding:1em; background:#d3ccba;}
		.also_in li { margin-bottom:1px; }
		.also_in li a { display:block; background:#fff; padding:1em; }
		.also_in li a:hover { background:#eee;  }

.image-caption { float:right; background:#eee; width:36%; padding:6px; border:1px #ccc solid; margin:0 0 1em 1em; }
	.image-caption img { border:1px #ccc solid; margin:0 0 0.2em 0; }
	.caption {  width:100%; text-align:center; display:block; color:#000; }
	
/* table style */
table{width:100%;max-width:100%;margin-top:1.25em;margin-bottom:1.25em;border-collapse:collapse;border-spacing:0;background-color:#ffffff;}
table th,table td{padding:10px;vertical-align:top;border-top:1px solid #cccccc;color:#565656;text-align:left;}
table th{font-weight:700;font-size:14px;font-size:0.875rem;background-color:#d30003;color:#ffffff;}
table strong { color:#000; font-weight:bold; }
table thead th{vertical-align:bottom;}
table thead:first-child tr:first-child th,table thead:first-child tr:first-child td{border-top:0;}
table tbody tr td,table tbody tr th{-moz-transition:background-color 0.25s 0 linear 1s ease-in-out;-webkit-transition:background-color 0.25s 0 linear 1s ease-in-out;-o-transition:background-color 0.25s 0 linear 1s ease-in-out;transition:background-color 0.25s 0 linear 1s ease-in-out;}
.table-bordered{border:1px solid #cccccc;border-left:0;border-collapse:separate;*border-collapse:collapsed;}.table-bordered th,.table-bordered td{border-left:1px solid #cccccc;}
.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
.table-striped tbody tr:nth-child(odd) td{background-color:rgba(204, 204, 204, 0.4);}
	 	
/*  HOMEPAGE ============================================================================= */
@media screen and (max-width: 1400px)
{ #home-carousel .inner { max-width:100% !important; width:100% !important; } }

.flexslider { margin:0.1em 0 0.5em 0; }

.hOffers { background:#fff; box-shadow:1px 1px 3px rgba(0,0,0,0.2); -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.hOffers h3 { background: #d3ccba;color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.2); padding:0.5em 1em; }
.hOffers .news-listing:last-child { border-bottom:0; }
.hOffers .news-listing:last-child p.news-abstract { padding:0; margin:0; }
.hOffers h4.news-title { font-size:1.3em; }

.slide1 { background:url(../images/david.jpg) no-repeat center center;  }
.slide2 { background:url(../images/signoria.jpg) no-repeat center center; }
.slide3 { background:url(../images/duomo.jpg) no-repeat center center; }
.slide4 { background:url(../images/uffizi.jpg) no-repeat center center; }
.slide1, .slide2, .slide3, .slide4 { height:496px; }

#welcome { background:#eee url(../images/brickwall.jpg) repeat; padding:1em 0; }
	.hPortals .col { background:#fff; box-shadow:1px 1px 3px rgba(0,0,0,0.2); -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
	.hPortals .col img { border-bottom:8px #d3ccba solid; }
		.hPortals .col:hover { box-shadow:2px 2px 6px rgba(0,0,0,0.5); }
		.hPortals .col:hover img  { border-bottom:8px solid #d30003; }
	.hPortals h3 { font-size:1.6em; color:#d30003; margin-top:-6px; padding:0 0 0.2em 0; }
	.hPortals h4 { font-size:0.9em; color:#d3ccba; padding:0 0 0.4em 0; margin:-0.2em 0 0 0; text-transform:uppercase;  font-weight:normal;}
	 	.hPortals a { color:#666; }

.portal-img-rooms 		
{  background:url(../images/aviation.jpg) no-repeat center center;  }
.portal-img-food 	{  background:url(../images/portal-food.jpg) no-repeat center center; background-size:100%; }
.portal-img-walking 	{  background:url(../images/portal-offers.jpg) no-repeat center center;}

.portal-img-rooms, .portal-img-food, .portal-img-walking { float:left; width:100%; border-bottom:8px #d3ccba solid; height:178px; background-size:100%; margin:0 0 1em 0; }

.welcome_text { border-top:8px #d3ccba solid;background:#fff; padding:0 0 0.5em 0; margin:-0.5em 0 1em 0; box-shadow:1px 1px 3px rgba(0,0,0,0.2); }
.hIntro img { float:right; width:55.7%; margin:0 0 2em 4em; border:4px #d3ccba solid; }
.welcome_text h2 { margin-top:-6px; font-size:1.8em; padding:0; }
.welcome_text h4 { font-size:1.1em; padding:0 0 0 0; margin:0 0 0 0; text-transform:uppercase; }
	.welcome_text h4 a { color:#d30003;  }
.welcome_text b { float:left; line-height:0.85; color:#d30003; font-size:66px;    font-weight:normal; margin:0 4px 0px 0; }
.welcome_text a.button { float:right; margin-top:0.5em; font-size:1.3em; }
.welcome_text p:last-child { margin:0; padding:0; }
 
#testimonials {  background:#111 url(/images/testimonials-bg.jpg) top center no-repeat;   }
@media only screen and (min-width: 1300px) { #testimonials { background-size:100%; } }

.flexslider2 { border:0; float:none; width:80%;  margin:1.7em auto; padding:0em 0 4em 0; text-align:center;}
	.flexslider2 .diamond { display:inline-block; margin-top:-24px; }
.ie7 .bx-wrapper { float:left; height:90px;}

.hTestimonial { padding:0 1em; width:100% !important;}
.hTestimonial blockquote {   font-size:1.5em; color:#000; padding-bottom:0.25em; }
.hTestimonial .author {  display:block; font-size:1.6em; color:#000; }
	.hTestimonial .author img { height:36px; }
	


/*  ABOUT US ============================================================================= */

.our-staff { float:left; width:100%; margin:1em 0 0 0; background:#d3ccba; }
.our-staff h2 { color:#fff; padding:0 0 0.5em 0; margin:-0.2em 0 0 0; }
	.staff-member { float:left; width:100%; background:#fff;  margin:0 0 1em 0;}
		.staff-member img { float:left; width:30%; margin-right:3% }
		.staff-member h4 { font-size:1.2em; }
		.staff-details { float:left; width:67%; padding-top:1em; }
			.staff-job { color:#d30003; }
			
/*  GALLERY ============================================================================= */
.gallery { margin:0.5em 0 1em 0; }
.gallery li { float:left;  border:1px #ccc solid; padding:2px;  }
.gallery li:nth-child(4n+1) { clear:both; margin-left:0; }
.gallery-image-title { float:left; width:100%; text-align:center; padding:0.5em 0; }

.sidebar .gallery li { width:33.3%; }
	.gallery a img { -webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out; }
	.gallery a:hover img { -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4); cursor:zoom-in;}
			
/*  NEWS ============================================================================= */
.news-listing { float:left; width:100%; border-bottom:1px #ccc solid; margin:0 0 1em 0; }
	.news-listing img { float:left; width:22%; margin:0 3% 1em 0; border:3px #ccc double; }
		.news-listing img:hover { border:3px #000 double; }
.news-main-image { float:right; margin:1em; margin-right:0; border:3px #ccc double;}	
h1.news-title { font-size:2.4em; margin:0em 0 0 0; padding:0; }
h4.news-title { margin:0; padding:0; }
.news-date { font-size:1.2em; }

.simplesocialbutton { float:left; width:auto; }
	.ssb-button-googleplus { width:74px; }
	.ssb-button-fblike { padding-right:1em; }

/*  OUT AND ABOUT ============================================================================= */

.attractions { padding:1em; background:#d3ccba; margin-top:0.9em;}
		.attractions li { float:left; width:100%; margin-bottom:1px; }
		.attractions li a { float:left; width:100%; display:block; background:#fff; padding:1em; }
		.attractions li a:hover { background:#eee;  }
		.attractions .attraction {  padding-right:2em; }
		.attractions .miles {  text-transform:uppercase; font-size:0.8em; letter-spacing:1px; color:#777;}

.activities { margin-top:1em; }
.activities .col:nth-child(odd) { margin-left:0; clear:both;  }
			
/*  BOOK LINE (IFRAME) ============================================================================= */
#external-frame {min-height:800px;}
.book-online-frame { /*width:740px; height:1600px;*/ text-align:center;  }
	.book-online-frame iframe { width:780px; height:1000px; }	
.voucher-frame { width:100%; height:680px; }

/*  CONTACT ============================================================================= */

.googlemap { width:100%; height:360px; border:3px #ccc double; }

#genForm { float:left; width:100%; background:#fff;  border:3px #ccc double; box-shadow:inset 2px 2px 14px rgba(0,0,0,0.05); border-radius:6px;  margin:1em 0 2em 0; }
#genForm h4 { margin-bottom:0.5em; }
#genForm label 	{ float:left; width:30%; margin-right:6%; }
#genForm label.error { width:auto; padding:0px !important; margin:0 !important; background:#fff; color:#F00; }
#genForm li input, #genForm li textarea 	{ float:left; width:57%; }
#genForm li input.smallField { width:140px; }
#genForm li input[type=checkbox] { width:auto; }
#genForm li		{ float:left; width:100%; clear:both; margin:0 0 0.8em 0; }
#genForm select { width:auto; }
#genForm input.button { float:left; display:block; clear:both; font-size:1.3em; margin:0.5em 0 1em 0; }
#genForm li small { float:left; margin-left:33%; }

#thanks { background:#dcf2f9; padding:1em; color:#000; display:block; margin:0 0 1em 0; font-weight:bold; }
#error { background:#f9dcdc; padding:1em; color:#000; display:block; margin:0 0 1em 0; font-weight:bold; }

/*  GIFT VOUCHERS ============================================================================= */
.gift-voucher-frame { /*width:740px; height:1600px;*/ text-align:center;  }
		.gift-voucher-frame iframe { float:left; width:800px; height:1200px; }	

/*  IE FIXES  ============================================================================= */



/* VENDOR-SPECIFIC ============================================================================= */

label.error { float:left; width:100%; clear:both; border:0; padding-bottom:1em !important; margin:0; color:#fff; font-weight:bold; display:inline-block; font-size:1em; background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(top, #ff0000 0%, #ce0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#ce0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff0000 0%,#ce0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff0000 0%,#ce0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff0000 0%,#ce0000 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff0000 0%,#ce0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ce0000',GradientType=0 ); /* IE6-9 */}

#home-login-form label.error { float:left; display:block; margin:0.4em 0 0 0; padding:0.3em !important; font-size:11px; text-align:center; }

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : #000; 
color : #fff; 
text-shadow : 1px 1px 1px #000; }

::-moz-selection { 
background : #000; 
color : #fff; 
text-shadow : 1px 1px 1px #000; }

::selection { 
background : #000; 
color : #fff; 
text-shadow : 1px 1px 1px #000; }


button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

/*  MEDIA QUERIES ============================================================================= */


@media screen and (max-width: 1260px)
{
	/*.accreditations a { width:7%; margin:0 4px 2em 4px; }*/
	
	.portal-img-rooms, .portal-img-food, .portal-img-walking { height:157px; }
}

@media screen and (max-width: 1180px)
{
	#nav li i { display:none; }
	
	
	
	.createdBy { margin-top:0; }
}

@media screen and (max-width: 1100px)
{
	#nav a { padding:0.7em 1.2em; font-size:1em;}
	#nav ul li:hover ul { top:39px; }
}

@media screen and (max-width: 1024px)
{
	header h1 { font-size:0.9em; }
	
	.flex-caption { margin-top:0; }
	.slide1, .slide2, .slide3, .slide4 { height:460px; background-size:1024px; }
	
	
	.hOffers .news-abstract { display:none; }
	
	
	.hIntro img { width:48%; margin:0 0 2em 3.5em;  }
	
	
	.accreditations { text-align:center; }	
	.accreditations a { float:none;  }
	
	.flexslider2 { width:96%; }

}
@media screen and (max-width: 1020px)
{
	.portal-img-rooms, .portal-img-food, .portal-img-walking { height:134px; }
}	
@media screen and (max-width: 1000px)
{
	#nav li { width:20%; border-bottom:1px #d3ccba solid; border-right:1px #d3ccba solid;}
	#nav .inner { width:100%; }
	#nav ul li:hover ul { display:none; }
	#nav a { padding:0.7em 1em; font-size:1em;}

	/*.accreditations a { width:16.67%;  }
	.accreditations a:nth-child(6) { clear:both; }
	.accreditations a:nth-child(10) { clear:both; }*/
	
	.flexslider2 { float:left; width:100%; }
	
	.book-online-frame iframe { height:auto; }
}

@media screen and (max-width: 860px)
{	
	.flexslider img { margin:0; }
	
	.hPortals .col { width:100%; margin:0 0 1em 0; }
	.portal-img-rooms, .portal-img-food, .portal-img-walking { width:46%; height:240px; margin:0 1.5em 0 0; border-right:8px #d3ccba solid; border-bottom:0; background-size:180%; }
	
}

/* e.g. iPad Portrait */
@media screen and (max-width: 768px)
{
	.inner { width:92%; }
	
	/* Cut menu in thirds */
	#nav li { width:33.3%;  }
	
	#footerNav li { width:50%; }

	.flex-next, .flex-prev { display:none !important; }
	.slide1, .slide2, .slide3, .slide4 { height:320px; background-size:768px; }

	
	
	
	/* general */
	h1.pageTitle 	{ font-size:2em; }
	.introtext 		{ font-size:1.3em; }
	.twocolumn-group { margin-top:0; }
	.page-image 	{ height:auto !important; overflow:auto !important; }
	
	.gallery li { width:33.3%; }
	
	.attractions .miles { float:left; clear:left; }
	
	#genForm label { width:32%; font-size:0.9em; }
}


@media screen and (max-width: 700px)
{
	/* ================================
	MOBILE NAV
	===================================*/
	.menuToggle 	{ display:block; background: #4c4c4c;
background: -moz-linear-gradient(top, #4c4c4c 0%, #131313 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#131313));
background: -webkit-linear-gradient(top, #4c4c4c 0%,#131313 100%);
background: -o-linear-gradient(top, #4c4c4c 0%,#131313 100%);
background: -ms-linear-gradient(top, #4c4c4c 0%,#131313 100%);
background: linear-gradient(to bottom, #4c4c4c 0%,#131313 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); color:#fff !important;}
	#nav ul#show_menu 		{ display:none; border-top:1px #555 solid; }
	#nav li.homeLink { border-left:0; }
	
	.book-iframe 	{ display:none !important; }
	.book-external { display:block !important; }
	
.portal-img-rooms, .portal-img-food, .portal-img-walking { width:100%; height:180px; margin:0 0 1em 0; border-bottom:8px #d3ccba solid; border-right:0; background-size:100%; }
}

@media screen and (max-width: 600px)
{
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6,
	.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7,
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 {
	width: 100%; margin:0 0 1em 0;
	}
	.backtotop { display:block; width:100%; background:#333; background:rgba(0,0,0,0.7); text-align:center; margin:0em 0 2em 0; padding:0.7em 0; border-radius:8px; }
	
	header { padding:0.7em 0 0.5em 0; }
	a#logo { float:left; width:268px; background-size:100%; }
	.aa-logo { float:right; background-size:100%; width:37px; height:68px; margin:0; }

	.slide1, .slide2, .slide3, .slide4 { height:140px; background-size:100%; }
	
	.headerContact { float:left; clear:both; }
		.headerContact h1 { display:none; }
		.tel { font-size:16px; }
	
	footer h5 { font-size:1em; }	
		
	/*.accreditations a { display:inline-block; width:25%; margin:0 4px 0.5em 4px; }
	.accreditations a:nth-child(6), .accreditations a:nth-child(10) { clear:none; }
	.accreditations a:nth-child(4n+1) { clear:both; }*/
	
	.flexslider { margin-bottom:0;  }
	.flexslider img { margin:0; }
	.flexslider .flex-control-nav { display:none !important; }
	.flex-caption { float:left; width:100%; position:relative; right:0; bottom:0;  font-size:0.9em; text-align:center; }
	.flex-caption span { float:left; width:100%; background:#fff; padding:0px 12px 10px 12px; margin:0.0em 0 0 0;  }
	.flex-caption a { float:left; width:100%;font-size:1.6em; margin:0 0 -6px 0; background:#fff; }

	.welcome_text h2 { font-size:1.2em; margin:0 0 0.5em 0;  }
	.welcome_text a.button {  font-size:1em; margin-left:1em; }
	
	.portal-img-rooms, .portal-img-food, .portal-img-walking { height:180px; }
	
	.page-image .inner { background:#000; min-height:60px; }
	
	.hIntro img { float:left; width:100%; margin:0 0 1em 0; }
	.hIntro h3 { display:block; clear:both; }
	
	.hTestimonial { padding:1em; }
	.hTestimonial blockquote { font-size:1.3em; }
	
	#nav ul li ul, #nav ul li:hover ul { display:none; }
	#nav li { width:50%; }
	#nav li.book-online { width:100%; }
	
	
	
	h4.news-title { font-size:1.2em; }
	p.news-abstract { display:block; clear:both; }
	.news-listing:first-child { margin-top:1em; }
	
	.googlemap { height:260px; }
}

/* e.g. Large Smartphones */
@media screen and (max-width: 480px)
{

	/*#nav ul li ul, #nav ul li:hover ul { display:block; text-align:center; background:#444; position:relative; margin:0 5% 1em 5%; width:90%; top:0; padding:0; }*/
	
	#nav ul li ul li { width:33.3%; border-right:1px #222 solid; border-bottom:1px #222 solid; }
	#nav ul li ul li a { text-align:center; padding-top:0.8em; padding-bottom:0.8em; font-size:0.9em; }
	#nav li:hover, #nav li a:hover { background:#d30003 !important; color:#fff; text-shadow:none;}
	
	.slide1, .slide2, .slide3, .slide4 { height:120px; }
	
	.portal-img-rooms, .portal-img-food, .portal-img-walking { height:110px; }
	
	#testimonials { background-size:2000px; }
	
}


/* e.g. Small Smartphones */
@media screen and (max-width: 320px)
{

}

/* Force Nav and TopNav to show past 480px; */
@media only screen and (min-width: 701px) {
	#show_menu { display:block !important; }
}

@media only screen and (min-width: 1025px) {
.slide1, .slide2, .slide3, .slide4 { background-size:1100px; }
}