/* Global css */

body{
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:12px;	
}

img {
	border:none;
}

ul{
	list-style:none;
	margin:0;
	padding:0;
}

.clr{
	clear:both;

}

.left{
	float:left;
	text-align:left;
}

.page-width{
	margin:0 auto;
}

.page-margin{	
	text-align:center;
}

.page{
	margin:0 auto;

}

.header{
	width:870px;
	margin:0 auto;
	text-align:left;
}

.main{
	width:870px;
	margin:0 auto;
	text-align:left;
}

.footer {
	margin:0 auto;
	text-align:center;
}

.align-left{
	text-align:left !important;
}

.footer-width{
	width:870px;	
	margin:0 auto;
	text-align:left !important;
}

.fproperty-width{
	width:870px;	
	text-align:left !important;
}


a {
	text-decoration:none;
	color:#707900;
	font-size:12px;
}

a:hover {
	text-decoration:none;
	color:#707900;
	font-size:12px;
	text-decoration:underline;
}

.property-width {
	width:100% !important;
}

/* Set page background *.

/* Layout determind*/
/* predefined width */
.w1{width:120px;}
.w2{width:190px;}
.w3{width:285px;}
.w4{width:370px;}
.w5{width:465px;}
.w6{width:550px;}
.w7{width:645px;}
.w8{width:740px;}
.w9{width:835px;}
.w10{width:930px;}

/* custom width */
.wc1{
	width:230px;
}

.wc2{
	width:200px;
}

.wc3{
	width:380px;
}



/* Set margin */
.m15 {margin-left:15px;}

/* Header properties */

.logo {
	height:127px;
}

.nav {
	margin-bottom:0px;
}

/* Navigation css */
.nav ul{
	padding-left:30px;
}

.nav li {
	display:inline;
	float:left;	
	height:27px;
	line-height:27px;
	padding:0 0px 0 0px;
	margin-left:-10px;
}

.nav li.current {
	display:inline;
	float:left;	
	height:25px;
	line-height:25px;
	padding:0 0px 0 0px;
	margin-left:-10px;
	position:relative;
	z-index:10;
}
/*
.nav li.curent .navitem-ar{
	background: url("images/navitem-ar.gif") top left  no-repeat;
	width:20px;
	height:27px;
	line-height:26px;
}

.nav li.curent .navitem-al{
	background: url("images/navitem-al.jpg") top left  no-repeat;
	width:5px;
	height:27px;
}
*/

.current .navcontent {
	background-color:#709a00;	
	margin-top:1px;
	height:25px;
	line-height:25px;	
}

.nav li.current a{
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	text-decoration:none;
	padding:0 10px 0 10px;
	color:white;
}


.nav a{
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	text-decoration:none;
	padding:0 10px 0 10px;
	color:black;
}

.nav a:hover{
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	text-decoration:none;
}

.navitem-l{
	background: url("images/navitem-inal.jpg") top left  no-repeat;
	width:6px;
	height:27px;
}

.current .navitem-l{
	background: url("images/navitem-al.jpg") top left  no-repeat !important;
	width:6px;
	height:27px;
}

.navitem-r{	
	background: url("images/navitem-inar.jpg") top left  no-repeat !important;
	width:20px;
	height:27px;
}

.current .navitem-r{
	background: url("images/navitem-ar.gif") top left  no-repeat !important;
	width:20px;
	height:27px;
}

.navcontent {
	background-color:#d7d7d7;
	margin-top:1px;
	height:25px;
	line-height:25px;
}

/* Language css */
.language {
	margin-top:10px;
	font-size:12px;
}

/* Searh Properties */

.search-properties .title {
	background-color:#808080;
	color:white;
	padding:15px 10px 15px 10px;
	line-height:20px;
	margin-left:2px;
}

.search-properties .title span.large{
	font-size:18px;
}

.search-properties .title span.small{
	font-size:12px;
}

.search-properties{
	background: url("images/startland-03.jpg") repeat-y;
	line-height:25px;
	padding:0 20px 0 20px;
	width:220px;	
}

.search-properties input,.search-properties select {
	width:180px;
	margin-bottom:5px;
	font-size:12px;
}

.search-properties .content{
	background: url("images/search-probg.jpg") repeat-x;
	padding:10px;
	margin-left:2px;
}

.search-properties a.adsearch{
	background: url("images/bullet1.jpg") 0px 3px no-repeat;
	padding-left:20px;
	text-decoration:none;
	color:black;
	font-size:12px;
}

.search-properties a.adseach:hover{
	background: url("images/bullet1.jpg") 0px 3px no-repeat;
	padding-left:20px;
	text-decoration:none;
	color:#709a00;
}

.slideshow-section
{	
	height:377px;	
}

.slideshow{
	height:250px;
	padding-top:20px;
}

/* Index main */

.indexbg{
	background: url("images/body-bg.jpg") repeat-x;
}

.aboutus-col{
	font-size:12px;
	padding-left:20px;
	padding-right:20px;
}

.aboutus-col .title{
	height:35px;
	line-height:35px;
	padding-bottom:20px;
	text-transform:uppercase;
}

.fDevelop
{
	padding: 0 0  0 30px;
	border-left:1px solid #ccc;
	
}

.fDevelop .title{
	height:35px;
	line-height:35px;
	padding-bottom:20px;
	text-transform:uppercase;
}

.fDevelop .content{
	padding: 0px 0 10px 0;
}

.fdBlock {
	margin-bottom:20px;
}

.fdBlock img{
	float:left;
	padding-right:20px;
}

.fdBlock span.title
{	
	color:#709a00;
	font-size:18px;
}

.fdBlock span.fdAddress
{	
	color:#ccc;
	font-size:12px;
}

.fdBlock a{
	color:#709a00;
}

.fdBlock p {
	font-size:12px;
	margin:0 0 0 170px;
	padding:0;
}

/* Footer */

.footer{
	background-color:#21221e;
	font-size:12px;
	color:white;
	padding-bottom:20px;
	padding-left:20px;
}

.footer ul{
	padding-top:7px;
}

.footer li {
	display:inline;
	padding:0 10px 0px 0px;
	line-height:30px;
	font-size:10px;
}

.footer a {
	text-transform:uppercase;
	text-decoration:none;
	color:white;
	font-size:10px;
}

.footer a:hover {
	text-transform:uppercase;
	text-decoration:none;
	color:#baff00;
	font-size:10px;
}

.footer label{
	background: url("images/startland-08.jpg") repeat-x;
	float:left;
	height:20px;
	line-height:20px;
	padding:0px 5px 0px 5px;
	color: #FFFFFF;
	font-size:12px
}

.contactfooter {
	color:#999;
}

.contactfooter span{
	padding:0 0 0 0;
	color:#baff00;
	
}

/* Guide and Develop page */

.guidepage .feature-img,.developpage .feature-img{
	background: url("images/starland-guide.jpg") 20px 5px no-repeat;;
	height:268px;
}

.aboutuspage .feature-img{
	background: url("images/aboutus-img.jpg") 20px 5px no-repeat;
	height:268px;
}

.developpage .feature-img{
	background: url("images/develop-img.jpg") 20px 5px no-repeat;
	height:268px;
}

.contact-page .feature-img{
	background: url("images/contact-img.jpg") 20px 5px no-repeat;
	height:268px;
}

.service-page .feature-img{
	background: url("images/service-img.jpg") 20px 5px no-repeat;
	height:268px;
}


.guidenav-title,.developnav-title {
	color:#709a00;
	text-transform:uppercase;
	border-bottom:1px dotted #ccc;
	font-size:12px;
	padding-bottom:5px;
	padding-top:5px;
	font-weight:bold;
	font-size:11px;
}

.guidenav-title {
	background-color:#ccc;
	text-align:right;
	padding-right:10px;
}

.guide-nav,.develop-nav{
	padding-top:20px;
	margin-left:20px;
}

.guide-nav li,.develop-nav li{
	padding:3px 0 3px 0px;	
}

.guide-nav li {
	border-bottom:1px dotted #ccc;
	text-align:right;
	padding-right:10px;
}

.guide-nav li.current a{
	background-color:#709a00;
	color:white;
}

.guidenav-title a:hover{
	background:none !important;
}

.develop-nav li div {
	background-color:#eaeaea;
	padding:5px 0 5px 5px;
	font-size:12px;
}

.develop-nav li li {
	background-color:#fff;
	padding-left:15px;
}

.guide-right,.develop-right {
	padding:20px 0 20px 30px;
	border-left:1px dotted #ccc;
	min-height:500px;
	font-size:12px;
}

.develop-iframe {
	padding:20px 0 20px 30px;	
	font-size:12px;
	width: 630px;
}

.guidebg {
	background: url("images/starland-guidebg.jpg") repeat-x !important;
}

.green {
	color:#709a00;
}

.guide-nav a,.develop-nav a{
	color:#333;
	padding:3px 5px 3px 5px;
	text-decoration:none;
}

.guide-nav a{
	color:#333;
	padding:3px 0px 3px 0px;
	text-decoration:none;
	font-size:12px;	
}

.develop-nav li.current a{
	color:#fff;
	padding:3px 5px 3px 5px;
	text-decoration:none;
	background-color:#709a00;
}

.develop-nav a:hover{
	color:#fff;
	padding:3px 5px 3px 5px;
	text-decoration:none;
	background-color:#709a00;
}

.guide-nav a:hover{
	color:#fff;	
	padding:3px 0px 3px 0px;
	text-decoration:none;
	background-color:#709a00;
	text-align:right;
}

.develop-content .title{
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
}

.develop-content .title span {
	font-size:12px;
	color:#709a00;
}

/* About page */

.aboutpage{
	font-size:12px;	
}

.about-left{
	margin-left:20px;
	padding:20px 30px 20px 20px;	
}

.about-left .content img{ border:1px solid #ccc;}

.about-right{	
	padding:20px 30px 20px 20px;
	border-left:1px dotted #ccc;
}

/* Contact page */
.contactpage{
	font-size: 12px;	
}

.contact-left{
	margin-left:20px;
	padding:20px 20px 20px 0;
}

.contact-right{	
	padding:20px 30px 20px 20px;
	border-left:1px dotted #ccc;
}

.contact-right label {
	float:left;
	width:120px;
	padding-bottom:10px;
}

/* Our Services */

.servicepage{
	font-size: 12px;	
}

.ourservice-left{
	margin-left:20px;
	padding-right:20px;
	padding:20px 20px 20px 0;
}

.servicepage li, .aboutpage li, .aboutus-col li {
	padding-left:20px;
	background: url("images/bullet.png") left 5px no-repeat;;
	padding-bottom:10px;
	color:#709a00;
}

.service-nav{	
	margin-bottom:10px;
	border:1px solid #ccc;
}

.service-nav .title {
	color:white;	
	padding:5px 0 5px 10px !important;
}

.service-nav .content{
	padding:5px 0 5px 10px !important;
}

.greenbg {
	background-color:#709a00;
}

.greenborder {
	border-color:#709a00;
}

.bluebg {
	background-color:#507b98;
}

.blueborder {
	border-color:#507b98;
}

.graybg {
	background-color:#999;
}

.grayborder {
	border-color:#999;
}

.ourservice-right{
	padding:0px 30px 20px 20px;
	border-left:1px dotted #ccc;
}

/* Properties page */

.propertiespage .page-width{
	width:100% !important;
	background:none !important;
}

.properties-filter {
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:0px;
	background-color:#ededed;
	height:100px !important;
	overflow:hidden;
}

.properties-filter select{
	font-size:12px;
	margin-top:3px;
}

.properties-list{
	overflow:scroll;
	height:490px;
}

.property {
	padding:10px 0 10px 20px;
	border-top:1px #dotted #f00;
}

.property p {
	margin:0;
	padding:0;
	margin-left:120px;
}

.property img {
	float:left;
	padding-right:20px;
}

.property span{
	font-size:12px;
	font-weight:bold;
}

.properties-right{
	height:620px;
	margin-left:381px;
}

.properties-detail
{
	width:650px;
}

.pd-title{
	padding:5px 0 5px 10px;
	text-transform:uppercase;
	background-color:#666;
	color:white;
}

.property-head {
	padding:20px;
	line-height:24px;
}

.property-head p{
	margin:0;
	padding:0;
}

.property-head  span {
	font-size:18px;
	font-weight:bold;
}

.price {
	color:red;
	font-size:12px !important;
}

.property-head  label {
	font-weight:bold;
	float:left;
	width:120px;
}

.img-gal{
	float:right;
	width:302px;
	border:1px solid #ccc;
	padding:3px;
}

.main-img{
	width:100%;
	text-align:center !important;
}

.thumb-img {
	margin-top:10px;
}

.thumb-img li{
	display:inline;
	padding-top:5px;
	padding-right:5px;
}

.thumb-img li{
	display:inline;
	padding-top:5px;
	padding-right:3px;
}

.thumb-img-next {
	padding-right:5px;
}

.thumb_border {
	border: 1px solid #FFFFFF;
	padding: 1px;
}

.thumb_border_highlight {
	border: 2px solid #AAAACC !important;
	padding: 0px;
}

.thumb_border_selected {
	border: 2px solid #fe766a !important;
	padding: 0px;
}

.p-detail span{
	font-size:12px;
	text-transform:uppercase;
}

.p-detail li {
	display:inline;
	float:left;
}

.p-detail .title{
	background-color:#e1e1e1;
	color:black;
	font-size:14px;
	text-transform:uppercase;
	margin-top:40px;

}

.page-back, .page-next {
	background: url(images/page_back.gif);
	display: block;
	width: 14px;
	height: 14px;
	border: 1px solid #888888;
}

.page-back:hover, .page-back:active, .page-next:hover, .page-next:active {
	border: 1px solid #000000;
}

.page-next {
	background: url(images/page_next.gif);
}

.paging_text {
	font-weight: bold;
	text-align: center;
}

.even_row {
	background: #FFFFFF;
}

.odd_row {
	background: #FFFFFF;
}

.highlighted_row {
	background: #cbeca7;
}

.checked_row {
	background: #EAF7DB !important;
}

.loading {
	position: absolute; 
	left: 0px; 
	top: 170px; 
	width: 100%; 
	height: 100%; 
	background: #DDDDDD; 
	opacity:.50; 
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
}

.form_input_error {
background-color:#FFCCCC;
}

#inline-search-container{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #888888;
	padding-top:0px;
	padding-bottom:10px;	
}

.opened-district {
	background: url("images/minus_icon.gif") center left  no-repeat;
	background-color:#888888 !important;
	padding-left: 20px !important;
}

.closed-district {
	background: url("images/plus_icon.gif") center left  no-repeat;
	background-color:#CCCCCC !important;
	padding-left: 20px !important;
}

.form_div {	
	left: 0px; 
	top: 0px; 
	right: 0px; 
	bottom: 0px;
	display: none;
}

.form_div_inline {
	display: none;
}

.form_div_inline table {
	text-align: left;	
}

.form_message {
	color: #008800;
	font-weight: bold;
}

.form_error {
	color: #880000;
	font-weight: bold;
}

.form-title {
	font-size: 11pt;
	height: 20px;
	border-bottom: 1px solid #888888;
	padding: 2px;
	margin-bottom: 5px;
	font-weight: bold;
}

.form_message_error {
	color: #880000;
	font-style: italic;
}

.form_input_error {
	background-color: #FFCCCC;
}

.form_label, .form_label_required {
	font-weight: bold;
	text-align: left;
}

.form_label_required {
	font-weight: bold;
}

.form_autocomplete {
    width:25em; /* set width here or else widget will expand to fit its container */
    padding-bottom:2em;
}

/* Advanced Search */

.adv-title{
	background-color:#709a00;
	color:white;
	text-transform:uppercase;
}
.adv-th{
	font-weight:bold;
}
.asearch{
	width:550px;
	line-height:30px;
	border:1px solid #ccc;
}

.asearch .title{
	background-color:#709a00;
	color:white;
	text-transform:uppercase;
}

.asearch .title img{
	float:right;
	margin-top:-23px;
	margin-right: 10px;
}

.asearch label{
	float:left;
	width:150px;	
}

.mls_no{
	color : #000000;	
	font-weight:bold;
}

.contact-detail{
	width:450px;
}

.contact-detail label{
	float:left;
	width:100px;
	margin-top:9px;
}

.contact-detail input,.contact-detail textarea{ 
	margin-top:9px;
}

.contact-detail-psummary{	
	padding:5px;
	margin:5px;
	font-size:11px;
	background:#eaeaea;

}

.contact-detail .title{
	background-color:#709a00;
	padding:5px;
	color:white;
}

.contact-detail .content{
	line-height:20px;
	padding:10px;
	padding-top:10px;
}

.link {
	cursor:pointer;
}

.navMutilpeHeader {
	border-bottom:1px solid #888888;
}

.navMutilpeHeader * {
	vertical-align: middle;
}