/*--------------------------------------------------------------
Reset CSS
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   
   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.
   
   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size).

	 percentage / 8.3333333 = font size in px
*/
   
body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */
/*--------------------------------------------------------------
Page Setup 
--------------------------------------------------------------*/
body {
	background: #0b1119 url(/img/bg.png) repeat-x;
	color: #3a3a3a;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	}
/*--------------------------------------------------------------
 Main Link Styles 
--------------------------------------------------------------*/
a { font-weight: bold; text-decoration: none; color: #00a3ff; }
a:hover { text-decoration:underline; }
a img { border: 1px solid #3a3a3a; }
a:hover img { border: 1px solid #007dc4; }
/*--------------------------------------------------------------
 Text formatting styles 
--------------------------------------------------------------*/
p { margin: 0 0 1em 0; text-align:left; color: #3a3a3a; line-height: 1.5; }
p.red { color: #f00; }
#enquiry p { clear: left; }
ul, ol { margin: 0 0 1.5em 0; line-height: 1.8; }
#subpage ul li { padding-left: 25px; background: url(/img/bullet.gif) no-repeat 5px 9px; }
#right .left p, #right .right p { font-size: 90%; }
/*--------------------------------------------------------------
 Heading Styles 
--------------------------------------------------------------*/
h1 { font-size: 10px; color: #fff; position: absolute; top: 0; right: 0; line-height: 30px; font-weight: normal; }
#content h1 { font-size: 1.4em; color: #007dc4; position: static; line-height: normal; font-weight: bold; }
h2 { font-size: 1.33em; color: #007dc4; text-transform: uppercase; margin-bottom: 0.5em; }
#enquiry h2 { color: #4a932d; margin-bottom: 0.2em; }
.intro h2 { text-transform: none; margin: 0; }
h3 { font-size: 1em; color: #00a3ff; font-weight: bold; line-height: 1.6;}
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }
/*--------------------------------------------------------------
 Table Styles 
--------------------------------------------------------------*/
table   { margin-bottom: 1.4em; border-top:0.1em solid #ddd; border-left:0.1em solid #ddd; }
th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; }
th      { font-weight:bold; }
/*--------------------------------------------------------------
 Layout element styles 
--------------------------------------------------------------*/
#container {
	margin:0 auto;
	padding-top: 30px;
	width:832px;
	text-align:left;
	position: relative;
	}
#content {
	border: 1px solid #162e4f;
	background: #fff;
	padding: 5px;
}
#left {
	float:left;
	width:380px;
	padding: 0 0 0 19px;
	margin-top: 20px;
	border-right: 2px solid #f0f0f0;
	}
#right {
	float:left;
	width:419px;
	margin-top: 20px;
	}
#right .left,
#right .right {
	float:left;
	width:170px;
	padding: 0 19px 19px;
	border-bottom: 2px solid #f0f0f0;
	}
#right .left {
	border-right: 2px solid #f0f0f0;
}
#footer {
	background: #fff;
	border: 1px solid #162e4f;
	margin-top: 15px;
	line-height: 37px;
	padding: 0 15px;
	}
/*--------------------------------------------------------------
 Header styles 
-------------------------------------------------------------*/
#header > a {
	display: block;
	width: 221px;
	margin-right: 5px;
	float: left;
}
#logo {
	display: block;
	width: 221px;
}
#feature {
	float: left;
	width: 594px;
	height: 228px;
	background: url(/img/feature.png) no-repeat;
}
#header a img, #header a:hover img { border: 0; }
/*--------------------------------------------------------------
 Top Nav styles 
--------------------------------------------------------------*/
ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 100%;
	}
#nav li {
	float: left;
	padding: 0;
	}
#nav li a {
	display: block;
	height: 36px;
	text-indent: -9999px;
	}
#nav li a:hover {
	background-position: 0 -36px;
	}
#header #nav li a.current {
	background-position: 0 -72px;
	}
#home a {
	width: 98px;
	background: url(/img/nav/home.png) no-repeat;
	}
#company a {
	width: 128px;
	background: url(/img/nav/company.png) no-repeat;
	}
#properties a {
	width: 144px;
	background: url(/img/nav/properties.png) no-repeat;
	}
#furnishings a {
	width: 154px;
	background: url(/img/nav/furnishings.png) no-repeat;
	}
#list-with-us a {
	width: 150px;
	background: url(/img/nav/list-with-us.png) no-repeat;
	}
#contact-us a {
	width: 146px;
	background: url(/img/nav/contact-us.png) no-repeat;
	}
/*--------------------------------------------------------------
 Sub Nav styles 
--------------------------------------------------------------*/
ul#subnav {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#subnav li {
	border-bottom: 1px dashed #ccc;
	}
#subnav li a {
	display: block;
	width: 220px;
	padding: 8px 10px;
	}
#subnav li a:hover {
	background-position: 0 -30px;
	}
#left #subnav li a.current {
	background-position: 0 -60px;
	}
/*--------------------------------------------------------------
  Intro styles 
--------------------------------------------------------------*/
.intro div {
	background: #ebf3f6;
	padding: 15px 20px;
	margin-bottom: 2px;
}
.intro p {
	margin: 0;
}
.intro ul {
	margin: 0;
	line-height: 1;
}
.intro li:first-child {
	margin-top: 0;
}
.intro li {
	background: url(/img/bullet.gif) no-repeat 0 50%;
	padding: 0 0 0 29px;
	margin-top: 8px;
	font-size: 140%;
}
/*--------------------------------------------------------------
 Right col home styles 
--------------------------------------------------------------*/
#right img {
	margin-bottom: 0.5em;
	}
a.more {
	display: block;
	width: 170px;
	height: 27px;
	background: url(/img/more-button.png) no-repeat;
	color: #fff;
	line-height: 27px;
	text-indent: 50px;
	font-size: 11px;
}
#content a.more:hover {
	background-position: 0 -27px;
	text-decoration: none;
}
#enquiry {
	height: 143px;
	
	background: url(/img/enquiry-bg.jpg) no-repeat;
	margin: 19px 0 0 19px;
	padding: 19px 190px 19px 19px;
	position: relative;
}
#envelope {
	position: absolute;
	top: 35px;
	right: 35px;
}
#enquiry a {
	color: #3a3a3a;
	font-weight: normal;
	text-decoration: underline;
}
#enquiry a:hover {
	text-decoration: none;
}
a.enquire {
	display: block;
	width: 170px;
	height: 47px;
	background: url(/img/enquire-button.png) no-repeat;
}
a.enquire:hover {
	background-position: 0 -47px;
}
a.enquire span {
	display: none;
}
/*--------------------------------------------------------------
 Properties styles 
--------------------------------------------------------------*/
.prop {
	margin-bottom: 20px;
}
.prop .image {
	float: left;
	margin-right: 21px;
}
.prop h3 {
	padding-right: 20px;
}
.prop p {
	font-size: 75%;
	margin: 0;
	line-height: 1.6;
	padding-right: 20px;
}
ul.summ {
	margin: 1em 0 0 0;
	line-height: normal;
}
ul.summ li {
	background: #b3b3b3;
	padding: 4px 3px;
	float: left;
	margin-right: 1px;
	color: #fff;
	font-size: 90%;
}
.summ li.icon { padding-left: 21px; }
.summ li.bed { background: #b3b3b3 url(/img/icon-bed.png) no-repeat 5px 7px; }
.summ li.bath { background: #b3b3b3 url(/img/icon-bath.png) no-repeat 5px 5px; }
.summ li.car { background: #b3b3b3 url(/img/icon-car.png) no-repeat 5px 4px; }
/*--------------------------------------------------------------
 Large Properties styles 
--------------------------------------------------------------*/
#main > .prop {
	padding: 15px 25px;
	margin: 0;
}
#main > .prop h3 span {
	color: #000;
	font-size: 90%;
}
#main > .prop p {
	font-size: 90%;
}
#main > .prop h3 span a {
	color: #000;
}
/*--------------------------------------------------------------
 Property Detail styles 
--------------------------------------------------------------*/
.head {
	border-bottom: 2px solid #f0f0f0;
	width: 780px;
	float: left;
	padding: 10px 0 5px 0;
	margin: 0 20px;
	display: inline;
	}
.head h1 {
	float: left;
	width: 540px;
}
.head a {
	float: right;
	margin-top: 7px;
	font-weight: normal;
	line-height: normal;
	font-size: 90%;
}
.prop-left {
	float: left;
	width: 500px;
	border-right: 2px solid #f0f0f0;
	padding: 15px 20px;
}
.prop-right {
	float: left;
	width: 258px;
	padding: 15px 0 15px 20px;
}
.prop-left img {
	border: 1px solid #3a3a3a;
}
.prop-left .summ {
	margin-bottom: 1em;
	float: left;
}
.prop-left p {
	clear: both;
	font-size: 90%;
	line-height: 1.6;
}
.prop-right .more {
	width: 240px;
	margin-bottom: 11px;
	text-indent: -9999px;
}
a.more.orange {
	background: url(/img/button-orange.png) no-repeat;
}
a.more.blue {
	background: url(/img/button-blue.png) no-repeat;
}
.thumbs a {
	margin: 0 6px 6px 0;
	display: block;
	float: left;
	width: 76px;
}
.thumbs a.current img {
	border: 1px solid #007DC4;
}
/*--------------------------------------------------------------
 List With Us styles 
-------------------------------------------------------------*/
#subpage {
	padding: 15px 20px;
}
#subpage h1 {
	border-bottom: 2px solid #ddd;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}
/*--------------------------------------------------------------
 Footer specific styles 
--------------------------------------------------------------*/
#footer p {
	float: left;
	color: #4c4c4c;
	font-size: 80%;
	margin: 0;
	line-height: 37px;
	}
#footer ul {
	float: right;
	margin: 0;
	line-height: 37px;
	}
#footer ul li {
	float: left;
	}
#footer ul li.last {
	background: url(/img/footer-div.png) no-repeat 0 15px;
	margin-left: 10px;
	padding-left: 11px;
	}
#footer ul li a {
	color: #4c4c4c;
	font-size: 80%;
	font-weight: normal;
	}
/*--------------------------------------------------------------
 Form styles 
--------------------------------------------------------------*/
.std-form fieldset {
	margin-bottom: 1em;
	width: 218px;
}
.std-form fieldset.block {
	float: none;
	width: auto;
	clear:both;
}
.std-form label {
	display: block;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.std-form .input_text {
	border: 1px solid #7f9db9;
	background: #fff;
	padding: 5px 8px;
	width: 200px;
}
.std-form > fieldset {
	border: 1px solid #ccc;
	padding: 10px 20px 20px;
	margin-bottom: 20px;
	width: auto;
}
.std-form h3 {
	margin-bottom: 1em;
	color: #007DC4;
}
.std-form fieldset fieldset {
	float: left;
	margin-right: 115px;
}
.std-form fieldset fieldset {
	float: left;
	margin-right: 115px;
}
.std-form fieldset.date input {
	width: 170px;
	float: left;
}
.std-form .date img {
	cursor:pointer;
	margin:2px 0 0 6px;
}
.std-form #enq {
	width: 533px;
}
input.more {
	display: block;
	width: 170px;
	height: 27px;
	background: url(/img/more-button.png) no-repeat;
	color: #fff;
	line-height: 27px;
	text-indent: 50px;
	font-size: 11px;
	font-weight: bold;
	border: 0;
	padding: 0;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	cursor: pointer;
}
input.more:hover {
	background-position: 0 -27px;
}
/*--------------------------------------------------------------
 Alaress 
--------------------------------------------------------------*/
h5#alaress {
	margin: 0;
	padding: 0;
	float: right;
	margin: 8px 0 0 21px;
}
#alaress a {
	display: block;
	width: 21px;
	height: 21px;
	background: url(/img/alaress-web-design.png) no-repeat;
	overflow: hidden;
}
#alaress a:hover {
	background-position: 0 -21px;
}
#alaress strong a {
	text-indent: -9999px;
}

/*--------------------------------------------------------------
 Miscellaneous styles 
--------------------------------------------------------------*/
.center {text-align:center;}
.float-right {float:right; width: 45%;}
.float-left {float:left; width: 45%;}
.float-fix {display: block; overflow:hidden;clear:both;height:0;font-size:0;}
/*--------------------------------------------------------------
 sIFR Replacements
--------------------------------------------------------------*/
.sIFR-active #content h1 {
	visibility:hidden;
	font-family:Verdana;
	font-size: 17px;
	}
.sIFR-active h2 {
	visibility:hidden;
	font-family:Verdana;
	font-size: 16px;
	}