﻿/* Layout CSS */
*{
	margin:0;
	padding:0;
}
html, body {	
	height:100%;
	background-color:#dbdbdb;
	width:100%;
	margin:0;
	padding:0;
	border:0;
	font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
}
/***************************************************************************************************/
#fullcol{
	width:804px;
	background:url(../images/fullColBg.gif) repeat-y;
	height:auto;
	margin:0 auto;

}
/***************************************************************************************************/
#header{	/*LOGO*/
	width:760px;
	height:87px;
	background:url(../images/header_logo.gif) no-repeat top left;
}
#banner{
	width:798px;
	height:199px;

	margin:0 0 0 3px;
	padding:0;

}
#maincontent{
	width:515px;
	height:auto;
	float:left;
	margin:0 auto 0 auto;	
}

#resultstable{
margin: 0 0 0 50px;}

.propWeek{
margin-left:15px;
margin-bottom:5px;
}


#quotebox
{
    float:left;
	padding-left:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:normal;
	text-align:center;
	}
/***************************************************************************************************/
#pagecontent{
	height:auto;
	width:515px;
	margin:0 0 0 0;
	float:left;
}

#contenttext
{
    padding-left:15px;
	width:480px;
	margin:25px 0;
}

#quicksearchbuttons
{
    margin:0 0 0 20px;
	padding-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	width:204px;
	
}

.quicksearchbuttons
{
    margin-top:10px;


	
}

.moreinfo
{
margin:2px auto -1px 20px;

}

/***************************************************************************************************/
.MainMenu{
	width:799px;
	height:33px;
	position:relative;
	margin:0 0 0 3px;
		font-size: 1em;

	background:url(../images/navMenuBg.jpg) no-repeat;
}

/***************************************************************************************************/


#subcontent{
	margin: -680px 0 20px 525px!important;
	margin: -680px 0 20px 260px;
	clear:both;
	width:300px;
	height:auto;
	float:left;
	
	
}

#subcontentContainer{

	border-left:#a19fa0 1px solid;

	
	
}


.clear{clear:both}
/***************************************************************************************************/
#listingsarea{
width:auto;
height:auto;

}



.featuredlisting{
	width:470px;
	height:157px;
	background:url(../images/listingsBg.gif) repeat-x;
	float:left;
	margin:5px 0 20px 20px!important;
	margin:5px 0 20px 10px;

	border:black 1px solid;
}

.featuredlistingtext{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-style:italic;
    float:left;
	padding:0 10px 0 10px;
	width:300px;

}

.featuredlistingtext p{
	font-size:12px;
	font-family:"Century Gothic";
	float:left;
	margin:6px 0;
	line-height: normal;
	text-align:justify;
}



.featuredlistingimage{
	width:120px;
	margin:0 0 0 0;
	padding:2px 2px 0 0;
	float:right;
}
.propertyimage{
	width:120px;
	margin:0 0 0 0;
	padding:2px 2px 0 0;
	float:right;
}

.listings{
	width:470px;
	height:157px;
	background:url(../images/listingsBg.gif) repeat-x;
	float:left;
	margin:5px 0 0 20px;
	padding:0 0 0 10px;
	border:black 1px solid;
}
.listings p{
	font-size:14px;
	font-family:"Century Gothic";
	float:left;
	margin:6px 0;
	line-height: normal;
	text-align:justify;

}
.listingslink{
    float:right;
	font-size:0.7em;
}
/***************************************************************************************************/

.lettingsForm{
    width:660px;
	height:400px!important;
	height:300px;
	margin: 20px auto 20px 0px;
	padding:20px;
	background:#b3b3b3;
	border:solid 1px #9e0605;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}




.contactForm{
    width:690px;
	height:300px;
	margin: 0 auto 20px 35px;
	padding:20px;
	background:#b3b3b3;
	border:solid 1px #9e0605;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.valuation{
    width:690px;
	height:500px;
	margin: 0 auto 20px 35px;
	padding:20px;
	background:#b3b3b3;
	border:solid 1px #9e0605;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
	
.valuationfield{
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.formsplit{
float:right;
margin-top:-420px!important;
margin-top:-410px;
}



.formsplitApplicant{
float:right;
width:311px;
margin-top:-380px!important;
margin-top:-370px;
}

.formsplitContact{
float:right;
margin-top:-150px!important;
margin-top:-140px;
width:300px;
}



.quotations{
	float:right;
	margin-right:15px;
	margin-top:5px;
	width:300px;
	height:200px;
}

#quicksearch {
    width: 364px;
    float: right;
    margin:15px 0 0 15px;
    padding:50px 0 0 0;
    background: url(../images/quick_search_bg.gif) no-repeat;
    font-size: 0.7em;
}

#quicksearch label, #sidesearch label{
	padding:5px 10px 0 15px;
	float:left;
	clear:both;
	width:100px;
	display:block;
}

#quicksearch select, #sidesearch select{
	border:1px solid #808080;
	width:150px;
	margin:5px 0 0 0;
}

#quicksearch input.text, #sidesearch input.text{
	width:150px;
	float:left;
	border:1px solid #808080;
	padding:2px;
	margin:5px 0 0 0;
}

.ibToggle{
    position:relative;
    top:143px;
    left:10px;
}
.ibSearch{
    padding:10px 0 7px 125px;
	
}

#calendar{
	width:180px;
	height:140px;
	position:absolute;
	top:670px;
	left:950px;

}
/***************************************************************************************************/
#contactustodaybox{
	width:364px;
	height:143px;
	background:url(../images/contact_background.gif) no-repeat top left;
	float:right;
	margin:10px 0 0 0;
}

.vcard{
	margin:40px 0 0 16px;
	color:#717171;
	font-size:0.7em;
	float:left;
	padding:0 40px 0 0;
}

#contactboxlogo{
	width:157px;
	height:92px;
	float:right;
	margin:10px 10px 0 0;
	background:url(../images/contactus_logo.gif) no-repeat top left;
}

.tel{
	margin:10px 0 0 0;
}

.hcardicon{

	background:url(../images/hcard_icon.gif) no-repeat center left;
	padding:0 0 0 20px;
	margin:85px 0 0 2px;
	color:#717171;
	font-size:0.7em;

}
/***************************************************************************************************/


#footer{
	clear:both;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/footer.jpg) no-repeat;
	border-bottom:black solid 1px;
	margin:30px 0 0 3px;
	width:798px;
	height:45px;
	padding:0 0 0 0;
}

.copyright{
	padding: 0 0 0 15px;
	margin:5px 0 0 0;
	width:500px;
	color:#000;
}

.bell{
	float:right;
	margin:2px 0 0 0;
	padding:0 10px 0 12px;
	background:url(../images/bell_icon.gif) no-repeat center left;
	color:#4f4c4c;
}

.introText{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
margin:5px auto 0 15px;
}

.testimonialsImg
{
float:right;
margin:15px 185px 15px 0;
}

.testimonialsText
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#000000;
width:240px;
margin:10px 0 0 30px;
}

.testimonialsName
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
font-style:italic;
font-weight:bold;
color:#000000;
margin:0 0 0 160px;
}

.listingprice{
	color: #black;
}

.resultstableOLD{
    width:680px;
	background-color:#CCCCCC;
	margin-left:40px;
	border:1px #800000 solid;
	margin-bottom:20px;
    float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:0.9em;
}

.resultstable{
    width:680px;
	background:#b3b3b3;
    margin:0 auto 20px auto;
	border:1px #9e0605 solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:0.9em;
}

.resultstable tr{
    margin-bottom:10px;
	
}



#sidesearch{
    float:right;
	margin-right:15px;
    width:240px;
    font-size:0.7em;
}
.section{
    float:left;
    clear:left;
}
.alternatingrow{
    background-color:#e7e7e7;
}

.detailimage{
    float:left;
    margin:0 0 5px 0;
}
.calLink{
    background:url(../images/cal_ico.gif) no-repeat 65px 0px;
    padding-right:40px;
}
#divCal{
    background-color:#fff;
    position:absolute;
    z-index:99;
    clear:both;
    margin: -300px 0 0 325px;
    border: solid 2px #000;
}
.clear{
    clear:left;
    float:left;
}
#bodytext, #rooms{
    float:left;
    width:650px;
	font-size:0.8em;
	line-height:2em;
	margin:0 0 10px 45px;
	text-align:left;
}
#bodytext fieldset, #rooms fieldset
{
    border:solid 1px #800000;
    padding:15px 15px 15px 15px;
    margin:0 0 10px 0;
    font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    width:100%;
}
#bodytext legend, #rooms legend{
    border:solid 1px #800000;
    font-size: 12px;
    font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    padding: 0 10px;
}

.detailsWrap{
margin: 0 auto 0 10px!important;
margin:0 auto 0 -30px;
}



#keypoints{
    float:left;
    padding: 5px 10px 5px 5px;
	margin: -100px auto 0 465px!important;
	margin: -100px auto 0 253px;
    width:245px;
    border: solid 1px #800000;
}
#keypoints h3{
	padding:5px 0 5px 10px;
	width:240px;
    background-color:#800000;
	color:#FFF;
	margin:0 auto 15px auto;
}
#keypoints ul{
	margin:10px 0;
}
#keypoints li{
    list-style:none;
	font-size:0.8em;
	margin:2px 6px 2px 6px;
}

    #rooms dt{
        font-weight:bold;
    }
	
#images
{
    float:left;
    padding: 20px 65px 0 45px;
    width:650px;
	height:auto;
}    

.mainthumb, .roomthumb{
    float:left;
	padding:20px;
}

.images ul{
    margin:0;
    padding:0;
}

.images li{
    clear:none;
    float:left;
    list-style:none;
}

.mainimg{
    border: solid 5px #ccc;
    float:left;
	margin-left:50px;
}

.land_images{
	font:Verdana, Arial, Helvetica, sans-serif italic;
	text-align:center;
}

.land_images img{
	padding-bottom:15px;
	padding-top:25px;
}

.about_images{
	font:Verdana, Arial, Helvetica, sans-serif italic;
	text-align:center;
	margin:0 auto;
}

.about_images img{
	margin:0 auto;
	padding-bottom:15px;
	padding-top:25px;
	padding-left:50px;
	float:left;
}
/***************************************************************************************************/
/* http://diner.designsnack.com/viewtopic.php?id=58 */
#lightbox{
    position: absolute;
    margin-top: 40px;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0%;
    }

#lightbox a img{ border: none; }

#outerImageContainer{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    }

#imageContainer{
    padding: 10px;
    }

#loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0%;
    }
#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    background: transparent url(../../../images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
    }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}

#prevLink:hover {background: url(../../../images/prev.gif) no-repeat; background-position:center;background-position:left;}
#prevLink:visited:hover {background: url(../../../images/prev.gif) no-repeat; background-position:center;background-position:left;}

#nextLink:hover {background: url(../../../images/next.gif)  no-repeat; background-position:center; background-position:right;}
#nextLink:visited:hover {background: url(../../../images/next.gif) no-repeat; background-position:center; background-position:right}


#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    }

#imageData{
    padding:0 10px;
    }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }   
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}           
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}   
       
#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000000;
    }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
   
* html>body .clearfix {
    display: inline;
    width: 100%;
    }

* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%;
    /* End hide from IE-mac */
    }    
	
	.price{
	margin-left:40px;

	}



#whichForm{
width:231px;
height:25px;
margin: 0 auto 0 565px;
}


#whichForm ul{
display:inline;
list-style:none;
margin: 0 auto;
padding:0;
}

#whichForm li{
display:inline;
list-style:none;
float:right;
margin: 0 auto;
padding:0;
}

#propSubNav{
width:279px;
height:25px;
margin: 0 auto 0 517px;
}


#propSubNav ul{
display:inline;
list-style:none;
margin: 0 auto;
padding:0;
}

#propSubNav li{
display:inline;
list-style:none;
float:right;
margin: 0 auto;
padding:0;
}

