/* 
CSS for http://www.sinclair-properties.com/
24Nov2008
*/

body{
background:#f1f1f2;
margin:0; padding:0; 
font:12px Arial, Helvetica, Verdana, sans-serif; 
color:#333;
}
/*general styles*/
.seagreen{
color:#00abb0;
font-weight:bold;
}
.darkpurple{
color:#603145; 
}
.font-bold, strong{
font-weight:bold;
}

.wrapper{
background:#f1f1f2 url(../images/bg.gif) repeat-y top center;
margin:0 auto; padding:0; text-align:center;
width:995px; height:auto;
}
	.wrapper:after {
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}
.header{
background:url(../images/header.gif) no-repeat top center;
margin:0 auto; padding:0; text-align:center;
width:995px; height:140px;
}
	.header-img{
	margin:15px 0; padding:0 25px; 
	text-align:center; float:right;
	}

.nav{
background:#906f78; 
margin:0 auto; padding:0; text-align:center;
width:940px; height:195px; 
}
	.nav-menu{
	margin:0; padding:0;
	background:#906f78; display:block;
	width:940px; height:50px; 
	}
		.nav-menu ul{
		margin:0; padding:0; 
		width:940px; height:23px; 
		display:block; float:left;
		list-style:none; text-align:left;
		border-bottom:2px solid #af95a2; 
		clear:both;
		}	
		.nav-menu ul li{
		background:#603145;	height:23px;  
		margin:1px 0;  padding:0; text-align:left; 
		display:block; float:left; 
		border-right:1px solid #d5c8cf;
		
		}
		.nav-menu ul li.active{
		background:#9e0152;	height:23px;  
			margin:1px 0;  padding:0; 
			text-align:left; 
			display:inline; float:left; 
			border-right:1px solid #d5c8cf;	
		
		}
			.nav-menu ul li:hover{
			background:#9e0152;	height:23px;  
			margin:1px 0;  padding:0; 
			text-align:left; 
			display:inline; float:left; 
			border-right:1px solid #d5c8cf;	
			}		
		.nav-menu ul li a{
		margin:1px 0; padding:1px 20px; /* display:block; */
		color:#fff; text-decoration:none; font-weight:bold;
		font:13px Arial, Helvetica, Verdana, sans-serif; 
		vertical-align:middle; line-height:22px;
		max-height:22px;display:block;
		} 
			.nav-menu ul li a:hover{
			margin:1px 0; padding:1px 20px; /* display:block; */
			color:#fff; text-decoration:none; font-weight:bold;
			font:13px Arial, Helvetica, Verdana, sans-serif; 
			vertical-align:middle; line-height:22px;
			} 		
			
	.nav-img{
	background:url(../images/nav_img.jpg) no-repeat top center;
	width:940px; height:145px; clear:both;
	}
.nav:after {
content: "."; display: block; 
height: 0; clear: both; visibility: hidden;
}
	
.container{
background:#fff; 
margin:0 auto; padding:20px 0; text-align:center;
width:940px; height:auto;
font:12px Arial, Helvetica, Verdana, sans-serif; color:#666;
}
	.container:after {
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}
	
.container h1, .container  h2 , .container  h3, 
.container  h4, .container  h5, .container h6{
margin:0; padding:0;
padding-top:10px;
text-align:left;
}

.page-title, h1{
font:20px Arial, Helvetica, Verdana, sans-serif; 
color:#00abb0; 
}

.page-title2, h2{
font:13px Arial, Helvetica, Verdana, sans-serif; 
color:#603145; font-weight:bold; 

}
	.page-title2 a{
	font:13px Arial, Helvetica, Verdana, sans-serif; 
	color:#603145; font-weight:bold;
	}
	
/*one col contents*******************************************************/
.main-contents1{ /*middle in 3cols*/
margin:10px auto; padding:0 20px;
width:890px; height:auto;
float:left; text-align:left; 
}

	.main-contents1 p{
	margin:0; padding:5px 0; text-align:left;
	font:12px Arial, Helvetica, Verdana, sans-serif; 
	color:#666; 
	
	}
	
.main-contents1 ul, .main-contents2 ul,.main-contents3 ul{
margin:10px;
margin-left:20px;
  padding:0; 
list-style:disc;
}

.main-contents1 a:link, .main-contents1 a:active, .main-contents1 a:visited{
font:11px Arial, Helvetica, Verdana, sans-serif; 
color:#666; 
}
	.main-contents1 a:hover{
	font:11px Arial, Helvetica, Verdana, sans-serif; 
	color:#9e0051; 
	}
	
/*two cols contents********************************************************/
.linked-logos{
margin:0 auto 20px auto; padding:10px 0 0 0; 
text-align:center; width:170px; /*height:180px;*/
}
	.linked-logos p{
	padding:0 0 10px 0;
	font:12px Arial, Helvetica, Verdana, sans-serif; 
	color:#666; text-align:left;
	}
	.linked-logos p a{
	font:12px Arial, Helvetica, Verdana, sans-serif; 
	color:#666; text-align:left;
	}
	.linked-logos img{
	padding:0 0 10px 0;
	font:12px Arial, Helvetica, Verdana, sans-serif; 
	color:#666; text-align:left;
	}	
	
.main-contents2{ /* right side in 2cols*/
width:730px; float:right;
text-align:left; 
}
	.main-contents2 p{
	margin:0; padding:5px 0; text-align:left;
	font:12px Arial, Helvetica, Verdana, sans-serif; 
	color:#666; 

	}
	
.icon-options{
float:right; 
width:155px; height:64px;
}	/*property options is from a 2cols*/
	.icon-options a:link, .icon-options a:active, .icon-options a:visited,
	.property-options a:link, .property-options a:active, .property-options a:visited{
	vertical-align:middle; line-height:32px;
	color:#603145; text-decoration:none;
	}	
		.icon-options a:hover,
		.property-options a:hover{
		vertical-align:middle; line-height:32px;
		color:#906f77; text-decoration:none;
		}
	.icon-options .text-order{
	font:11px Arial, Helvetica, Verdana, sans-serif; 
	color:#603145; font-weight:bold; text-decoration:underline;
	}
	.icon-options a span, 
	.property-options a span{
	margin:0; padding:0 0 0 40px;
	}	
	.icon-options .print{	
	background:url(../images/icon_print.gif) no-repeat top left;
	width:145px; height:32px; display:block;
	}
	.icon-options .email{	
	background:url(../images/icon_email.gif) no-repeat top left;
	width:145px; height:32px; display:block;
	}	
	
.property-info{
background:#e2f3f5; 
margin:20px 10px 0 0; padding:10px; 
width:685px; height:auto;
}	
	.property-info:after {
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}
	
.property-img{
margin:0 15px 10px 0; padding:0; 
width:315px; height:auto;
float:left; text-align:center;
clear:both;
}
.property-img img{
max-width:315px;
}
	.property-img2{
	margin:0 15px 10px 0; padding:0; 
	width:230px; height:auto;
	float:left; text-align:center;
	clear:both;
	}
	.property-img2 img{
	max-width:230px;
	}
	
.property-details1{
margin:10px 0; padding:0;
font:12px Arial, Helvetica, Verdana, sans-serif; 
color:#00abb0; font-weight:bold;
}
.property-details2{
margin:10px 0; padding:0;
font:12px Arial, Helvetica, Verdana, sans-serif; 
color:#00abb0;  font-weight:bold;
}
.property-details3{
margin:10px 0; padding:0;
font:12px Arial, Helvetica, Verdana, sans-serif; 
color:#00abb0; font-weight:bold; float:left;
}
	.property-details1 td, .property-details2 td{
	margin:10px 0; padding:5px 10px;
	width:145px; vertical-align:top;
	}
	.property-details3 td{
	margin:10px 0; padding:5px 10px;
	width:120px; vertical-align:top;
	}	
.property-details1 label, 
.property-details2 label,
.property-details3 label{
color:#603145; font-weight:normal;
}

.property-options{ /*for property details*/
margin:25px 0 0 0;
/*width originally 355px, altered to fix overflow problem*/
float:left; width:335px; height:32px;
list-style:none;
}	
	.property-options li{ 
	float:left; margin:10px 0; padding:0 5px;
	list-style:none;
	}	
	.property-options li .floor{	
	background:url(../images/icon_floorplan.gif) no-repeat top left;
	display:block;
	}
	.property-options li .map{	
	background:url(../images/icon_map.gif) no-repeat top left;
	display:block;
	}	
	.property-options li .energy{	
	background:url(../images/icon_energy.gif) no-repeat top left;
	display:block;
	}	
	.property-options li .email2{	
	background:url(../images/icon_email2.gif) no-repeat top left;
	display:block;
	}	
	.property-options li .brochure{	
	background:url(../images/icon_brochure.gif) no-repeat top left;
	display:block;
	}
	
.on-right{ /*for property details on right side*/
margin:0; position:relative; top:-20px; 
float:right; width:140px; height:auto;
}	
	.on-right li{ 	
	margin:0; padding:3px 0;	
	width:140px;
	}
	/*on-right options uses same as icon-options*/
	
.energy-rating{
margin:20px 0; padding:0; 
float:left; 
}

.energy-rating img{
max-width:315px;
max-height:315px;
}

.property-nearest{
margin:20px 15px 0 0; padding:0; 
background:#e8e0e2; float:right;  
width:380px; height:auto;
}
	.property-nearest div{
	padding:10px 15px; color:#fff;
	background:#77505c; 
	width:350px; height:auto;
	display:block;
	}
	.property-nearest div h3{
	font:13px Arial, Helvetica, Verdana, sans-serif; 
	color:#fff; font-weight:bold;
	}
	.property-nearest ul{
	margin:15px 20px;
	color:#603145;
	}
	.property-nearest ul li{
	padding:0 0 5px 0;
	}
	
/*three cols contents****************************************************/
.leftside{
margin:0;  padding:0; 
width:200px; height:auto; float:left;
}
.leftside h3{
margin:0; padding:0 0 10px 0; 
font:15px Arial, Helvetica, Verdana, sans-serif; 
color:#fff; font-weight:bold; text-align:center;
}
	.prop-search{
	background:#78cdd0;
	margin:0 auto 20px auto; padding:10px 0 0 0; 
	text-align:center; width:170px; height:210px;
	}
	.prop-search h3{
	margin:0; padding:0 0 10px 0; 
    font:15px Arial, Helvetica, Verdana, sans-serif; 
    color:#fff; font-weight:bold; text-align:center;
	}
	.prop-search ul {	
	margin:0 auto; padding:0; 
	width:150px; display:block;
	text-align:center;
	}	
		.prop-search ul li{
		float:left; display:inline;
		}
		.main-contents3 .prop-search{
		height:auto;
		padding-bottom:5px;
		}
		.main-contents3 .prop-search p{
		text-align:center;
		}
		.main-contents3 .prop-viewings p{
		text-align:center;
		}
		
        .prop-search .button_individual-rooms{
    background:url(../images/button_individualroom.gif) no-repeat top center;
    margin:0 auto; padding:0;
    width:110px; height:25px; border:0; color:#fefef6; display:block;
    }        
    
    .prop-search .button_num30x30{
    background:url(../images/button_num30x30.gif) no-repeat top center;
    width:30px; height:30px; border:0; color:#fefef6; display:block;
    }        
    
    .prop-search .button_all-rooms{
    background:url(../images/button_allrooms2.gif) no-repeat top center;
    margin:0 auto; padding:0;
    width:130px; height:30px; border:0; color:#fefef6; display:block;
    }    
    .prop-search a:link,
    .prop-search a:active,
    .prop-search a:visited{
    font-weight:normal;
    color:#fff; text-decoration:none;
    line-height:30px;
    }
    .prop-search a:hover{
    font-weight:normal;
    color:#666; text-decoration:none;
    line-height:30px;
    }
    .prop-search p.spacer{
    display:none;
    }

	.prop-search .button_num30x30:hover{
	cursor:pointer;
	}
	
		.prop-viewings{
	background:#c9babd; 
	margin:0 auto 20px auto; padding:10px 0; 
	text-align:center;
	width:170px;
	}
	.prop-viewings h3{
	margin:0; padding:0 0 10px 0; 
font:15px Arial, Helvetica, Verdana, sans-serif; 
color:#fff; font-weight:bold; text-align:center;
	}
	
	.prop-viewings p span{
	width:170px;
	margin:0 auto;
	text-align:center;
	}
	
	.prop-search span, .prop-viewings span{
	font:12px Arial, Helvetica, Verdana, sans-serif; 
	color:#5d3140; font-weight:bold; text-align:center;
	}
	
.main-contents3{ /*middle in 3cols*/
width:500px; float:left;
text-align:left; 
}
	.main-contents3 p{
	margin:0; padding:5px 0; text-align:left;
	font:12px Arial, Helvetica, Verdana, sans-serif; 
	color:#666; 
		}
	
.info-bluebg{
background:#e2f3f5;
margin:5px 10px 10px 0; padding:10px;
text-align:justify;
/*width:480px;*/ text-align:left; 
font:11px Arial, Helvetica, Verdana, sans-serif; 
color:#666;
}
.info-bluebg p{
text-align:justify;
}
	.info-bluebg:after {
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}
	/*.info-bluebg h1{
	font:18px Arial, Helvetica, Verdana, sans-serif; 
	color:#00abb0; font-weight:bold; text-transform:uppercase;
	}*/
	.info-bluebg ul{
	margin:0 0 0 20px;  padding:0; 
	list-style:disc;
	}
	.info-bluebg a:link, .info-bluebg a:active, .info-bluebg a:visited{
	font:11px Arial, Helvetica, Verdana, sans-serif; 
	color:#666; 
	}
		.info-bluebg a:hover{
		font:11px Arial, Helvetica, Verdana, sans-serif; 
		color:#9e0051; 
		}
.rightside{
margin:0;  padding:0; 
width:240px; float:right;
}
	.r-extra1{
	background:#e1f3f5;
	margin:0 auto 20px auto; padding:5px 0; 
	text-align:center;
	width:200px; height:auto;
	}
		.r-extra1 h3{
		margin:10px 0; padding:0; text-align:center;
		font:18px Arial, Helvetica, Verdana, sans-serif; 
		color:#00abb0; text-transform:uppercase;
		}	
		.r-extra1 p{
		margin:0;  padding:0 10px; display:block; 
		font:12px Arial, Helvetica, Verdana, sans-serif; 
		color:#666; /* font-weight:bold;  */text-align:center;		
		}		
		.r-extra1 a{
		font:12px Arial, Helvetica, Verdana, sans-serif; 
		color:#666; /* font-weight:bold;  */		
		}
	.r-extra2{
	background:#d5cace;
	margin:0 auto 20px auto; padding:5px 0; 
	text-align:center;
	width:200px; height:auto;
	}
	.r-images{
	margin:0 auto; padding:0; 
	text-align:center;
	}
		.r-images img{
		margin:0 0 10px 0; padding:0; 
		}
	
.footer{
background:url(../images/footerbg.gif) no-repeat top center;
margin:0 auto; padding:0; text-align:center;
width:995px; height:65px; clear:both;
font:11px Arial, Helvetica, Verdana, sans-serif; color:#623144;
}
	.footer ul{		
	margin:35px 0 0 0; padding:0 25px 0 0; 
	/* display:block;  */float:right;
	list-style:none; text-align:left;
	}	
	.footer ul li{		
	margin:0; padding:0; 
	display:inline; list-style:none; 
	}
	.footer ul li a{ 	
	margin:0; padding:0 5px;
	font:11px Arial, Helvetica, Verdana, sans-serif; color:#623144;
	text-decoration:none;
	}
		.footer ul li a:hover{ 	
		margin:0; padding:0 5px;
		font:11px Arial, Helvetica, Verdana, sans-serif; color:#9e0152;
		text-decoration:none;
		}
		
	
/* by rjene   */


p.error{
color:Red;
}
.left{
float:left;
}
.right{
float:right;
}
em{
font-style:italic;
}

/*------------------------------------------------*/
/*javascript submenu styles*/
.nav-menu li ul{
/*width:150px;*/
padding:0;
margin:-4px 0 0 0;
visibility:hidden;
position:absolute;
z-index:10000;
}
.nav-menu li ul li{
width:100%;
border:solid 1px #d5c8cf;
background-color:#906f78;
height:23px;
/*Remove clear:both for horizontal nav*/
clear:both;
margin:0;
z-index:10000; text-align:center;
}
.nav-menu li ul li a{
padding:1px 0 0 0;
z-index:10000;

}

.nav-menu ul li ul li.lower-active{
		background:#9e0152;	
			padding:0; 
			display:inline;
			border-right:1px solid #d5c8cf;	
		}
		
.nav-menu ul li ul li:hover{
text-align:center;
			height:23px;  
			margin:0;  padding:0;
			}	
			
.nav-menu ul li ul li a:hover{
			height:23px;
			background:#9e0152;
			margin:1px 0 0 0; padding:1px 0 0 0;
			}