@import url(reset.css);

/******************************************************************************* 
* CMS Common                                                                   *
*******************************************************************************/
*										{font-family:"Arial",Georgia,Sans-Serif;}
ul										{ margin:0 0 15px 0; list-style:none; }
#content form dt 						{ float:left; clear: both; width: 35%; padding-top:5px; margin-right:4%; }
#content form dd 						{ float: right; margin:1px 0; width: 60%; }

/*
#content form dt 						{ margin:5px 0 0 0 }
#content form dd 						{ margin:0 0 5px 0 }
*/

img.center								{ margin:auto; clear:both; display:block; float:none; }
img.right								{ float:right; margin:0 0 25px 25px; clear: right; }	
img.left								{ float:left; margin:0 25px 25px 0; clear: left; }

#header .site-search {width:180px;height:24px;}
#header #phone {}

dd.radio, 
 dd.checkbox 							{ position: relative }
dd.radio label, 
 dd.checkbox label						{ padding-left: 24px; }
dd.radio input,
 dd.checkbox input						{ position: absolute; left: 0; }

dd.textinput input						{ width:60% }
dd.textinput-wide input,
 dd.textareainput textarea				{ width:99% }
dd.textinput-narrow input				{ width:40% }
dd.textinput-tiny input					{ width:10% }

dd.captcha *							{ vertical-align: middle }
dd.captcha img							{ background:#fff; border:1px solid #999; margin: 0 20px 5px 0; padding:5px }

label									{ display: block }

img										{ border:none; }

/******************************************************************************* 
* Page Structure                                                               *
*******************************************************************************
body									{ font: 0.948em/1.3 Arial; margin:0; color:#fff; background:url('images/bodybg.jpg') 50% 0;  }
#container								{ margin: auto }

#header									{ background:url('images/headerbg.jpg') bottom; }

#navigation								{ display:none; }

#footer									{ clear:both; background:url('images/footerbg.jpg') 0 0 repeat-x #111; overflow:hidden; font-size:10px;}

#content 								{ width: 830px; margin: 0 auto; overflow: hidden}

#substance								{ float:right; width: 700px }

#related								{ float:left; width:110px; }

#content p								{ color:#999; margin:0 0 1em 0; line-height: 1.4 }
h2										{ color:#ED6609; font-size:21px; margin-bottom:0 }
#content em,
#content i								{ color:#ED6609; font-style:normal }

#form-error								{ clear: both; background: #fdd; color: #c00; border:1px solid #c00; padding:10px; margin-bottom:20px; }
#form-error h1							{ font-size:120% }*/


/******************************************************************************* 
* Page Structure                                                               *
*******************************************************************************/
body									{ margin:0; }
#container								{ margin: auto; }

#header									{ background:url('images/headerbg.jpg') bottom; }

#navigation								{ display:none; }

#footer									{ clear:both; background:url('images/footerbg.jpg') 0 0 repeat-x #111; overflow:hidden; font-size:10px;}

#content 								{background:url('images/bodybg.jpg') top;float:left; width:100%;margin-top:-20px;padding-top:30px; padding-bottom:20px;}

#substance								{  float:right; width:700px;}
#related								{  float:left; width:110px;  }
#tertiary								{float:right; width:180px;margin-top:40px;}
#tertiary .call-to-actions				{margin:20px 0;}
body.three-col #substance				{width: 500px; float:left; margin-left:20px;}

#tertiary .news-articles				{padding:10px;font-size:0.8em;background:url('images/newsgrad.png') no-repeat top; background-color:#181818;margin-bottom:20px;}
.news-articles ul li						{margin-bottom:20px;padding-bottom:20px;background:url('images/divider.png') bottom;}
#tertiary .news-articles h2						{margin-bottom:20px;font-size:1.7em;color:#ED6609;}
#tertiary .news-articles h2	span			{color:#ffffff;}

#tertiary .call-to-actions .call-to-action				{padding:10px;font-size:0.8em;background:url('images/newsgrad.png') no-repeat top; background-color:#181818;margin-bottom:20px;padding-bottom:30px;margin-top:50px;}
.news-articles ul li						{margin-bottom:20px;padding-bottom:20px;background:url('images/divider.png') bottom;}
#tertiary .call-to-actions h2						{margin-bottom:20px;font-size:1.7em;color:#ED6609;}
#tertiary .call-to-actions h2 i				{font-style:normal;color:#ffffff;}

#header .wrap							{ width:950px; margin:auto; }
#content .wrap							{ width:830px; margin:auto; overflow:hidden; }
#footer .wrap							{ width:940px; margin:auto; }

blockquote								{ margin:0; }

#gallery #thumbnails li								{background:none;float:left;display:inline;}


/******************************************************************************* 
* Common Styles                                                                *
*******************************************************************************/
body									{  color:#fff; margin:0; background:#111;}



#header p								{clear:both;margin-top:80px;border-left:1px solid;border-right:1px solid; border-color:#333333;padding-left:10px;line-height:1.7;padding-right:10px;}
#header img								{padding:40px 180px 40px 0;background:url('images/headerglow.png') no-repeat top left;}
#header									{position:relative;font-size:1em;border-bottom:1px solid;border-color:#333333;height:140px;position:relative;margin-bottom:0px;}
#header	.wrap							{position:relative;}
#header #talk  							{padding:0;background:none;float:right;margin-top:141px; position:absolute;right:60px}
#header #phone							{float:right;}

#header img								{float:left;}


#navigation	a.skip						{ position: absolute; left:-1000em }
#navigation	ul							{ list-style: none; margin-left: 0 }
#navigation	li							{ display: inline; margin-right: 1em }

#footer p								{margin-top:30px;float:left; font-size:10px;}
#footer img								{margin-top:35px;margin-bottom:30px;float:right;}
#footer a								{margin-left:1em; border-left:1px solid; border-color:#333333;padding-left:1em;line-height:1.7;}
#footer a.esc							{ background:none; border:none; margin:0; float:right;}
#footer									{font-size:0.8em;border-top:1px solid;border-color:#333333;}
#footer .legal								{ display:block; float:left; width:700px; clear:left; }

ul										{ list-style:none; margin:0 0 1.5em 0; }

.breadcrumbs:before						{ content:'You are here: '; color:#999999;}
.breadcrumbs *							{color:#999999;}
.breadcrumbs 							{color:#ED6609;font-size:0.8em;padding-top:0px;}

em										{color:#ED6609;font-style:normal;font-size:1em;}
a										{color:#ED6609;text-decoration:none;}
a:hover									{color:#B04A06;}
blockquote								{ margin:0; padding:0; color:#999999; }
a.button:hover							{ color:#fff; }
								
#substance p							{color:#999999;margin:1em 0;line-height:1.4;}
#substance h1							{font-size:1.6em;margin:1em 0;color:#ED6609;padding-bottom:10px;background:url('images/h1.jpg') top repeat-x; height:32px;padding-top:7px;padding-left:10px; text-transform:uppercase;font-size:23px}
#substance h1 i							{font-style:normal;color:#ffffff;}
#substance h2							{margin:0 0 1em 0;color:#ED6609;/*padding-bottom:0.5em;background:url('images/divider.png') bottom;*/}

#substance h3							{margin:1em 0;color:#ED6609;}
/*#substance li							{color:white; margin:1em 0;padding-left:1.5em;background:url('images/listicon.png') no-repeat 0.5em left; }
#substance ul							{padding-left:1em;}*/

#substance #map 						{color:black;}

/* Typography */
h1 span									{ color:#fff; }
h3										{ font-size:15px; }
h2										{ font-size:24px; }
h2 span									{ color:#fff; }

/* Nav */
.hill-navigation						{ padding-top:37px; }
.hill-navigation h2						{ color:#fff; margin-bottom:15px; text-transform:lowercase; font-size:13px; font-weight:bold;}
.hill-navigation h2	span				{ color:#999; }

.hill-navigation a						{ color:#999999; font-size:25px; font-weight:bold; text-transform:uppercase; display:block; height:35px; padding-bottom:1px; overflow:hidden;}
.hill-navigation li	a:hover				{ background:url("images/active.png") bottom left no-repeat; color:#ED6609; _background:none;}	
.hill-navigation li li a:hover			{ background:none; }

.hill-navigation li	a	span			{ display:none; position:absolute; z-index:5000; font-size:14px; margin-left:110px; height:28px;  text-transform:lowercase;  color:#fff; font-weight:bold; overflow:hidden; background: url("images/arrowy-thing.png") top right no-repeat; margin-top:-29px; padding:4px 25px 5px 5px}
.hill-navigation li	a:hover	span		{ display:block; z-index:100;}
.hill-navigation ul						{ margin-bottom:0; }
.hill-navigation ul a:hover span		{ *display:none; _display:none; }	

.hill-navigation ul li ul				{ font-size:10px; border-top:1px solid #000; border-bottom:1px solid #000; padding-left:15px;margin-bottom:10px; }
.hill-navigation ul li ul a				{  font-size:10px; height:100%; font-weight:normal; }
.hill-navigation ul li ul li			{ padding:5px 0;	}	
.hill-navigation ul li ul li:hover		{ background:none; }
.hill-navigation .active	a			{color:#ED6609;}
.hill-navigation .open	a			{color:#ED6609;}
.hill-navigation .open	ul *			{color:#999999;}
.hill-navigation .open .active	a			{color:#ED6609;}


#substance #form-error 							{ border:3px double #900; padding:10px; background:#FBF5F5; margin-bottom:15px; color:#900; margin-top:20px;}
#substance #form-error  p							{ color:#900; }
 #substance #form-error h1							{ background:none; color:#900; border:0; padding:0; margin:0;}
  #substance #form-error h1 span					{color:#900; margin-bottom:5px; }
  #substance #form-error  dt						{ color:#900; }
  
#substance .cms-html b					{ color:#ED6609; }
#substance .cms-html ul	li				{ background:url("images/bullet-style.png") 0 .4em no-repeat; padding-left:15px; margin-bottom:10px; color:#999 }
#substance .cms-html h2					{ background:url("images/hr-back.png") bottom left repeat-x; padding-bottom:10px;}
  
/**** Tbl Gridlines */

table 									{ border:none; font-size:14px; color:#999; border-collapse: separate }
td 										{ border:none; border-collapse:separate; }
tr 										{ border:none; border-collapse:separate; }

/******************************************************************************* 
* Page Specific Styles                                                         *
*******************************************************************************/

#substance form							{border:none;}
#substance fieldset						{border:none; color:#999999; padding:0}

/* Home Layout */
body.home .hill-navigation								{ padding-top:0; }
body.casestudies #substance,
body.home #content										{ padding-top:50px; padding-bottom:40px;}								
body.home #substance									{ width:700px; padding:0; float:right}
body.home  #substance 									{ }
body.home .news-articles								{ width:161px; float:left;  padding:10px 10px 0 10px; background:url("images/news-glow.png") 0 0 no-repeat; _background:none;}
body.home .home-panels  .news-articles ul,
body.home .home-panels  .news-articles ul li			{ padding:0; margin:0; background:none;line-height:1.6;}
body.home  .home-panels  .news-articles ul li				{ padding-bottom:15px; padding-top:4px}  

body.home .case-study-widget							{ width:252px; float:left; padding:10px 10px 0 30px;  }
body.home .testimonials									{ width:190px; float:right;  padding-top:10px; }	
body.home  .home-panels  .news-articles li a				{ display:block; margin-bottom:10px; }
body.home  .home-panels  .news-articles li span			{ display:none; color:#ED6609; }

body.home .home-panels  .case-study-widget h2	,						
body.home .home-panels  .testimonials	h2,
body.home .home-panels  .news-articles h2								{ text-transform:uppercase; margin-bottom:20px; color:#ED6609; padding-top:0;}	

body.home #preamble										{ position:relative; height:320px; }
body.home #preamble	img									{ position:absolute; top:0; }

body.home #substance	form			{ background:url("images/form-back.png") bottom left repeat-x;  padding:5px; margin:0; }
body.home #substance	form span			{ color:#ED6609; }
body.home #substance	form label			{ display:none; }
body.home #substance	form h2			{ margin:-5px 5px 0 0; padding:0; border:0; background:none; float:left; text-transform:uppercase;}
body.home #substance	form fieldset		{ margin:0; color:#fff;}
body.home #substance	form fieldset input	{ width:181px; color:#333; height:15px; font-size:10px; }
body.home #substance	form fieldset input.sign		{  width:20px; height:20px; border:none; background:url("images/submit-button.png") 0 0 no-repeat; text-indent:-10000em; cursor:pointer; margin-left:-3px;}
body.home #substance	form fieldset input#name			{ margin:0 10px; }

body.home blockquote								{ padding:10px 0; border-top:1px solid #EB5F00; border-bottom:1px solid #EB5F00; margin:0px 0 20px 0;}
body.home blockquote p								{ margin:0; }



/******************************************************************************* 
* Module Specific		                                                        *
*******************************************************************************/

/* Case Studies List */
#substance ul.listings							{ margin:0; padding:0; }
#substance ul.listings li						{ width:150px; height:150px;  overflow:hidden; position:relative; opacity:0.3; padding:0;float:left;margin-right:13px;margin-bottom:0px;filter: alpha(opacity=30);}
ul.listings li	strong							{ color:#ED6609; display:block; margin-bottom:10px; }
#substance ul.listings li:hover					{ opacity:1;filter: alpha(opacity=100); }

ul.listings li span 							{bottom:-300px; left: 0; display:block; position:absolute;}
ul.listings li:hover span						{opacity:1; filter: alpha(opacity=100); bottom:0; background:#000; padding:5px;  width:140px; color:#fff; text-decoration:none; }

/* Case Study */
.case-study .primary							{ width:459px; float:left; }
.case-study .primary h3 span					{ display:block; }
.case-study .contract-details					{ width:187px; float:right;margin-top:5px; }


/* Article List */
#substance .article-list						{ padding:0; margin-top:1.5em;}
#substance .article-list li h2								{ background:none; margin-bottom:5px; margin-top:0;}
.article-list li img							{  position:absolute; left:0; top:0;}
#substance  .article-list li								{ clear:both; position:relative; padding-left:120px; padding-bottom:15px; margin-bottom:15px; background:url("images/divider.png") bottom left repeat-x; overflow:hidden; }

.news-articles p a.more,
.article-list li a.more							{ background:url("images/link-bg.png") 100% 0 no-repeat #9D3E01; font-size:10px; color:#fff; padding:3px 20px 3px 5px; text-transform:uppercase; }

/* Case Study Page */
#substance .case-study img:first-child			{ margin-bottom:10px; }
#substance .case-study h2						{ background:none; margin:0; padding:0; }
#substance .case-study h3						{ color:#fff; margin:0; }
#substance .contract-details h3					{ font-size:16px; color:#fff; font-weight:bold; margin-bottom:20px; padding-bottom:20px; background:url("images/divider.png") bottom left repeat-x; }
#substance dl									{ font-size:14px; }
#substance dt									{ color:#ED6609; font-weight:bold; margin-bottom:5px; }
#substance dd									{ margin:0 0 5px 0; }

/*GALLERY*/
#gallery 										{ }
#gallery #images								{text-align:center; margin-bottom:0;}
#gallery ul										{margin:0;padding:0;padding-left:0px;}
#gallery ul li									{margin:0;padding:0;padding-left:10px;padding-right:10px;}
#gallery ul li:hover							{ cursor:pointer; }

/* Home Case Study Widget */
.home-panels											{ background:url("images/home-panels.png") bottom right no-repeat; float:right; width:690px; padding-bottom:15px; position:relative; padding-left:120px; }

.home-panels  .case-study-widget						{ width:232px; font-size:0.7em; }
.home-panels  .case-study-widget	p					{ line-height:100%; margin:0 0 5px 0}
.home-panels  .case-study-widget	h3					{ font-size:100%; font-weight:normal; margin-bottom:10px; margin-top:0;color:#ED6609;}
.home-panels  .case-study-widget	h4					{ font-size:100%; font-weight:normal; margin-bottom:10px; }
.home-panels  .case-study-widget .scroller-container	{ position:relative; width:210px; background:url("images/scroller-panel.png") 0 100% no-repeat; padding-bottom:15px; _background:none; display:block; margin:auto; }
.home-panels  .case-study-widget img					{ margin-bottom:10px; }
.home-panels  .case-study-widget ul					{ margin:0; padding:0; margin:auto; display:block; }
.home-panels .case-study-widget ul li					{ float:left; padding:0; }
.home-panels .case-study-widget p a					{ background:url("images/link-bg.png") 100% 0 no-repeat #9D3E01; font-size:10px; color:#fff; padding:3px 20px 3px 5px; text-transform:uppercase; }

.home-panels .case-study-widget a.left,
 .home-panels .case-study-widget a.right				{ position:absolute; top:60px; width:31px; height:61px; text-indent:-10000em; overflow:hidden; }
 .home-panels .case-study-widget a.left				{ left:-20px; background:url("images/arrow-lefty.png") 0 0 no-repeat; }
 .home-panels .case-study-widget a.right				{ right:-20px; background:url("images/arrow-right.png") 0 0 no-repeat;  }
  
 .home-panels .testimonials p a						{ background:url("images/link-bg.png") 100% 0 no-repeat #9D3E01; font-size:10px; color:#fff; float:right; padding:3px 20px 3px 5px; text-transform:uppercase; }

  .home-panels .testimonials p a						{ background:url("images/link-bg.png") 100% 0 no-repeat #9D3E01; font-size:10px; color:#fff; float:right; padding:3px 20px 3px 5px; text-transform:uppercase; }
 .home-panels .testimonials h2						{ margin-top:-5px; }
 .home-panels .testimonials h2 i					{color:#ffffff;font-style:normal;}
 .home-panels .testimonials							{line-height:1.6;font-size:0.8em;color:#999999;}
 .home-panels .testimonials	p b						{ color:#fff; }
 .home-panels .testimonials	p i						{ color:#ED6609; font-style:normal;}

 .home-panels #info									{position:absolute; bottom:20px; left:0; width:299px; font-size:13px; line-height:130%; color:#999999;}
 .home-panels #info b									{font-weight:normal;color:#ffffff;}
  .home-panels #info em									{font-weight:normal;}
.home-panels .news-articles							{font-size:0.8em;}
 
 /* No JS Fallback */
  .home-panels  .scroller-container.nojs					{ width:260px; background:none; }
 .home-panels  .scroller-container.nojs img				{ width:50px; float:right; margin-right:20px; }
 .home-panels  .scroller-container.nojs h4				{  }
 .home-panels  .scroller-container.nojs ul li				{ border-bottom:1px solid #000; padding:0 0 15px 0; margin-bottom:15px; float:none; }
 
body.casestudies #substance,
body.two-cols #substance,
 body.three-cols #substance								{ margin-top:-40px; }


.site-search { float: right; margin-top: 80px; height:19px; margin-left:15px;position:relative }
.site-search fieldset { border: none; padding: 0 }
.site-search input { border: none; padding:0px;height:20px; width:150px;}
.site-search .button {   float:right; height:20px; text-indent:-1000em; width:20px; margin-right:0px; *margin-top:-20px; }

/******************************************************************************* 
* Shadows :O		                                                        *
*******************************************************************************/

#header #talk, #tertiary img {

-moz-box-shadow:  0px 2px 2px #000000;
-webkit-box-shadow: 0px 2px 2px #000000;
box-shadow:  0px 2px 2px #000000;

}

#tertiary .news-articles{

-moz-box-shadow:  0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
box-shadow:  0px 0px 5px #000000;

}

#tertiary .call-to-actions .call-to-action{

-moz-box-shadow:  0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
box-shadow:  0px 0px 5px #000000;

}


/******************************************************************************* 
* TYPEKIT	                                                        *
*******************************************************************************/

#related .hill-navigation *	, 
body.home #info, 
body.home #info b,
body.home #info em,
body.home .home-panels h2,
 body.home .home-panels h2 span,
   body.home .home-panels h2 i,
   body.home #substance	form h2						{ font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2",sans-serif; }

body.home .home-panels h2				{ font-size:25px; margin-bottom:20px;}



/******************************************************************************* 
* Shadows        		                                                        *
*******************************************************************************/

#nav-back {
	margin:-57px 10px 0 0;
	padding-right:16px;
	float:right;
	font-size:11px;
	text-transform:uppercase;
	background:url(images/sprites.png) 100% -157px  no-repeat;
}

hr {
	height:2px;
	background:url("images/hr-back.png") 0 0 repeat-x; 
	clear: both;
	border:none;
	margin:20px 0;
}

.button {
	float: left;
	font:11px/16px arial;
	padding:2px 24px 2px 8px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background:url("images/links.png") no-repeat 100% 0px;
	margin-right:20px
}

.download {
	float: left;
	font:12px/16px arial;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding:2px 16px 2px 0;
	background:url("images/sprites.png") no-repeat 100% -114px;
	margin-right:20px
}

.button.alt {
	background:url("images/links.png") no-repeat 100% -50px;
}

#development-list .alt  {
	background:url("images/links.png") no-repeat 100% 0px;
}

.tab-control {
	padding-bottom:20px;
}

.tab-control div	{ background:url("images/tab-grad.png") 0 0 no-repeat; clear:both; padding-top:30px; _background:none; overflow:hidden}
#substance .tab-control div h2		{ margin-bottom:0px; }
#substance .tab-control div h3		{ color:#fff; margin:0 0 5px 0 }
.tab-control div div	{ background:none; padding-top:0;overflow:auto }
.tab-control .button	{ float: right; margin:5px 0 0 20px }
.tab-control .download	{ margin-top:5px }

.tab-control div#siteplan a.download	{ background:url("images/dl-siteplan.png") 0 0 no-repeat; width:139px; height:19px; text-indent:-10000em}
.tab-control div#brochure a.download	{ background:url("images/dl-brochure.png") 0 0 no-repeat; width:147px; height:11px; text-indent:-100000em; }



ul.tabs {
	width:100%;
	float:left;
	border-bottom:1px solid #000;
	margin-bottom:0px;
}

.tabs li {
	float: left;
	padding: 0px 0px;
	margin-right: -1px;
	margin-bottom: 3px;
	border-right: 1px solid #111
}

.tabs li a {
	font-weight: bold;
	font-size: 12px;
	position: relative;
	display: block;
	color: #fff;
	padding: 0 15px;
	z-index: 1000;
	text-decoration: none;
	text-transform: uppercase;
}

.tabs li a.active {
	background: #1d1d1d;
	margin: -4px 0;
	padding: 3px 14px;
	border: 1px solid #333;
	border-bottom: 1px solid #1d1d1d;
	outline: 1px solid #1d1d1d;
}
.tabs li a.active, .tabs li a:hover {
	color: #ED6609
}
/* property
------------------------------------------------------------------------- */
#property #property-list, #property #property-list li {
	border-bottom: none;
}
#property #property-list a.button {
	float: right;
	margin-right:0
}
#property #gallery {
	clear: both;
}
#property #images {
	background: #000;
	margin-bottom: 20px;
}
#property #floorplan img {
	float: left;
	margin-right: 30px;
	margin-bottom:20px;
}
#property #enquire fieldset {
	float: left;
	margin-right: 20px
}
 #property #enquire label {
	margin-bottom: -0.75em;
	line-height: 1.5
}


#property #enquire input[type=text],
 #property #enquire select,
 #property #enquire textarea {
	width: 180px;
	padding: 3px 2px;
	-moz-box-shadow: 0 2px 3px #666 inset;
	background:#ccc;
	border:none

}
#property #enquire textarea {
	border:none;
	height: 290px;
	margin-bottom:20px;
}
#property #enquire .button {
	border:none;
	float: right;
	margin-right:0;
	margin-top:13px;
}
#property #enquire form {
	float: left;
	width: 410px;
	border-right: 1px solid #000;
	margin-right: 20px
}
#property #tour object {
	float: left;
	margin-right:20px;
}
/* property list
------------------------------------------------------------------------- */
#property-list {
	margin-top: -20px;
	border-bottom: 1px solid #333;
	overflow: hidden
}
#property-list li {
	margin-top: -2px;
	position: relative;
	border-top: 1px solid #333;
	border-bottom: 1px solid #000;
	padding: 20px 0 20px 240px;
	clear: both;
	overflow: hidden;
}

#substance #property-list li h2 {
	margin:0; 
	padding:0;
	background:none;
}

#property-list b {
	display: block;
	color: #fff;
	margin-bottom:5px;
}

#property-list .image-view {
	width:220px;
	position: absolute;
	left:0;
	top:20px;	
}

#property-list img {
	position: absolute;
	left:0;
	top:20px;
}

#property-list .image-view img {
	position: static;
}

#substance #property-list .image-view a.download {
	display:block;
	text-indent:-10000em;
	height:40px;
	width:220px; 
	background:url("images/dl-brochure.png") 0 0 no-repeat;
}


/* development list
------------------------------------------------------------------------- */
#development-list {
	margin-top: -20px;
	border-bottom: 1px solid #333;
	overflow: hidden
}
#development-list li {
	margin-top: -2px;
	position: relative;
	border-top: 1px solid #333;
	border-bottom: 1px solid #000;
	clear: both;
	overflow: hidden;
}
#substance #development-list b {
	display: block;
	color: #fff;
	margin-bottom:.8em;
}
#substance #development-list h2 {
	font-size:22px;
	margin:0;
	padding:0;
	background:none;
}
#development-list p {
	margin-top:0
}
#development-list img {
	position: absolute;
	left: 0;
	top: 20px;
}

#development-list.completed		{ background:url("images/hr-back.png") bottom left repeat-x; }

#development-list.completed li {
	width: 220px;
		border:none; 
	float: left;
	clear: none;
	padding-top:190px;
	margin-right:20px;
	min-height:120px
}
#development-list.completed li:nth-child(3n+3) {
	margin-right:0;


}

#development-list.current li {

	padding: 20px 0 20px 240px;
	min-height:160px
}

/* development header
------------------------------------------------------------------------- */

#development-header {
	overflow: hidden;
	position:relative
}
#substance #development-header h2 {
	font-size: 37px;
	margin: 0;
	padding: 0;
	background:none;
}
#substance #development-header p {
	font-size: 22px;
	color:#fff;
	font-weight:bold;
	margin-top:0 !important;
	margin-bottom:0px;
	position:relative
}
#development-header ul {
	overflow: hidden;
	margin: -20px 0 20px 0;
}
#development-header li {
	float: left;
	margin-right: 3px;
	-moz-box-shadow: 0 1px 2px #000;
}
#development-header a {
	float: left;
	font-size: 10px;
	padding: 4px 24px 2px 8px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background: url("images/links.png") no-repeat 100% -50px;
}
#development-header a:hover,
 #development-header a.active {
	background-position: 100% 0;
}

#development-header .misc {
	text-align:right;
	font-size:80%;
	position:absolute; 
	top:0;
	right:0;
	width:200px;
}

#substance #development-header .misc p {
	font-size:12px;
	line-height:160%;
}

#substance #development-header .misc b {
	color:#ED6609;
}

/* development gallery
------------------------------------------------------------------------- */
#gallery {
	overflow: hidden
}
#development #images,
#property #images {
	width: 580px;
	float: left;
	background:#000
}
#development #thumbnails,
#property #thumbnails {
	width: 100px;
	float: right;
}
#property #thumbnails img,
#development #thumbnails img {
	display:block;
	margin-bottom:20px
}

/* development toolbar
------------------------------------------------------------------------- */
#development-toolbar {
	background:url("images/bar-grad.png") bottom left repeat-x;
	_background:#000;
	color: #999;
	font-size: 11px;
	clear: both;
	overflow: hidden;
	padding: 10px;
}
#development-toolbar li {
	float: left;
	margin-right: 20px
}
#development-toolbar a {
	padding-left: 18px;
	color: #999;
	text-transform: uppercase;
	text-decoration: none;
	background:url("images/sprites.png") no-repeat;
}
#development-toolbar a:hover {
	color: #fff
}
#development-toolbar li:first-child a {
	background-position: 0 1px
}
#development-toolbar li:nth-child(2) a {
	background-position: 0 -198px
}
#development-toolbar li:nth-child(3) a {
	background-position: 0 -38px
}
/* development map
------------------------------------------------------------------------- */

#development .map-ui {
	width: 700px;
	height: 260px
}



/**************************************************
*
**************************************************/
#contact-sub									{ background:url("images/subform-back.png") 0 0 repeat-x; border-bottom:1px solid #000;}
#contact-sub .wrap								{ width:457px; padding-left:348px; padding-right:15px; margin:0 auto; height:313px; border-right:1px solid #000; border-bottom:1px solid #000; background:url("images/subforminnerback.jpg") 0 0 no-repeat; }
#contact-sub form								{ margin:0; padding:0; }
#contact-sub h2									{ font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2",sans-serif; font-size:25px; color:#ED6609; margin-bottom:5px; text-transform:uppercase;}
#contact-sub p									{ color:#999; font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2",sans-serif; font-size:18px; font-weight:bold;}
#contact-sub b									{ color:#fff; }
#contact-sub fieldset							{ position:relative; border:none; padding:0; }
#contact-sub fieldset dd						{ margin:0; }
#contact-sub fieldset dt						{ color:#fff; margin-bottom:5px; font-size:14px;}
#contact-sub fieldset dd input					{ width:160px; margin-bottom:5px;}
#contact-sub fieldset dd textarea				{ width:262px; right:0; top:20px; position:absolute; height:120px; }
#contact-sub form div input						{ background:url("images/link-bg.png") 100% 0 no-repeat #9D3E01; margin-top:-20px; font-size:10px; color:#fff; float:right; border:none; cursor:pointer; padding:3px 20px 3px 5px; text-transform:uppercase; }
#contact-sub dt.enquiry							{ right:206px; top:0; position:absolute; }