/*----browser clearsets and some general typo tag setting------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font,
ins, kbd, q, s, samp,small, strike, strong, tt, var,dl, dt, dd, 
fieldset, legend, 	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	
{	
font-style: inherit;	
font-size: 100%;	
font-family: inherit;	
vertical-align: top;
}

body { color: #666666;	
	font:12px Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 0px;	
	padding: 0px;
	background-color:#2d2928;
	}


table {	border-collapse: collapse;	border-spacing: 0;}
caption, th, td {	text-align: left;	
font-weight: normal;
}

p, td, ul, li, ol, h1, h2, h3, h4, h5, input {
	font:12px Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif;
	line-height: 16px;
	}		

p {
	margin: 0 0 10px 0;
	}

ul, li {
	list-style-image: url(../../Images/VH_V2/images/listings.png)  ;
	margin: 0px 0 0 10px;
	padding: 0px;
	text-decoration :none;
	color:#666;
	}
	
ul, a {
	 text-decoration :none;
	color:#666;
	}
img {border:0px
     }

img.lefty {
float:left;
margin:5px;
}
img.tn {
background:url(tn_border.gif) no-repeat;
padding:12px 17px 12px 17px;
}
img.lefty_tn {
background:url(tn_border.gif) no-repeat;
float:left;
margin:5px;
padding:12px 17px 12px 17px;
}
p.strong {
font-weight:bold;
}
	
h1 {
	color: #890b15;
	font:bold 20px Calibri, Century Gothic, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 5px;
	margin-top: 5px;
	}
	
h2 {
	color: #ff9900;
	font:bold 13px Century Gothic, Verdana, Helvetica, sans-serif;
	display:block;
	border:4px solid #005596;
	border-bottom:none;
	border-top:none;
	border-right:none;
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
	background-color:#f8f8f8;
	
	}
	
h3 {
	font: bold 12px Century Gothic, Verdana, Helvetica, sans-serif;
	color:#ac2f2f;
	margin:0 0 0 0;
	padding:0;
	}
h7 {
	font: bold 10px Century Gothic, Verdana, Helvetica, sans-serif;
	color:#ac2f2f;
	margin:0 0 0 0;
	padding:0;
}
h4 {
	font: bold 16px Century Gothic, Verdana, Helvetica, sans-serif;
	 text-align:center ;
	color:#990000;
	margin:0 0 0 0;
	padding: 5px 0 0 0;
	}
h5 {
	color: #890b15;
	font:bold 20px Calibri, Century Gothic, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
h6 {
	color: #890b15;
	font:bold 16px Calibri, Century Gothic, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 5px;
	}
	.agentJobTitle {
	font: 12px Century Gothic,  Helvetica, sans-serif;	
	font-style:italic;  
	margin:0 0 0 0;
	padding:0;
}
#blank {height: 20px;
        }
#AreaPanel
{
	font: bold 12px Century Gothic, Verdana, Helvetica, sans-serif;
	 text-align:center ;
	color:#990000;
}
#AreaPanel a
{
	font: bold 12px Century Gothic, Verdana, Helvetica, sans-serif;
	 text-align:center ;
	color:#990000;
}
#NamePanel
{
	font: bold 12px Century Gothic, Verdana, Helvetica, sans-serif;
	 text-align:center ;
	color:#990000;
}
#NamePanel a
{
	font: bold 12px Century Gothic, Verdana, Helvetica, sans-serif;
	 text-align:center ;
	color:#990000;
}
#searchBox
{  margin-bottom:5px;
   border: 1px solid #cccccc; padding:1px;
   width:250px;
   background-color:White ; 
}
#searchTable td 
 {
	font:11px  Arial, Century Gothic, Verdana,Helvetica, Geneva, sans-serif;
	line-height: 16px;
	}
#searchTable input.normal
 {
	font:11px  Arial, Century Gothic, Verdana,Helvetica, Geneva, sans-serif;
	line-height: 16px;
	}
#searchTable select
 {
	font:11px  Arial,Century Gothic, Verdana, Helvetica, Geneva, sans-serif;
	width:150px;
	}
select.testpres 
 {
	font:10px  Arial, Century Gothic, Verdana,Helvetica, Geneva, sans-serif;
	width:250px;
	background-color:red; 
	}
		
		



/*----bodyframe setting------*/

	#wrapper {
	margin: auto;
	width: 980px;
	height:auto;
	background-color:#ffffff;
	border:4px solid #ffffff;
	}
	
		
#contentbox {
	margin:0px;
	padding:0px;
	background-color:#f6f6ea;
	width:980px;
	height: auto;
	}
	
	
	#contentbox2 {
	margin:0px;
	padding:0px;
	background-color:#f6f6ea;
	width:701px;
	height:auto;
	}
	
	
	#footer, #footer p {
	width: auto;
	height:auto;
	padding:2px;
	background-color: #f6f6ea;	
	text-align: center ;
	font: 9px Century Gothic,  Arial, Helvetica, Geneva, sans-serif;
	}
	
#endfooter {
	text-align:center;
	}
	
#header_content {
	background-color: #F6F6EA;
	padding: 0px;
	margin: 0px;
	width: auto;
	height: auto;
}

#main_content_box {
	float:left;
	background-color: #F6F6EA;
	padding: 0px;
	margin: 0px;
	width: 980px;
	height: auto;
}

#left_content_box {
	float:left;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 10px 5px 10px 10px;
	width: 235px;
	height: auto;
}

#right_content_box {
	float:left;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px 10px 10px 5px;
	width: 720px;
	height: auto;
}

#project_left_content_box {
	float:left;
	padding: 0px 0 0 0;	
	margin: 5px 5px 10px 2px;
	width: 235px;
	height: auto;
	background: url(../../images/vh_v2/images/left_content.jpg) repeat-y;

}


#project_right_content_box {
	float:right;
	background-color: #F6F6EA;
	padding: 0px;
	margin: 0px 10px 10px 10px;
	width: 710px;
	height: auto;
}
#forSale {
	float:left;
	padding: 0px;
	height: auto;
	width: 250px;

}

#forRent {
	float:right;
	padding: 0px;
	height: auto;
	width: 250px;
}


.right_content_box_1 {
	float:left;
	background-color: #ffffff;
	padding: 20px;
	margin: 0 0 10px 0;
	width: 194px;
	height: auto;
	border:1px solid #cccccc;
}

#search_fields {
	float: right;
	padding: 13px 0 0px 0;
	margin: 0px;
	width: 320px;
	vertical-align:top;

}


#search_spore_prop {
	float: left;
	padding: 13px 0 0px 0;
	margin: 0px 0px 20px 0px;
	width: 700px;
	height:auto;
	vertical-align:top;
	border:1px solid #cccccc;
	background:url(../../Images/VH_V2/images/search_prop_spore.gif) repeat;

}

#ImageScroller_FullSizeImage_Outer
{
	background:url(flash_frame.png) repeat;
 }


#featured_spore_prop {
	float: left;
	padding: 13px 0 13px 0;
	margin: 0px 0px 20px 0px;
	width: 700px;
	height:auto;
	vertical-align:top;
	border:1px solid #cccccc;
	background:#ffffff;

}

#latestNews {
	float: left;
	padding: 10px 10px 10px 10px;
	width: 675px;
	height:auto;
	border:1px solid #cccccc;
	background:#ffffff;
	
}
#latestNewsSummaryContent {
	float: left;
	padding: 10px 10px 10px 10px;
	width: 675px;
	height:auto;	
}
#rightPanelsummary {
	float: left;
	padding: 10px 10px 10px 10px;
	width: 650px;
	height:auto;
	border:1px solid #cccccc;
	background:#ffffff;
	
}
#search_spore_prop_fields {
	padding: 20px 50px 20px 50px;
	height:auto;
}




#latest_dev {
	float: left;
	padding:10px;
	width: 350px;
	height:auto;
	background:#ffffff;
	border:1px solid #cccccc;

}

#pop_condo {
	float: left;
	padding: 10px;
	margin:0 0 0 6px;
	width: 300px;
	height:auto;
	background:#ffffff;
	border:1px solid #cccccc;
}
#links{
	float: left;
	padding: 10px 0 0px 0;
	margin: 0px 0px 0 10px;
	width: 730px;
	text-align:right;
}
#links p{
	color: #fff;
	font: 18px Calibri, Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight:bold;	
}
.ProjectNameTitle
{
	clear:both;
	float: right;
	color: #890b15;
	font:bold 24px Calibri, Century Gothic, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight:bolder ;	
}
.menulinks
{
	clear:both;
	padding: 20px 0 0px 0;
	margin: 0px 0px 0 15px ;
	width: 700px;
	text-align:right;
}
li.nav{
	color: #fff;
	font: 14px Arial, Calibri, Century Gothic, Verdana,  Helvetica, Geneva, sans-serif;
	font-weight:bold;
	padding:0px 0 0 0;
	margin: 0 10px 0 10px;
	list-style-image: none;
	list-style: none;
	float:left;
	text-align:right;
	display:block;
}

li.nav a{
	color: #fff;
	font: 14px Arial, Calibri, Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight:bold;
	list-style-image: none;
	list-style: none;
	float:left;
	text-align:right;
	display:block;
	text-decoration:none;
}


#logo {
	float: left;
	margin:0 0 0 20px;
	height: 57px;
	width:auto;
}


#header_links 
{
  
	background:url(../../Images/VH_V2/images/Links_BG.gif) repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 980px;
	height: 114px;
}


input.search {
	border:1px solid #809db9;
	padding:2px;
	margin:0 5px 0 0 ;
	background-color:#;
	color:#c1c1c1;
	text-decoration: none;
	font: 9px Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif;
}	

input.normal,  {
	border:1px solid #809db9;
	padding:2px;
	margin:0 5px 0 0 ;
	background-color:#;
	color:#c1c1c1;
	width:150px;
	text-decoration: none;
	font: 9px Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif;
}	

input.size {
	border:1px solid #809db9;
	padding:2px;
	margin:0 5px 0 0 ;
	background-color:#;
	color:#c1c1c1;
	width:50px;
	text-decoration: none;
	font: 9px Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif;
}	

select {
	border:1px solid #809db9;
	padding:1px;
	margin:0 5px 0 0 ;
	background-color:#;
	color:#666666;
	text-decoration: none;
	font: 9px Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif;

}
.fileterDropdown {
	border:1px solid #809db9;
	padding:1px;
	margin:0 5px 0 0 ;
	background-color:#;
	color:#666666;
	text-decoration: none;
	font: 11px Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif;

}
 #ImageScroller_ThumbsInner
        {
            visibility: hidden;
        }
#loading
{
    position: absolute;
    left:350px;
    top: 70%;
    z-index: 10;
}
 .latestNewsPanel {
	float: right;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	width: 670px;
	height:auto;
	border:1px solid #cccccc;
	background:#ffffff;
	
}   
.listingsSection
{
	border:solid 1px #E9E9CD; 
	height:auto; width:600px;  
	border-left:solid 1px #CCCCCC;
	margin-top:10px; margin-bottom:5px;
 }
 .listingsForRentForSale
{
	height:auto;
	width:250px;
	margin-top:2px;
	margin-bottom:2px;
 }
 .listingsTitleText
 { 
   font-weight:bold;
   font-size:11pt;
   font-family:Century Gothic, Arial;
   margin-top:10px; 
   margin-bottom:0; }
  .listingsContentBold
 { 
   font-weight:bold;
    }   
.listingsHeader
{
    border: 1px ;
    color: white;
    font-size:12pt;
    background-color:#E9E9CD; 
    padding: 5px;
    margin-top: 0; 
   font-weight:bold;
   text-decoration: none;
}
.listingsHeader:link
{
	color: white;
	text-decoration: none;
}
.listingsHeader:visited
{
		color: white;
		text-decoration: none;
}
.listingsHeader:hover
{
		color: white;
		text-decoration: underline;
}
.listingsHeader:active
{
		color: white;
		
}
.listingsContent
{
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-left: 0px;
	width:100%;
	background-color: #F1EFE4;
	border: 1px solid #CCCCCC;
}  
#datapager
        {
            text-align: right;
            font-family: Century Gothic, Arial, Helvetica, sans-serif;
            color: #890b15;
            font-size: small;
        }
.PagerNormal
{
	font: 9pt Century Gothic, Arial, Helvetica, sans-serif;
	color: #890b15;
	border: solid 1px gray;
	padding: 1px 4px;
	text-decoration:none;
}
.PagerCurrent
{
	font: 9pt Century Gothic, Arial, Helvetica, sans-serif;
	border: solid 1px gray;
	color: #890b15;
	padding: 1px 4px;
	background-color: #DFDADE;
}
.txtwatermark{
	font: 9pt Century Gothic, Arial, Helvetica, sans-serif;
	color: #DFDADE;
}	
.projectNames
{
	font: 9pt Century Gothic, Arial, Helvetica, sans-serif;
	color: #890b15;
}
.directoryTitle
{
	font: 9pt Century Gothic, Arial, Helvetica, sans-serif;
	color: #890b15;
	font-weight:bold ; 
}
	
.projectnameTitle {
	color: #890b15;
	font:bold 22px Calibri, Century Gothic, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	}
	
#Projectflash {	
	padding: 35px 20px 20px 110px;
	}
#ImageScroller_LeftPanel { background:url(../../Images/VH_V2/images/virtual_tour_frame.png) no-repeat;
                          width:558px;
                           height:323px;
                          margin: 0px 0px 0px 85px;}
#HeaderBanner
{
background:url(../../Images/VH_V2/images/bg.png) no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.photos {
	overflow: hidden;
	border: 0px solid #f0f0f0;
	padding: 0px;
	width: 550px;
	margin: 0 auto;
}
img { border: none;}
.photos div img {
	float: left;
	margin: 2px 10px 2px 30px;
	border: 0px solid #888;
}
.photos ul.thumbs {
	margin: 0;
	padding: 0 10px 0 0px;
	list-style: none;
	width: 550px;
	float: left;
}
.photos ul.thumbs li{
	width: 100px;
	height: 75px;
	margin: 15px 15px 0 0;
	padding: 0;
	float: left;
	position: relative;
	border: 10px solid #ddd;
	text-align: center;
}
.photos ul.thumbs li:hover {
	border: 10px solid #888;
}
.photos ul.thumbs li img {
	position: absolute;
        top: 0px;
        left: 0px;
    }
.LinkToHome  
    {clear:both;
     text-align:center;
     font-family:Arial;
     font-weight:bold;
     font-style:italic;
     font-size:14px;   
     margin: 10px 5px 10px 5px;
     background-repeat:repeat-x;
     background-color:#4D0604;
    padding: 5px 0px 5px 0;
    }
    .LinkToHome  a
    {
     color:White;
    }
    
    .newLaunches_div {
	float: left;
	padding: 10px 10px 10px 15px;
	height:auto;
	width: 550px;
	background:#ffffff;
	border:1px solid #cccccc;

}
.agentHeader
	{	color: #890b15;
		font:bold 20px Calibri, Century Gothic,  Helvetica, sans-serif;
		font-style: normal;
		font-weight: normal;
		margin-bottom: 0px; 
		border-bottom:   dotted 1px #999;
	}
	.ListingShortInfo
	{	color: Black;
		font:bolder 16px Calibri, Century Gothic,  Helvetica, sans-serif;
		font-style: normal;
		font-weight:bolder;
		margin-bottom: 0px; 
	}
	.ListingAreaShortInfo
	{	color: Black;
		font:bolder 14px Calibri, Century Gothic,  Helvetica, sans-serif;
		font-style: normal;
		font-weight:bolder;
		margin-bottom: 0px; 
	}
.agentName {
	font: bold 16px Century Gothic,  Helvetica, sans-serif;	
	margin:0 0 0 0;
	padding:0;
	}
	
	.callhp {
	font: bold 16px Century Gothic,  Helvetica, sans-serif;
	 text-align:left ;
	color:#890b15;
	margin:0 0 0 0;
	padding: 0px 0 0 0;
	}
	.btnMaroon {
font: bold 9px Century Gothic,  Helvetica, sans-serif;
color:#ffffff;
background-color:#890b15;
padding: 5px 5px 5px 5px;
}
.agentAboutMeHeader
	{	font:bold 25px Calibri, Century Gothic,  Helvetica, sans-serif;
		font-style: normal;
		font-weight: normal;
		margin-bottom: 0px; 
		border-bottom:   solid 2px #999;
	}
	.menulistingslinks
{
	clear:both;
	padding: 5px 0 5px 0;
	margin: 5px 0px 10px 0px ;
	width: 548px;
	text-align:right;
	background-color:Black; 
	height:16px;
	color:#ffffff;
}
.bluelink-new,.bluelink-new a{color:#2856a1;font-size:12px;font-weight:bolder;text-decoration:none;border-bottom:1px dotted #bbb;}
.bluelink-new:hover{color:#EF0404;font-size:12px;font-weight:bolder;}
.bluelink-new a:link{color:#2856a1;font-size:12px;font-weight:bolder;text-decoration:none;border-bottom:1px dotted #bbb;}
.bluelink-new a:visited{color:#2856a1;font-size:12px;font-weight:bolder;text-decoration:none;border-bottom:1px dotted #bbb;}
.grayarrow{ clear:both; list-style-type:none;}
.grayarrow li{padding-bottom:5px;padding-left:10px;background:url(../../Images/VH_V2/images/listtri.gif) no-repeat 0 4px;}

.top10{padding-top:10px;}
.blistingitem-new{float:left;width:678px;padding:10px 0 5px 0; margin:5px 0 5px 0;border :#ccc 1px solid;}
.listingpic-new{float:left;width:130px;margin-left:10px;}
.listingpic-new img{padding:1px;border:1px solid #ccc;}
.listinginfo1-new{float:left;margin:0 5px 0 15px;width:320px;}
.listinginfo1-new div{padding-bottom:5px;padding-top:0px;}
.listinginfo2-new{float:right;margin:0;width:170px; height:auto;}
.blprice-new{width:165px;
             text-align:left;font-family:Arial,Helvetica,sans-serif;
             font-weight:bold;font-size:11px;}
.listingbtn-new{float:left;font-weight:bold;font-size:11px;
                margin-top:0px;margin-right:5px;text-align:left;}	
.left10{padding-left:10px;}
.floatleft{float:left;}.floatright{float:right;}
.bathroomicon,.bedroomicon
{width:35px;height:18px;padding-left:8px;padding-top:3px;float:left;
	text-align:left;font-weight:bold;line-height:14px;}
.bathroomicon2,.bedroomicon2{width:35px;height:17px;padding-left:12px;padding-top:3px;float:right;
                             text-align:left;font-weight:bold;line-height:14px;}
.btnsmall a{line-height:14px;color:#333;font-size:10px;font-weight:bold;text-decoration:none;}
.btnsmall a:hover{color:#dd404D;}
.right10{padding-right:10px;}
.clearboth{clear:both;line-height:1px;font-size:1px;}
 .l_agent{font-size:11px;font-style:italic;}
.btnsmallEnding{float:left;background:url(../../Images/VH_V2/images/btnendingsmall.gif) no-repeat;width:10px;height:20px;}

.FormContentRight
{  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold ;
	color: #757575;
	text-align:right;  
	}
	.FormContentLeft
{  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #757575;
	text-align:left ; 
	}
.FormContentTitleBold
{  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold ;
	font-style:italic;  
	color: #757575;
	text-align:left;  
	}
	/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#F7F7F7;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}