/* Import CSS Reset File */
@import url("reset.css");
/* Import Custom 960 Grid System File */ 
@import url("960.css"); 

/* ----------------------- GENERAL LAYOUT -----------------------*/
body {
  background: url(../images/bg_page.jpg) repeat-x top #1E303E;
  font-family:'lucida grande',verdana,sans-serif;
  color:#777777;
  font-size:11px; 
}

#container{
	position:relative;
	height:100%;
	min-height:100%;
	width:960px;
	padding:0px;
	margin:0 auto;
}

#header{
	height:60px;	
	position:relative;
	background:url(../images/bg-border-top.jpg) no-repeat scroll left bottom transparent;
	padding-bottom:36px;
}

#wrapper{
	position:relative;
	overflow:hidden;		
	background:#fff;
	margin-top:0px;	
	min-height:100%;
	background:url(../images/bg-border-middle.jpg) repeat-y ;
}

#content {
  float: right;
  width: 630px;
  padding:10px 20px 10px 10px;
  line-height:20px;
}

#sidebar {
	margin-left: 10px;
	padding:10px;
	float: left;
	width: 268px;
	/*
	 background:url(../images/bg_sidebar.jpg) repeat-y left #FFF; 
	*/
	line-height:20px;
	border-left:1px solid #EEE;
	
}

#footer{
	background:#f2f2f2;
	position:relative;
	height:100px;
	padding:10px 10px 10px 10px;
	background:url(../images/bg-border-bottom.jpg) no-repeat scroll left top transparent;
	margin-top:-1px;
}

#footer li {
	float:left;
	padding-right:20px;
	padding-top:20px;
}

#footer a:hover {
	color:#FFF;
	text-decoration:underline;
}

#footer p {
	padding-top:40px;
	color:#b2b2b2;
}

#footer .footerlogo{
	float:right;
	width:260px;
	padding:10px;
	border:1px dashed #EEE;
	background:#FFF;
	color:#b2b2b2;
}
/* Heading */


h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	color:#353535;
	text-transform: capitalize;
}

h1{
	font-size:26px; 
	line-height:36px; 
	margin-bottom:15px;
}
h2{
	font-size:22px; 
	line-height:30px; 
	margin-bottom:15px;
	color:#14A5C9; 
	
}
h3{
	font-size:18px; 
	margin-bottom:15px;
}
h3 span {
	font-size:15px; 
	
}
h4{
	font-size:16px; 
	line-height:16px; 
	margin-bottom:8px;
}
h5{
	font-size:14px; 
	margin:3px 0px; 
	padding:0px;
}
h6{
	font-size:12px; 
	margin:3px 0px; 
	padding:0px;
	letter-spacing: 1px;
}
/* links */
a,a:link,a:visited {
  color:#14A5C9; 
  text-decoration:none;
}
a:hover{
  color:#353535;
}
a img, img {
  border:none
}
p{
	margin-bottom:20px;
	text-align:justify;
}

hr{
	border: 0;
	width: 100%;
	color: #EEE;
	background-color: #EEE;
	height: 1px;
}

.hr {
background:url(../images/hr-bg.gif) repeat-x scroll 0 0 transparent;
clear:both;
height:5px;
margin:0 0 1em;
padding:0;
}
/* navigation */

#navigation{
	position:absolute;
	top:0px;
	right:0;
	background:url(../images/bg-navdivide.jpg) no-repeat left bottom;
}

#navigation ul {
	font-size:14px;
	font-weight:400;
}
#navigation ul li {
	display:inline;
	float:left;
	position:relative;
	background:url(../images/bg-navdivide.jpg) no-repeat right bottom;
}

#navigation ul li a.first {
	background:#CDE8EF;
	color:#104655;
	padding:0px 20px 0px 20px;
	border:0px;
}
#navigation ul li a {
	display:block;
	padding:24px 20px 20px 20px;
	text-decoration:none;
	height:19px;
	color:#FFF;
}
#navigation ul li a:hover {
	color:#63C5E2;
	background:url(../images/menu_on.png) no-repeat center bottom #3C6480;
}
#navigation ul li a.selected {
	color:#63C5E2;
	background:url(../images/menu_on.png) no-repeat center bottom #294256;
}
#navigation ul li a.first:hover {
	background:#CDE8EF;
	color:#141819;
}
#navigation ul li a img {
	float:left;
	padding-right:5px;
	margin-top:-5px;
}

/* slideshow */

#slideshow{
	width:938px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	height:369px;
	padding: 1px 10px 20px 10px;
	margin-bottom:20px;
	background:url(../images/slideshow_shadow.jpg) no-repeat bottom;
}

#slideshow_container{
	height:360px;
	background: #FFF;	
	overflow:hidden;
}

#slideshow .slideshow_action{
	display:none;
	position:absolute;
	right:10px;
	bottom:30px;
	width:300px;
	height:359px;
	background:url(pt_black_30.png) repeat;
	z-index:1000;
	color:#FFF;
	padding-left:20px;
}

#slideshow .slideshow_action h3{
	padding-left:20px;
	color:#FFF;
}
#slideshow .slideshow_action p{
	padding-left:20px;
	width:250px;
}
#slideshow #prev,#slideshow #next{
	position:absolute;
	top:80px;
	text-indent:-1000px;
	z-index:1000;
	width:86px;
	height:86px;
}
#slideshow #prev{
	background:url(bg_prev.png) no-repeat;
	left:0px;
}
#slideshow #next{
	background:url(bg_next.png) no-repeat;
	right:0px;
}

#slideshow .slideshow_nav{
	display:none;
	position:absolute;
	bottom:30px;
	width:320px;
	height:359px;
	background:url(pt_black_30.png) repeat;
	z-index:1000;
}
#slideshow .slideshow_nav h2{
	padding:10px 0px 0px 10px;
	margin:0;
	height:43px;
	width:260px;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	z-index:1000;
	cursor:pointer;
}
#slideshow .slideshow_nav h2 span{
	font-size:16px;
	font-weight:normal;
}
#slideshow .image_title{
	position:absolute;
	bottom:29px;
	left:10px;
	text-align:left;
	height:35px;
	width:920px;
	background:url(pt_black_30.png) repeat;
	color:#FFF;
	font-size:24px;
	font-style:italic;
	z-index:1000;
	padding:6px 10px 0px 10px;
}

.goto0,.goto1,.goto2,.goto3 {
	position:relative;
}

.slideshow_pager{
	position:absolute;
	top:0;
	right:-54px;
	width:54px;
	height:54px;
	display:block;
	
	
}


/* tagline */

#tagline{
	background:#010101;
	font-size:25px;
	color:#000;
	height:50px;
	margin-top:10px;
	padding-top:5px;
}

#tagline img{
	float:right;
	display:inline;
	padding-top:5px;
}

/* Images Alignment & Styling */
.alignleft {
  float: left;
  margin: 5px 15px 5px 0;
}
.alignright {
  float: right;
  margin: 0 15px 10px 15px;
}
.aligncenter {
  margin-bottom: 15px;
  margin: 0 auto;
  display: block; 
}
.imgbox {
  padding: 5px;
  border: 1px solid #eee;
  background: #fff;
  display: inline;
}

/* postview*/

 #postview{
 }
 
  #postview li {
 	display:block;
	margin-bottom:30px;
	width:100%;
 }
 
  #postview img {
 	border:1px solid #ccc;
	background:#EEE;
	padding:10px;
 }
  #postview h2 {
 	font-size:22px;
 } 
  #postview h3 {
 	margin-top:-10px;
 } 
 
 #postview .date{
 	float:right;
	margin-top:-35px;
 }

/* itemlist */
.itemlist{
	display:block;
	clear:both;
	margin-left:-10px;
}

.itemlist li {
	font-size:11px;
	display:block;
	clear:both;
}
.itemlist li a {
	display:block;	
	padding:3px 3px 3px 15px;
	border-bottom:1px solid #EEE;
	margin-top:0px;
}

.itemlist li a img {
}

.itemlist li a:hover{
	background:#F2F2F2;
}
.itemlist li a.selected  {
	background:url(../images/side-navigation-active.gif) no-repeat 0px -3px #FFF;
}

.itemlist h4{
	padding:20px 0 0 0;
}

.itemlist .dl{
	float:right;
	border:1px solid red;
}

/*
 * item list 3rd level
 */

.itemlist li.sidebarsubnav{
	padding-left:30px;
}

/*
 * item list expandable
 */

.itemlist .title{
	font-size:16px;
	line-height:25px;
	padding:10px;
	background:url(../images/bg_h3featuredbox.png) no-repeat -4px 8px;
	color:#FFF;
}




/* itemlistthumb */
.itemlistthumb{
	margin-left:-10px;
}
.itemlistthumb li {
	font-size:11px;
	display:block;
	clear:both;
	
}
.itemlistthumb li a {
	display:block;	
	padding:3px 3px 30px 15px;
	border-bottom:1px solid #EEE;
	margin-top:5px;
	height:40px;
}

.itemlistthumb li a:hover, .itemlistthumb li a .selected {
	background:#F2F2F2;
}

.itemlistthumb li a img {
	float:left;
	margin-right:5px;
}
/* propview */

.propview h3 {
	color:#14A5C9; 
}
.propview h4 {
	font-size:14px;
	margin-top:-12px; 
}

.propview li {
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
	border:1px solid #EEE;
	padding:10px;
}

.propview .dl {
	float:left;
	border:1px solid #CCC;
	width:auto;
}

.propview .dl dt {
	float:left;
	padding:0px 3px 0px 15px;
	background:url(../images/checkbox.png) no-repeat left ;
	font-weight:bold;
}

/* deco */

#deco img {
	padding: 0px 10px 20px 10px;
	height:150px;
	background:url(../images/slideshow_shadow.jpg) no-repeat bottom;
}

/* search_input*/
 
#search_input{
	position:relative;
	height:130px;
	width:910px;
	padding:10px 10px 10px 20px;
	margin-top:20px;
	margin:0 auto;
	background:#233645;
}

#search_input h3{
	margin-top:-15px;
	color:#FFF;
	}

#search_input div{
	float:left;
	margin-right:10px;
}

#search_input div label{
	font-size:14px;
	padding-bottom:5px;
	color:#FFF;
}

#search_input div select{
	margin-top:5px;
	color:#666;
}

a.propsearchsubmit{
	position:absolute;
	bottom:55px;
	right:20px;
	background:url(../images/search_button.png) no-repeat top left;
	text-indent:-9000px; 
	float:left;
	width:133px;
	height:42px;
}
a.propsearchsubmit:hover{
	background-position: 0px -42px;
	
}
a.propsearchsubmit:hover{
color:#010101;
}

#content #search_input{
	height:180px;
	padding:10px;
	pargin:0;
	background-color:#FFF;
	background-position:bottom;
	width:610px;
}

#content #search_input h3{
	margin-top:0px;
	color:#FFF;
}

/* search_input_refine*/

#search_input_refine{
	height:120px;
	background:#2F4B60;
	padding:10px;
}
#search_input_refine div{
	float:left;
	margin-right:10px;
}

#search_input_refine div label{
	font-size:12px;
	padding-bottom:5px;
	color:#FFF;
}

#search_input_refine div select{
	margin-top:5px;
	color:#666;
}
#search_input_refine div select#from,#search_input_refine div select#to {
	width:60px;
}

/*
#content #search_input div label{
	color:#666;
}

#content .propsearchsubmit{
	right:0;
	margin:10px;
	background:url(../images/search_button_grey.png) no-repeat left;
}
*/

/* handler */

.handler #content {
	font-size:12px;
}

.handler h4 {
	float:left;
	padding-right:10px;
}
#table_handler th{
	font-size:12px;
	font-weight:normal;
	text-align:left;
	height:30px;
	background:url(../images/tab_menu_shadow.gif) no-repeat bottom #FFF;
}

#table_handler th a {
	padding:0px 15px 0px 0px;
	background:url(../images/filters_toggle.png) no-repeat right 3px;
}

#table_handler tr{
	height:50px;
}

#table_handler td{
	padding-top:8px;
}

#table_handler tr td a{
	width: 20px; 
	height:20px; 
	text-indent:-9000px; 
	display:block; 
	margin:10px 4px 0px 4px;
}
#table_handler .viewprop{
	background:url(../images/bullet01.png) no-repeat;
}


/* navbar  */
 #navbar{
	font-size:12px;
	clear:both;	
	height:45px;
	margin-bottom:5px;
	background:url(../images/tab_menu_shadow.gif) no-repeat bottom ;
 }
 
 #navbar li {
 	float:left;
	margin-right:10px;	
	
 }
#navbar li a{
	color:#666;
	padding:10px 5px 11px 5px;
	text-decoration:underline;
}

#navbar li a:hover{
	background:url(../images/tab_nav_hover.png) no-repeat center bottom;
}
.tab_active{
	color:#010101;
	background:url(../images/tab_nav_on.png) no-repeat  center bottom;
}

/* featured box for homepage */
.featuredbox{
	padding-top:35px;
	background:url(../images/bg_featuredbox.png) no-repeat left bottom;
	height:271px;
}
.featuredbox h3{
	font:13px;
	text-transform:uppercase;
	color:#63C6E3;
	height:37px;
	width:100%;
	padding:15px 0px 0px 20px;
	margin-top:-35px;
	background:url(../images/bg_h3featuredbox.png) no-repeat left;
}
.featuredbox img {
	padding:0 0 0 25px;
	margin-top:-14px;
}

.bedbath, .streetname, .listprice {
	line-height:15px;
	font-size:10px;
	padding:0px;
	margin:0px;	
	padding-left:25px;
}
.listprice{
	color:#104654;
	font-size:15px;
	font-weight:bold;
}
.details {
	float:right;
	padding-right:40px;
	margin-top:-20px;
}

/* tabs */

.tabs-nav {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0 0 0 4px;
	border-bottom:1px solid #EEE;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../images/tab.png) no-repeat;
}

.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #353535;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}

.tabs-nav .tabs-selected a {
    color: #000;
}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 3px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}


/* tabs blue */
.tabs-nav-blue {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0 0 0 4px;
	border-bottom:1px solid #999;
}
.tabs-nav-blue:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav-blue li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav-blue a, .tabs-nav-blue a span {
    display: block;
    padding: 0 10px;
    background: url(../images/tab_blue.png) no-repeat;
}

.tabs-nav-blue a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #FFF;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}

.tabs-nav-blue .tabs-selected a {
    color: #353535;
}

.tabs-nav-blue .tabs-selected a, .tabs-nav-blue a:hover, .tabs-nav-blue a:focus, .tabs-nav-blue a:active {
    background-position: 100% -150px;
	color:#353535;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav-blue a, .tabs-nav-blue .tabs-disabled a:hover, .tabs-nav-blue .tabs-disabled a:focus, .tabs-nav-blue .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav-blue a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 3px;
    padding-right: 0;
}
*>.tabs-nav-blue a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav-blue .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav-blue .tabs-selected a span, .tabs-nav-blue a:hover span, .tabs-nav-blue a:focus span, .tabs-nav-blue a:active span {
    background-position: 0 -50px;
}
.tabs-nav-blue a span, .tabs-nav-blue .tabs-disabled a:hover span, .tabs-nav-blue .tabs-disabled a:focus span, .tabs-nav-blue .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav-blue .tabs-selected a:link, .tabs-nav-blue .tabs-selected a:visited, .tabs-nav-blue .tabs-disabled a:link, .tabs-nav-blue .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav-blue a:hover, .tabs-nav-blue a:focus, .tabs-nav-blue a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav-blue .tabs-disabled {
    opacity: .4;
}
 /*
  * 
  * */

.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* tab-container */
.tab-container{
	border:1px solid #EEE;
	padding:10px;
	overflow:auto;
}

.tab-contained {
	clear:both;
}

/* menu nav */
.menu-nav{
	position:absolute;
	bottom:0px;
	height:40px;
	width:960px;
} 
.menu-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.menu-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.menu-nav a, .menu-nav a span {
    display: block;
    padding: 10px;
    background: url(../images/tab.png) no-repeat;
}

/* 4boxes */
#fourboxes{
	clear:both;
}
#fourboxes div{
	width: 200px;
	padding:10px;
}
#fourboxes div p {
	font-size:10px;
	line-height:13px;
	align:left;
	
}

/* properties_thumbnail */
#properties_thumbnail li {
	background:url(../images/bg_featuredbox_small.png) no-repeat top left;
	height:187px;
	width:200px;
	float:left;
	margin:3px;
}

#properties_thumbnail li img {
	margin:15px 0px 5px 20px;
}

#properties_thumbnail li p {
	line-height:14px;
	padding-left:20px;
}

/* property detail page images */
.sccl {
	float:right;
	width:500px;
	border:1px solid #EEE;
	height:300px;
	overflow:hidden;
}

/* header_detailpopup */
.header_detailpopup h1 {
color:#FFF;
padding:0px 0 20px 0;
}
/* detailpopup */
.detailpopup{
	color:#FFF;
	padding:10px;
}
/* detailpopup propinfo */
.propInfo{

	width:100%;
	float:right;
}
.propInfo td {
	padding:3px;
}
.propInfo .ask{
	padding-left:20px;
	width:200px;
	background:url(../images/next.gif) no-repeat 4px 8px;	
	clear:both;
	font-weight:bold;
}

.detailpopup .propInfo .ask{
	padding-left:10px;
	width:250px;
	background:url(../images/next.gif) no-repeat 0px 5px;	
	clear:both;
}

/* property_details */
#property_details{
	margin-left:-290px;
	width:920px;
	background:#FFF;
}
#property_details .imgfirst {
	border:1px solid #EEE;
}
#property_details .sccl ul {
	overflow:hidden;
	background:#fff;
}
#property_details .sccl img {
	width:85px;
	height:70px;
    -moz-box-shadow: 3px 3px 5px #CCC; /* for Firefox 3.5+ */
    -webkit-box-shadow: 2px 2px 3px #969696; /* for Safari and Chrome */
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);	
}

#property_details .sccl li {
	float:left;
	margin:0px;
	padding:14px 4px 10px 10px;
}

#gallery_blogpost{
	
}
#gallery_blogpost img{
	padding:16px;
	margin:7px;
	border:1px solid #EEE;
}

.neightitle a {
	margin-top:15px;
	font-size:18px;
	padding-bottom:5px;
	color:#353535;
	height:30px;
}
/* sidebar */
#sidebar h2{
	color:#353535;
}
/* proplinks */
.proplinks li{
	float:left;
	width:280px;
	font-weight:bold;
	padding:5px;
	font-size:14px;
	padding-left:20px;
	margin-bottom:2px;
	line-height:25px;
	background:url('../images/bg_h3featuredbox.png') no-repeat 5px 0px;
}
.proplinks a:hover{
	color:#FFF;
}
/* expandable */
#expandable{
	
}