/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

html{
	font-size:12px;
}

body {
	background-color:#01131f;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	color: #666;
	padding: 4px 0px 10px 0px;
	font-size:12px;
	line-height:12px;
	font-family:Verdana, Geneva, sans-serif;
}

#container{
	width:1000px;
	margin:auto;
	background-color:#fff;
}

.container{
	padding:0px 20px;	
}


/* anchors
----------------------------------------------- */
a {
	color: #000;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color:#333;
}


/* headings
----------------------------------------------- */
h1{
	border-bottom:1px solid #ccc;
	height:43px;
	margin-bottom:11px;
}

h1 span{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:18px;
	float:right;
	text-indent:0px;
	color:#330000;
}

h1.servicedoffices{
	background-image:url(../images/page-titles/serviced-offices.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.frontdesk{
	background-image:url(../images/page-titles/front-desk.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.meetingrooms{
	background-image:url(../images/page-titles/meetingrooms.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.networking{
	background-image:url(../images/page-titles/networking.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.communications{
	background-image:url(../images/page-titles/communications.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.security{
	background-image:url(../images/page-titles/security.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.clients{
	background-image:url(../images/page-titles/clients.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.contact{
	background-image:url(../images/page-titles/contact.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.complexmap{
	background-image:url(../images/page-titles/complexmap.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.businesscentre{
	background-image:url(../images/page-titles/business-centre.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.intro{
	background-image:url(../images/page-titles/intro.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.bistro{
	background-image:url(../images/page-titles/bistro.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.fitness{
	background-image:url(../images/page-titles/fitness.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.spa{
	background-image:url(../images/page-titles/spa.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.location{
	background-image:url(../images/page-titles/location.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.about-town{
	background-image:url(../images/page-titles/about-town.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.luxury-apartments{
	background-image:url(../images/page-titles/luxury-apartments.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.bcp{
	background-image:url(../images/page-titles/bcp.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h1.business-cont{
	background-image:url(../images/page-titles/business-cont.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-999px;
	width:100%;
}

h2 {
	font-weight:normal;
	font-size:16px;
	line-height:20px;
	color:#666;
	border-bottom:1px solid #999;
	margin-bottom:14px;
}

h3{
	color:#330000;
	font-size:16px;
	line-height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0px 92px;
	border-bottom:1px solid #abadb3;
}

h4{
	color:#000;
	font-size:14px;
	line-height:80px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
}

h5{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	border-bottom:1px solid #ccc;
	margin-bottom:18px;
}


h6 {font-size:1em; text-transform:uppercase;}


h1 a {
	font-weight:normal;
}


/* page heading
----------------------------------------------- */
#header{
	
}

a.logo{
	float:left;
	display:block;
	width:93px;
}

.header-image{
	height:146px;
	background-image:url(../images/headers/header-base.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

.header-right{
	width:832px;
	float:right;
}

.header-right-top{
	margin-left:66px;
	border-bottom:1px solid #e5e5e5;
	font-size:10px;
	line-height:10px;
	color:#999;
	padding:12px 9px 7px 0px;
	text-align:right;
}

.header-right-bottom{
	padding-top:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
}

.header-right-bottom-left{
	width:454px;
	float:left;
	padding-top:27px;
}

.header-right-bottom-right{
	width:285px;
	float:right;
}

.header-right-bottom-right a{
	width:51px;
	height:62px;
	display:block;
	float:left;
}

a.ssuites{
	background-image:url(../images/hgroup/logos.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-right:7px;
}

a.ssuites:hover{
	background-position:bottom left;
}

a.exchange{
	background-image:url(../images/hgroup/logos.gif);
	background-position:-58px 0px;
	background-repeat:no-repeat;
	margin-right:7px;
}

a.exchange:hover{
	background-position:-58px -62px;
}

a.cbistro{
	background-image:url(../images/hgroup/logos.gif);
	background-position:-117px 0px;
	background-repeat:no-repeat;
	margin-right:7px;
}

a.cbistro:hover{
	background-position:-117px -62px;
}

a.hacademy{
	background-image:url(../images/hgroup/logos.gif);
	background-position:-176px 0px;
	background-repeat:no-repeat;
	margin-right:7px;
}

a.hacademy:hover{
	background-position:-176px -62px;
}

a.spa{
	background-image:url(../images/hgroup/logos.gif);
	background-position:-236px 0px;
	background-repeat:no-repeat;
}

a.spa:hover{
	background-position:-236px -62px;
}

a.selected{
	background-image:url(../images/hgroup/logos.gif);
	background-repeat:no-repeat;
	margin-right:7px;
	background-position:-58px -62px;
}

/*Menu
----------------------------------------------- */

.menu{
	padding-bottom:10px;	
}

.menu ul{
	background-image:url(../images/menu.gif);
	background-repeat:no-repeat;
	height:29px;
	max-width:100%;
	position:relative;
	padding:0px 10px;
}

.menu ul li{
	float:left;
	font-weight:normal;
	list-style-type:none;
	text-align:center;	
}

.menu ul li a{
	color:#fff;
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:29px;
	line-height:29px;
	margin-right:3px;
	text-decoration:none;
}

.menu ul li a:hover {
	background-image:url(../images/menu.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#000;
}

.menu ul li a span {
	display:block;
	margin-left:10px;
	padding-right:11px;
}

.menu ul li a:hover span {
	background-image:url(../images/menu.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}

.menu ul li#currentpage a{
	background-image:url(../images/menu.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#000;
}

.menu ul li#currentpage a span {
	background-image:url(../images/menu.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}

.menu ul li#twitter {
	margin-top: 1px;
	float: right;
}

.menu ul li#twitter a:hover {
	text-decoration:none;
	background-image:none;
}

/* Grid Styles
----------------------------------------------- */

.content-left{
	width:184px;
	float:left;
}

.content-right{
	width:766px;
	float:right;
}

.mainsplit-left{
	width:572px;
	float:left;
}

.mainsplit-right{
	width:184px;
	float:right;
}

.subsplit-right{
	width:378px;
	float:right;
}


/* Sub Menu
----------------------------------------------- */

.submenuhead{
	border-top:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	background-image:url(../images/content-head.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:23px;
	padding-left:7px;
	margin-bottom:22px;
}

.submenu ul li{
	border-top:1px dotted #999;
}

.submenu ul li a{
	line-height:26px;
	color:#2c6382;
	display:block;
	background-image:url(../images/submenu.gif);
	background-position:9px center;
	background-repeat:no-repeat;
	padding-left:22px;
}

.submenu ul li a:hover{
	color:#1b3c4f;
}

.submenu ul li#currentsubpage a{
	color:#1b3c4f;
}

.snippet{
	padding-bottom:24px;
}

.snippet div.title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color:#666;
}

.snippet div.subtitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	color:#336699;
}

.snippet div.main{
	color:#999;
	font-size:11px;
	line-height:15px;
}

.snippet div.main span{
	display:block;
	font-size:16px;
	line-height:16px;
}


/* Tab Menu
----------------------------------------------- */

ul.tabmenu{
	background-image:url(../images/tabmenu.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0px 0px 0px 5px;
	max-width:100%;
	position:relative;
	height:25px;
	margin-bottom:18px;
}

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

ul.tabmenu li a{
	color:#999;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	line-height:24px;
	font-size:12px;
	display:block;
	float:left;
	padding:0px 10px;
	margin-right:2px;
	font-weight:normal;
}

ul.tabmenu li a:hover{
	color:#2c6382;	
}

ul.tabmenu li.ui-tabs-selected a{
	color:#2c6382;
	background-color:#fff;
}

.ui-tabs-hide{
	display:none;	
}


/* Right Side
----------------------------------------------- */


.righthead{
	border-top:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	background-image:url(../images/content-head.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:23px;
	padding-left:7px;
	margin-bottom:11px;
	color:#999
}


/* Drop Down Styles
----------------------------------------------- */

.clientdetails{
	padding:24px 0px 16px 0px;
	border-bottom:1px solid #cccccc;
}

.clientlogo{
	width:194px;
	float:left;
}

.clientsummary{
	width:378px;
	float:left;
}

.clientsummary span{
	display:block;
	padding-bottom:5px;
	font-weight:bold;
	margin-right:10px;
}

.clientcontact{
	width:184px;
	float:right;
}

.clientcontact span{
	display:block;
	padding-bottom:5px;
}

.clientcontact span a{
	color:#6699cc;
	text-decoration:underline;
	font-weight:normal;
}

.clientcontact div{
	color:#6699cc;
	text-decoration:underline;
	font-weight:normal;
	padding-top:12px;
	cursor:pointer;
}

.clientquote{
	background-color:#f1f1f1;
	padding:28px;
	border-bottom:1px solid #cccccc;
	margin-bottom:28px;
	font-style:italic;
}


/* General Styles
----------------------------------------------- */

.breadcrumb{
	border-top:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	background-image:url(../images/content-head.jpg);
	background-repeat:repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:23px;
	padding-left:7px;
	margin-bottom:22px;
	font-weight:normal;
}

.breadcrumb a{
	color:#6699cc;
	text-decoration:underline;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

.items{
	padding-top:40px;	
}

.bluebox{
	background-color:#f2faff;
	padding:28px 31px 14px 31px;
	font-style:italic;
	color:#336699;
	font-size:14px;
	line-height:16px;
	margin-bottom:20px;
}

.bluebox div{
	padding-top:18px;
	font-weight:bold;
	font-size:11px;
}

p.leadpara{
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	line-height:18px;
	color:#336699;
}

p.leadpara2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#666;
	padding:20px 0px 20px 0px;
}

p.padbot{
	padding-bottom:18px;
}

.e{
	margin-right:10px;	
}

ul.nobullet{
	margin:15px 0px 0px 0px;
	height:150px;
}

ul.nobullet li{
	font-size:11px;
	color:#999;
	list-style-type:square;
	list-style-position:outside;
	margin:0px 0px 5px 15px;
}

ul.nobullet2{
	margin:24px 0px 0px 0px;
}

ul.nobullet2 li{
	font-size:11px;
	color:#999;
	list-style-type:square;
	list-style-position:outside;
	margin:0px 0px 5px 15px;
}

.indexp{
	font-size:11px;
	color:#999;
	margin:24px 0px 0px 0px;
}

.indexsub{
	font-size:13px;
	line-height:13px;
	color:#59a0c9;
	padding-top:15px;
	letter-spacing:-1px;
}

.indexsplit{
	padding-bottom:21px;
	background-image:url(../images/index-split.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

.indexl{
	width:766px;
	float:left;
}

.indexr{
	width:180px;
	float:right;
}

.findout{
	color:#6699CC;
	font-weight:normal;
	text-decoration:underline;
	display:block;
	text-align:right;
	font-size:11px;
}

/* paragraphs, quotes and lists
----------------------------------------------- */
p{
	margin-bottom:18px;
	line-height:14px;
}

p.nopad{
	line-height:14px;
	margin-bottom:0px;
}

blockquote{
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}

blockquote cite {
	font-size:.9em;
}

ul, ol{
	padding-top:0;
}

p img{
	padding:0px 10px 5px 0px;
	float:left;
}

/* Lists
----------------------------------------------- */

ul.pagelist{
	padding:38px 0px 28px 0px;
	overflow:auto;
	zoom:1;
}

ul.pagelist li{
	margin:0px 0px 10px 30px;
	list-style-position:outside;
	background-position:top left;
	background-image:url(../images/list-icon.gif);
	background-repeat:no-repeat;
	line-height:14px;
	width:256px;
	float:left;
}

ul.pagelist li span{
	padding:0px 20px;
	display:block;
}

.clearl{
	clear:left;	
}

ul.pagelist2{
	padding:38px 0px 28px 0px;
	overflow:auto;
	zoom:1;
}

ul.pagelist2 li{
	margin:0px 0px 10px 30px;
	list-style-position:outside;
	background-position:top left;
	background-image:url(../images/list-icon.gif);
	background-repeat:no-repeat;
	line-height:14px;
}

ul.pagelist2 li span{
	padding:0px 20px;
	display:block;
}


/* Location
----------------------------------------------- */

.googlemap{
	width:360px;
	float:left;
}

.directions{
	width:390px;
	float:right;
}

.directions ul{
	padding-top:18px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#999;
}

.directions ul li{
	padding:0px 0px 18px 20px;
	background-repeat:no-repeat;
	background-position:top left;
}

.directions ul li.one{
	background-image:url(../images/numbers/1.gif);
}

.directions ul li.two{
	background-image:url(../images/numbers/2.gif);
}

.directions ul li.three{
	background-image:url(../images/numbers/3.gif);
}

.directions ul li.four{
	background-image:url(../images/numbers/4.gif);
}

.directions ul li.five{
	background-image:url(../images/numbers/5.gif);
}

.directions ul li.six{
	background-image:url(../images/numbers/6.gif);
}

.bluepara{
	color:#3399cc;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

.floatimage{
	float:left;
	padding:0px 10px 10px 0px;
}

/* Footer
----------------------------------------------- */

.footer{
	margin-top:18px;
	padding-top:18px;
	padding-bottom:18px;
}

.footer-color{
	background-color:#fcfcfc;
	background-image:url(../images/footer-top.jpg);
	background-repeat:repeat-x;
	padding:29px 9px;
}

.footer-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:14px;
	padding-bottom:17px;
	margin-bottom:17px;
	border-bottom:1px solid #ccc;
}

.footer-split1{
	width:180px;
	margin-right:10px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
}

.footer-split1 ul{
	padding-top:17px;
	padding-bottom:17px;
}

.footer-split1 ul li a{
	background-image:url(../images/footer-list.gif);
	background-repeat:no-repeat;
	background-position:left center;
	font-family:Verdana, Geneva, sans-serif;
	color:#336699;
	font-size:10px;
	font-weight:normal;
	padding:0px 0px 0px 15px;
	margin:0px 0px 5px 0px;
}

.footer-split1 ul li a:hover{
	text-decoration:underline;	
}

.footer-split2{
	width:370px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
}

.footer-split2 p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	padding:17px 0px 0px 0px;
}

.footer-base{
	background-image:url(../images/footer-base.gif);
	background-repeat:repeat-x;
	padding:10px 0px 2px 0px;
	font-size:10px;
	line-height:30px;
	border-bottom:1px solid #ccc;
}

.footer-base a{
	color:#336699;
	font-weight:normal;
}

.footer-base a img{
	display:inline;
}

.footer-base span{
	float:right;
}

.footer-base input{
	width:48%;
}

.footer-base span.left{
	float:left;
}

.footer label{
	line-height:25px;	
}

.footerform-split-l{
	width:49%;
	float:left;
	padding:0px 0px 10px 0px;
}

.footerform-split-r{
	width:49%;
	float:right;
	padding:0px 0px 10px 0px;
}