/* Standard
=========================================================================== */

body
{
  margin: 0;
  padding: 0;
  font: 11px/16px Georgia, Times New Roman, serif;
  color: #53565f;
  text-align: center;
	background: url(/img/background.png) repeat-x #cec6a6;
}

img
{
  border : 0px;
}


/* Structural
=========================================================================== */

#outerWrapper
{
  width: 772px;
  background: url(/img/baseContentMiddle.png) repeat-y;
  margin: 30px auto 0 auto;
}

#innerWrapper
{
  background: url(/img/baseContentTop.png) top no-repeat;
  padding-top: 6px;
  text-align: center;
}

#header
{
  width: 744px;
  height: 96px;
	background: url(/img/backgroundHeader.gif) repeat-x;
  margin: 0 auto;
  text-align: left;
}

#banner /* Main image */
{
  width: 744px;
  margin: 4px auto 0 auto;
}

#wrapper
{
  width: 744px;
  margin: 8px auto 0 auto !important;
  margin: 5px auto 0 auto;
  background: url(/img/backgroundContent.gif) repeat-y;
  /*display: table;*/
}

#contentWrapper
{
  width: 744px;
  background: url(/img/backgroundContentBottom.gif) bottom no-repeat;
  /*display: table-cell;*/
}


#content
{
  width: 536px;
  margin-right: 8px;
  float: left;
}

.contentBox
{
  width: 536px;
  background: url(/img/backgroundContentBox.gif) repeat-x #f0f2f8;
  float: left;
  text-align: left;
  border-bottom: 1px solid #a8aaae;
}

.featured /* Featured development on homepage */
{
  width: 238px;
  float: left;
  padding: 16px 0 18px 20px;
}

.contentBoxSmall
{
  width: 264px;
  background: url(/img/backgroundContentBox.gif) repeat-x #f0f2f8;
  float: left;
  text-align: left;
  margin-top: 8px;
  border-bottom: 1px solid #a8aaae;
  font: 10px/14px Georgia, Times New Roman, serif;
  margin-right: 8px;
}

.contentBoxLong
{
  width: 536px;
  background: url(/img/backgroundContentBox.gif) repeat-x #f0f2f8;
  float: left;
  text-align: left;
  margin-top: 8px;
  border-bottom: 1px solid #a8aaae;
  font: 10px/14px Georgia, Times New Roman, serif;
}

.property /* For developments in new developments and coming soon sections on homepage */
{
  width: 102px;
  float: left;
  padding: 16px 0 18px 20px;
}

.contentBoxLong .property {
  padding: 16px 16px 18px 16px;
  
}

.contentBoxSingle
{
  margin-top: 8px;
}

.contentBoxSingle .property
{
  padding-left: 26px;
}

.result /* Wrap each result on developments and search results in one of these */
{
  width: 496px;
  float: left;
  padding: 16px 20px 18px 20px;
  border-bottom: 1px solid #b5bbca;
}

.lastResult
{
  border-bottom: 0px;
}

.newsBox
{
  width: 536px;
  background: url(/img/backgroundContentBox.gif) repeat-x #f0f2f8;
  float: left;
  text-align: left;
  border-bottom: 1px solid #a8aaae;
}

#rightColumn
{
  width: 200px;
  float: left;
  text-align: left;
}

div#rightSearchBox
{
  background: url(/img/backgroundRightColumnBox.gif) repeat-x;
  border-bottom: 1px solid #9fa1a8;
  width: 200px;
  height: 225px;
  padding: 0;
  margin: 0;
}

#search
{
  margin: 16px 14px;
  width: 172px;
  padding: 0;
}

#search select
{
  font-size: 10px;
  color: #717171;
  width: 172px;
  margin-bottom: 6px;
}

#contactBox, #archiveBox
{
  background: url(/img/backgroundRightColumnBox.gif) 0px 0px repeat-x !important;
/*  border-top: 8px solid #fff;*/
  border-bottom: 1px solid #B4B8C3;
  /*background-position: 0 8px;*/
  padding: 0 0 20px 0;
height: 1%;
}

#awardBox
{
  border-top: 1px solid #FFFFFF;
  padding-top: 20px;
  padding-bottom: 5px;
  padding-left: 4px;
}

#awardBox img
{
  padding-left: 5px;
}

/* Headings & Text
=========================================================================== */

a
{
  color: #2251af;
  text-decoration: underline;
}

a:hover
{
  text-decoration: none;
}

p
{
	margin: 0;
	padding: 0;
}

h1
{
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  margin: 0;
  padding: 4px 20px;
}

h2
{
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  margin: 0;
  padding: 4px 14px;
  height: 15px;
}

h3
{
  font-size: 12px;
  font-weight: bold;
  color: #7f8490;
  margin: 0;
  padding: 16px 18px;
}

/*.contentBox span,*/
.featured span,
/*.result span,*/
#rightColumn span
{
  color: #7c8499;
}

.result p
{
  float: left;
  margin-left: 10px;
}

#rightColumn p
{
  margin: 12px 14px;
}


/* Misc
=========================================================================== */

#logo
{
  margin: 23px 0 0 24px;
  float: left;
}

#strapline
{
  margin: 38px 24px 0 0;
  float: right;
}

.border /* To be applied to all pictures */
{
  padding: 2px;
  border: 1px solid #818591;
  display: table;
}

.borderResults /* To be applied to all pictures in a results list */
{
  padding: 2px;
  border: 1px solid #818591;
  display: table;
  float: left;
}

.borderResults img.small
{
  width : 96px;
  height: 58px;
}

.arrow
{
  margin-right: 4px;
}

.anchorBlue
{
  display: block;
  padding-left: 24px;
  background: url(/img/arrowRight.gif) 16px 4px no-repeat;
}

.lessPadding
{
  padding-left: 8px;
  background-position: 0px 4px;
}


/* Buttons
=========================================================================== */

.moreInfo,
.sendDetails
{
  float:left;
  width:86px;
  height:21px;
  text-align: center;
  background: url(/img/buttons/moreInfo.gif) no-repeat 0 0px;
}

a.moreInfo:hover
{
  background-position: -86px;
}


.sendDetails
{
  width: 104px;
  background: url(/img/buttons/sendDetails.gif) no-repeat 0 0px;
}

a.sendDetails:hover
{
  background-position: -104px;
}


#propertySearch
{
  float:left;
  width:170px;
  height:21px;
  text-align:center;
  background: url(/img/buttons/search.gif) no-repeat 0 0px;
  margin: 6px 0 18px 0 !important;
  margin: 6px 0 0 0;
}


/* Navigation
=========================================================================== */

#nav
{
  width: 738px !important;
  width: 744px;
  w\idth: 738px;
  background: #7f8490;
  margin: 2px auto 0 auto;
  padding: 3px;
}

#nav ul
{
  height: 25px !important;
  height: 27px;
  heigh\t: 25px;
  background: url(/img/backgroundNav.gif) repeat-x;
  border: 1px solid #e6e6e6;
  margin: 0;
  padding: 0;
  font-family: Georgia, Times New Roman, serif;
  color: #d7dae3;
}

#nav li
{
  margin: 0;
  padding: 3px 30px 0 25px;
  list-style: none;
  background: url(/img/square.gif) right 10px no-repeat;
  display: block;
  float: left;
}

#nav li a
{
  color: #fff;
  text-decoration: none;
}

#nav li a:hover
{
  color: #efe5a8;
  text-decoration: none;
}

#nav li.first /* Applied to the first link */
{
  padding-left: 64px;
}

#nav li.last /* Applied to the last link */
{
  background: none;
}


/* Footer
=========================================================================== */

#footer
{
/*  width: 772px;*/
  /*height: 50px;*/
  background: transparent url(/img/baseContentBottom.gif) bottom no-repeat;
	text-align: left;
  margin: 0 auto 30px;
  padding-bottom: 20px;
}

#footer p
{
  padding: 5px 0 5px 10px;
  font: 10px/16px Georgia, Times New Roman, serif;
  color: #8e8872;
}

#footer a
{
  color: #6f684c;
  text-decoration: none;
}

#footer a:hover
{
  text-decoration: underline;
}

#footer em
{
  text-align: center;
  font-style: normal;
  display: block;
  font: 10px/16px Georgia, Times New Roman, serif;
  color: #8e8872;
  padding: 5px 10px 0;
}

#footer div.left, #footer div.right {
  width: 150px;
  text-align: center;
  margin: 0 10px;
}

#footer div.left {
  float: left;
  padding: 10px 0 0 0;
  margin: 0;
}

#footer div.center {
  width: 432px;
  float: left;
  padding: 0;
  margin: 0;
}

#footer div.right {
  float: right;
  padding: 10px 0 0 0;
  margin: 0;
}

#footer p.copyright {
  clear: both;
  text-align: right;
  color: #000;
  padding: 5px 20px;
}

#footer p.copyright a {
  color: #000;
  font-family: "Myriad Pro", Helvetica, Arial, Sans-serif;
}

#footer p.copyright a span {
  color: #ff8c00;
}

/* Pretty drag colours
-------------------------------------------------*/
::-moz-selection{
    background: #3B5994;
    color: #E3E6F0;
}

::selection {
    background: #E3E6F0;
    color: #3B5994;
}

/* Contact
=========================================================================== */


#contactPage
{
    font-size: 11px;
}

#contactFormData p
{
    margin: 0;
    padding: 2px 0px 10px 0px;
    background: url(/img/graphics/graphicDottedLine.gif) 0px bottom repeat-x;
}

#contactFormData form
{
    margin: 0;
    padding: 0;
}

#contactInfo
{
    float: right;
    width: 165px;
}

#formTable
{
   margin-top: 10px;
}

#errors
{
  color: #C00;
}

/**********************************************/
/*       Scratch Pad for forms                */
/**********************************************/

#contactFormData input, #contactFormData select, #contactFormData textarea, #furtherinfo
{
    font: 11px/16px Georgia, Times New Roman, Serif;
}

form#contactForm div div input, #form1 input, #form2 input, #form3 input, #form4 input, #form5 input, #form6 input
{
    width: 223px !important;
    width: 225px;
    height: 14px;
    padding: 0px;
    margin: 0px;
}

#form7 select, #form8 select, #form9 select, #form10 select
{
    width: 225px;
    padding: 0px;
    margin: 0px;
}

form#contactForm div div label, #form1 label, #form2 label, #form3 label, #form4 label, #form5 label, #form6 label, #form7 label, #form8 label, #form9 label, #form10 label
{
    display: block;
    padding: 5px 0px !important;
    padding: 4px 0px;
    font-size: 11px;
}

#form1, #form2, #form3, #form4, #form5, #form6, #form7, #form8, #form9, #form10
{
    /*/border: 1px solid red;/*/
    width: 242px;
    float: left;
    /*height: 150px;*/
}

#form3 textarea
{
    height: 100px;
    width: 223px !important;
    width: 225px;
}

#form7
{
   /* border: 1px solid blue;*/
}

#formTable
{
    width: 384px;
}

#contactFormData span, .contactFormText span, #calcPage span
{
    border: 1px solid #DDD;
    display: block;
    width: 225px;
    padding: 1px;
}

#contactFormText label
{
    display: block;
    padding: 10px 0px 4px 0px;
    font-size: 11px;
}

#contactFormData textarea, #contactFormData input, #furtherinfo
{
    border: 1px solid;
    border-color: #7C7C7C #C3C3C3 #DDDDDD #C3C3C3;
}

#furtherinfo
{
    width: 464px !important;
    width: 464px;
}

.contactFormText span
{
    width: 466px !important;
    width: 466px;
}

#submitButton
{
    width: 470px !important;
    width: 472px;
}

#submitButton a
{
    margin-top: 10px;
    float: right;
    margin-bottom: 20px;
}

#intLab
{
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

#intTab
{
    border-collapse: collapse;
    width: 372px;
}

#intTab td, #intTab th
{
    border: 2px solid #FFF;
    padding: 3px 5px;
    font-size: 11px;
    vertical-align: top;
}

.static p
{
  margin: 14px 18px 0 18px;
}

html body .userInput p
{
  padding-left: 0;
  display: block;
  margin: 0 0 16px 0;
  float: none;
}

html body .userInput ul,
.static ul
{
  margin: 0 0 0 20px;
  padding-left: 0;
  list-style: circle;
}

.static ul
{
margin: 20px 20px 20px 40px;
}

html body .userInput li,
.static li
{
  margin-left: 0;
  padding-left: 0;
}

.noPrint
{
display: auto !important;
display: none;
}

.contentBoxNews p, .newsContent p 
{
  margin: 14px 18px 0 18px; 
}

.lighter
{
  color: #93969F;
}

div#keyFactsBox {
  width: 240px;
  padding: 0 0 10px;
  margin: 0 0 5px 10px;
  float: right;
  background-color: #e8ebef;
  border-bottom: 1px solid #a8aaae;
  border-left: 1px solid #e8eaee;
  border-right: 1px solid #d8dade;
}

div#keyFactsBox p {
  margin: 5px 8px;
}

h2.keyFacts {
  background-color: #7f8490;
  padding: 3px 10px;
  border-top: 1px solid #9da0ab;
  border-bottom: 1px solid #5b5f6a;
}

*.icon {
  display: inline;
  padding: 3px 0 3px 22px;
  list-style-image: disc;
  line-height: 20px;
}

a.map {
  background: transparent url(/img/icons/map.gif) no-repeat left center;
}

a.print {
  background: transparent url(/img/icons/print.gif) no-repeat left center;
}

a.site {
  background: transparent url(/img/icons/site.gif) no-repeat left center;
}

a.printBrochure {
  background: transparent url(/img/icons/printBrochure.gif) no-repeat left center;
}

a.downloadBrochure {
  background: transparent url(/img/icons/downloadBrochure.gif) no-repeat left center;
}

a.pricingGuide {
  background: transparent url(/img/icons/pricingGuide.gif) no-repeat left center;
}

a.locationGuide {
  background: transparent url(/img/icons/locationGuide.gif) no-repeat left center;
}

a.details {
  background: transparent url(/img/icons/details.gif) no-repeat left center;
}

table#plots {
  border-collapse: collapse;
  border-top: 1px solid #9da0ab;
  background-color: #e8ebef;
  border-bottom: 1px solid #a8aaae;
}

table#plots tr.header {
  background-color: #7f8490;
  border-bottom: 1px solid #5b5f6a;
}

table#plots th {
  text-align: center;
  color: #fff;
}

table#plots th, table#plots td {
  padding: 2px;
  margin: 0;
}

form#newsletter p {
  clear: both;
  line-height: 18px;
}

form#newsletter label {
  display: block;
  width: 100px;
  float: left;
  line-height: 18px;
}

.smallThumb {
  margin: 0 2px 5px 3px;
}


form#downloadBrochure {
  margin: 10px;
  padding: 5px;
}

form#downloadBrochure p {
  clear: both;
  margin: 5px 0;
  padding: 5px 0;
}

form#downloadBrochure label {
  display: block;
  float: left;
  margin: 0 5px;
  padding: 2px 0;
  width: 240px;
}

form#downloadBrochure label input[type="text"],
form#downloadBrochure label textarea,
form#downloadBrochure label span {
  display: block;
  width: 230px;
}

form#downloadBrochure label span {
  color: #53565f;
}

form#contactForm input[type="text"],
form#contactForm textarea,
form#downloadBrochure label input[type="text"],
form#downloadBrochure label textarea {
  outline: 1px solid #ddd;
  outline-offset: 1px;
}


form#newsletter a#submit {
  text-decoration: none;
  display: block;
  background: transparent url(/img/buttons/sendDetails.gif) no-repeat 0px 0px;
  width: 104px;
  height: 21px;
}

form#newsletter a#submit:hover {
  background-position: -104px 0px;
}


form p.submit {
  height: 25px;
}

form p.submit a {
  float: right;
  display: block;
  height: 21px;
  width: 104px;
  background: transparent url(/img/buttons/sendDetails.gif) no-repeat 0px 0px;
  text-decoration: none;
}

form p.submit a:hover {
  background-position: -104px 0px;
}

form div.leftBox {
  float: left;
  width: 230px;
  padding: 0 10px;
}


div#newsletterBox {
  background: transparent url(/img/backgroundRightColumnBox.gif) repeat-x center top;
  border-bottom: 1px solid #a8aaae;
}

div#newsletterBox a {
  display: block;
  text-align: center;
  text-decoration: none;
}

div#newsletterBox a img {
  padding: 2px;
  background: #fff none;
  border: 1px solid #ddd;
  margin: 5px auto;
}

div#newsletterBox a span {
  display: block;
  margin: 5px auto;
  font-size: 1.04666em;
}