@charset "utf-8";
/* screen stylesheet for Lenta Business Centres */
/* (c) Taupo Solutions Ltd 2010. Http://www.taupo.co.uk */



/* ------------ global background style --------- */
body {background: #738da7 url(pageBgTile.gif) repeat 0 0}
/* ------------ Typography, defaults, links --------- */

body {margin: 0; padding: 0; font:75%/1.5 Verdana,Arial,Geneva,Helvetica,sans-serif; color: #576473; }
body.mceContentBody {background: #fff!important}

/* ----Fix broken gradient, as the default Domino form wasn't 'containing' floated content.--------- */
/* -- watch for side effects...  */
form {overflow: hidden}

h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-weight: normal; font-style: normal}
h1 {color: #1c4975;font-size: 1.5em; margin-bottom: 0.4em; padding-bottom: 0.4em; border-bottom: 1px solid #1c4975}
h2 {color: #1c4975; font-size: 1.3em;margin-bottom: 1em}
h3 {color: #1c4975; font-size: 1.1em; }

a, a:link, a:visited {color: #3589dc; text-decoration: none}
a:hover {text-decoration: underline}

.padded10 {padding: 10px; background: #fff}
.padded10TB {padding: 10px 0; background: #fff}
.padded15 {padding: 0 15px 15px 15px; background: #fff}
.paddedFull {padding: 15px; background: #fff}
.topContent {padding: 5px 15px 15px 15px; background: #fff}

optgroup + optgroup {
border-top: 1px solid #ccc; padding: 5px 0; margin-top: 5px;
}

.larger {font-size: 1.12em}

#hiddenMe em {font-style: normal}
.noop {display: none;}
/* ------------ Global Structural --------- */

	/* ------------ Header --------- */
	#header {height: 167px; overflow: hidden; position: relative;}
		#banner {height: 167px; background: transparent url(bannerBg.gif) repeat-y 0 0; position: absolute; top: 0; left: 0; width: 960px; z-index: 8}
			#slider {overflow: hidden; height: 167px; position: absolute; top: 0; left: 10px; width: 940px; z-index: 9; background: #4870b0}
			#logo {display:block;height:167px;left:10px;position:absolute;top:0px;width:940px; background: url(logoOverlay.png) no-repeat 0 0; z-index: 10}
			#callUs {position: absolute; width: 391px; height: 61px; right: 10px; top: 100px; background: url(call-us-free-0800-515-622.png) no-repeat 0 0; z-index: 10}
		#navigation {position: absolute; height: 45px; overflow: hidden; width: 900px; top: 165px; left: 0; margin-left: 30px}
	
	/* ------------ Footer --------- */
	#superFooterTop {overflow: hidden}
	.dottedRuleBase { padding-bottom: 15px;border-bottom: 1px dotted #fff; overflow: hidden}
	.dottedRuleTop { border-top: 1px dotted #fff}
	.footer {color: #eef3f6;}
	.footer p {font-size: 1em}
	.footer a, .footer a:link, .footer a:visited {color: #fff; font-weight: bold}
	.footer a:hover {text-decoration: underline}
	.footer h2 {text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); color: #fff}
	.innerFooter {margin: 15px 15px 0 15px;}
	.footerLinks {font-size: 0.9em; padding: 0px 0 5px 15px}
	.footerLinks a, .footerLinks a:link, .footerLinks a:visited {font-weight: normal}
	#baseFooter {margin-bottom: 15px; padding-bottom: 15px}
	#baseFooter a.taupo:link, #baseFooter a.taupo {font-weight: normal; color: #d0dee7}
	#baseFooter a.taupo strong {font-weight: normal; color: #fff}
	
	#superFooterTop .logo {border: none; display: block; float: left; margin: 0 15px 5px 15px; width: 123px; height: 115px; opacity: 0.66;}
	#superFooterTop .logo:hover {opacity: 1}
	
	.socialMedia {margin-left: 30px; margin-top: 10px; line-height: 36px; vertical-align: middle}
	.socialMedia img {margin-right: 5px; border: none}
	
	/* ------------ Content --------- */
	.hpContainerTop, .forIE6 {height: 25px; background: #1b3317 url(contentTopBg.gif) no-repeat center top}
	.hpContainerBottom, .forIE6 {height: 25px; background: #1b3317 url(contentBottomBg.gif) no-repeat center bottom}
		
	html > body .hpContainerTop {height: 25px; background: transparent url(contentTopBg.png) no-repeat center top}
	html > body .hpContainerBottom {height: 25px; background: transparent url(contentBottomBg.png) no-repeat center bottom}

	.innerContainer, .forIE6 {background: #fff url(contentMiddleBg.gif) repeat-y center top; zoom:1; overflow: hidden; min-height: 600px}
	html > body .innerContainer {background: transparent url(contentMiddleBg.png) repeat-y center top;}
	
	


/* ------------ homepage 4up boxes --------- */
.homeFourUpBox {margin: 5px 5px 15px 5px;  padding: 0px;}
.firstBox {margin-left: 15px}
.lastBox {margin-right: 15px}
.homeFourUpBox h3 {margin: 10px 0px; font-size: 1.4em; color: #000}
.homeFourUpBox img {border: 1px solid #ccc}
.homeFourUpBox p {margin: 10px 0px; font-size: 0.9em}
.hpSelect {max-width: 200px; font-size: 11px; margin-left: 10px}

.rhsAdHolder {top: 380px; position: relative; height: 246px; margin: 0 10px 0 0; overflow: hidden}
html > body .rhsAdHolder {position: static}


/* ------------ meeting room special page --------- */
#meetingBannerHolder {}
#meetingBanner {margin: 5px 20px 0 20px; height: 280px; background: url(meeting-rooms-banner-1.jpg) no-repeat 0 0 #763528; position: relative;text-shadow: 0px 1px 3px rgba(0,0,0,0.8);}
#meetingBanner h1 {color: #fff; font: 19px/1.2 arial, verdana, sans-serif; margin: 15px 0 0px 15px; border: none;
}
#meetingBanner p {color: #fff; margin: 0 0 0 15px; padding: 0; line-height: 1.2}
#meetingBanner em {font-style: normal; line-height: 20px; font-size: 15px; }
#meetingBannerOverlay {position: absolute; top: 60px; height: 115px; width: 700px; left: 0px; background: url(meeting-rooms-banner-overlay.png) no-repeat 0 0;}
#meetingBannerCtrls {margin: 0 20px; height: 30px; background: #fff;}

.threeUp {width: 300px; float: left; position: relative; margin: 0;}
.threeUp input {display:none}
.tuFirst, .tuThird {width: 320px}
.tuFirst .tuInner {background: url(mrRedBg.png) no-repeat 0 0 #763528;margin-left: 20px}
.tuSecond .tuInner {background: url(mrGreenBg.png) no-repeat 0 0 #455900;}

.tuThird .tuInner {background: url(mrBlueBg.png) no-repeat 0 0 #28354b; margin-right: 20px}
.tuInner {padding: 30px; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.8); line-height: 1.3;height: 160px; max-height: 160px; min-height: 160px; overflow: hidden}

.tuInner h2 {color: white; margin: 0 0 15px 0;  font: 25px/1.4 arial, verdana, sans-serif; font-variant: small-caps; }
.tuInner a, .tuInner a:link, .tuInner a:visited {color: white; font-weight: bold}
.tuInner a:hover {text-decoration: underline}
.padded30 {padding: 30px}
.threeUp .tickList {padding-left: 15px; margin-left: 0}
.tuFirst .padded30 {margin-left: 20px;}
.tuThird .padded30 {margin-right: 20px;}

/* BUTTON styling */
input[type="button"], input[type="submit"] {
     background: #F5F5F5;
     background: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); 
	 background: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%);
	 background: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); 
	 background: -ms-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 );
     background: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%);
     -webkit-border-radius: 3px; -moz-border-radius: 3px;
     border-radius: 3px;
     border: 1px solid #ddd;
     border: 1px solid rgba(0, 0, 0, 0.1);
     color: #585858;
     cursor: pointer;
     font-size: 11px !important;
     font-weight: bold;
     height: 27px;
     margin: 5px 6px;
     min-width: 84px;
     max-width: 200px;
     padding: 0px 8px;
     text-align: center;
     *min-width: auto;
}

input[type="button"]:hover, input[type="submit"]:hover {
     background-color: #f5f5f5;
     background: -moz-linear-gradient(top, #f5f5f5 0%, #d5d5d5 100%); 
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); 
	 background: -webkit-linear-gradient(top, #f5f5f5 0%,#d5d5d5 100%); 
	 background: -o-linear-gradient(top, #f5f5f5 0%,#d5d5d5 100%);
	 background: -ms-linear-gradient(top, #f5f5f5 0%,#d5d5d5 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d5d5d5',GradientType=0 );
     background: linear-gradient(top, #f5f5f5 0%,#d5d5d5 100%);
     
     border: 1px solid #bababa;
     box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
     color: #111;
}

input[type="button"][disabled] {
		color: #ccc
	}
input[type="button"][disabled]:hover {
		border-color: #ddd; box-shadow: none; cursor: not-allowed
	}

input[type="button"]:focus, input[type="submit"]:focus {
     border: 1px solid #000;
     outline: medium none;
}

/* ------------ General Pages --------- */
.homepage h1 {font-size: 1.4em}
h1.primaryHeading {font-size: 1.5em; margin: 0 15px 0px 15px}

.infowindow
      {
      font-family:Verdana;
      font-size:8pt;
      font-weight:normal;
      width:250px;
      height:150px;
      overflow:auto;

} 

.officePage ul, .tickList {padding-left: 30px}
.officePage ul li, .tickList li {list-style-type: none; margin: 0; padding-left: 20px; background: #fff url(tick.png) no-repeat left center}

.tickList li {background-position: left 5px; padding-bottom: 6px}

.whiteList {list-style-type: none; width: 290px; float: left; margin-right: 15px; margin-left: 10px; padding: 0;}
.whiteList li {padding-bottom: 6px;background: url(tick.png) no-repeat left 2px transparent; padding-left: 20px; line-height: 1.2; font-size: 11px; color: white}
.whiteList a {color: #fff; font-weight: bold;}

.officeBanner {background: #3d6891 url(officeBannerBg.png) repeat-x 0 0; margin-left: 15px; margin-right: 15px; height: 202px;}
.officeBanner img {border-right: 1px solid #fff; float: left;}

.officeContact {font-size: 1.0em; color: #fff; float: left; margin-left: 15px; width: 528px; overflow: hidden; text-shadow: 1px 1px 3px rgba(0,0,0,0.5)}
.officeContact h1 {border: 0;padding: 0; margin: 15px 15px 15px 0; font-size: 1.4em; color: white; line-height: 1;}
.contacts {margin-top: 10px;}
.contacts strong {float: left; width: 80px; margin-right: 10px; clear: both}
.contacts a, .contacts a:visited {color: #fff; text-decoration: underline}
.contacts a:hover {font-weight: bold}
.XXXaddress {width: 320px}

.sideTop {margin-top: 15px; overflow: hidden}
.sideTop img, .sideBottom img {border: 1px solid #ccc;cursor:pointer}
.sideTop img:hover, .sideBottom img:hover {border: 1px solid #5C89E2;}
.sideBottom {margin-top: 5px; height: 100px; overflow: hidden}
.sideBottom img {float: left; margin-left: 5px; margin-right: 5px}

#activate {position: absolute; right: 30px; bottom: 15px; height: 61px; width: 211px; background: url(takeTour.png) no-repeat 0 0; cursor: pointer;}
#activate:hover {background-position: 0 -61px;}

.boxImage {border: 1px solid #ccc;
box-shadow: 3px 3px 5px rgba(0,0,0,0.5);-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);}
.boxImageTL {float: left; margin: 0px 10px 10px 0; }
.boxImageML {float: left; margin: 10px 10px 10px 0; }

#enquiryHolder {margin: 15px 0 15px 15px; position: relative;}
#enquiryHolder.rhsEnquiry {margin: 15px 15px 0px 0}
#enquiryForm {background: #27569C; padding: 10px; color: white; position: relative; top: 0; left: 0; z-index: 20;}
#enquiryToggle {position: absolute; top: 5px; right: 5px; z-index: 21; background: #27569C url(expCol.png) no-repeat -22px 0; width: 22px; height: 20px}
#enquiryHolder.rhsEnquiry #enquiryToggle {display: none}

#enquiryToggle:hover {background-position: 0px 0}
#enquiryToggle.expanded {background-position: -22px -20px;}
#enquiryToggle.expanded:hover {background-position: 0px -20px;}
.enquiryBox {box-shadow: 3px 3px 5px rgba(0,0,0,0.5);-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);}
#enquiryForm h2 {padding: 0 15px 0 0; margin: 0; line-height: 1; color: white; font-size: 1.2em}
.smallText {font-size: 0.8em}
#enquiryForm label {display: block; margin-bottom: 3px; margin-top: 10px; font-size: 0.9em}
#enquiryForm .eRow input, #enquiryForm .eRow select {width:95%; font-size: 0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; }
#enquiryForm textarea {width: 95%; height: 100px; font-size: 0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px}
#enquiryForm .eRows {text-align: right; padding-right: 3px}


/* ------------ front-page news box --------- */
.latestNews {background: url(newsBg.png) no-repeat 0 0; margin-top: 15px; width: 209px; height: 251px }
.latestNews a, .latesNews a:visited {color: #fff; text-decoration: underline}
.latestNews a:hover {color: #ddd; text-decoration: underline}

/* ------------ Listing pages --------- */
.listingHeading {border: none; color: #1C4975; margin-left: 15px}
.officeList h2 {font-size: 1.2em}
.officeBlock {margin-bottom: 15px; margin-left: 30px; border: 1px solid #2694e8; overflow: hidden;
-webkit-border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;-border-radius: 6px 6px 0 0;
}
.officeBlock h3 {height: 37px; line-height: 37px; overflow: hidden;  font-size: 1.2em; background: #3baae3 url(/resultsHeaderBg.gif) repeat-x center center; color: #fff;
-webkit-border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;-border-radius: 6px 6px 0 0;
}
.officeBlock h3 a,.officeBlock h3 a:visited {color: white; display: block; padding-left: 15px;}
.officeBlock h3 a:hover {color: white}

.officeBlock img {float: right; margin: 0px 0px 15px 15px; border: 1px solid #1C4975}
.obFooter {overflow: hidden; clear: both;}
.obTel {float: left; width: 220px}
.obEmail {float: left; width: 200px}
.obMore {float: left; width: 100px; text-align: right}

.obSummary ul {float:left; font-size:0.9em; line-height:1.2; padding-left:25px; width:180px; margin-top: 0}
.obSummary ul li {padding-bottom: 7px; background: url("tick.png") no-repeat scroll left 2px #FFFFFF; }



/*
 * jQuery Nivo Slider v1.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}

.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8;
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}

.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}

.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* ------------ drop-down menuing system.... --------- */
#menuContainer {position: relative; top: 0px; left: 0px; z-index: 40; background: url(menuBgRight.gif) no-repeat right 0 }

ul#menu {
background: #727985 url(menuBg.png) repeat-x 0 0;
color: #fff;
margin: 0 25px 0 0px;
padding: 0;
height: 47px;
}

ul#menu li.first {padding-left: 15px;background: url(menuLeft.png) no-repeat 0 0}

ul#menu li {
display: block;
float: left;
padding: 0;
position: relative;
height: 47px;
}

#menu span {background: url(menuSep.png) no-repeat right 0; display: block; float: left; padding: 0 3px}

.ruleTop {border-top: 1px dotted #ccc; padding-top: 0.4em}

ul#menu li:hover {background: #4870b0 url(menuBgHover.png) repeat-x 0 0}

ul#menu li.first:hover {background: #4870b0 url(menuBgLeftHover.gif) repeat-x 0 0}



ul#menu li a {
color: #fff;
text-decoration: none;
padding: 0.5em 2.2em;
display: block;
text-shadow: 1px 2px 3px rgba(0,0,0,0.5);
font-size: 1.2em;
text-transform: uppercase;
}

ul#menu li a:hover {
text-decoration: underline;

}

ul#menu li.mega a {
background: transparent url(arrowIE.gif) center right no-repeat;
padding: 0.5em 2.2em;
}



ul#menu li.mega a:hover {
text-decoration: underline;
background: background: #4870b0 url(menuBgHover.png) repeat-x 0 0;

}

ul#menu div {
display: none;
}



ul#menu li.mega div {
border: 1px solid #a3a8ae; border-top: none;
width: 260px;
position: absolute;
top: 38px;
left: 0em;
padding: 15px;
background: #5f6875;
color: #fff;
z-index: 35;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;

-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
-webkit-box-shadow:  2px 2px 4px rgba(0,0,0,0.5);
box-shadow:  2px 2px 4px rgba(0,0,0,0.5);

}




ul#menu a:focus {}

ul#menu li.mega div a, ul#menu li.mega div a:visited {
color: #d6e6ff;
padding: 0;
background-image: none;
text-decoration: none;
display: inline;
text-transform: none;
}



ul#menu li div a.more {
color: #eb9000;
font-weight: bold;
}


ul#menu li.mega  div h3 a, ul#menu li.mega  div h3 a:visited {
color: #eb9000;
font-weight: normal;
font-size: 1.0em;
font-size: 1.25em;
text-decoration: none;
display: inline;
text-shadow: 1px 1px 2px rgba(0,0,0,0.5)
}

ul#menu li.mega  div a:hover {
	background: transparent;
	text-decoration: underline!important
}

ul#menu li.mega  div p {
margin: 0 0 0.8em 0;
padding: 0;
line-height: 1.2
}


#closeButton {position: absolute; cursor: default; right: -15px; top: -15px; width: 35px; height: 35px; background: url(lbControls.png) no-repeat 0 0; z-index: 9999}


/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#modal {position: fixed; height: 100%; width: 100%; top: 0; left: 0; display: none; z-index: 49; background: #000}
#gallery { visibility: hidden; position: absolute; z-index: 50;}

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd;}

/* GALLERY PANELS */
.panel {

}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}