/* Visiontech Digital Media */
/* Author - Asanka Dewage */
* {
	margin:0;
	padding:0;
}
html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#000;
	color:#eee;
	height:100%;
}

h1, h2, h3, h4, h5, p, form {
	margin:10px 0;
}

h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}

ul {
	margin: 0;
}

a {
	color:#fff;
	text-decoration:underline;
	outline:none;
}
p {
	font-size:11px;
}

a:hover {
	color:#efefef;
}
a img {
	border:none;
}
td {
	font-size:11px;
}

#wrapper {
	width:868px;
	padding:0 16px;
	height:600px;
	margin:0 auto;
	/*
	margin:-300px 0 0 -434px;
	position:absolute;
	top:48%;
	left:50%;
	*/
}
#header {
	height:80px;
	background:#000 url(img/header-logo.jpg) no-repeat;
	overflow:hidden;
}
#header h1 {
	margin:0;
}
#header h1 a {
	display:block;
	text-indent:-9999px;
	height:80px;
	width:250px;
}


#main-body-content {
	background:#000;
	font-size:12px;
}

#fixed-content {
	border:1px solid #666;
	height:365px;
	width:866px;
	overflow:hidden;
}

.right-col-box {
	width:240px;
	float:right;
	background:url(img/right-back.jpg) repeat-x;
	height:365px;
	border-left:1px solid #666;
}


/* --- home page --- */
.home-gallery {
	position:relative;
	width:866px;
	height:365px;
	overflow:hidden;
}
.home-gallery img {
	/*position:absolute;
	top:0;
	left:0;*/
}
.home-container {
	
}
.home-container .caption {
	position:absolute;
	background:#000;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	opacity:0.8;
	width:200px;
	height:12px;
	bottom:-1px;
	right:-1px;
	padding:20px;
	z-index:89;
	color:#fff;
}

/* --- search page --- */
#g-map-container {
	width:625px;
	height:365px;
	overflow:hidden;
	position:relative;
	float:left;
}
#g-map {
	/*width:625px;
	height:365px;*/
	position:absolute;
	top:0;
	left:0;
}

.search-title {
	margin:0 0 10px 0;
	background:url(img/search-top.jpg) no-repeat;
	height:48px;
	text-indent:-9999px;
}

.prop-alert {
	margin:0 0 10px 0;
	background:url(img/prop-alert.jpg) no-repeat;
	height:48px;
	text-indent:-9999px;
}

.search-fields-table {
	width:200px;
	margin:20px auto 0 auto;
}
.search-fields-table td {
	padding:8px 0;
	text-align:center;
}
.search-fields-table td.long-select select {
	background:#444;
	border:1px solid #666;
	color:#ccc;
	width:180px;
}
.search-fields-table td.short-select select {
	background:#444;
	border:1px solid #666;
	color:#ccc;
	width:80px;
}
.search-fields-table td .check-box {
	vertical-align:middle;
}

/* --- property detail page --- */
.property-details {
	width:215px;
	padding:15px 10px 5px 15px;
	height:345px;
	overflow:hidden;
}
.property-details .address {
	font-size:14px;
	margin-top:0;
	overflow:hidden;
	height:35px;
}
.property-details .price {
	margin-top:8px;
	margin-bottom:8px;
	height:15px;
}
.property-details .price span {
	font-weight:normal;
	font-size:11px;
}
.property-details .icon-set {
	list-style:none;
	overflow:hidden;
}
.property-details .icon-set li {
	float:left;
	width:14px;
	text-align:center;
	margin-left:6px;
}
.property-details .icon-set .bed-bath {
	width:16px;
	margin-left:2px;
}
.property-details .icon-set .first {
	margin-left:0;
}
.property-details .icon-set .separate {
	margin-right:14px;
}
.property-details .icon-set .value {
	width:10px;
}
.property-details .icon-set .value span {
	display:block;
	padding-top:3px;
}

.property-details .prop-detail-tab-container {
	height:222px;
	overflow:hidden;
	position:relative;
}
.property-details .prop-detail-tab-container .prop-text-description,
.property-details .prop-detail-tab-container .prop-open-times,
.property-details .prop-detail-tab-container .prop-agents {
	position:absolute;
	top:0;
	left:0;
	width:215px;
	font-size:11px;
	text-align:justify;
	height:210px;
}
.property-details .prop-detail-tab-container .prop-text-description .title {
	text-align:left;
}
/* for the scroll bar */
.property-details .prop-detail-tab-container .scroll-wrap {
	height:220px;
}
.property-details .prop-detail-tab-container .prop-open-times,
.property-details .prop-detail-tab-container .prop-agents {
	left:222px;
}
.property-details .prop-detail-tab-container .prop-open-times .go-back,
.property-details .prop-detail-tab-container .prop-agents .go-back {
	color:#999999;
	display:block;
	float:right;
	margin-top:10px;
	text-decoration:none;
}
.property-details .prop-detail-tab-container .prop-open-times .go-back:hover,
.property-details .prop-detail-tab-container .prop-agents .go-back:hover {
	color:#999999;
	display:block;
	float:right;
	margin-top:10px;
	text-decoration:none;
	padding-right:2px;
}


.scroll-wrap .open-times-table td, .scroll-wrap .agent-details-table td {
	padding:4px 5px;
	border-bottom:1px solid #555;
}
/*.scroll-wrap .agent-details-table td {
	padding:2px 4px;
}*/
.scroll-wrap .open-times-table td.left-col, .scroll-wrap .agent-details-table td.left-col {
	border-right:1px solid #666;
}

.scroll-wrap .agent-details-table td.agent-name {
	font-size:12px;
	padding-bottom:5px;
	font-weight:bold;
}

.scroll-wrap .agent-details-table td a {
	text-decoration:none;
}



.property-details .prop-detail-tab-container .prop-agents .agent-img {
	width:196px;
	border:1px solid #999;
}

#prop-navigation a img {
	vertical-align:top;
}

#prop-navigation {
	padding-top:4px;
	font-size:12px;
	text-align:right;
	color:#999;
}

#prop-navigation a {
	text-decoration:none;
	color:#999;
}

/** -- prop detail images and map -- **/

#img-map-container {
	width:625px;
	height:365px;
	position:relative;
	overflow:hidden;
}
#g-map-property {
	position:absolute;
	width:625px;
	height:365px;
	left:-625px;
	top:0;
}
#img-map-container .prop-image-set {
	position:absolute;
	top:0;
	left:0;
	width:625px;
	height:365px;
	overflow:hidden;
}
#img-map-container .prop-image-set img {
	width:625px;
	position:absolute;
	top:-52px;
	left:0;
	display:none;
}
#img-map-container .prop-image-set img.first {
	display:block;
}
#img-map-container .prop-img-nav {
	position:absolute;
	bottom:0;
	right:0;
}
#img-map-container .prop-img-nav ul {
	list-style:none;
	overflow:hidden;
	width:625px;
	height:20px;
	/*background:#333;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	opacity:0.7;*/
	padding-top:4px;
}
#img-map-container .prop-img-nav ul li {
	float:right;
	margin-right:8px;
	position:relative;
	width:16px;
	height:20px;
	font-size:12px;
}
#img-map-container .prop-img-nav ul li a {
	text-decoration:none;
	cursor:pointer !important;
}
#img-map-container .prop-img-nav ul li span {
	position:absolute;
	top:0;
	left:0;
	color:#fff;
}
#img-map-container .prop-img-nav ul li span.shadow {
	position:absolute;
	top:2px;
	left:2px;
	color:#000;
}

#img-map-container .map-close-button {
	position:absolute;
	top:35px;
	right:8px;
	width:65px;
	height:16px;
	overflow:hidden;
	display:none;
	border:1px solid #666;
	background:#fff;
}
#img-map-container .map-close-button a {
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color:#333333;
	display:block;
	font-size:12px;
	height:14px;
	padding-top:1px;
	text-align:center;
	text-decoration:none;
}

/* --- property details end --- */


/* --- about --- */
#img-map-container {
	color:#888;
	font-size:11px;
	float:left;
}
#img-map-container .text-nav-head {
	list-style:none;
	margin:40px 0;
	overflow:hidden;
}
#img-map-container .text-nav-head li {
	float:left;
	margin:0 10px 0 20px;
}
#img-map-container .text-nav-head li a {
	text-decoration:none;
	font-size:14px;
	color:#444;
}
#img-map-container .text-nav-head li a:hover, #img-map-container .text-nav-head li a.selected {
	color:#999;
}
#img-map-container .article-text-pos {
	position:absolute;
	width:585px;
	height:240px;
	left:0;
	top:85px;
	display:none;
	padding:20px;
	overflow:hidden;
}
#img-map-container .article-text-pos .article-scroll-wrap {
	height:240px;
}
.about-details {
	position:relative;
}
.about-details img {
	position:absolute;
	top:0;
	left:0;
}

/* --- end about --- */


/* --- agents --- */

.agent-right-col {
	color:#888;
	font-size:11px;
}
.right-col-box .agent-details-container {
	height:270px;
	overflow:auto;
}
.right-col-box .agent-details-container .contact-details {
	margin:5px 0;
	overflow:hidden;
	zoom:1;
}
.right-col-box .agent-details-container .contact-details span {
	display:block;
	float:left;
	width:13px;
}
.right-col-box .agent-details-container .agent-text-desc {
	text-align:justify;
}
.agent-right-col {
	position:relative;
	height:345px;
	overflow:hidden;
	padding:15px 10px 5px 15px;
	width:215px;
}
.agent-right-col .agent-navigation {
	position:absolute;
	bottom:8px;
	right:10px;
	overflow:hidden;
	text-align:right;
	height:14px;
	width:220px;
}
.agent-right-col .agent-navigation a {
	color:#999;
	text-decoration:none;
	font-size:12px;
}
.agent-details-wrap {
	/*padding:15px;*/
}
.agent-details-wrap .agent-name {
	margin:0;
	color:#999;
}
.agent-details-wrap .agent-name span {
	font-weight:normal;
	font-size:12px;
}
.agent-details-wrap .agent-title {
	font-weight:normal;
	font-style:italic;
	margin-top:5px;
}
.agent-contacts td {
	padding:4px;
	border-bottom:1px solid #555;
}
.agent-contacts td.left-col {
	border-right:1px solid #666;
	padding-left:0;
	width:60px;
}
#img-map-container .agent-images {
	position:relative;
	height:365px;
	height:625px;
	overflow:hidden;
}
#img-map-container .agent-images img {
	position:absolute;
	top:0;
	left:0;
}

/* --- end agents --- */

#main-nav {
	overflow:hidden;
	height:78px;
	background:url(img/nav_back.jpg) no-repeat;
	padding-top:42px
}
#main-nav ul {
	list-style:none;
	margin:0px;
}
#main-nav ul li {
	float:left;
}
#main-nav ul li a {
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	height:34px;
	text-align:center;
	overflow:hidden;
	background:url(img/main_nav_newest.jpg) no-repeat;
}

#main-nav ul li a.home {
	width:115px;
	background-position:0px 0px;
}
#main-nav ul li a.home:hover {
	background-position:0px -34px;
}
#main-nav ul li a.buying {
	width:140px;
	background-position:-115px 0px;
}
#main-nav ul li a.buying:hover {
	background-position:-115px -34px;
}
#main-nav ul li a.selling {
	width:120px;
	background-position:-255px 0px;
}
#main-nav ul li a.selling:hover {
	background-position:-255px -34px;
}
#main-nav ul li a.sold {
	width:120px;
	background-position:-375px 0px;
}
#main-nav ul li a.sold:hover {
	background-position:-375px -34px;
}
#main-nav ul li a.profile {
	width:120px;
	background-position:-495px 0px;
}
#main-nav ul li a.profile:hover {
	background-position:-495px -34px;
}
#main-nav ul li a.about {
	width:125px;
	background-position:-615px 0px;
}
#main-nav ul li a.about:hover {
	background-position:-615px -34px;
}
#main-nav ul li a.contact {
	width:128px;
	background-position:-740px 0px;
}
#main-nav ul li a.contact:hover {
	background-position:-740px -34px;
}


.footer-copyright {
	color:#666;
	text-align:center;
	padding-bottom:15px;
}

.img-map-about {
	color:#888;
	font-size:11px;
}
#img-map-container .text-nav-head {
	list-style:none;
	margin:30px 0 0 0;
	padding-left:18px;
	overflow:hidden;
}
#img-map-container .text-nav-head li {
	float:left;
	margin:0 10px 0 20px;
}
#img-map-container .text-nav-head li a {
	text-decoration:none;
	font-size:14px;
	color:#444;
}
#img-map-container .text-nav-head li a:hover, #img-map-container .text-nav-head li a.selected {
	color:#CDCDCD;
}
#img-map-container .article-text-pos {
	position:absolute;
	width:549px;
	height:222px;
	left:0;
	top:85px;
	display:none;
	padding:20px 38px 38px 38px;
	overflow:hidden;
	text-align:justify;
}
#img-map-container .article-text-pos .article-scroll-wrap {
	height:240px;
}
.about-details {
	position:relative;
}
.about-details img {
	position:absolute;
	top:0;
	left:0;
}



#img-map-container .contact-page-text {
	padding:20px 38px;
	overflow:hidden;
	height:325px;
	overflow:hidden;
}
#img-map-container .contact-page-text .office-address {
	float:left;
}
#img-map-container .contact-page-text .office-address .office-detail {
	margin-bottom:30px;
}
#img-map-container .contact-page-text .office-address .office-detail .contact-detail {
	margin:2px 0;
	overflow:hidden;
	zoom:1;
}
#img-map-container .contact-page-text .office-address .office-detail .contact-detail span {
	width:12px;
	display:block;
	float:left;
}
#contact-form {
	float:right;
}
#contact-form table td {
	padding:4px 4px 6px 4px;
}
#contact-form table td.error {
	color:maroon;
}
#contact-form table td.error p {
	color:red;
}
#contact-form table td.left-col {
	width:90px;
}
#contact-form table td .textbox {
	background:#444;
	width:210px;
	color:#ccc;
	padding:2px;
	border:1px solid #666;
}
#contact-form table td select.textbox {
	width:215px;
}
#contact-form table td .textarea {
	width:210px;
	height:100px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}
.contact-page-text .office-address {
	width:230px;
}
.contact-form-scroll {
	height:300px;
	overflow:hidden;
}
h2.page-title {
	color:#cdcdcd;
}

.right-col-box .prop-agents .agent-details-container {
	height:auto;
}

.open-for-inspection {
	padding:20px 38px;
}

.error {
	color: #c00;
}
.success {
	color: #6c3;
}
.ofi-scroll-wrap {
	height:290px;
	overflow:auto;
}

#property-alert-form .search-fields-table {
	width:530px;
	margin-top:0;
}
#property-alert-form .search-fields-table td {
	text-align:left;
	padding:10px 6px 8px 0;
}
#property-alert-form .search-fields-table td.pad-left {
	padding-left:45px;
}
#property-alert-form .search-fields-table td.no-pad-right {
	padding-right:0px;
	text-align:right;
}
#property-alert-form .search-fields-table td.no-pad-bottom {
	padding-bottom:0px;
}
#property-alert-form .search-fields-table .textbox {
	background: #444444 none repeat scroll 0 0;
	border: 1px solid #666666;
	color: #CCCCCC;
	padding: 2px;
	width: 150px;
}
#property-alert-form .search-fields-table select {
	width:155px;
	background:#444;
	border:1px solid #666;
	color:#ccc;
}
#property-alert-form .search-fields-table td.align-right {
	text-align:right;
}
.site-created-by {
	display:none;
}