/*

	design: Rippleffect // Copyright © 2008 Rippleffect Studio Ltd. (3871086). All rights reserved
	client: Network Space
	year:2008
	
	css: structure

*/

/*** below is until fix for js tabs ***/

#offices {
	height:200px !important;
}

/*** end ***/

body {
	background-image:url(/assets/images/structure/body-bg.png);
	background-repeat:repeat-x;
	background-position:top;	
	background-color:#e9f7f0;
}

.clr {
	clear:both;
}

.clear {
	clear:both;
}

/* main structure */

#container {
	width:940px;
	margin:auto;
}

#content-area {
	width:940px;
	margin:auto;
	padding:0 0 40px 0;
}

#header {
	width:940px;
	height:86px;
	margin:0;
	padding:0;
	float:left;
}

#image-bar {
	width:940px;
	height:290px;
	background-color:#b3d9c4;
	padding:15px 0;
}

/* header */

#header a#logo {
	margin:8px 0 0 -3px;
	padding:0;
	float:left;
	position:relative;
	z-index:20;
}

#header #phone-no {
	width:156px;
	height:50px;
	background-image:url(/assets/images/structure/phone-no.png);
	background-repeat:no-repeat;
	background-position:top left;
	float:right;
	margin:35px 0 0 0;
	padding:0 10px 0 0;
}

/* image-bar */

#container #image-bar #carousel-hider {
	width:700px;
	height:284px;
	position:absolute;
	z-index:19;
	overflow:hidden;
}

#container #image-bar #main-image {
	width:698px;
	height:284px;
	float:left;
	margin:0 20px 0 0;
	border:1px solid #00ad8e;
	border-bottom:0;
	overflow:hidden !important;
	background-image:url(/assets/images/structure/gallery-bg.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#container #image-bar #main-image #image {
	width:698px;
	height:249px;
}

#container #image-bar #main-image .corner {
	width:5px;
	height:5px;
	position:absolute;
	background-position:top left;
	background-repeat:no-repeat;
	z-index:20;
}

#container #image-bar #main-image .topleft {
	margin-top:-1px;
	margin-left:-1px;
	background-image:url(/assets/images/main-image/topleft.png);
}

#container #image-bar #main-image .topright {
	margin-top:-1px;
	margin-left:694px;
	background-image:url(/assets/images/main-image/topright.png);
}

#container #image-bar #main-image .bottomleft {
	margin-top:244px;
	margin-left:-1px;
	background-image:url(/assets/images/main-image/bottom-left.png);
}

#container #image-bar #main-image .bottomright {
	margin-top:244px;
	margin-left:694px;
	background-image:url(/assets/images/main-image/bottom-right.png);
}

#container #image-bar #main-image #info-bar {
	width:680px;
	height:17px;
	background-color:#00ad8e;
	background-image:url(/assets/images/main-image/text-bg.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:8px 10px 10px 10px;
	margin:0 -1px 0 -1px;
	position:absolute;
}

#container #image-bar #playpause {
	float:right;
	position:relative;
	z-index:50;
	display:inline;
	margin:-0 5px 0 0;
}

/* image bar // right content box */

#container #image-bar #call-to-action {
	width:200px;
	height:267px;
	background-image:url(/assets/images/main-image/rightcol/bg.png);
	background-repeat:no-repeat;
	background-position:top;
	float:right;
	padding:8px 10px 10px 10px;
}

/* main content */

/* left col // quicklinks area */

#container #content-area #leftcol {
	width:230px;
	float:left;
	margin:0 15px 0 -5px;
	padding:0;
	position:relative;
}

#container #content-area #leftcol #quicklinks {
	width:200px;
	float:left;
	padding:8px 15px 0 15px;
	position:relative;
	background-image:url(/assets/images/quicklinks/bg.png);
	background-repeat:no-repeat;
	background-position:top left;

}

#container #content-area #leftcol .bottom {
	width:220px;
	height:10px;
	background-image:url(/assets/images/quicklinks/bottom.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	position:relative;
	margin:5px 0 0 -10px;
	z-index:2;
	float:left;
}

#container #content-area #leftcol .title {
	width:200px;
	border-bottom:1px solid #00ad8e;
	padding:0 0 8px 0;
}

/* left col // sign up */

#container #content-area .info-box {
	width:200px;
	background-image:url(/assets/images/info-box/bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	float:right;
	padding:8px 10px 0 10px;
	margin:0 0 0 0;
	overflow:hidden;
	display:inline;
}

#container #content-area #middle-col .info-box {
	float:left;
	margin:10px 0 0 0;
}

#container #content-area #leftcol .info-box {
	margin:20px 5px 0 0;
}

#container #content-area #leftcol .info-box form {
	width:200px;
}

#container #content-area .info-box .bottom {
	background-image:url(/assets/images/info-box/bottom.png) !important;
	background-position:bottom left;
	background-repeat:no-repeat;
	height:10px;
	width:220px;
	margin:0 0 0 -10px;
	padding:0;

}

/* main col */

#container #content-area #main {
	width:700px;
	float:left;
	padding:20px 0 0 0;
}

/* main // middle column */

#container #content-area #middle-col {
	width:460px;
	float:left;
	margin-right:20px;
}

#container #content-area .middle-col {
	width:460px;
	float:left;
	margin-right:20px;
}

#container #content-area #main ul#print-email {
	clear:left;
	margin:20px 0 0 0;
}

#container #content-area #middle-col .details-box {
	float:right;
	width:180px;
	padding:6px 10px 8px 10px;
	margin:0 0 10px 10px;
	background-color:#b3d9c4;
	border-right:2px solid #00ad8e;
}

#container #content-area #middle-col .map-image {
	width:460px;
	height:auto;
	padding:1px 0;
	border-top:1px dotted #00ad8e;
	border-bottom:1px dotted #00ad8e;
	margin:0 0 10px 0;
	float:left;
	display:block;
}


#container #content-area #middle-col .contact-box {
	width:229px;
	margin:0 0 5px 0;
	float:left;
	clear:left;
}

#container #content-area #middle-col .contact {
	margin:0 0 25px 0;
}

#container #content-area #middle-col .contact-col {
	float:left;
	width:229px;
}



/* main // right col */

#container #content-area #rightcol {
	width:220px;
	float:right;
	padding:0 0 0 0;
	margin:0;
}

#container #content-area .rightcol {
	width:220px;
	float:right;
	padding:0 0 0 0;
	margin:0;
}

/* tenants views stuff */

#container #content-area #rightcol .tenants .image-top-curves {
	background-image:url(/assets/images/misc/tenant-views/top-image-curves.png);
	background-repeat:no-repeat;
	background-position:top;
	width:220px;
	height:6px;
	margin:-6px 0 0 -10px;
	position:relative;
	z-index:10;
}

#container #content-area #rightcol .tenants img {
	margin:-6px 0 -13px -9px;
}

#container #content-area #rightcol .tenants .image-bottom-curves {
	background-image:url(/assets/images/misc/tenant-views/bottom-image-curves.png);
	background-repeat:no-repeat;
	background-position:top;
	width:220px;
	height:10px;
	margin:0 0 10px -10px;
	position:relative;
	z-index:10;
}

#container #content-area #rightcol .tenants .quote {
	background-image:url(/assets/images/misc/tenant-views/quote-left.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0 0 0 -9px;
	padding:13px 0 0 9px;
	width:209px;
}

/* partners area */

#container #partners {
	width:940px;
	padding:35px 0 30px 0;
	text-align:center;
	background-image:url(/assets/images/partners/joint-venture.png);
	background-position:top;
	background-repeat:no-repeat;
}

/* footer */

#footer-bg {
	width:100%;
	background-color:#b3d9c4;
	padding:10px 0;
}

#footer-bg #footer {
	width:940px;
	margin:auto;
}

/** property portfolio page **/

/* advanced property search */

#image-bar #call-to-action form {
	width:200px;
	margin:0;
	padding:0;
}

#image-bar #call-to-action form .question {
	width:200px;
	padding:0 0 7px 0;
	border-bottom:1px solid #00ad8e;
	margin:0 0 7px 0;
	float:left;
	clear:left;
}

/* breadcrumb */

#container #content-area #main ul#breadcrumb {
	width:700px;
	border-bottom:1px dotted #00ad8e;
	padding:0 0 8px 0;
	margin:-12px 0 20px 0;
}

/* tabs */

#content-area #main .mootabs ul {
	clear:both;
	float:left;
}

#content-area #main .mootabs_title {
	list-style: none;
	margin: 20px 0 1px 10px;
	padding: 0px;
	height: 24px;
	width:440px;
	
}

#content-area #main .mootabs_title li {
	float: left;
	display:inline;
	background-color: transparent;
	padding: 0 0 0 10px;
	margin-right: 2px;
	cursor: pointer;
	color: #000;
	font-size:1.2em;
	font-weight:bold;	
	background-image:url(/assets/images/tabs/bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;
	height:30px;
}

#content-area #main .mootabs_title li .tab {
	background-image:url(/assets/images/tabs/bg.png);
	background-repeat:no-repeat;
	background-position:top right;
	padding:7px 10px 7px 0;
	float:left;
	display:inline;
	height:32px;
}

#content-area #main .mootabs_title li.over {
	color:#00ad8e;
}

#content-area #main .mootabs_title li.active {
	position:relative;
	padding-bottom:2px;
	margin-bottom:-2px;
	z-index:30;
}

.mootabs_panel {
	padding:20px 0;
	margin:0 0 0 0;
	display: none;
	position: relative;
	top: 1px;
	clear: both;
	color: #000;
	border-top:1px solid #00ad8e;
	float:left;
}
#portfolio-tabs {
	clear:left;
	display:block;
	position:relative;
}

#portfolio-tabs .mootabs_panel {
	width:700px;
}

#content-area #main #portfolio-tabs .mootabs_title {
	width:650px;
}

#individual-tabs {
	margin:-20px 0 0 0;
	position:relative;
}

#individual-tabs .mootabs_panel {
	width:460px;
}

.mootabs_panel.active {
	display: block;
	top:6px;
}

/* about-tabs */

#about-tabs {
	margin:-20px 0 0 0;
	position:relative;
}

#about-tabs .mootabs_panel {
	width:700px;
}

/* main news tabs */

#news-tabs {
	margin:-10px 0 0 0;
	position:relative;
	clear:left;
	display:block;
	width:700px !important;
}

#news-tabs .news-text {
	margin:10px 0 10px 0;
}

#news-tabs .mootabs_panel {
	width:700px;
}

/* other news mootabs */

#content-area #main .rightcol #other-news {
	padding:0;
	margin:0;
	width:220px !important;
}

#content-area #main .rightcol #other-news .tabstwo {
	padding:0;
}

#content-area #main .rightcol .panel {
	width:220px;
	padding:0;
	border:0;
}

#content-area #main .rightcol .title {
	list-style: none;
	margin: 0 0 10px -4px;
	padding: 4px 0 0 0;
	height:21px;
	text-align:center;
	width:208px;
	background-image:url(/assets/images/info-box/paging-bg.png);	
}

#content-area #main .rightcol .title li {
	float:none;
	display:inline;
	padding:0 4px 0 4px;
	margin:0 2px 0 0;
	cursor: pointer;
	color: #000;
	font-size:1em;
	font-weight:bold;	
	background-image:none;
	background-repeat:no-repeat;
}

#content-area #main .rightcol .title li.over {
	color:#00ad8e;
	background-image:url(/assets/images/info-box/li-over.png);
	background-position:left top;
}

#content-area #main .rightcol .title li.active {
	background-image:url(/assets/images/info-box/li-active.png);
	background-position:left top;
	color:#fff;
}

/* other news as a class */

#content-area #main .rightcol .news-rightcol {
	padding:0;
	margin:0;
	width:220px !important;
}

#content-area #main .rightcol .news-rightcol .tabstwo {
	padding:0;
}

#content-area #main .rightcol .news-rightcol .tabstwo_panel {
	width:220px;
	padding:0;
	border:0;
}

#content-area #main .rightcol .news-rightcol .tabstwo_title {
	list-style: none;
	margin: 0 0 10px -4px;
	padding: 4px 0 0 0;
	height:21px;
	text-align:center;
	width:208px;
	background-image:url(/assets/images/info-box/paging-bg.png);	
}

#content-area #main .rightcol .news-rightcol .tabstwo_title li {
	float:none;
	display:inline;
	padding:0 4px 0 4px;
	margin:0 2px 0 0;
	cursor: pointer;
	color: #000;
	font-size:1em;
	font-weight:bold;	
	background-image:none;
	background-repeat:no-repeat;
}

#content-area #main .rightcol .news-rightcol .tabstwo_title li.over {
	color:#00ad8e;
	background-image:url(/assets/images/info-box/li-over.png);
	background-position:left top;
}

#content-area #main .rightcol .news-rightcol .tabstwo_title li.active {
	background-image:url(/assets/images/info-box/li-active.png);
	background-position:left top;
	color:#fff;
}

/* sub tabs */

#content-area #main #sub-tabs .tabstwo {
	clear:left;
	float:left;
	display:block;
}

#content-area #main #sub-tabs .tabstwo_panel {
	width:700px;
	padding:0;
	border:0;
	clear:left;
}

#content-area #main #sub-tabs .tabstwo_title {
	list-style: none;
	margin: 0 0 10px 0;
	position:relative;
	padding: 4px 0 0 0;
	text-align:left;
	width:700px;
	float:left;
	clear:left;	
	border-bottom:1px solid #00ad8e;
}

#content-area #main #sub-tabs .tabstwo_title li {
	float:left;
	display:inline;
	padding:0 4px 5px 4px;
	margin:-17px 15px 0 0;
	position:relative;
	cursor: pointer;
	color: #444;
	font-size:1em;
	font-weight:bold;	
	background-image:none;
	background-repeat:no-repeat;
}

#content-area #main #sub-tabs .tabstwo_title li.over {
	color:#666;

}

#content-area #main #sub-tabs .tabstwo_title li.active {
	color:#00ad8e;
	border-bottom:2px solid #00ad8e;
}

/* specific site finder */

#content-area #main #site-finder {
	float:right;
	margin-left:20px;
}	

/* tab tables */

#content-area #main table {
	width:700px;
	border-collapse:collapse;
	border-bottom:1px solid #00ad8e;
}


/** individual property page **/

#container #content-area #main #middle-col #site-plan #plan {
	width:460px;
	background-color:#e2efe8;
	margin:0 0 10px 0;
	overflow:hidden;
	padding:1px 0;
	border-top:1px dotted #00ad8e;
	border-bottom:1px dotted #00ad8e;
	text-align:center;
}
#container #content-area #main #middle-col #site-plan #fullbanner{
width:262px; 
height:56px; 
margin:10px auto -56px auto; 

position:relative;
}
#container #content-area #main #middle-col #site-plan #plan img {
	margin:0 0 -4px 0;
}

#container #content-area #main #middle-col #site-plan ul#site-key li {
	padding:5px 0 5px 25px;
	margin:0 0 10px 0;
	display:block;
	background-repeat:no-repeat;
	background-position:left;
	width:80px;
	float:left;
	font-weight:bold;
	color:#333;
}

#container #content-area #main #middle-col #site-plan ul#site-key li.occupied {
	background-image:url(/assets/images/property/plan-key-occupied.png);
}

#container #content-area #main #middle-col #site-plan ul#site-key li.unoccupied {
	background-image:url(/assets/images/property/plan-key-unoccupied.png);
}

#container #content-area #main #middle-col #site-plan ul#site-key li.officekey {
	background-image:url(/assets/images/property/plan-key-offices.png);
}

/** red banner **/

#container #content-area #main #rightcol #red-banner {
	width:248px;
	float:right;
	display:inline;
	margin:10px -28px 0 0;
	position:relative;
	clear:right;
	background-image:url(/assets/images/red-banner/bottom.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#container #content-area #main #rightcol #red-banner .banner-inner {
	width:203px;
	position:relative;
	background-image:url(/assets/images/red-banner/top-star.png);
	padding:25px 30px 15px 15px;
	background-position:top left;
	background-repeat:no-repeat;
}

/* other properties area */

#container #content-area #main #other-properties {
	margin:20px 0 0 0;
	border-top:1px dotted #00ad8e;
	border-bottom:1px dotted #00ad8e;
	padding:10px 0 20px 0;
	width:700px;
	overflow:hidden;
}

#container #content-area #main #other-properties ul li .corner {
	background-repeat:no-repeat;
	position:absolute;
	height:5px;
	width:5px;
}

#container #content-area #main #other-properties ul li .topleft {
	background-image:url(/assets/images/property/other-property/topleft.png);
	float:left;
}

#container #content-area #main #other-properties ul li .topright {
	background-image:url(/assets/images/property/other-property/top-right.png);
	margin:0 0 0 215px;
}

#container #content-area #main #other-properties ul li .bottomleft {
	background-image:url(/assets/images/property/other-property/bottom-left.png);
	margin:75px 0 0 0;
}

#container #content-area #main #other-properties ul li .bottomright {
	background-image:url(/assets/images/property/other-property/bottom-right.png);
	margin:75px 0 0 215px;
}

#container #content-area #main #other-properties ul li .text {
	width:200px;
	height:130px;
	padding:10px;
	background-image:url(/assets/images/property/other-property/bottom-curve.png);
	background-repeat:no-repeat;
	background-position:bottom;
	overflow:auto;
}