/*******************************************************************************
* Base Styles - DON'T CHANGE THESE!!!                                          *
*                                                                              *
* These rules are used to reset the CSS default properties so things render    *
* identically (or as close we we can get them) in different browsers.          *
*******************************************************************************/

body									{ margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 }
h1, h2, h3, h4, h5, h6, p,
ul, ol, dl, form, fieldset,
table, address, blockquote				{ margin: 0 0 1.22em 0; padding: 0; }
ul ul, ul ol, ol ol, ol ul				{ margin-bottom: 0 }
ul, ol, blockquote						{ margin-left: 1.75em }
blockquote								{ margin-right: 2.75em }
fieldset 								{ padding: 0.5em }
table									{ border-collapse: collapse; border-spacing:0 }
th										{ text-align: left }
select,input,textarea					{ font: inherit }


/******************************************************************************* 
* Page Structure                                                               *
*******************************************************************************/

body									{ margin:0; /*background:url("images/body-back.png") 0 0 repeat-x #6A6A6A;*/ line-height:140%; font-family:Georgia; color:#4F4F4F; font-size:.95em; }
#container								{ width:926px; margin:auto; }
#header									{ position:relative;  padding-top:15px;}
#navigation								{ }
#footer									{ overflow:auto; background:url("images/footer-back.png") 0 0 repeat-x #4F4F4F; clear:both;   padding:40px 20px 5px 20px; color:#fff;}
#rotator								{ width:926px; height:213px; background:url("images/image-rotater/1.jpg") no-repeat; margin-top:15px; }

/******************************************************************************* 
* Common Styles                                                                *
*******************************************************************************/

h1, h2, h3								{ color:#4F4F4F; font-style:italic }
h2										{ font-size:140%; }
H3										{ font-size:125%; }
h1 span									{ color:#888; font-size:70%; font-style:normal}
h1										{ font-size:160%; }
address									{ font-style:normal; }
#substance b							{ color:#F47D21; }
#substance i							{ font-weight:bold; }
#substance h1	{ border-bottom:5px solid #F47D21; padding-bottom:10px; margin-bottom:10px;  padding-right:0px;}


#header h1								{ margin: 0 }
#header img								{ border:0; }
#header em								{ position:absolute; top:0; right:0; background:#F47D21; padding:5px 10px; font-weight:bold; color:#fff;}

#navigation	a.skip						{ position: absolute; left:-1000em }
#navigation	ul							{ margin:0; text-align:right; list-style:none; border-bottom:5px solid #F47D21; padding-left:246px; margin-top:-40px; width:680px; padding-bottom:3px; }
#navigation	li							{ margin:0 0 0 20px; display:inline; position:relative; z-index:100 }
#navigation li a						{ font-style:italic; color:#F47D21; font-weight:bold; text-decoration:none; font-size:90%}
#navigation li a:hover					{ color:#444; }

#footer	ul								{ list-style: none; margin-left: 0 }
#footer	li								{ display: inline; margin-right: 1em }
#footer dt								{ margin-bottom:-1.4em;  }
#footer dd								{ margin-bottom:5px; }

/*#substance ul							{ list-style:none; margin:0; }*/

#preamble 								{ margin:10px 0 0px 0; width:926px; }
#preamble img							{ display:block; margin:auto; border:none; }
#preamble h1							{ font-style:normal; font-weight:normal; font-size:220%; line-height:115%; margin:0 20px;}
#preamble h1 b							{ color:#F47D21; }

#content 								{ padding:40px 0 10px 0; float:left; width:926px; }


#related								{ margin-bottom:20px;  width:206px; float:left; padding:0 0 0 20px; }
#substance								{ margin-bottom:20px; width:660px; float:right; padding:0 20px 0 0; }
#substance a							{ color:#F47D21; }

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

#related h2								{ border-bottom:1px solid #ccc; margin-bottom:0; padding-bottom:5px; }
#related ul								{ margin:0; list-style:none; margin-bottom:20px; }
#related ul	ul								{ margin-bottom:0; }
#related ul li								{ }
#related ul li	a							{ display:block; margin-left:-19px; padding:10px 20px 10px 20px; text-decoration:none; color:#4F4F4F; font-weight:bold; font-style:italic; font-size:110%;}

#related ul li ul li a					{ background:#fff; padding-left:30px; border-top:1px solid #eee; font-size:95%; }
#related .active						{ background:#fff; color:#F47D21;}

#substance h2							{ border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px; }
#substance object						{ display:block; margin:0 auto 20px auto ; }

#related .enquiry-form,					
#related .property-agent				{ border-top:1px solid #eee; padding-top:20px; }

#related .property-agent				{ margin-top:20px; }

#related form							{  margin:0; padding:0;}
#related fieldset						{ border:none; padding:0;}
#related form dt								{ font-weight:bold; margin-bottom:-1.4em; font-style:italic; }
#related form dd								{ padding-left:60px; margin-bottom:10px; }
#related form dd	*							{ width:200px; }
#related form textarea						{ height:100px; }

.breadcrumbs							{ border-top:1px solid #e5e5e5;  border-bottom:1px solid #e5e5e5; padding:5px 0; font-weight:bold; font-family:arial; font-size:90%; margin-bottom:20px}
.breadcrumbs a							{ padding-left:15px; background:url("images/breadcrumb-seperator.png") 0 50% no-repeat; margin-right:10px; color:#777; ; }


#footer a								{ color:#fff; text-decoration:none; }
#footer h2								{ color:#fff; border-bottom:1px solid #F47D21; padding-bottom:10px; margin-bottom:10px; }

#footer .news-articles					{ width:324px; float:left; margin-right:30px; position:relative }
#footer a.feed							{ display:block; width:47px; height:24px; text-indent:-10000em; position:absolute; top:-3px; right:0; background:url("images/rss.png") 0 0 no-repeat; overflow:hidden }
#footer .news-articles	ul li			{ display:block; background:url("images/news-li.png") 0 .2em no-repeat; padding-left:35px; font-size:110% }
#footer .news-articles	ul li span		{ color:#9B9B9B; display:block; font-size:90%;  }

#footer .footer-nav						{ width:224px; float:left; margin-right:30px;}
#footer .footer-nav li					{ display:block; }

#footer .contact-details				{ width:274px; float:left; }
#footer .contact-details a				{ color:#F47D21; font-size:110%; }

#legal									{ clear:both; _height:60px;}
#legal img								{ float:left; }
#legal p								{ float:right; font-size:80%; margin-top:35px; }


#form-error 							{ border:3px double #900; padding:10px; background:#FBF5F5; margin-bottom:15px;}
#form-error h1							{ background:none; color:#900; border:0; padding:0}

/******************************************************************************* 
* Typography                                                                   *
*******************************************************************************/

table						{ width:100%; border-collapse: separate; border:none; margin-bottom:1.5em; font-size:90%}
table th						{ background:#000;  padding:5px; border:none; color:#fff;}
table td						{ border:none; padding:5px; border-top:1px solid #eee; vertical-align: top;  }
table tr						{ }
table tr.alt					{ background:#F4F4F4; }
table img					{ padding: 10px; background:#fff; }


/******************************************************************************* 
* Specific Page STYLEE                                                         *
*******************************************************************************/

body.two-col #content		{ background:url("images/two-col-back.png") 0 0 repeat-y; overflow:auto; padding-top:30px;}
body.two-col #related       { padding-top:0px; }
body.two-col #preamble 		{ margin-bottom:10px; padding-bottom:20px; height:176px;}

.complete p					{ font-size: 120%; color:#c00; margin:1em 0 }
/******************************************************************************* 
* 100% Pages and Web Control CSS                                               *
*******************************************************************************/

body.home									{ background-position:0 100px; background-color:#fff; }
body.home #preamble h1						{ margin-bottom:10px; margin-top:-5px;}

body.home #substance,
body.property-list #substance	{ width:926px; padding:0; border:0px solid red;  }

#substance .property-list		{ margin:auto; }
#substance .property-list ul	{ list-style:none; margin:0 }
#substance .property-list img	{ margin-bottom:10px; }
#substance .property-list ul li	{ width:274px; float:left; margin:0; border-bottom:1px solid #eee; padding:17px; color:#888; min-height:19.5em; _height:19.5em; position: relative}
#substance .property-list ul h3	{ font-style:normal; font-weight:normal; border:none; margin-bottom:5px; padding-bottom:0;}
#substance .property-list p	{ margin:0}
#substance .property-list p a	{ color:#F47D21; margin:0; font-weight:bold; font-style:italic; text-decoration:none; }
#substance .property-list ul a:hover { text-decoration: underline }
#substance .property-list ul a { position: absolute; bottom:10px }

/******************************************************************************* 
* Property Pages	                                                          *
*******************************************************************************/
           
body.property #substance			{ width:520px; float:left; padding-right:0; clear: left;}
body.property #substance p			{ clear: left;}

body.property #related				{ width:326px; float:right; border-left:1px solid #eee; padding-left:0px; padding-left:20px;}
body.property #content				{ position:relative; }
body.property #content h1			{ border-bottom:5px solid #F47D21; padding-bottom:10px; margin-bottom:10px;  padding-right:0px;}
body.property .property-downloads	{ float:left; width:272px; }
body.property .property-map			{ float:right; width:227px; }
a.developments						{ position:absolute; top:42px; right:0px; color:#F47D21; text-decoration:none; font-weight:bold; font-style:italic; }
body.home a.developments			{ top:0; right:0 }

body.property #gallery						   	{ width:557px; float:left; padding-bottom:1.5em }
body.property #gallery #images				   	{ padding: 8px; border: 1px solid #ccc; float:left; margin-right:15px }
body.property #gallery #images img			   	{ display: none;  }
body.property #gallery #thumbnails	ul			{ list-style:none; margin:0  }
body.property #gallery #thumbnails			   	{ list-style-type: none; margin:0; clear:both; }
body.property #gallery #thumbnails li		   	{ border: 1px solid #ccc; width:117px; height:80px; padding: 4px;  float: left; margin: 10px 10px 12px 0 }
body.property #gallery #thumbnails li.active   	{ border: 2px solid #F47D21;  padding: 3px;}
body.property #gallery #thumbnails li img	   	{ display: block; margin: auto; /*margin-top:5px;*/ }

/*
body.property #gallery #thumbnails li.active img	  { display: block; margin: auto; border:2px solid #F47D21; }
*/

body.property .property-agent dt				{ margin-bottom:-1.4em; }		
body.property .property-agent img				{ margin-bottom:20px; }	
body.property .property-agent dd				{ margin-bottom:10px; padding-left:40px; }
dd.phone										{ color:#F47D21; font-size:140%; }
dd.web		
												{ color:#F47D21; }

/******************************************************************************* 
* News Pages      			                                                   *
*******************************************************************************/

body #content #article-rating						{ clear:both; width:580px; margin:0 ; padding:0; float:left; margin:20px 0;}
body #content #article-rating h2					{ }
body #content #article-rating p						{ float:right; font-size:90%; padding-top:10px; width:300px }
body #content #article-rating ul					{ list-style:none; margin:0; float:left; }
body #content #article-rating ul li					{ margin:0; padding:0; float:left; }
body #content #article-rating ul li a 				{ float:left; display:block; width:50px; margin:0; height:50px; text-indent:-10000em;  background:url("images/star.png") 0 0 no-repeat #ccc; }
body #content #article-rating ul li a.selected		{ background-color:#F47D21; }

body #content #social-bookmarks ul			{ margin-bottom:20px; list-style:none; margin:0; }
body #content #social-bookmarks ul li		{ width:155px; float:left; border:0px solid red; min-height:25px; }
body #content #social-bookmarks ul li a		{ color:#444; text-decoration:none; }

.news-article-comments							{ clear:both; }

#substance form														{ border:none; padding:0; margin:0; border:1px solid #ccc; padding:15px; width:470px; margin:auto;}
#substance fieldset													{ border:none; padding:0; margin:0; }
#substance fieldset dt														{ margin:0 0 -1.4em 0; color:#F47D21; font-weight:bold; }	
#substance fieldset dd												{ margin:3px 0 3px 0; padding-left:240px;}
#substance fieldset dd *											{ width:200px; }
#substance fieldset dd textarea										{ height:100px; }
#substance form div input										{ border:none; background:#F47D21; padding:5px 10px; font-weight:bold; color:#fff; }


body.home #substance .property-list				{ position: relative; padding-bottom:30px }
body.home #substance .property-list .scroller { position: relative; width:926px; overflow: hidden; padding-bottom:20px; margin-bottom:15px }
body.home #substance .property-list .next		{ width:26px; float:left; position:absolute; right:268px; height:26px; background:url("images/arrows.png") 0 -26px; display:block; text-indent:-10000em; overflow:hidden; }
body.home #substance .property-list .prev		{ width:26px; float:left; position:absolute; left:268px; height:26px; background:url("images/arrows.png") 0 0; display:block; text-indent:-10000em; overflow:hidden;  }
body.home #footer								{ margin-top:-30px }

#substance .property-list h2					{ border-bottom:5px solid #F47D21; padding-bottom:10px; margin-bottom:10px; }


/******************************************************************************* 
* Sitemap			                                                          *
*******************************************************************************/

body.sitemap #substance						{ width:868px; padding-left:20px; }
body.sitemap #substance ul ul				{ margin-left:20px; }

body.property-list #content					{ background:none; }

body.two-col #content						{ _margin:-30px 0 -10px 0 }