@charset "UTF-8";
/* CSS Document */

/* Any instance of " *html body #examplediv " are hacks for Internet Explorer 6 ---*/

/*-----------GLOBAL LAYOUT STYLING-----------*/

body {
font-family:Arial, Helvetica, sans-serif; /*changes font for whole site*/
font-size:70.5%; /*DO NOT TOUCH*/
margin:5px;/*DO NOT TOUCH*/
padding:5px;/*DO NOT TOUCH*/
text-align:center;/*centres container div on page*/
background: url(../images/grad_bg.jpg) 0px 0px repeat-x;
background-color:#0055A6;
height:100%; 
max-height:100%; 
}

#container {
width:974px;/*Width of the central area*/
margin:0px auto;/*centres container on page*/
margin-top:10px;
text-align:left; /*re-aligns text*/
background-color:#FFFFFF; /*background color, can also be a repeated image*/
padding:0px;/*IE will add padding to width, adjust width to suit*/
border-left:1px solid #CCCCEE;
border-right:1px solid #CCCCEE;
border-top:1px solid #CCCCEE;
border-bottom:1px solid #CCCCEE;
top:10px;
bottom:10px;
}

 


/*-------Header Styles---------------*/

#header {
width:952px; /*width should be same as graphic image*/
height:164px; /*height should be the same as graphic image*/
margin:10px 10px 10px 10px ; /*Aligns header graphic*/
padding:0px;
background-color:#fff;
}

#header a img { border:none;}

#toplogo { width:290px; height:65px; margin:0px 10px 10px 10px ; padding:0px; background:url(../layoutimages/toplogo.jpg) no-repeat;}
#toplogo span {display:none;}


/*----Content Wrapper, main body goes inside here----*/

#contentwrapper {
width:950px; /*wrapper width*/
margin:10px 10px 20px 10px; /*Displaces content area from div above below and container walls*/
padding:10px;
font-size:1.2em;
}

/*-------------------header teag styling----------------------*/

h1 {
font-family: Arial, "Tw Cen MT", Garamond, Helvetica, sans-serif;
height:25px; /*height of the tag, should be same as icon size*/
font-size:22px; 
margin:0px;
padding:5px 0px 3px 0px; /*padding allowing for the icon image*/
color:#020066; /*font colour*/
}


h2 {
font-size:16px;
margin:0px;
padding:5px;
text-align:left;
color:#020066;
}

h3 {font-weight:bold; font-size:16px; color:#006633; padding:5px 5px; margin:0px;}

h4 {font-size:12px; font-weight:bold; color:#006633; margin:2px 0px; padding:0px;}


/*---------------------Navigation Bar ------------------------------------------*/

#navigation {
border:0px solid #ccc;
margin:0px 10px;
width:952px;
text-align:center;
}


ul#navlist{
width:950px;
margin:0px;
padding:5px 0px;
background-color:#0055A6;
border:1px solid #fff;
white-space:nowrap;
color:#ffffff;
}

#navlist li {display: inline;
list-style-type: none;
margin: 0px;
padding:0px;
}

#navlist li a {padding:0px; margin: 0px;  font-size:14px; width:100px; padding:5px 23px; font-weight:200; color:#ffffff;}

#navlist li a:link, #navlist li a:visited
{color: #ffffff;
text-decoration: none;}

#navlist li a:hover
{color: #000;
background-color:#cccc99;
text-decoration: none;}

.mapThumb { width:200px; height:188px;}
.mapThumb a img { border:1px solid #f6f6f6; padding:1px;}
.mapThumb a:hover img { padding:1px; }

a.none { text-decoration:none; }

/*-------------------everything below will style the left bars for all layouts
--------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------*/

/*-----Side Bar ---------*/

#leftColumn{
float:left;
padding-bottom:10px;
margin:0px;
}

#sidebar {
width:220px; /*this will effect your #main right margin size*/
border:1px solid #ccc;
color:#333333; /*text color*/
}

#sidebarInner {
width:198px;
border:1px solid #fff;
padding:10px; /*pads content inside div*/
background-color:#edeece;
}


#sidebar p {
text-align:left; /*text positioning*/
font-size:90%; /* percentage scales based on size declared in #contentwrapper*/
}

#sidebar a {color:#006633; text-decoration:underline;}
#sidebar a:hover {color:#666666;text-decoration:none;}

/*sidebar navigation list*/

#sidebar dl {
margin:5px 0px;
padding:10px 0px;
}

#sidebar dt {
text-align:left; /*Text align center*/
font-size:120%; /*Percentage scales based on size declared in #contentwrapper*/
font-weight:bold; /*this makes the font bold*/
color:#333333; 
margin:0px;
padding:5px 10px;
}

#sidebar dd {width:190px; /*width of side bar minus margins and padding*/
font-size:90%; /*font size for links or text*/
border-bottom:1px solid #fff; /*styles separator*/
padding:0px; 
margin:0px;
text-align:left; /*aligns the page text*/
}

#sidebar dd a {color:#006633; display:block; padding:10px; text-decoration:none; background:url(../layoutimages/sideo.gif) 0 50% no-repeat; }

#sidebar dd a:hover { color:#000; background:#cccc99 url(../layoutimages/siden.gif) 0 50% no-repeat;}

/*-----Left ---------*/

#leftbar {
float:left;
width:150px; /*this will effect your #main right margin size*/
padding:10px; /*pads content inside div*/
background-color:#f2f2f2;
color:#333333; /*text color*/
}

#leftbar p {
text-align:left; /*text positioning*/
font-size:90%; /* percentage scales based on size declared in #contentwrapper*/
}

#leftbar a {color:#FF6699; text-decoration:underline;}
#leftbar a:hover {color:#666666;text-decoration:none;}

/*sidebar navigation list*/

#leftbar dl {
margin:5px 0px;
padding:10px 0px;
}

#leftbar dt {
text-align:left; /*Text align center*/
font-size:120%; /*Percentage scales based on size declared in #contentwrapper*/
font-weight:bold; /*this makes the font bold*/
color:#333333; 
margin:0px;
padding:5px 10px;
}

#leftbar dd {width:140px; /*width of side bar minus margins and padding*/
font-size:90%; /*font size for links or text*/
border-bottom:1px solid #fff; /*styles separator*/
padding:0px; 
margin:0px;
text-align:left; /*aligns the page text*/
}

#leftbar dd a {colour:#333; display:block; padding:10px; }

#leftbar dd a:hover { color:#FFFFFF; background-color:#99CCFF;}


/*-----Right Bar ---------*/

#rightbar {
float:right;
width:90px; /*this will effect your #main right margin size*/
padding:10px; /*pads content inside div*/
background-color:#f2f2f2;
color:#333333; /*text color*/
}

#rightbar p {
text-align:left; /*text positioning*/
font-size:90%; /* percentage scales based on size declared in #contentwrapper*/
}

#rightbar a {color:#FF6699; text-decoration:underline;}
#rightbar a:hover {color:#666666;text-decoration:none;}

/*sidebar navigation list*/

#rightbar dl {
margin:5px 0px;
padding:10px 0px;
}

#rightbar dt {
text-align:left; /*Text align center*/
font-size:120%; /*Percentage scales based on size declared in #contentwrapper*/
font-weight:bold; /*this makes the font bold*/
color:#333333; 
margin:0px;
padding:5px 10px;
}

#rightbar dd {width:80px; /*width of side bar minus margins and padding*/
font-size:90%; /*font size for links or text*/
border-bottom:1px solid #fff; /*styles separator*/
padding:0px; 
margin:0px;
text-align:left; /*aligns the page text*/
}

#rightbar dd a {colour:#333; display:block; padding:10px; }

#rightbar dd a:hover { color:#FFFFFF; background-color:#99CCFF;}


/*-------------------everything below will style the main content area stuff for all layouts
--------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------*/

/*------------THIS IS FOR A TWO COLUMN LAYOUT--------------*/

/*-----------Main Content Aread-----------------------*/

#full {
margin : 0px 10px ;
padding:0px;
text-align:left;
}

#full table tr { margin:5px 0; padding:0px; }
#full table tr td {padding:5px;}

#full a {color:#006633;text-decoration:underline;}
#full a:hover {color:#666666;text-decoration:none;}

#main {
margin:0px 10px 0px 230px; /* the left padding includes the width of the sidebar plus extra length for a spacer gap*/
padding:0px;
text-align:left;
} 

/**html #main {margin: 0px 20px 0px 0px;} hack for internet explorer handling width's*/

#main p {line-height:1.3em;text-align:justify; /*makes text touch both sides of div, like a magazine styling*/}

#main h3 {margin:5px 0px 0px 0px; padding:0px;}

#main a img {border:1px solid #fff;}
/*#main a:hover img {border:1px solid #006633;}*/

#main a {color:#006633;text-decoration:none;}
#main a:hover {color:#666666;text-decoration:none;}
#main ul {margin:3px 0px;padding:0px 10px; list-style:circle; /* Styles list icons*/}

#main li {
margin:3px 0px;
padding:0px;
}

#main ol {
list-style-type:decimal; /* Styles list icons*/
margin:3px 0px;
padding:0px 10px 0px 15px;
}


/*--------------THIS IS FOR A A SINGLE COLUMN LAYOUT---------------*/


#single {
margin:0px 10px; /* this gives text padding away from the container*/
text-align:left;
} 

/**html #single {margin: 0px 20px 0px 0px;} hack for internet explorer handling width's*/

#single p {line-height:1.3em;text-align:justify; /*makes text touch both sides of div, like a magazine styling*/}

#single a img {border:1px solid #fff;}
#single a:hover img {border:1px solid #0099FF;}

#single a {color:#0066CC;text-decoration:underline;}
#single a:hover {color:#666666;text-decoration:none;}
#single ul {margin:3px 0px;padding:0px 10px; list-style:circle; /* Styles list icons*/}

#single li {
margin:3px 0px;
padding:0px;
}

#single ol {
list-style-type:decimal; /* Styles list icons*/
margin:3px 0px;
padding:0px 10px 0px 15px;
}

/*--------------THIS IS FOR A A THREE COLUMN LAYOUT---------------*/


#middle {
margin:0px 120px 0px 180px; /* the left padding includes the width of the sidebar plus extra length for a spacer gap*/
text-align:left;
} 

/**html #middle {margin: 0px 20px 0px 0px;} hack for internet explorer handling width's*/

#middle p {line-height:1.3em;text-align:justify; /*makes text touch both sides of div, like a magazine styling*/}

#middle a img {border:1px solid #fff;}
#middle a:hover img {border:1px solid #0099FF;}

#middle a {color:#0066CC;text-decoration:underline;}
#middle a:hover {color:#666666;text-decoration:none;}
#middle ul {margin:3px 0px;padding:0px 10px; list-style:circle; /* Styles list icons*/}

#middle li {
margin:3px 0px;
padding:0px;
}

#middle ol {
list-style-type:decimal; /* Styles list icons*/
margin:3px 0px;
padding:0px 10px 0px 15px;
}


/*----------------Image Styling----------------*/

.left {
float:left; /*The important bit, floats image left*/
border:1px solid #ccc;
padding:4px;
margin:0px 10px 5px 0px;
}

.right {
float:right; /*The important bit, floats image left*/
border:1px solid #ccc;
padding:4px;
margin:0px 0px 5px 10px;
}


/*------------------------------Enquiry Form
-------------------------------------------------------------------------*/
/*contactform2*/

#EnqSender, #EnqCompany, #EnqReferSite, #EnqEmailSender, #EnqSubject, #EnqProjectNature, #EnqProjectOther, #EnqBuildStatus, #EnqBuildOther, #EnqProjectTime {width:150px;}
#contactform {margin:0px 20px;}
#contactform p{font-size:1.2em; color:#000; margin:3px 10px;padding:5px;}
#contactform legend{font-size:1.4em; font-weight:bold; color:#333;}
#contactform fieldset {border:1px solid #f2f2f2;padding:5px 30px;}



/*---------------Footer------------------------------*/

#footer {
clear:both; /*Clear floats*/
text-align:center; /* aligns footer text*/
height:30px; /*footer height*/
font-size:90%; /*scales up footer font size*/
margin:10px 10px 0px 10px;
padding:0px;
border-top:1px solid #ccc;
}

#footer p {padding:3px 0px; color:#666;}
#footer a {color:#666; text-decoration:underline;}
#footer a:hover {color:#006633; text-decoration:none;}

/*---ContactDetails---*/
.contact {
margin:10px 0px;
padding:0px;
text-align:left;
}

.contact h5 { font-size:12px; font-weight:bold; margin:10px 0px 5px 5px; padding:5px 0px 0px 0px;}

.contact p {
margin:0px 0px 0px 5px;
padding:0px;
}


.contactBtm {
float:left;
margin:0px 0px 0px 30px;
padding:0px 0px 20px 0px;
text-align:left;
}

.contactBtm h5 { font-size:12px; font-weight:bold; margin:10px 0px 5px 0px; padding:5px 0px 0px 0px;}

.contactBtm p {
margin:0px 0px;
padding:0px;
}

/*---SearchBox---*/
#searchBox {
width:220px;
height:33px;
border:1px solid #ccc;
margin: 0px 0px 10px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}

#searchForm {width:218px; height:25px; padding:3px 0px; margin:0px 0px; background:#edeece url(../layoutimages/MagnifyGlass.jpg) no-repeat 0 50%; border:1px solid #fff;}

.button {border:1px solid #ccc; background-color:#e2ead2; font-size:11px;  padding:1px;}
.formsubmit {border:1px solid #ccc; background-color:#e2ead2; font-size:11px;  padding:1px;}
.input {border:1px solid #ccc; padding:2px; font-size:11px;}
.inputboxerror {border:1px solid #FF0000; padding:2px; font-size:11px;}
.textfield {border:1px solid #ccc; padding:2px; font-size:11px;}
.bodytextbolderror {font-size: 11px; font-weight: bold; color: #FF0000;}


#searchForm .input {margin-left:10px;}

/*-------------------Content Table Header -----------------------------*/


#contentListTitle {border:1px solid #ccc; margin:0; padding:0px;}
#contentListTitleInner { background:url(../layoutimages/contentTitle.jpg) repeat-x; border:1px solid #fff; padding:0px; margin:0px; text-align:left; height:28px;}
#contentListTitleButton img { margin:3px 0px; padding:0px; height:26px; border:none; float:right;}
#contentListTitleButton a img, #contentListTitleButton a:hover img { border:none; margin:0px; padding:0px;}
#contentListTitleDlist {float:right; margin:0px ; padding:0px;}
#contentListTitleDlist form {margin:3px 5px 2px 0px;}

/*---Table Info---*/
#main table { border-collapse:collapse; padding:0px; margin:10px 0px; color:#666633; width:500px; }
#main table tr td {padding:5px; margin:0px; text-align:left;}
#main table thead th {display:none;}

#main table .thumbImage {width:92px; height:92px;}
#main table .more {vertical-align:bottom; width:85px;}


/*--------------Gallery Detail---------------------*/


#propertyInfo {float:right; margin: 5px; padding:0px; width:170px; text-align:left;}


#galleryOuter {border:1px solid #ccc; width:324px; height:275px; margin:8px 0px; padding:0px;}
#galleryInner {border:1px solid #fff; height:273px; background-color:#edeece;}
#galleryInner img {border:1px solid #fff; width:300px; height:225px; margin:10px 10px 5px 10px; padding:0px;} 
#galleryInnerNumbers {margin:3px 10px;}
.galleryNumbers {float:left; margin:3px; padding:2px 4px; background-color:#FFFFFF; border:1px solid #000; }
.galleryNumbers a {text-decoration:none;}
.galleryNumbers a:hover {text-decoration:underline;}

/*---------------lots-----------------------------------*/
#LotsOuter {border:1px solid #ccc; margin:8px 0px; padding:0px;}
#LotsInner {border:1px solid #fff; background-color:#edeece; margin:0px 0px; padding:5px;}
#LotsInnerNumbers {margin:3px 10px; padding:0px 0px 20px 0px;}
.LotsNumbers {float:left; margin:3px; padding:2px 4px; background-color:#FFFFFF; border:1px solid #000; width:18px; }
.LotsNumbers a {text-decoration:none;}
.LotsNumbers a:hover {text-decoration:underline;}
#LotContainer {
width:400px;/*Width of the central area*/
margin:0px auto;/*centres container on page*/
text-align:left; /*re-aligns text*/
background-color:#FFFFFF; /*background color, can also be a repeated image*/
padding:0px;/*IE will add padding to width, adjust width to suit*/
border-left:3px solid #d1e0b5;
border-right:3px solid #d1e0b5;
}

/*---------------sidebar navigation list-----------------*/

#userCPOuter {
border:1px solid #ccc;
margin:10px 0px 0px 0px;
padding:0px;
width:220px;
}

#userCPInner {
border:1px solid #fff;
background-color:#edeece;
width:198px;
padding:10px;
}

#userCPInner dl {
margin:5px 0px;
padding:10px 0px;
}

#userCPInner dt {
text-align:left; /*Text align center*/
font-size:100%; /*Percentage scales based on size declared in #contentwrapper*/
font-weight:bold; /*this makes the font bold*/
color:#006633; 
margin:0px;
padding:5px 0px;
}

#userCPInner dd {width:190px; /*width of side bar minus margins and padding*/
font-size:90%; /*font size for links or text*/
border-bottom:1px solid #fff; /*styles separator*/
padding:0px; 
margin:0px;
text-align:left; /*aligns the page text*/
}

#userCPInner dd a {color:#006633; display:block; padding:10px 10px 10px 30px; text-decoration:none;}

#userCPInner dd a:hover { color:#000; text-decoration:underline;}

.pdf {background:url(../layoutimages/pdficon.gif) no-repeat 0 50%;}
.pdf2 {background:url(../layoutimages/pdficon2.gif) no-repeat 0 50%;}
.pdf3 {background:url(../layoutimages/pdf3.gif) no-repeat 0 50%;}
.logOut {background:url(../layoutimages/logout.gif) no-repeat 0 50%;}

.logIn {background:url(../layoutimages/login.gif) no-repeat 0 50%;}
.profile {background:url(../layoutimages/profile.gif) no-repeat 0 50%;}
.friend {background:url(../layoutimages/tellfriend.gif) no-repeat 0 50%;}

.brochure {background:url(../layoutimages/brochure.gif) no-repeat 0 50%;}

.informed {background:url(../layoutimages/informed.gif) no-repeat 0 50%;}
.informed2 {background:url(../layoutimages/informed2.gif) no-repeat 0 50%;}
.informed3 {background:url(../layoutimages/informed3.gif) no-repeat 0 50%;}

#breadcrumb { height:20px; margin:5px 3px 0px; padding:2px 0px;}

.contact a {color:#006633; text-decoration:underline;}
.contact a:hover {color:#666666;text-decoration:none;}

.contactBtm a {color:#006633; text-decoration:underline;}
.contactBtm a:hover {color:#666666;text-decoration:none;}

.clear { clear:both; margin:0px; padding:0px;}