/* HTML5 Boilerplate - This is from live  */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; font-weight: normal; -webkit-font-smoothing: antialiased; background:url(../images/style/header-bg.jpg)  center -13px no-repeat #07212f; font-family: Arial, sans-serif;  }

.no-swirl-bg{ background-image:  url(../images/style/bg.jpg); }

::-moz-selection { background: #fec757; color: #fff; text-shadow: none; }
::selection { background: #fec757; color: #fff; text-shadow: none; }

a { text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { border-radius: 0; font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input {  line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

* {
	margin:0;
	padding:0;
	resize:none;
	outline:none;
}

.clear{ height: 1px; float: none; clear: both; }

.left{ float: left; }
.right{ float: right; }
.centered{ display:block; margin: auto; }
.half-column{ width: 465px;min-height: 100px; }
.small-pod{ width: 220px; }
.medium-pod{ width: 465px; }

/* ***************************************************************************
		TOP HEADER STYLES
*************************************************************************** */
header { margin: auto; width: 1000px; }

header a.logo{ float: left; display: block; width: 167px; height: 83px; background: url(../images/style/sprites.png) 0 0; text-indent: -999px; overflow: hidden; margin-top: 20px; }

header fieldset{
	padding: 5px;
	float: right;
	background: #FFF;
	font-size: 12px;
	margin-top: 50px;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

}
header fieldset input{ border: none; background: none; }
header fieldset input[type='submit'] { width: 21px; height: 13px; background:  url(../images/style/sprites.png) -167px 0 no-repeat; text-indent: -9999px; text-transform: capitalize; overflow: hidden; }
.no-touch header fieldset input[type='submit']:Hover { background-position: -167px -14px; }

header nav{
	width: 1000px;
	margin-top: 3px;
	background: #102630;
	text-align: center;
	padding: 4px 0;
	color: #889397;

	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}
header nav a{ color: #889397; font-size: 14px; font-weight: bold; padding: 2px 35px; position: relative; z-index: 1020; }
header nav a i{ z-index: 1021; width: 21px; height: 13px; background: url(../images/style/sprites.png) -164px -28px no-repeat; position: absolute; left: 50%; margin-left: -10px; bottom: -13px; display: none;}
.no-touch header nav a:Hover { color: #fff; }
header nav a.current, header nav a.current:hover { color: #FFC758; }
header nav a.current i{ display: block; }

.banner{ margin: 0 auto; width: 1000px; }


/* ***************************************************************************
		STRUCTURE
*************************************************************************** */
.row { display: block; margin-bottom: 27px; margin-right: -22px; }
#home-main-content .row { margin-bottom: 23px; }
#home-main-content  #third-column .row { margin-bottom: 20px; }

.row:before, .row:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.row:after { clear: both; }

.dev div { background: gray;  }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.row { zoom: 1; }

.span1, .span2, .span3 { float: left; margin-right: 22px; }

.span1 { width: 220px; }

.span2 { width: 462px; }

.span3 { width: 704px; }

.span4 { width: 946px; }

/* ***************************************************************************
		Home page
*************************************************************************** */
#enjoy-life { overflow: hidden; width: 462px; }
#enjoy-life h2 { background: url(../images/style/accordation/header.png); height: 73px; overflow: hidden; text-indent: -5000px; }
#vertical-accordantion { height: 160px; overflow: auto; position: relative;  width: 462px; }
.js #vertical-accordantion { overflow: hidden; }
#vertical-accordantion-wrapper { width: 1084px; }
#vertical-accordantion h3 { float: left; height: 160px; overflow: hidden; text-indent: -5000px; width: 26px; }
.js #vertical-accordantion h3 { cursor: pointer; }
#vertical-accordantion .section { float: left; position: relative; }
.js #vertical-accordantion .section { overflow: hidden; width: 39px;
/*
-webkit-transition: width  0.3s ease-in-out;
-moz-transition: width  0.3s ease-in-out;
-ms-transition: width  0.3s ease-in-out;
-o-transition: width  0.3s ease-in-out;
transition: width  0.3s ease-in-out;
*/
 }
#vertical-accordantion .section .right-arrow { height: 29px; opacity: 0; position: absolute; right: 0; top: 0; width: 30px; z-index: 10;
ilter: alpha(opacity=0);
-webkit-transition: opacity  .2s ease-in-out;
-moz-transition: opacity  .2s ease-in-out;
-ms-transition: opacity  .2s ease-in-out;
-o-transition: opacity  .2s ease-in-out;
transition: opacity  .2s ease-in-out;
 }

 #vertical-accordantion .section.open .right-arrow { opacity: 1;
 ilter: alpha(opacity=100);
-webkit-transition: opacity  1.2s ease-in-out;
-moz-transition: opacity  1.2s ease-in-out;
-ms-transition: opacity  1.2s ease-in-out;
-o-transition: opacity  1.2s ease-in-out;
transition: opacity  1.2s ease-in-out;
  }

.js #vertical-accordantion .section.last-section{ width: 245px; }
#accordantionLiving { background-image: url(../images/style/accordation/living.gif); }
#accordantionLearning { background-image: url(../images/style/accordation/learning.gif); }
#accordantionEating { background-image: url(../images/style/accordation/eating.gif); }
#accordantionStaying { background-image: url(../images/style/accordation/staying.gif); }

/* ***************************************************************************
		MAIN CONTENT STYLES
*************************************************************************** */
.no-swirl-bg .main-content{ position: relative; z-index: 1020; padding: 50px 25px 0; background: none; min-height: auto; }

.main-content{ margin: auto; width: 955px; background: #FFF; padding: 20px 22px 0;  }
#home-main-content { background: none; margin-bottom: -35px;. margin-top: 30px; }

#breadcrumbs{ font-size: 10px; color: #889397; margin-left: -5px; margin-bottom: 10px; }
#breadcrumbs a{ color: #889397; padding: 0 5px; }
#breadcrumbs a:Hover{ text-decoration: underline; }

.lc-narrow{ width: 220px; }
.lc-narrow a{ display: block; }

.lc-narrow a.nav-link{ padding: 8px 20px; font-size: 13px; font-weight: bold; background: #ECEEEE; margin-bottom: 3px; padding-right: 0; color: #102630; }
.lc-narrow a.nav-link:Hover{ background: #E5E5E5; }
.lc-narrow a.main{ padding-left: 14px; background: #FFC758; }
.lc-narrow a.main:hover{ background:#FFBD48;  }

#sub-nav { display: block; min-height: 365px; }
#sub-nav ul li a,
#sub-nav ul li.selected ul li a { background: #ECEEEE; color: #102630;  display: block; font-size: 13px; font-weight: bold; margin-bottom: 3px; padding: 8px 20px 8px 10px;  }
#sub-nav ul li.selected a, #sub-nav ul li.selected a:hover,#sub-nav ul ul ul li a:hover { background-color: #FFC758; }
#sub-nav ul li a:hover { background-color: #D9DCDE; }
#sub-nav ul ul li a ,
#sub-nav ul li.selected ul li a { background: #ECEEEE url(../images/style/side-nav-bullets.png) no-repeat 12px 16px; padding: 8px 20px;  }
.lt-ie8 #sub-nav ul ul li a { background-image: none; }
#sub-nav ul ul ul { margin-bottom: 3px; }
#sub-nav ul ul ul li a,
#sub-nav ul li.selected ul li ul li a,
#sub-nav ul li ul li.selected ul li a { background: #FFE9BE url(../images/style/side-nav-bullets.png) no-repeat 20px -36px; font-size: 12px; font-weight: normal; margin-bottom: 0; padding: 5px 0 5px 26px; }
.lt-ie8 #sub-nav ul ul ul li a { background-image: none; }

#twitter-feed { background: #fec757; font-size: 12px; text-align: center; display: block; }
#twitter-feed h3 { background: url(../images/style/twitter-feed-header.gif); display: block; height: 36px; overflow: hidden; text-indent: -5000px; }
#twitter-feed .tweets { background: #fed788; display: block; margin: 12px 9px 9px; padding: 18px 18px 0 18px; height: 293px; }
#twitter-feed .tweets p{ font-size: 11px; line-height: 15px; margin: 0px auto 20px; padding: 0; }
#twitter-feed .tweets p a{ color: #222; text-decoration: underline; }
#twitter-feed .tweets p a:hover{ text-decoration: none }
#twitter-feed .tweet { padding: 0 0 18px; color: #222222; }
#twitter-feed .tweet a { color: #4C5C64; }
#twitter-feed-account-link { background:  url(../images/style/twitter-feed-footer.gif) no-repeat; display: block; height: 34px; overflow: hidden; text-indent: -5000px; }

#live-tweet-ticker { display:block; background: #fec757; font-size: 12px; padding: 3px 0 37px; position: relative;  text-align: center; }
#live-tweet-ticker h3 { background: url(../images/style/live-feed.png) no-repeat; bottom: 12px; display: block; height: 11px; left: 71px; position: absolute; text-indent: -5000px; width: 78px;  }
#live-tweet-ticker .tweets { background: #fed788; display: block; margin: 12px 9px 0; height: 92px; overflow: auto;  padding: 12px 18px 6px 19px; position: relative; }
.js #live-tweet-ticker .tweets { overflow: hidden; }
#live-tweet-ticker .tweets a{  color:#222;; }
#live-tweet-ticker .tweet { float: left; width: 166px; margin-right: 20px; color: #222; line-height: 15px; }
#live-tweet-ticker .tweet a { color: #4C5C64; }
#live-tweet-ticker .inner-wrap { width: 600px; }


#twitter-mention { background: url(../images/style/twitter-mention-background.png) no-repeat; height: 241px; margin: 0 auto; position: relative; width: 197px;  }
#twitter-mention h3 { display: none; }
#twitter-mention p { font-size: 11px; margin: 0 0 0 30px; position: absolute; text-align: center; top: 70px; width: 150px; }
#twitter-mention a { color: #000; font-weight: bold; }

.recent-occupiers{ margin-top: 25px; }
.recent-occupiers h1{ font-size: 14px; text-align: center; text-indent: -999px; overflow: hidden; height: 24px; width: 192px; margin: 0 auto 20px auto; background: url(../images/style/text-sprites.png) 0 0 no-repeat; }
.recent-occupiers img{ display: block; max-width: 220px; margin: 10px auto;}

#mini-gallery { background: url(../images/style/mini-gallery.png) no-repeat; height: 307px; width: 222px; }
#mini-gallery ul { margin: 0; padding: 0; }
#mini-gallery li { list-style: none; margin: 0; padding: 0; }

#mini-gallery { position: relative; }
#mini-gallery h3 { display: none; }
#mini-gallery li img { margin: 4px 0 0 35px; }
#mini-gallery li:first-child img {
    margin-left: 10px;
    margin-top: 48px;
    -moz-transform: scale(1) rotate(-3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1) rotate(-3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(-3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(-3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(-3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}

.mini-gallery-wrapper { height: 292px; overflow: auto; width: 222px; }
.js .mini-gallery-wrapper { overflow: hidden; }

#flickr-feed h3 { background: url(../images/style/flicker-feed-header.gif); height: 36px; margin: 0 0 13px; overflow: hidden; padding: 0; text-indent: -5000px; width: 219px; }
#flickr-feed ul { margin: 0  -13px 14px 0; padding: 0; }
#flickr-feed li { float: left; list-style: none; margin: 0 13px 13px 0; padding: 0; }
#flickr-feed li img { border: 1px solid #647278; }
#link-to-flickr { background:  url(../images/style/flicker-feed-footer.gif) center bottom no-repeat; display: block; height: 31px; overflow: hidden; text-indent: -5000px;  }

#facebook-feed h3 { background: url(../images/style/facebook-feed-header.gif); height: 36px; margin: 0 0 13px; overflow: hidden; padding: 0; text-indent: -5000px; width: 219px; }
#facebook-holder { height: 310px; margin-bottom: 12px; }
#link-to-facebook { background:  url(../images/style/facebook-feed-footer.gif) center bottom no-repeat; display: block; height: 31px; overflow: hidden; text-indent: -5000px;  }

#company-logos h3 { background: url(../images/style/sprites.png) no-repeat -738px 0; display: block; height: 25px; margin: 10px auto; padding: 0; overflow: hidden; text-indent: -5000px; width: 183px; }
.company-logos-inner-wrapper {  background: transparent; height: 289px; overflow: auto; width: 220px; }
.js .company-logos-inner-wrapper { overflow: hidden; }
#company-logos ul { border: 1px dashed #E6E7E8; border-bottom: none; border-right: none;  margin: 0; padding: 0;  }
#company-logos li { border: 1px dashed #E6E7E8; border-left: none; border-top: none; float: left; height: 71px; list-style: none; margin: 0; padding: 0; width: 108px; }

#we-are-here { background: #102630; color: #fff; margin-bottom: 27px; padding-top: 10px; position: relative; text-transform: uppercase; }
#we-are-here h3 { background: url(../images/style/we-are-here.png) no-repeat; display: block; height: 11px; margin: 0 auto 10px; padding: 0; overflow: hidden; text-indent: -5000px; width: 103px; }
#we-are-here a { color: #fff; display: block; font-size: 11px; margin: 2px 0 0; padding-bottom: 5px; text-align: center; }

.text-content h1{ font-size: 16px;  }
.text-content h2 a{ color: #000; text-decoration: underline; }
.text-content h2 a:Hover{ text-decoration: none; }
.text-content h2{ /*color: #eea920;*/ font-size: 16px; font-weight: normal;  }
.text-content h3{ font-size: 13px;color: #eea920;line-height: 15px; }
.text-content p{ font-size: 12px; line-height: 18px; margin: 8px auto; }
.text-content p.first { font-size: 14px; }
.text-content p a, .text-content ul li a{ color: inherit; text-decoration: underline; }
.text-content p a:Hover, .text-content ul li a:Hover{ text-decoration: none;}
.text-content p img { float: left; margin: 4px 20px 20px 0; }
.text-content h1,
.text-content h2,
.text-content p{ padding-right: 22px; }
.text-content ul li{ font-size: 12px; }

.text-content h1 { margin-bottom: 35px; }

hr { border:none; border-bottom: solid 1px black; background: none; margin: 15px auto; }

hr.dashed{ border: none; background: url(../images/style/horizontal-rule.png) repeat-x left bottom; height: 8px; margin-bottom: 20px; }
.executive-team img{ margin-top: 15px; }
.chief-image{ display: block; float: left; }
.chief-image img{ margin: 0; }
.chief-executive { width: 345px; float: right; }

.restaurant{ margin-bottom: -8px;
margin-top: 25px; }

.restaurant .span1 {min-height: 205px;}
.restaurant .restaurant-details p{ margin: -4px auto 10px; }


.getting-here { background: url(../images/style/gh-walk.png) no-repeat 0 2px; padding-left: 60px; }
#gh-foot { background-image: url(../images/style/gh-walk.png); }
#gh-bus { background-image: url(../images/style/gh-bus.png); }
#gh-car { background-image: url(../images/style/gh-car.png); }
#gh-train { background-image: url(../images/style/ghtrain.png); }
#gh-bicycle { background-image: url(../images/style/gh-bicycle.png); }

/* Single Article styling */
.article { background: url(../images/style/horizontal-rule.png) repeat-x left bottom;  padding-bottom: 27px; min-height: 400px;}
.article h4 { font-size: 14px;  font-weight: normal; margin-top: 10px; }
.article h1{ margin-bottom: 0; }
.main-title { background: url(../images/style/section-header-background.png) repeat-x; border-top: #102630 solid 1px;  }
.main-title h1 { border-bottom: #102630 solid 8px; display: block; height: 40px; margin-bottom: 15px; overflow: hidden; text-indent: -5000px; }
#whats-on-article .main-title h1 { background: url(../images/style/titles/whats-on.png) no-repeat center center; }
.view-all-articles { color: #EEA920; font-size: 14px; float: right; text-transform: uppercase; }

#news-listing .main-title h1 { background: url(../images/style/titles/tq-news.png) no-repeat 33% center; }
#blog-listing .main-title h1 { background: url(../images/style/titles/tq-blog.jpg) no-repeat 33% center; }


/* Article listing */
.article-listings { position: relative; }
.article-listings .main-title { margin-top: 15px; }
.article-preview h2 { font-size: 14px; font-weight: bold; }
#whats-on-listing .main-title h1 { background: url(../images/style/titles/whats-on.png) no-repeat center center;  }
#whats-on-listing.archive .main-title h1,
#news-listing.archive .main-title h1,
#blog-listing.archive .main-title h1
 { background-position: 190px center; }
#articlesArchiveForm { position: absolute; right: 0; top:42px; }
#articles-select-archive-month { background: red; margin-top: 21px; overflow: hidden; width: 220px; }
#articlesArchiveForm select {  background: #fff url(../images/style/select-box-arrow.png) no-repeat 190px 0; border: 1px solid #A0A8AC; font-size: 13px; font-weight: bold; margin: 0; outline: none; padding: 7px 8px; width: 260px; -webkit-appearance: none;  }
.js #articlesArchiveForm  button { display: none; }
.article-preview { background: url(../images/style/horizontal-rule.png) repeat-x left bottom; font-size: 12px; margin-bottom: 15px; padding-bottom: 10px; }
.article-preview-date { color: #405159; margin-bottom: 9px; }
.article-thumb { float: left; margin: 5px 15px 15px 0; }
.find-out-more { color: #EEA920; font-weight: bold; margin-top: 8px; text-transform: uppercase; margin-bottom: 5px; display: inline-block; }
.blog-preview h2{ margin-bottom: 5px; }
.article-preview  ul, .article ul{ list-style-position: inside; font-size: 12px; }
.article-preview  ul li, .article ul li, .article ol li{ margin-bottom: 5px; padding-left: 5px; }
.article ol{ list-style-position: outside; font-size: 12px; }

#pagination{ text-align: right; }
#pagination a{ font-weight: bold; font-size: 11px; text-decoration: underline; color: #FFC758; }
#pagination a.current{ margin-left: 4px; text-decoration: none; }

.find-out-more-pod { background: #FFC758; color: #DD7403; display: block; font-size: 14px; height: 154px; padding: 10px 0 0; position: relative; text-align: center; }
.find-out-more-pod h3 { background: url(../images/style/titles/titanic-by-name.png) no-repeat; display: block; height: 41px;  overflow: hidden; text-indent: -5000px; width: 220px;}
.find-out-more-pod p { margin: 0 10px;}
.find-out-more-pod span { background: #FFD788; bottom: 0; font-size: 11px; left: 60px; padding: 5px 8px; position: absolute; text-transform: uppercase; }
.find-out-more-pod:hover span { text-decoration: underline; }

.useful-links h2 { background: url(../images/style/sprites.png) no-repeat -533px 0; display: block; height: 25px; margin: 0 auto 27px; padding: 0; overflow: hidden; text-indent: -5000px; width: 180px; }
.useful-links ul { border-top: 1px solid #FFDA91;  margin: 0; padding: 0; }
.useful-links li { border-bottom: 1px #FFDA91 solid; font-size: 12px;  }
.useful-links li a { background: url(../images/style/link-arrow.png) no-repeat 196px 9px; display: block; color: #102630; padding: 10px 12px; }
.useful-links li a:hover { text-decoration: underline; }

.preview { background: #F1F2F2; color: #102630; display: block; font-size: 14px; font-weight: bold; margin: 0; padding: 10px 9px 10px; position: relative; text-align: center; }
.preview .image-wrapper { margin-bottom: 17px;  overflow: hidden; position: relative; }
.preview img { border: none; margin: 0; padding: 0; }
.preview .section-link-overlay { left: -9px; opacity: 0; position: absolute; top: -36px; z-index: 5;
    filter: alpha(opacity=0);
    transition: all .5s;
	-moz-transition: all .5; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari and Chrome */
	-o-transition: all .5s; /* Opera */  }
.preview:hover .section-link-overlay {  opacity: 1; filter: alpha(opacity=100); }
.playButton { border: none; left: 69px; margin: 0; padding: 0;  position: absolute; top: 56px; }
.preview span{ margin-top: 10px; display: block; }

.section-link { display: block; height: 163px; overflow: hidden; position: relative; }
.section-link h3 { background: url(../images/style/titles/to-work.png) no-repeat; height: 23px;  left: 0; margin-top: 10px; overflow: hidden; position: absolute; text-indent: -5000px; top: 0; width: 220px; z-index: 6; }
.section-link h3.tq-play{  background: url(../images/style/titles/to-play.png) no-repeat; }
.section-link .section-link-overlay { left: 0; position: absolute; top: -198px;  z-index: 5;
  transition: top .15s;
	-moz-transition: top .15; /* Firefox 4 */
	-webkit-transition: top .15s; /* Safari and Chrome */
	-o-transition: top .15s; /* Opera */
 }
.section-link:hover .section-link-overlay { left: 0; top: -34px; }
.whats-on-preview span { background: url(../images/style/titles/whats-on-at-tq.png) no-repeat -6px 0; display: block; height: 14px; overflow: hidden; text-indent: -5000px; }

.right-arrow { background: url(../images/style/sprites.png) no-repeat -520px 0; display: block; float: right; height: 18px; text-align: right; width: 21px; }

.sub-page-links{ margin-top: 25px; }
.sub-page-links a{  width: 202px; display: block; background: #EFEFEF; padding: 10px 9px; text-align: center; color: #102630; font-size: 14px; font-weight: bold; margin-right: 22px; margin-bottom: 22px; float: left; }
.sub-page-link img{ display: block; margin-bottom: 15px; }

.news-content{  margin-top: 25px; }

.news-content hr{ border: none; width: 704px; background: #4C5C64; margin: 0; margin-bottom: 8px; }
.news-content hr.thick{ height: 2px; }
.news-content hr.dashed{ background-color: transparent; width: 705px; height: 6px; background: url(../images/style/sprites.png) -248px -55px no-repeat; margin: 15px 0; }

.news-content .content-pod{  margin-right: 22px;  float: left; width: 220px; height: 360px; position: relative; border-bottom: solid 6px #4C5C64; overflow: hidden;  }
.news-content .content-pod h1{ background:url(../images/style/text-sprites.png) no-repeat; margin: 0 0 8px 0; overflow: hidden; text-indent: -999px; background-position-x: 0; }
.news-content .content-pod h2{ font-size: 14px; line-height: 16px; color: #102630; margin-bottom: 15px; }
.news-content .content-pod h2 span{ display: block; font-weight: normal; font-size: 12px; }
.news-content .content-pod p{  font-size: 12px; line-height: 18px;  color: #102630; margin-bottom: 10px;}
.news-content .content-pod p a.read-more{ font-weight: bold; display: block; text-transform: uppercase; color: #FFC758; margin-top: 5px;}
.news-content .content-pod p a.read-more:Hover{ text-decoration: underline; }
.news-content .content-pod hr{ width: 220px; height: 6px; margin-bottom: 10px; }
.news-content .content-pod hr.dashed{ width: 220px; margin: 25px auto; }
.news-content .content-pod a.section-link{ position: absolute; bottom: 0; right: 0; padding: 0 8px; line-height: 22px; color: #DD7403; font-size: 11px; text-transform: uppercase; background: #FFD788; }
.news-content .content-pod img{ display: block; margin-bottom: 15px; }

.news-content .news h1{ background-position-y: -25px; height: 16px; }
.news-content .whats-on h1{ background-position-y: -41px; height: 16px; }
.news-content .blog h1{ background-position-y: -25px; height: 16px; }
.news-content .twitter h1{ background-position-y: -77px; height: 36px; }
.news-content .facebook h1{ background-position-y: -114px; height: 36px;  }
.news-content .flickr h1{ background-position-y: -152px; height: 36px;  }

#leaderboard{ display: block; margin: -20px -25px 15px; }

.introductions {  font-size: 12px; line-height: 16px; min-height: 400px; }
.introduction { background: url(../images/style/horizontal-rule.png) repeat-x left bottom; height: 100%; padding-bottom: 27px; }
.title-heading { height: 50px; }
.title-heading h2 { color: #102630; font-size: 14px; font-weight: bold; }
.title-heading h3 { color: #EEA920; font-size: 12px; font-weight: normal; }

/* NEWS SECTION */
#article-sections { border-bottom: #102630 solid 1px; border-top: #102630 solid 1px; padding-bottom: 27px; }
#article-sections .span1 {  background: url(../images/style/section-header-background.png) repeat-x; border-bottom: #102630 solid 8px; float: left; position: relative; width: 220px; }
#article-sections .span1 h2 { border-bottom: #102630 solid 8px; display: block; height: 40px; margin-bottom: 15px; overflow: hidden; text-indent: -5000px; }
.preview-article-header { height: 60px; }
#article-sections .span1 h3 { font-size: 14px; line-height: 15px; padding-top: 5px;  color: #000; }
#article-sections .span1 h4 { color: #405159; font-size: 12px; font-weight: normal; }
#article-sections .span1 img { margin-bottom: 10px; }
#article-sections .span1 p { font-size: 12px; padding-right: 0; }
.read-more { color: #eea920; clear: both; display: block; font-size: 12px; margin: 15px 0 5px; text-transform: uppercase; }
.view-all { bottom: 0; background: #FFC758; color: #DD7403; float: right; font-size: 11px; padding: 4px 6px; position: absolute; right: 0; text-transform: uppercase; }

#article-sections #whats-on-preview h2 { background: url(../images/style/titles/whats-on.png) no-repeat center center; }
#article-sections #whats-on-preview h2 { background: url(../images/style/titles/whats-on.png) no-repeat center center; }
#article-sections #latest-blog-preview h2 { background: url(../images/style/titles/latest-blog.png) no-repeat center center; }

#article-sections #latest-news-preview h2 { background: url(../images/style/titles/tq-news.png) no-repeat center center; }
#article-sections #latest-news-preview h3 { margin-bottom: 10px; text-transform: uppercase;  }
#article-sections #latest-news-preview img { float: left; margin: 0 8px 8px 0; }
.preview-article {  }
.preview-article.first { background: url(../images/style/horizontal-rule.png) repeat-x left bottom; margin-bottom: 13px; padding-bottom: 13px; }

.attraction { border-bottom: #102630 solid 1px; font-size: 12px;  }
.attraction .row { background: url(../images/style/horizontal-rule.png) repeat-x left bottom; border-top: #102630 solid 1px; margin-bottom: 12px; margin-right: 0; padding: 12px 0; }
.attraction .span3 { border-bottom: #102630 solid 1px; margin-bottom: 6px; padding-bottom: 15px; position: relative; }
.attraction h1 { margin-bottom: 12px; }
.attraction .images { float: left; height: 225px; margin: 0 22px 0 0; overflow: hidden; width: 298px; }
.no-js .attraction .images { overflow: auto; }
.attraction img.preview-image { width: 298px; }
.attraction .content { margin-left: 322px; }
.attraction .content .logo { float: right; margin: 0 22px 22px; }
.attraction .content .logo + p, .attraction .content .logo + p + p { width: 220px; }
.lt-ie9 .attraction .content .logo + p{ width: auto; }
.attraction .content p{ margin: 0; }
.attraction .details { bottom: 17px; left: 322px; position: absolute; }
.attraction .images { position: relative; width: 298px; }
.attraction .images .arrow  { left: 0; margin-top: -14px; position: absolute; top: 50%; z-index: 500; }
.attraction .images .arrow-right { left: auto; right: 0; }

.tenant { background: url(../images/style/horizontal-rule.png) repeat-x left bottom; padding-bottom: 1px; font-size: 12px; }
.tenant .span2 { background: url(../images/style/horizontal-rule.png) repeat-x left top; padding-top: 27px; }
.tenant p { margin-bottom: 12px; }
.tenant h1 { font-size: 14px; margin-bottom: 14px; }
.tenant img { float: left; margin: 0; width: 220px; }
.tenant .content { margin-left: 242px; }

.video-list .span1 { position: relative; }
.video-list .play-btn { left: 88px; position: absolute; top: 38px; z-index: 100; }
.video-list a { color: #000; }
.video-list h2 { font-size: 12px; font-weight: normal; margin-top: 5px; }

.signup-form-container { background: url(../images/style/signup-form-bg.gif) repeat-y; height: 108px; overflow: auto; }
.js .signup-form-container  { overflow: hidden; }
.signup-form-container h2 { background: url(../images/style/signup-form.gif); display: block; height: 108px; text-indent: -5000px; }
.js .signup-form-container h2 { cursor: pointer;  }
.signup-form-container form { padding-bottom: 5px; width: 220px; }
.signup-form-container label { clear: left; color: #fff; display: block; float: left; font-size: 14px; margin-left: 10px; width: 45px;  }
.signup-form-container input { border: none; /* clear: right; */ display: block; float: left; font-size: 11px; margin: 0 0 3px 0; padding: 2px 4px; width: 120px; }
.signup-form-container button { background: url(../images/style/submit-btn.png); border: none; display: block; float: right; height: 29px; margin: 0; margin-top: -16px; overflow: hidden; /* position: relative;  */text-indent: -5000px; text-transform: uppercase; width: 30px; }
.signup-form-container .form-processing-graphic { height: 47px; margin: 0; padding: 0; }
.signup-form-container .form-processing-graphic img { margin-left: 94px; }
.signup-form-container .sign-up-thanks { height: 47px; }
.signup-form-container .sign-up-thanks img { margin-left: 71px; }

.designed-by { margin-left: 20px;  }
#home .designed-by { display: none;  }

/* ***************************************************************************
		x STYLES
*************************************************************************** */
footer{  }

footer .wrap{ width: 950px; padding: 0 25px; margin: auto; }

footer .middle-panel { margin-top: 20px; height: 184px; background: url(../images/style/sprites.png) 0 -77px no-repeat;  }

footer .middle-panel ul.links{ list-style: none; color: #4C5C64; font-weight: bold; font-size: 12px; padding: 0; margin-right: 45px; margin-top: 35px; }
footer .middle-panel ul.links li.header{ height: 24px; }
footer .middle-panel ul.links li a{ font-weight: normal; color: #B3BABD; line-height: 14px; }
.no-touch footer .middle-panel ul.links li a:Hover{ text-decoration: underline; }

footer .middle-panel ul.social{ list-style: none; margin-top: 50px; }
footer .middle-panel ul.social li{ float: left; background: #4C5C64; width: 75px; height: 55px; padding: 10px 0 20px; margin-left: 8px; }
footer .middle-panel ul.social li a span{ display: block;text-indent: -999px; background: url(../images/style/sprites.png?) no-repeat;  height: 39px; margin: auto; overflow: hidden;  }
footer .middle-panel ul.social li a i{ display: block; margin: auto; background: url(../images/style/sprites.png) no-repeat; margin-bottom: 12px;  height: 14px; }

footer .middle-panel ul.social li a.twitter span{ background-position: -279px 0;width: 60px; }
footer .middle-panel ul.social li a.twitter i{ width: 16px; background-position: -279px -40px; }
footer .middle-panel ul.social li a.twitter:Hover i{ background-position: -296px -40px; }

footer .middle-panel ul.social li a.facebook span{ background-position: -339px 0;width: 69px;}
footer .middle-panel ul.social li a.facebook i{ width: 8px; background-position: -341px -40px; }
footer .middle-panel ul.social li a.facebook:Hover i{ background-position: -348px -40px; }

footer .middle-panel ul.social li a.linkedin span{ background-position: -410px 0;width: 61px;}
footer .middle-panel ul.social li a.linkedin i{ width: 14px; background-position: -411px -40px; }
footer .middle-panel ul.social li a.linkedin:Hover i{ background-position: -425px -40px; }

/*
footer .middle-panel ul.social li a.flickr span{ background-position: -472px 0;width: 48px;}
footer .middle-panel ul.social li a.flickr i{ width: 23px; background-position: -473px -40px; }
footer .middle-panel ul.social li a.flickr:Hover i{ background-position: -496px -40px; }
*/
footer .middle-panel ul.social li a.flickr span{ background-position: 0 -266px;width: 62px;}
footer .middle-panel ul.social li a.flickr i{ width: 38px; background-position: 0 -307px; }
footer .middle-panel ul.social li a.flickr:Hover i{ background-position: -39px -307px; }

footer .legal-panel{ margin-top: 18px; }
footer .legal-panel a.logo{ display: block; width: 92px; height: 45px; text-indent: -999px; background: url(../images/style/sprites.png) -188px 0 no-repeat; overflow: hidden; }
footer .legal-panel p{  color: #4b5c63; font-size: 9px;  margin-top: 14px; margin-left: 24px; }
#general-enquires { font-size: 12px; margin-top: 6px;  }
#general-enquires b { color: #B3BABD; }

footer .bottom-panel{ padding: 25px 0 35px; background: url(../images/style/footer-bg.jpg)  bottom center no-repeat; height: 45px; margin-top: 15px; font-size: 10px; min-width: 1000px; }
footer .bottom-panel .content{ width: 950px; margin: auto; text-align: center; }
footer .bottom-panel .content a{ padding: 0 42px; color: #FFF; font-size: 12px; }
footer .bottom-panel .content a.first { padding-left: 0; }
footer .bottom-panel .content a.last { padding-right: 0; }

footer .bottom-panel .content p{ text-align: right; color: #A7A9AC; margin-top:  25px; }
footer .bottom-panel .content p a{ color: #A7A9AC; padding: 0; font-size: 10px; }
footer .row{ margin-bottom: 0px; }
footer .row .row{ margin-bottom: 17px; }
.no-touch footer .bottom-panel .content a:hover{ text-decoration: underline; }

/* ***************************************************************************
		LAYERED SLIDER STYLES
*************************************************************************** */
#layered-slider{ height: 412px; position: relative; overflow: hidden;  z-index: 1018; min-width: 1000px; }

#layered-slider div.slider{ margin: auto;  width: 1000px; }
#layered-slider div.slider img { width: 1000px; }
.no-js #layered-slider div.slider{ overflow: auto; height: 412px; }

#layered-slider .nav {  position: relative; top:-30px; z-index: 1020; margin: auto; width: 994px; background: none; }
#layered-slider .nav .pagination{
	float: left;
	padding: 7px 10px 12px 0; .
	background: #000;
	background: rgba(0,0,0,0.4);
	margin-left: 21px;
	margin-top: 5px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#layered-slider .nav .pagination span{
	display: block;
	background: #FFF;
	height: 8px; width: 8px;
	float: left;
	margin-left: 10px;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.no-touch #layered-slider .nav .pagination span:Hover{ cursor: pointer; }
#layered-slider .nav .pagination span.activeSlide{ background: #fec757; }

#layered-slider div.overlay{ min-width: 1000px; z-index: 1017; height: 412px; width: 100%; position: absolute; bottom: 0; left: 0; background: url(../images/home/home-slider-overlay.png?) bottom center no-repeat;  }
#layered-slider div.swirl{ height: 215px; width: 100%; background: url(../images/style/bg.png) no-repeat; position: absolute; bottom: -187px; z-index: 1018; min-width: 994px; }

/* ***************************************************************************
		MAIN SLIDER STYLES
*************************************************************************** */
#main-slider{ width: 705px; height: 370px; overflow: hidden; position: relative; z-index: 1020; }
#main-slider img { height: 370px; width: 705px; }

#main-slider .nav { background: #000; background: rgba(0,0,0,0.4); padding: 10px 8px 3px; position: absolute; top: 0; right: 0; z-index: 1021;}
#main-slider .nav span { display: block; width: 8px; height: 8px; margin-bottom: 7px; cursor: pointer; background: #FFF;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#main-slider .nav span.activeSlide{ background: #FFC758; }

/* ***************************************************************************
		TIME SAVERS
*************************************************************************** */
a:hover
{
	transition: all .5s;
	-moz-transition: all .25; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari and Chrome */
	-o-transition: all .5s; /* Opera */
}
/* ***************************************************************************
		MEDIA QUERIES
*************************************************************************** */
@media screen and (min-width: 1860px) {

	/* Too Wide Screen Problem */
	body,
	#layered-slider div.swirl,
	footer .bottom-panel{ background-size: 100%; }
}

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }


#overlay { background: url(../images/style/overlay-bg.png); background: rgba(0,0,0,0.68); height: 100%; left: 0; position: fixed; top:0; width: 100%; z-index: 5000; }
#overlay-container { background: #fff; height: 339px; left: 50%; position: absolute; top: 50%; width: 560px; }
.close { background: #000; height: 24px; }
.close a { background: #FEC757; color: #DD7403; font-size: 12px; float: right; padding: 4px 6px; text-transform: uppercase; }
.over-content { color: #fff; font-size: 14px; font-weight: bold;  }
.over-content {  }

div.row.executive-team > div.span2{ margin-top: -60px; }

/* THE ARC */

.the-arc{
	background: url(../the-arc/the-arc-2.png) no-repeat #CDD7DE;
	min-height: 890px;
	position: relative;
	color: #354B55;
}

#the-arc-form{
/*
	background: #1E4C6B;
	background: rgba(30, 76, 107, 0.9);
*/
	position: absolute;
	top: 0;
    right: 30px;
    width: 340px;
    height: 100%;
	font-family: 'fs_lucasmedium', sans-serif;
}

.the-arc .sidebar-images{
	display: block;
	background: url(../the-arc/sidebar-images.png) no-repeat center center;
	background-size: 99.5% 99.5%;
	position: absolute;
	width: 402px;
    height: 410px;
	right: 0; bottom: 0;
	z-index: 20;
}

#the-arc-form .top-logos{
	width: 346px;
    height: 139px;
    background: url(../the-arc/top-logos.png);
    overflow: hidden;
    text-indent: -999px;
    margin-bottom: 30px;
    position: relative;
}

#the-arc-form .top-logos a{
	display: block;
    position: absolute;
	outline: none;
}

#the-arc-form .top-logos a.simonbrien.logo{
    width: 146px;
    height: 50px;
    top: 10px;
    left: 0;
}

#the-arc-form .top-logos a.simonbrien.text{
    width: 89px;
    height: 10px;
    bottom: 5px;
    left: 0;
}

#the-arc-form .top-logos a.simonbrien.email{
    width: 172px;
    height: 10px;
    bottom: 20px;
    left: 0;
}

#the-arc-form .top-logos a.simonbrien.phone{
    width: 172px;
    height: 10px;
    bottom: 37px;
    left: 0;
}


#the-arc-form .top-logos a.savills{
/* 	display: none; */
}

#the-arc-form .top-logos a.savills.logo{
	width: 68px;
    height: 67px;
    top: 0px;
    right: 64px;
}

#the-arc-form .top-logos a.savills.text{
    width: 51px;
    height: 10px;
    bottom: 5px;
    right: 83px;
}

#the-arc-form .top-logos a.savills.email{
	width: 103px;
    height: 10px;
    bottom: 21px;
    right: 31px;
}

#the-arc-form .top-logos a.savills.phone{
	width: 120px;
    height: 10px;
    bottom: 37px;
    right: 14px;
}

#the-arc-form h2{
	color: #00A6B4;
	font-size: 34px;
	line-height: 1.2em;
	font-family: 'fs_lucassemibold', sans-serif;
	margin: .8em auto;
	padding-right: 1.4em;
}

#the-arc-form h4{
	color: #fff;
	text-align: left;
	margin: 10px auto 5px;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 18px;
}

#the-arc-form h3{
/* 	color: #fff; */
	text-align: left;
	margin: 10px auto 20px;
	font-size: 17px;
	line-height: 23px;
}

#the-arc-form .form-wrapper{
	background: #c3ccd3;
    margin: 0 -30px 30px -31px;
    padding: 10px 30px 30px;
}

#the-arc-form form{
	margin: auto;
/* 	width: 313px; */
}

#the-arc-form form label{
	display: block;
/* 	color: #fff; */
	margin-bottom: 5px;
	font-size: 14px;
}

#the-arc-form form label input[type="checkbox"]{
	visibility: hidden;
	margin-bottom: 3px;
}

#the-arc-form form label.check{
	position: relative;
	padding-left: 10px;
	width: 165px;
    margin: -10px auto 20px;
    text-transform: capitalize;
}

#the-arc-form form label.check.checked:after{
	content: "";
    display: block;
    width: 9px;
    height: 9px;
    background: #fff;
    position: absolute;
    left: 3px;
    top: 5px;
}

#the-arc-form form label.check:before{
	content: "";
	display: block;
	width: 13px; height: 13px;
	border: solid 1px #fff;
	position: absolute;
	left: 0; top: 2px;
}

#the-arc-form form label.hidden{
/* 	display: none; */
}

#the-arc-form form .text{
	width: 295px;
	display: block;
	margin-bottom: 20px;
	color: #354B55;
	background: transparent;
	border: solid 1px #354B55;
	padding: 7px 9px;
	font-size: 15px;
}

#the-arc-form form select{
	display: block;
    width: 70%;
    margin: 0 auto 25px;
    /*background: transparent;
    border: solid 1px #fff;
    color: #fff;*/
    font-size: 13px;
    height: 25px;
}

#the-arc-form form .text.error{
	border: solid 1px red;
}

#the-arc-form form .text::-webkit-input-placeholder {
   color: #fff;
}

#the-arc-form form .text:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}

#the-arc-form form .text::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}

#the-arc-form form .text:-ms-input-placeholder {
   color: #fff;
}

#the-arc-form form input[type="submit"]{
	display: block;
	width: 100px;
	height: 26px;
	background: url(../the-arc/the-arc-submit.png) no-repeat;
	border: none;
	text-indent: -999px;
	overflow: hidden;
}

#the-arc-form div.error_message{
	font-weight: arial, sans-serif;
	color: #fff;
	width: 313px;
	font-size: 13px;
    line-height: 18px;
	margin: 0 auto 20px;
	color: #ff796f;
}

#the-arc-form div.error_message span{
	text-transform: capitalize;
	font-style: italic;
	font-weight: bold;
}

#the-arc-link{
	text-indent: -999px;
	overflow: hidden;
	height: 38px;
/* 	max-width: 313px; */
	background: url(/_assets/the-arc/the-arc-download.png) no-repeat;
	display: block;
	margin: auto;
}

#the-arc-link > *{  }

#the-arc-link-home{
	text-indent: -999px;
    overflow: hidden;
    height: 228px;
    max-width: 220px;
    background: url(/_assets/the-arc/the-arc-link.jpg) no-repeat;
    display: block;
}

#the-arc-link-home > *{ display: none; }