/*prevent div from collapsing - clearing a float*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*//////////////////////////////////////////////*/
/*ok*/

.content-top {
	height:268px;
	margin-bottom: 10px;
}
.content {
	padding: 5px 20px;
	background-color:#fff;
}
.content-other {
	padding: 15px 20px;
	background: #fff url(images/content-other-bg.jpg) top left no-repeat;
}

.navwrap{
	padding-top:115px;
	float:left;
}
/*ok*/
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav {margin: 0 0 0 0px;}/*ok*/

#nav li {
	position:relative;
	float: left;
	width: 170px;
	display:block; margin: 0;   padding:0;
}
#nav li.home {width: 78px}
#nav li.about {width: 96px}
#nav li.plans {width: 175px}
#nav li.now {width: 136px}
#nav li.investing {width: 105px}
#nav li.tips {width: 124px}
#nav li.login {width: 120px}
#nav li.contact {width: 111px}


ul#nav li a, ul#nav  li a:link, ul#nav  li a:visited,  ul#nav li a:active {text-decoration:none; cursor:pointer; color:#fff; display: block; padding: 14px 10px 6px; text-align:center;}
ul#nav a:hover, ul#nav li a:hover {color:#709FE0;}

ul#nav li ul li a, ul#nav li ul li a:link, ul#nav li ul li a:visited, ul#nav li ul li a:hover, ul#nav li ul li a:active {text-decoration:none; cursor:pointer; color:#65102D; display: block; padding: 6px 10px 4px; text-align:left;}
ul#nav li ul li a:hover  {
	background-color:#C4D8F2;
}

#nav li ul {
	position: absolute;
	left: -999em;
	background-color:#F6F4F7;
	width:170px;
	font-size:90%;
	border:1px solid #ccc;
}

#nav li ul li a{
	font-weight:normal;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	z-index:99999;
}
#home ul#nav li.home a, #about ul#nav li.about a, #plans ul#nav li.plans a, #now ul#nav li.now a, #investing ul#nav li.investing a, #tips ul#nav li.tips a, #login ul#nav li.login a, #contact ul#nav li.contact a {color:#fff}

#home ul#nav li.home a {background: #000 url(images/home-on.gif) top left no-repeat;}

#about ul#nav li.about a {background: #000 url(images/about-on.gif) top left no-repeat;}
#about ul#nav li.about ul li a {background-image:none;background-color:#F6F4F7;color:#65102D;}
#about ul#nav li.about ul li a:hover {background-color:#C4D8F2;}

#plans ul#nav li.plans a {background: #000 url(images/plans-on.gif) top left no-repeat;}
#plans ul#nav li.plans ul li a {background-image:none;background-color:#F6F4F7;color:#65102D;}
#plans ul#nav li.plans ul li a:hover {background-color:#C4D8F2;}

#now ul#nav li.now a {background: #000 url(images/now-on.gif) top left no-repeat;}
#now ul#nav li.now ul li a {background-image:none;background-color:#F6F4F7;color:#65102D;}
#now ul#nav li.now ul li a:hover {background-color:#C4D8F2;}

#investing ul#nav li.investing a {background: #000 url(images/investing-on.gif) top left no-repeat;}
#investing ul#nav li.investing ul li a {background-image:none;background-color:#F6F4F7;color:#65102D;}
#investing ul#nav li.investing ul li a:hover {background-color:#C4D8F2;}

#tips ul#nav li.tips a {background: #000 url(images/tips-on.gif) top left no-repeat;}
#tips ul#nav li.tips ul li a {background-image:none;background-color:#F6F4F7;color:#65102D;}
#tips ul#nav li.tips ul li a:hover {background-color:#C4D8F2;}

#login ul#nav li.login a {background: #000 url(images/login-on.gif) top left no-repeat;}
#contact ul#nav li.contact a {background: #000 url(images/contact-on.gif) top left no-repeat;}
/*ok*/

.newsbox {
	margin-bottom:20px;
}
.newsbox h3{
	margin-top:3px;
}
.newsbox p{
	font-size:11px;
	color:#666;
}
.tourbox {
	margin-bottom:20px;
}
.tourbox p{
	font-size:11px;
	color:#666;
}
.toolsbox {
	margin-bottom:20px;
}
.toolsbox ul{
	list-style-type:none;
}
.toolsbox ul li{
	padding-left:0px;
}

.toolsbox h3{
	color:#fff;
	background-color:#C8A902;
	font-size:16px;
	padding:3px 3px 3px 20px;
}
.leftnavbox {
	margin-bottom:20px;
}
.leftnavbox p{
	font-size:11px;
	color:#666;
}
.leftnavbox h1{
	color:#000000;
	font-size:18px;
	margin-bottom:-8px;
	margin-top:8px;
}
.leftnavbox h4{
	font-size:16px;
	color:#01506D;
	border-bottom:1px solid #01506D;
	margin-bottom:4px;
}
.leftnavbox td a{
	display:block;
	padding:2px 0 2px 8px;
	background: #fff url(images/nav-arrow.gif) center left no-repeat;
}
.leftnavbox td a.report{
	margin-left:10px;
	padding:5px 0 5px 22px;
	background: #fff url(images/reports.gif) center left no-repeat;
	font-size:11px;
}
.leftnavbox ul {
	list-style:none;
	padding:0;
	margin:0;
}
.leftnavbox ul li{
	padding:0;
	margin:0;
}
.smaller {font-size:10px;}
/*ok*/

p.intro{
	color:#333;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	/*margin-bottom:-8px;*/
}
h2.h-one {
	color:#01506D;
	font-size:22px;
	clear:both;
	border:none;
}
/*ok*/

.houseimages {margin:10px 0;}
.houseimages .large {float:left;}
.houseimages .thumbs {float:right;padding-right:80px;}
.houseimages .thumbs img{display:block;padding-bottom:7px;}

ul {
	margin-top:16px;
	margin-bottom:16px;
	font-size:12px;
	line-height:1.5;
}
ul li {
	padding-left:15px;
	margin-left:20px;
}
ol {
	margin-top:16px;
	font-size:12px;
	line-height:1.5;
}
ol li {
	padding-left:15px;
	margin-bottom:10px;
	margin-left:20px;
}

ul.displaylist {
	margin-top:-5px;
}

.floatright {
	float:right;
	padding-left:10px;
}

/*contact page*/
table#contact {
margin-top:20px;
width:620px;
}
table#contact td {
color:#333333;
font-size:12px;
padding:8px;
vertical-align:top;
}
table#contact td p{
margin-top:0;
}
table#contact th {
font-weight:bold;
padding:8px;
text-align:left;
vertical-align:top;
}
.rollover a {
   background: url("images/map.gif") 0 0 no-repeat;
   width:275px;
   height:360px;
   display:block;
   }
.rollover a:hover {
   background-position: -275px 0;
   }
.rollover a:active {
   background-position: -550px 0;
   }
.rollover p {
   font-size:10px;
   font-style:italic;
   }

/*footer specific*/
.footerleft {
	float:left;
}
.footerleft p{
	color: #fff;
	padding:0 10px 5px 0;
	font-size:11px;
	font-family:  Verdana, Arial, sans-serif;
}
.footerright {
	float:right;
}
.footerright p{
	color: #fff;
	padding:0 0 5px 10px;
	font-size:11px;
	font-family:  Verdana, Arial, sans-serif;
}
.footerright a:link, .footerright a:visited, .footerright a:hover, .footerleft a:link, .footerleft a:visited, .footerleft a:hover {
	color:#999999;
	font-size:11px;
	text-decoration:none;
}
/*ok*/

p.instruct {
	font-size:12px;
	font-style:italic;
}
ul.inline-links {list-style-type: none; margin-bottom:35px;}
ul.inline-links li{
	display:inline;
	padding-left:10px;
}
a.download {
	background-image:url(images/pdf.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:35px;
}
a.google {
	background-image:url(images/google-map.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
}
a.enquire {
	background-image:url(images/email.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:40px;
	margin-top:0;
}
table.spec {
	margin-top:8px;
	margin-bottom:8px;
	width:590px;
}
table.spec td{
	padding:3px 0;
}
table.spec td.name{
	width:490px;
}
table.spec td.price{
	width:100px;
}
/*ok*/
span.phone{padding-right:20px;}
span.mob{padding-right:20px;}
ul.inline {list-style-type: none;}
ul.inline li{
	display:inline;
	background-image:url(images/bullet.gif);
	background-position:0pt 6px;
	background-repeat:no-repeat;
	padding-left:10px;
}
p.invest {
	background-image:url(images/invest-bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:10px;
}
.project-date {
	font-size:11px;
	color: #666666;
	font-style:italic;
	text-align:right;
}
ul.gallery {
list-style-type:none;
padding-left:0;
}
ul.gallery li {
float:left;
font-size:1em;
list-style-image:none;
margin-bottom:15px;
margin-right:30px;
margin-left:10px;
padding-left:0;
font-style:italic;
font-size:10px;
color:#666;
}
ul.gallery img {
display:block;
border:1px dotted #999;
padding: 2px;
height:136px;/*fix bug*/
}
ul.gallery li.last {
margin-right:0;
}

div.caption {
font-size:11px;
font-style:italic;
width:112px;
}
ul.download {
list-style-type:none;
}
ul.download li.pdf  {
background-image:url(images/pdf.gif);
}
ul.download li.xls  {
background-image:url(images/xls.gif);
}
ul.download li.doc  {
background-image:url(images/doc.gif);
}
ul.download li.txt  {
background-image:url(images/txt.gif);
}
ul.download li.unknown  {
background-image:url(images/unknown.gif);
}
ul.download li  {
background-position:left center;
background-repeat:no-repeat;
padding-top:10px;
padding-bottom:10px;
padding-left:35px;
float:left;
}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

ul.inline-nav {
height:2em;
margin:10px 0 20px;
width:608px;
padding-bottom:1px;
}
ul.inline-nav li {
list-style-type:none;
display:inline;
float:left;
margin:0 10px 7px 0;
white-space:nowrap;

padding-top:1px;
}
ul.inline-nav li a{
display:inline;
border:0 none;
text-decoration:none;
color:#333333;
}
ul.inline-nav li a:link, ul.inline-nav li a:visited{
background:transparent url(images/link-arrow.gif) no-repeat scroll right center;
padding:4px 21px 4px 0;

}
ul.inline-nav li a:hover {
background-color:#F6E5ED;
}