@import url("style.dcss?file=reset_basic.css");
@import url('style.dcss?file=menu.css');
@import url('style.dcss?file=maps.css');

html
{
	height:101%;
}

#flash-background,
#flash-background div
{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	display:block;
	z-index:1;
}


#page-container
{
	width:955px;
	margin:0 auto 0 auto;
	position:relative;
	z-index:2;
}

#banner
{
	width:955px;
	height:70px;
	z-index:5;
	position:relative;
}

#banner #logo
{
	width:210px;
	height:0;
	float:left;
	background-image:url(../images/logo.png);
	padding:70px 0 0 0;
	position:relative;
}

#banner #logo a
{
	width:210px;
	height:0;
	float:left;
	padding:70px 0 0 0;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}

#banner #banner-right
{
	float:right;
	width:745px;
	height:59px;
	padding:9px 0 0 0;
	z-index:5;
}

#banner #search
{
	width:175px;
	float:right;
	padding:5px 0 0 12px;
}

#banner input.text
{
	background:none;
	background-image:url(../images/blank.gif);
	border:solid 1px #fff;
	color:#fff;
	height:13px;
	padding:2px 4px 3px;
	float:left;
	width:135px;
}

#banner #submitsearchtop
{
	background:none;
	border:none;
	background-image:url(../images/btn-search-top.gif);
	margin:0;
	line-height:20px;
	height:20px;
	width:29px;
	float:left;
	color:#fff;
	outline:none;
}

#banner #perma-links
{
	width:520px;
	float:right;	
	z-index:5;
}

#banner #perma-links ul,
#footer ul
{
	float:right;
	z-index:5;
	padding:0;
}

#banner #perma-links li,
#footer li
{
	display:inline;
	background-image:url(../images/bg-perma-link.gif);
	background-position:right 9px;
	padding:0;
	margin:0;
	color:#fff;
	position:relative;
	float:left;
	
}

#banner #perma-links li.last,
#footer li.last
{
	background:none;
}

#footer li.last a
{
	padding-right:0;
}

#banner #perma-links li a,
#footer li a
{
	color:#fff;
	padding:7px 4px;
	display:block;
}

#footer li a
{
	font-size:0.9em;
	text-shadow: 1px 1px 2px #00000;
}

#banner #perma-links li:hover,
#banner #perma-links li.sfhover
{
	background-color:#6b28b0;
}

#banner #perma-links li a
{
	text-decoration:none;
}



div.hr,
p.hr,
span.hr
{
	background-color:#CCC;
	font-size:0px;
	height:1px;
	margin:10px 0 10px 0;
	clear:both;
	width:100%;
	display:block;
}



#main
{
	width:955px;
	position:relative;
	z-index:3;
}

.white-bg
{
	background-image:url(../images/bg-semi-white.png);	
	background-repeat:repeat;
	float:left;
	z-index:3;
}

#main .col-1-left
{
	width:235px;
	float:left;
}

body#default #main .col-3-right
{
	width:720px;
	float:left;
}

#site-title
{
	padding: 0 0 4px 0;
}

#site-title a
{
	font-style:italic;
	font-size:1.3em;	
}

#main .col-1-left .col-content-box
{
	padding:0 25px 0 15px;	
	position:relative;
}

body#body-default #main .col-1-left .col-content-box
{
	padding:15px 25px 15px 15px;
	background-image:url(../images/bg-semi-white.png);
	background-repeat:repeat;	
	margin:0 0 5px 0;	
}

body#body-default #main .col-1-left .col-content-box a
{
	color:#666;
}

body#body-default #main .col-1-left .col-content-box a:hover
{
	color:#6b28b0;
	text-decoration:underline;
}

#main .col-1-left .col-content-box .left-col-header
{
	color:#6b28b0;
	font-weight:bold;
	padding:0 0 5px 0;
}

body#body-default #main .col-1-left .col-content-box .left-col-header a
{
	color:#6b28b0;
	font-weight:bold;
}

body#body-default #main .col-1-left .col-content-box .left-col-header a:hover
{
	text-decoration:underline;
}

.tall
{
	min-height:560px;
	height:auto !important;
	height:560px;
}

#main .col-1-right
{
	float:left;
	width:205px;
	padding:0px 15px 0px 15px;
}

#main .col-3-right
{
	float:left;
	width:675px;
	padding:0px 30px 0px 15px;
}

#main .col-3-right .main-text,
#main .col-3-right .main-text-wide
{
	width:440px;
	float:left;
	display:inline;
	margin:0 27px 0 0;
}

#main .col-3-right .main-text-wide
{
	width:675px;
	margin:0;
}

#main .col-3-right .module-col
{
	width:205px;
	float:left;
}

.col-inner
{
	padding:15px 0 40px 0;
}

body#body-default .col-inner
{
	padding:0 0 40px 0;
}

#breadcrumb ul li
{
	float:left;
	background-image:none;
	padding:0;
	margin:0;
}

#breadcrumb ul li a
{
	font-size:0.9em;
	color:#666666;
}

#breadcrumb ul li a:hover
{
	color:#6b28b0;
	text-decoration:none;
}

.page-title
{
	padding:2px 0 0 0;
	height:114px;
}

div.typographic
{
	width:485px;
	height:560px;
	overflow:hidden;
	float:left;
	cursor:pointer;
	z-index:3;
}

body#body-default div.typographic
{
	width:720px;
}

div.typographic span
{
	cursor:pointer;
}

div.typographic a
{
	display:block;
	width:485px;
	height:560px;	
	overflow:hidden;
}

body#body-default div.typographic a
{
	width:720px;
}

div.typographic img
{
	display:block;
}

/*************** MODULES ******************/

.module
{
	width:185px;
	padding:10px;
	background-color:#e5e5e5;
	margin:0 0 20px 0;
}

.main-text-wide .landing-col .module,
.main-text-wide .team-col .module
{
	margin-right:0;
}

.main-text-wide .module
{
	float:left;
	display:inline;
	margin:0 30px 20px 0;
}

.module .m-image
{
	width:185px;
	max-height:140px;
	overflow:hidden;
	margin:0 0 12px 0;
	position:relative;
}

.module .m-image #playbutton
{
	position:absolute;
	left:80px;
	top:40%;
}

.stories .module .m-image
{
	height:140px;
}

.module .m-image a
{
	display:block;
}

.module .m-image img
{
	display:block;
}

.module .m-title
{
	color:#6b28b0;
	font-weight:bold;
	padding:0 0 1px 0;
}

.module .m-title a
{
	font-weight:bold;
}

.module .m-link
{
	margin:11px 0 0 0;
}

.module .m-link a
{
	display:block;
	margin:0 0 6px 0;
}

/*************** END MODULES **************/

#story-search,
#property-search-form
{
	margin:15px 0 0 0;	
}

.ss-header
{
	color:#666666;
	font-size:1.1em;
	padding:0 0 16px 0;
}

#site-search span
{
	font-weight:bold;
	padding-bottom:5px;	
}

span.pagetype
{
	color:#999;
	font-size:0.9em;	
}


#story-search .text,
#property-search-form #keywords,
#site-search .text
{
	width:185px;
	/*background-color:#e5e5e5;*/
	border:solid 1px #d7dadd;
	color:#666666;
}

#site-search .text
{
	width:200px;
}

#story-search #categoryid,
#property-search-form select
{
	width:195px;
	margin:10px 0 0 0;
	height:20px;
	color:#666666;
}

#site-search select
{
	width:130px;
	margin:0 30px 0 30px;
	color:#666666;
	height:23px;
}

#story-search #submit-story-search,
#property-search-form #submit-property-search
{
	margin:10px 0 0 0;
}

.story-image-gallery{
	background-color:#E5E5E5;
	margin:0 0 20px;
	padding:10px 10px 0 10px;
	width:185px;
}

.case-study-image
{
	float:left;
	margin:0 10px 10px 0;
	width:85px;
	max-height:65px;
	overflow:hidden;
}

.case-study-image img
{
	display:block;
}

#property-search-form select
{
	width:195px;
	margin:10px 0 0 0;
	height:20px;
	color:#666666;
}

#property-search-results .prop-search-res
{
	width:675px;
	padding:10px 0 10px 0;
	border-bottom:solid 1px #ccc;
}

#property-search-results .prop-search-res .psr-image
{
	padding:1px 0 0 0;
	width:85px;
	max-height:65px;
	overflow:hidden;
	float:left;
	display:inline;	
}

#property-search-results .prop-search-res .psr-image img
{
	display:block;
}

#property-search-results .prop-search-res .psr-title
{
	float:left;
	margin:0 0 0 15px;
	width:190px;
	padding:32px 0 0 0;
}

#property-search-results .prop-search-res .psr-title a
{
	font-weight:bold;
}

#property-search-results .prop-search-res .psr-cluster
{
	float:left;
	margin:0 0 0 15px;
	width:170px;
	padding:32px 0 0 0;
}

#property-search-results .prop-search-res .psr-postcode
{
	float:left;
	margin:0 0 0 15px;
	width:185px;
	padding:32px 0 0 0;
}

#psr-headers{
	width:675px;
	height:29px;
	border-bottom:solid 1px #ccc;
	border-top:solid 1px #ccc;
}

#psr-headers span
{
	font-weight:bold;
	float:left;
}


#psr-header1
{
	width:290px;
	float:left;
	display:inline;
	line-height:29px;
}

#psr-header2
{
	width:170px;
	float:left;
	margin:0 0 0 15px;
	display:inline;
	line-height:29px;
}

#psr-header3
{
	width:185px;
	float:left;
	margin:0 0 0 15px;
	display:inline;
	line-height:29px;
}

#psr-headers .sort-arrows
{
	float:left;
	font-size:0.1px;
	height:15px;
	width:8px;
	margin:7px 0 0 9px;
	display:inline;
}

#psr-headers .sort-arrows .sort-up,
#psr-headers .sort-arrows .sort-up-selected,
#psr-headers .sort-arrows .sort-down,
#psr-headers .sort-arrows .sort-down-selected
{
	width:8px;
	font-size:0.1px;
	height:6px;
	display:block;
}

#psr-headers .sort-arrows .sort-up{background-image:url(../images/sort-arrow-up.gif);margin-bottom:3px;}
#psr-headers .sort-arrows .sort-up-selected{background-image:url(../images/sort-arrow-up-selected.gif);margin-bottom:3px;}
#psr-headers .sort-arrows .sort-down{background-image:url(../images/sort-arrow-down.gif);}
#psr-headers .sort-arrows .sort-down-selected{background-image:url(../images/sort-arrow-down-selected.gif);}

#main #property-image-gallery
{
	width:690px;
	padding:0 15px;
}

#main #property-image-gallery #pig-main-image
{
	width:590px;
	overflow:hidden;
	float:left;
	position:relative;
}

#main #property-image-gallery #image-caption
{
	padding:10px 0 0 0;
	clear:both;
}

#main #property-image-gallery #pig-main-image img,
#main #pp-main-image img
{
	display:block;
}

#main #property-image-gallery #pig-thumbs
{
	width:85px;
	height:410px;
	overflow:hidden;
	margin:0 0 0 15px;
	display:inline;
	float:left;
}

#main #property-image-gallery #pigt-inner
{
	width:85px;
	height:365px;
	overflow:hidden;
	position:relative;
}

#main #property-image-gallery #pigt-inner #pigt-vertical-slide
{
	margin-top:0;
	position:relative;
}

#pigt-inner .pig-thumb
{
	width:85px;
	max-height:65px;
	overflow:hidden;
	margin:0 0 12px 0;
}

#thumb-controls
{
	width:85px;
	height:40px;
	margin:10px 0 0 0;
}

#thumb-controls a
{
	float:left;
	display:block;
	width:40px;
	height:40px;
}
#tc-slideup{background-image:url(../images/scroll-arrow-up.gif);}
#tc-slidedown{background-image:url(../images/scroll-arrow-down.gif);}


#main #pp-main-image
{
	width:440px;
	overflow:hidden;
	float:left;
	position:relative;
	padding:1px 0 0 0;
}

#main #pp-thumbs
{
	width:205px;
	float:left;
	display:inline;
	margin: 0 0 0 30px;
}

#main #pp-thumbs ul
{
	padding:0;
	margin:0;
	border-top:solid 1px #ccc;
	list-style-type:none;
}

#main #pp-thumbs ul li
{
	border-bottom:solid 1px #ccc;
	padding:2px 0 3px 0;
	margin:0;
	background:none;
}

#main #pp-thumbs ul li a{font-weight:bold;}

#main #pp-thumbs ul li a.selected{color:#000;}

#pp-download{margin-top:30px;}

#pp-download a
{
	display:block;
	padding:0 0 0 50px;
	background-image:url(../images/icons/pdf.gif);
	background-position:2px bottom;
	color:#666;
}

#property-plans h2,
.landing-col h2
{
	font-size:1.4em;
	color:#6b28b0;
	margin:0 0 8px 0;
}
	
.availability table
{
	width:100%;
	border-collapse:collapse;
}

.availability table td,
.availability table th
{
	width:25%;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:6px 0 7px 0;
}

.availability table th{font-weight:bold;}

.landing-col,
.team-col
{
	width:205px;
	margin:0 30px 0 0 ;
	display:inline;
	float:left;
}

#leasing-opportunities
{
	border-top:solid 1px #ccc;
	margin:0 0 12px 0;
}

.opportunity
{
	width:205px;
	border-bottom:solid 1px #ccc;
	padding:6px 0 9px 0;
}
	
.opportunity .lo-image
{
	width:85px;
	float:left;
	padding:3px 0 0 0;
}

.opportunity .lo-image img{display:block;}

.opportunity .lo-text
{
	width:110px;
	margin:0 0 0 10px;
	display:inline;
	float:left;
}

.opportunity .lo-text a
{
	font-weight:bold;
}

.opportunity .lot-summary
{
	font-size:0.9em;
}

#psr-search-title h2
{
	font-size:1.4em;
	color:#999999;
	font-weight:normal;
	margin:0 0 8px 0;
}

#psr-search-title h2 span.search-param
{
	color:#000;
}

.qa-entry
{
	margin:0 0 11px 0;
}

.qa-question
{
	cursor:pointer;
}

.qa-question:hover
{
	text-decoration:underline;
}

.qa-answer
{
	padding:6px 0 0 0;
}

div.newsintro
{
	margin:0 0 7px 0;
}

ul.newsheadlines
{
	border-top:solid 1px #ccc;
	padding:0;
}

ul.newsheadlines li
{
	background:none;
	padding:0;
	margin:0;
	border-bottom:solid 1px #ccc;
	padding:6px 0 12px 0;
}

ul.newsheadlines li a
{
	display:block;
}

ul.newsheadlines li span.newsdate
{
	font-size:0.9em;
	color:#666;
}

.newsarticle h2
{
	font-size:1.4em;
	color:#6b28b0;
	margin:0;
}

.newsarticle .newsdate
{
	font-size:0.9em;
	color:#666;
	border-bottom:solid 1px #ccc;
	padding: 0 0 16px 0;
	margin:0 0 11px 0;
	display:block;
}



table.registerforalerts
{
	margin-top:10px;
}

table.registerforalerts tr td
{
	padding:5px 0px 5px 0px;
	vertical-align:middle;
}


table.registerforalertslist tr td
{
	padding:2px 0px 2px 0px;
	vertical-align:middle;
	color:#666;
	font-size:0.9em;
}

.leasing-content{
	clear:both;
	width:430px;
	float:left;
}

#leasing-content-left
{
	float:left;
	width:240px;	
}

#leasing-content-right
{
	float:left;
	width:430px;	
}

.home-story p
{
	margin:0;
}

ul.sitemap1 .bliss
{
	font-size:1.2em;
}

ul.sitemap3 a
{
	font-size:0.9em;
	color:#666;
}

.share-this
{
	margin:20px 0 0 0;
}

.story-feed
{
	clear:both;
	margin:20px 0 0 0;
}

.story-feed img,
.alerts img
{
	margin:0 6px 0 0 ;
}
