/*---------------------------------------------------------------------------------

CREATOR DETAILS

Author: 
Company: Defacto
Web Address: www.de-facto.com
Date:

---------------------------------------------------------------------------------*/




/*---------------------------------------------------------------------------------
GLOBAL RESET
---------------------------------------------------------------------------------*/
/*to hide horizontal scroll*/
html {
	overflow-x: hidden;
	overflow-y: auto;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*---------------------------------------------------------------------------------
GLOBAL FONT CONSISTENCY (http://developer.yahoo.com/yui/fonts/#using)
---------------------------------------------------------------------------------*/

body {
	font:13px/1.22 arial,verdana,helvetica,clean,sans-serif;
	font-size:small;
/*	font:x-small;*/
}
table {
	font-size:inherit;
/*	font:100%;*/
}

pre,code,kbd,samp,tt {
	font-family:monospace;
	font-size:108%;
	line-height:99%;
}


/*---------------------------------------------------------------------------------
GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*23px via YUI Fonts CSS foundation*/
	font-size:174%;
}
h2 {
	/*20px via YUI Fonts CSS foundation*/
	font-size:153.9%;
	line-height:110%;
}
h3 {
	/*17px via YUI Fonts CSS foundation*/
	font-size:131%;
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	/*list-style: disc outside;*/
		list-style: none;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}

th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:left;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset {
	/*so things don't run into each other*/
	margin-bottom:1em;
	color: #555555;
}

a:link		{ color: #9a9a9a; text-decoration: none;}
a:visited	{ color: #9a9a9a; text-decoration: none;}
a:hover		{ color: #000; text-decoration: none;}
a:active	{ color: #9a9a9a; text-decoration: none;}

a {
	outline: 0;
}

framset, frame {
	margin: 0;
	padding: 0;
	border: 0;
}

.small {
	font-size: 0.8em;
}

/*---------------------------------------------------------------------------------
Global Layout
---------------------------------------------------------------------------------*/

body {
	margin:0px;
	padding:0px;
/*    background-color: #fff;

	background-attachment: scroll;
	background-image: url(../images/bg.gif);
	background-repeat: repeat x;
	background-position: left top;
*/
}


/*---------------------------------------------------------------------------------
IE Hack - Only need to use in extreame cicumstances!

  voice-family: "\"}\"";
  voice-family: inherit;


html>name {
	
	}
---------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------
Global Divs
---------------------------------------------------------------------------------*/

div {
	text-align: left;
	margin: 0;
	padding: 0;
}

.clear {
	height: 0;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}

.clearMe {
	overflow: auto;
}


/*---------------------------------------------------------------------------------
Layout Styles
---------------------------------------------------------------------------------*/
#pagecontent {
	width: 900px;
	position: relative;
	z-index: 6;
	padding-top: 14px;
}

* html #pagecontent {
	overflow: auto;
	position: absolute;
}

#admincontent {
	padding: 15px;
}

/*
.greenbackground {
	padding-bottom: 25px;
	background: #3dd262;
	filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
}
*/

#whitebackground {
	padding-bottom: 25px;
	background: #fff;
	filter: alpha(opacity=85);
	opacity: 0.85;
	/*-moz-opacity:0.75;*/
	zoom: 1;
}

.trans1 {
	padding-top: 14px;
	position: absolute;
	filter: alpha(opacity=85);
	opacity: 0.85;
	/*-moz-opacity:0.75;*/
	zoom: 1;
}

.homebackground {
	background: url("../images/The_Pod_withwhite.jpg") no-repeat top left;
	height: 750px;
	background-position: 0 -150px;
	min-width: 980px;
}

.homebackground2 {
	background: url("../images/bildurn-alt-image-1.jpg")  no-repeat top left;
	height: 750px;
/*	background-position: 0 -150px;*/
}

.homebackground3 {
	background: url("../images/bildurn-alt-image-2.jpg")  no-repeat top left;
	height: 750px;
/*	background-position: 0 -150px;*/
}

#leftcontent {
	float: left;
	width: 234px;
	background: transparent;
}

#centercontent {
	float: left;
	width: 484px;
	padding-bottom: 40px;
}

#centercontent1 {
	float: left;
}

#fadeshow1 {
	float: right;
	width: 267px;
	margin: 20px 20px 0 0;
	position: absolute;
	border: 5px solid #FFF;
}

* html #fadeshow1 { width: 277px; w\idth: 267px; }

#rightcontent {
	float: left;
	width: 125px;
	padding: 0;
	margin: 137px 0 0 0;
}

#centercontentlong {
	float: left;
	width: 645px;
	padding-bottom: 40px;
}

#banner {
	padding: 12px 15px 0 15px;
	height: 58px;
}

#banner img {
	float: left;
}

#banner a {
	float: right;
}

#bannerhome {
	padding: 12px 0 0 15px;
	height:58px;
	background: #00b334;
}
	
#contactblock {
	height: 174px;
	background: #ecfce7;
	display: none;
	overflow: hidden;
}

#contactdetails {
	height: 126px;
	padding: 12px 16px 0 14px;
}

#contactdetails h3 {
	float: left;
	background: url("../images/subheader_contact.gif")  no-repeat top left;
	height: 13px;
	width: 103px;
	text-indent: -9000px;
}

#contactdetails .leftaddress {
	float: left;
	margin: 0 100px 0 118px;
}

* html #contactdetails .leftaddress {
	margin: 0 100px 0 108px;
}

#contactdetails .closecontact {
	margin-top: 0px;
}

#contactdetails .closecontact a {
	padding-right: 136px;
	border-bottom: 1px solid #cdcdcd;
}

#contactdetails .rightaddress {
	float: left;
	padding-right: 28px;
}

#contactdetails .rightaddress a {
	font-weight: bold;
}

#contactdetails .rightaddress a:link	{ color: #666; text-decoration: none;}
#contactdetails .rightaddress a:visited	{ color: #666; text-decoration: none;}
#contactdetails .rightaddress a:hover	{ color: #000; text-decoration: none;}
#contactdetails .rightaddress a:active	{ color: #666; text-decoration: none;}
	
#greendash {
	height: 2px;
	width: 100%;
	background: transparent url("../images/greenDash.gif") repeat-x top left;
	font-size: 0;
	line-height: 0;
	padding: 0;
}

#news_ticker {
	height: 30px;
	background: #00BD40;
}

#news_ticker p {
	float: left;
	width: 240px;
	position: absolute;
	top: 7px;
	left: 15px;
}

#news_ticker ul#news {
	float: left;
	position: absolute;
	top: 7px;
	left: 234px;
}

/*---------------------------------------------------------------------------------
Page Content
---------------------------------------------------------------------------------*/

#admincontent h1, #admincontent h2, #admincontent h3, #admincontent h4, #admincontent h5, #admincontent h6 {
	margin: 10px 0;
	color: #00bd40;
}

#admincontent .highlight {
	font-weight: bold;
	color: #00bd40;
}

#admincontent input.fieldtype1, #admincontent textarea.fieldtype1 {
	width: 600px;
}

#admincontent input.fieldtype2, #admincontent textarea.fieldtype2 {
	width: 500px;
}

#admincontent input.setup, #admincontent textarea.setup, #admincontent select.setup {
	font-family: arial,verdana,helvetica,clean,sans-serif;
	font-size: 1.1em;
	padding: 3px;
	color: #666;
	border: 1px solid #999;
}

ul#adminnav {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#adminnav li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 2px 0;
}

ul#adminnav li.vaga_key {
	padding: 5px 0px 5px 20px;
	background: transparent url("../images/vaga/key.png") no-repeat left center;
}

ul#adminnav li.vaga_props {
	padding: 5px 0px 5px 20px;
	background: transparent url("../images/vaga/house.png") no-repeat left center;
}

ul#adminnav li.vaga_news {
	padding: 5px 0px 5px 20px;
	background: transparent url("../images/vaga/newspaper.png") no-repeat left center;
}

ul#adminnav li.vaga_contact {
	padding: 5px 0px 5px 20px;
	background: transparent url("../images/vaga/user.png") no-repeat left center;
}

ul#adminnav li.vaga_file {
	padding: 5px 0px 5px 20px;
	background: transparent url("../images/vaga/file.png") no-repeat left center;
}

ul#adminnav li.vaga_copy {
	padding: 5px 0px 5px 20px;
	background: transparent url("../images/vaga/copy.png") no-repeat left center;
}

a.vaga_add {
	padding: 5px 0px 5px 20px;
	background: transparent url("../images/vaga/file_add.png") no-repeat left center;
}

a.vaga_back {
	padding: 5px 0px 5px 20px;
	background: transparent url("../images/vaga/arrow_left.png") no-repeat left center;
}

a.vaga_trash {
	padding: 5px 0px 5px 20px;
	background: transparent url("../images/vaga/trash.png") no-repeat left center;
}

a.vaga_download {
	padding: 5px 0px 5px 20px;
	background: transparent url("../images/vaga/download.png") no-repeat left center;
}

a.vaga_file {
	padding: 5px 0px 5px 20px;
	background: transparent url("../images/vaga/file.png") no-repeat left center;
}

a.vaga_prop_go {
	padding: 5px 0px 5px 20px;
	background: transparent url("../images/vaga/house_go.png") no-repeat left center;
}

a.vaga_contact_add {
	padding: 5px 0px 5px 20px;
	background: transparent url("../images/vaga/user_add.png") no-repeat left center;
}

p.rssfeedlink {
	margin-top: 17px;
}

p.rssfeedicon {
	float: right;
	margin-top: 8px;
}

p.rssfeedlink a {
	padding-left: 21px;
	display: block;
	background: transparent url("../images/feed-icon-16x16.gif") no-repeat left center;
	height: 16px;
}

table.admintable td, table.admintable th {
	border-bottom: 1px solid #CCC;
	padding: 2px 0;
}

table.admintable td.pad, table.admintable th.pad {
	padding-right: 10px;
}

#laceheader h1 {
	background: url("../images/header-lacemarketsq.gif") no-repeat top left;
	height: 60px;
	width: 345px;
	text-indent: -9000px;
}

#podheader h1 {
	background: url("../images/header-thepod.gif")  no-repeat top left;
	height: 60px;
	width: 345px;
	text-indent: -9000px;
}

#parkwayheader h1 {
	background: url("../images/header-vicparkway.gif")  no-repeat top left;
	height: 60px;
	width: 345px;
	text-indent: -9000px;
}

#waterstonesheader h1 {
	background: url("../images/header-waterstone.gif")  no-repeat top left;
	height: 60px;
	width: 345px;
	text-indent: -9000px;
}

#mediaheader h1 {
	background: url("../images/media_header.gif") no-repeat top left;
	height: 60px;
	width: 345px;
	text-indent: -9000px;
}

#centercontent .projectNav {
	position: absolute;
	top: 100px;
	float: left;
}

#centercontent .viewlarger {
	position: absolute;
	top: 100px;
	left: 475px;
	padding-right: 30px;
	float: left;
	border-bottom: 1px solid #cdcdcd;
	height: 1.4em;
}

#centercontent .viewlarger a {
	padding: 2px 0 2px 0;
}

#centercontent .projectNav ul{
	padding:0;
	margin:0 10px 0 0;
	list-style:none;
	height: 1.4em;
	border-bottom: 1px solid #00c32f;
	width: 218px;
}

#centercontent .projectNav ul li{
	padding:2px 0 2px 0;
	margin:0;
	float:left;
	padding-bottom:1px;
}

#centercontent .projectNav ul li a{
	padding:3px 6px 2px 5px;
	margin: 0;
	text-decoration:none;
	color:#909090;
	text-align:center;
}
#centercontent .projectNav ul li a:hover{ color:#181b21;  background: #00c32f;}

#centercontent .projectNav .selected {
	color:#000;
}

#homeText {
	background: url("../images/homePara4.gif")  no-repeat top left;
	height: 131px;
	width: 434px;
	text-indent: -9000px;
}

#pageText {
	margin-top: 500px;
	margin-left: 234px;
	padding-bottom: 20px;
	width: 420px;
	font-size: 98%;
}

* html #pageText {
	margin-top: 515px;
}

#ie_textsurround {
	margin-top: 495px;
	margin-left: 234px;
	width: 420px;
}

* html #ie_textsurround {
	margin-top: 510px;
}

#pageText_a {
	padding-bottom: 20px;
}

#pageText_a h1, #pageText_a h2, #pageText_a h3 {
	margin-bottom: 3px;
}

#pageText_b {
	padding-bottom: 20px;
	font-size: 98%;
}

#pageText .boldIntro {
	font-weight: bold;
}

#newstext {
	margin-top: 40px;
	width: 420px;
	padding-bottom: 20px;
}

#newstext p {
	
}

#newstext h2 {
	margin-bottom: 15px;
}

#centrecopy {
	padding: 0;
	margin: 50px 0 0 0;
}

#centrecopy h3 {
	padding: 0 0 12px 0;
	margin: 0;
}

#centrecopy table {
	margin-bottom: 1em;
}

#centrecopy table td, th {
	padding: 0.5em 1em 0.5em 5px;
	vertical-align: top;
}

#centrecopy table tr .col1 {
	width: 145px;
	padding-left: 0;
}

#centrecopy table tr .col1padded {
	width: 140px;
}

#centrecopy table tr .col2 {
	width: 200px;
}

#centrecopy table tr .col3 {
	width: 100px;
}

#centrecopy table tr .col4 {
	width: 200px;
}

#centrecopy table tr .header {
	font-size:123.1%;
	font-weight: bold;
	padding-left: 0;
}

#centrecopy table .rowgrey {
	background: #f2f2f2;
}

#downloadslist {
	padding: 0;
	margin: 100px 0 0 0;
}

#downloadslist ul {
	padding: 0;
	margin: 0;
}

#downloadslist ul li {
	padding: 0;
	margin-bottom: 16px;
}

#downloadslist ul li a {
	text-decoration: underline;
}

#news_ticker ul, #news_ticker li {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #FFF;
}

#news_ticker p {
	margin: 0;
	padding: 0;
	color: #FFF;
	font-weight: bold;
}

#news_ticker ul#news {
}

/* ----
#news_ticker ul#news li {
	display: none;
}

#news_ticker ul#news li:first-child {
	display: block;
}
---- */

/*---------------------------------------------------------------------------------
slidey stuff
----------------------------------------------------------------------------------*/
#worksurround {
	width: 100%;
	z-index: 2;
	margin-top: 10px;
}

#workposition {
	position: absolute;
}

.work {
	float: left;
	position:relative;
	left:0px;
	top:0px;
	overflow: hidden;
}

* html .work {
	top: 25px;
}

.work .projectImages {
	float: left;
	margin-left: 234px;
	margin-top: 105px;
	/* before removing current navigation
	margin-top: 0px; */
	position: relative;
}

* html .work .projectImages {
	margin-left: 117px;
}

.work .projectImages ul {
	padding: 0;
	margin:0;
	position: relative;
	list-style:none;
	width: 4840px;
}

.work .projectImages ul li {
	position: relative;
	width: 464px;
	float: left;
	display: inline;
	padding: 0 20px 0 0;
}

.work .projectImages ul li img{
	display: block;
}

#leftalpha {
	position:absolute;
	z-index: 3;
	top: 105px;
	/* before removing current navigation
	top: 0px; */	
	left:0;
	width: 234px;
	height: 360px;
	background: #fff;
	filter:alpha(opacity=92);
	opacity: 0.92;
	/*-moz-opacity:0.92;*/
}

#rightalpha {
	position:absolute;
	z-index: 4;
	/* before removing current navigation
	top: 0px; */
	top: 105px;
	left: 698px;
	width: 100%;
	height: 360px;
	background: #fff;
	filter:alpha(opacity=92);
	opacity: 0.92;
	/*-moz-opacity:0.92;*/
}

/*---------------------------------------------------------------------------------
Main Nav
---------------------------------------------------------------------------------*/

#mainnav {
	width: 158px;
	list-style: none;
	margin: 3px 0 0 0;
	padding: 0 0 0 15px;
	overflow: hidden;
}

#mainnav ul {
	margin: 0;
	padding: 0;
}

#mainnav ul li {
	margin: 0 0 0 0; 
	padding: 0;
	float: left;
	list-style-type: none;
}

#mainnav ul li a {
	margin: 0 0 0 0; 
	padding: 0;
	text-indent: -9000px;
	height: 24px;
	text-decoration: none;
	display: block;
}

#about_but a {
	width: 158px;
	background: url("../images/about_nav.gif") no-repeat top left;
}

#develop_but a {
	width: 158px;
	background: url("../images/develop_nav.gif") no-repeat top left;
}

#portfolio_but a {
	width: 158px;
	background: url("../images/properties_nav.gif") no-repeat top left;
}

#awards_but a {
	width: 158px;
	background: url("../images/awards_nav.gif") no-repeat top left;
}

#media_but a {
	width: 158px;
	background: url("../images/media_nav.gif") no-repeat top left;
}

#links_but a {
	width: 158px;
	background: url("../images/links_nav.gif") no-repeat top left;
}

#contact_but a {
	width: 158px;
	background: url("../images/contact_nav.gif") no-repeat top left;
}

#contact_butSaf a {
	width: 158px;
	background: url("../images/contact_nav.gif") no-repeat top left;
}

#aboutgreen_butSaf a {
	width: 158px;
	background: url("../images/aboutgreen_nav.gif") no-repeat top left;
}

#developgreen_but a {
	width: 158px;
	background: url("../images/developmentsgreen_nav.gif") no-repeat top left;
}

#portfoliogreen_but a {
	width: 158px;
	background: url("../images/portfoliogreen_nav.gif") no-repeat top left;
}

#awardsgreen_but a {
	width: 158px;
	background: url("../images/awardsgreen_nav.gif") no-repeat top left;
}

#contactgreen_but a {
	width: 158px;
	background: url("../images/contactgreen_nav.gif") no-repeat top left;
}

#mainnav li a:hover {
	background-position: 0  -24px;
}

#mainnav li a:active, #mainnav a.selected {
	background-position: 0 -48px;
	outline: 0;
}


/*---------------------------------------------------------------------------------
Left Sub Nav
---------------------------------------------------------------------------------*/
#leftsubcol {
	margin: 17px 25px 0 0;
	padding: 0 0 0 15px;
	width: 158px;
}

.headercurrent {
	background: url("../images/subheader_current.gif")  no-repeat top left;
	height: 13px;
	width: 75px;
	text-indent: -9000px;
}

.headercomplete {
	background: url("../images/subheader_complete.gif")  no-repeat top left;
	height: 13px;
	width: 75px;
	text-indent: -9000px;
}

.headermore {
	background: url("../images/subheader_more.gif")  no-repeat top left;
	height: 13px;
	width: 75px;
	text-indent: -9000px;
}

.headerpress {
	background: url("../images/subheader_press.gif")  no-repeat top left;
	height: 13px;
	width: 75px;
	text-indent: -9000px;
}

.header2007 {
	background: url("../images/subheader_2007.gif")  no-repeat top left;
	height: 13px;
	width: 75px;
	text-indent: -9000px;
	margin-bottom: 6px;
}

.header2006 {
	background: url("../images/subheader_2006.gif")  no-repeat top left;
	height: 13px;
	width: 75px;
	text-indent: -9000px;
	margin-bottom: 6px;
}

.headercontact {
	background: url("../images/contact_nav.gif")  no-repeat top left;
	height: 24px;
	width: 158px;
	text-indent: -9000px;
}

#headerportfolio {
	background: url("../images/propertysearch_header.gif")  no-repeat top left;
	height: 24px;
	width: 200px;
	text-indent: -9000px;
}

#headermedia {
	background: url("../images/media_header.gif")  no-repeat top left;
	height: 24px;
	width: 158px;
	text-indent: -9000px;
}

#headerawards {
	background: url("../images/awards_header.gif")  no-repeat top left;
	height: 24px;
	width: 158px;
	text-indent: -9000px;
}

#headerlinks {
	background: url("../images/links_header.gif")  no-repeat top left;
	height: 24px;
	width: 158px;
	text-indent: -9000px;
}

.leftsubnav {

}

.leftsubnav ul {
	margin: 4px 0 12px 0;
	padding: 0;
}

.leftsubnav li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #cdcdcd;
}

.leftsubnav li a {
	display: block;
	padding: 1px 0 1px 3px;
}

.leftsubnav li a:hover, .leftsubnav li .selected { color: #000; text-decoration: none; background: #00c32f;}

.leftsubnav li .selected { color: #000; text-decoration: none; background: #cdcdcd;}

/*========= large image css ==========*/
/*====================================*/

#projectImageLarge {
	position:absolute;
	z-index: 20;
	top:55px;
	left:15px;
	padding: 10px;
	width: 856px;
/*	height: 616px;*/
	height: 686px;
	background: #fff;
	display: none;
	border: 1px solid #cdcdcd;
}

#laceheader_viewed_left {
	float: left;
}

#laceheader_viewed_left h2 {
	background: url("../images/header-lacemarketsq.gif")  no-repeat top left;
	height: 60px;
	width: 345px;
	text-indent: -9000px;
}

#podheader_viewed_left {
	float: left;
}

#podheader_viewed_left h2 {
	background: url("../images/header-thepod.gif")  no-repeat top left;
	height: 60px;
	width: 345px;
	text-indent: -9000px;
}
#waterstonesheader_viewed_left {
	float: left;
}

#waterstonesheader_viewed_left h2 {
	background: url("../images/header-waterstone.gif")  no-repeat top left;
	height: 60px;
	width: 345px;
	text-indent: -9000px;
}
#parkwayheader_viewed_left {
	float: left;
}

#parkwayheader_viewed_left h2 {
	background: url("../images/header-vicparkway.gif")  no-repeat top left;
	height: 60px;
	width: 345px;
	text-indent: -9000px;
}
#viewed_right {
	float: right;
}

#viewed_right a {
	border-bottom: 1px solid #cdcdcd;
		padding-right: 30px;
}