/* HOMEPAGE STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	#logohp { position:absolute; top:40px; left:10px; text-indent:-3000px; overflow:hidden; width:326px; height:106px; }
		#logohp a { width:326px; height:106px; display:block; background:url(../images/buttons/logo.gif) no-repeat 0 0; }
		#logohp a:hover { background-position: 0 -106px; }

/* Login links */
	#loginlinks{ position:absolute; top:0; right:10px; z-index:20; list-style:none; }
		#loginlinks li{ float:left; margin:0 0 0 7px; padding:0 0 0 10px; background:url(../images/divider.gif) no-repeat 0 4px; }
		#loginlinks li.first{ margin:0; padding:0; background:none; }
			#loginlinks li a{ font-weight:bold; color:#4b4b4d; }

/* SEARCH BOX */
	#searchbox{ float:left; position:absolute; top:200px; left:0; width:1000px; overflow:hidden; }
	#searchtype{ list-style:none; padding:0; margin:0; height:123px; width:1000px; background:url(../images/bg_searchtype.gif) repeat-x bottom left; }
	#searchtype li{ float:left; margin:0; padding:0; overflow:hidden; text-indent:-3000em; text-align:left; height:123px; }
		#searchtype li a { display:block; height:123px; margin:0; padding:0; background:url(../images/searchtabs.gif) no-repeat; }
		#searchtype .buysearch a{ width:211px; background-position:0 0; margin:0 1px 0 0; }
		#searchtype .buysearch a:hover{ background-position:0 -123px; }
		#searchtype .buysearch a.selected{ background-position:0 -246px; }
		#searchtype .rentsearch a{ width:245px; background-position:-211px 0; margin:0 1px 0 0; }
		#searchtype .rentsearch a:hover{ background-position:-211px -123px; }
		#searchtype .rentsearch a.selected{ background-position:-211px -246px; }
		#searchtype .roomsearch a{ width:542px; background-position:0 -369px; }
		#searchtype .roomsearch a:hover{ background-position:0 -492px; }
		#searchtype .roomsearch a.selected{ background-position:0 -616px; }

/* Search */
	#searchbox form{ float:left; margin:0; padding:0; width:1000px; height:111px; position: relative; background:url(../images/bg_searchbox.gif) no-repeat bottom left; }
		#searchbox fieldset{ float:left; width:1000px; border:0; margin:0; padding:10px 0 0 0; }
			#searchbox legend{ display:none; }
			#searchbox form{ padding:0 0 0 210px; }
			#searchbox .sinput{ width:418px; height:49px; float:left; font-size:1.6em; margin:0 10px 10px 0px; padding:0 10px; background:url(../images/input_bg_hp.gif) no-repeat 0 0; }
			#searchbox .sinput input{ border:0; padding:11px 0 0 5px; margin:0 0 10px 0; width:410px; font-weight:bold; color:#d0d0d0; }
			#searchbox .sinput input:focus { color:#4d4d4d; }
			#searchbox .sbutton{ float:left; margin:-1px 0 0 0; width:137px; height:53px;  }
			#searchbox .sbutton input{ border:0; padding:0; margin:0; width:137px; height:53px; text-indent:-3000em; overflow: hidden; background: url(../images/buttons/searchbutton.gif) no-repeat 0 0; }
			#searchbox .sbutton input:hover { background:url(../images/buttons/searchbutton.gif) no-repeat 0 -53px; }
			#searchbox .sbutton input:focus { background:url(../images/buttons/searchbutton.gif) no-repeat 0 -53px; filter: alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
		#searchbox p{ clear:both; color:#fff; font-size:0.9em; float:left; width:700px; }

/* CTA wrap */
	.ctawrap{ position: absolute; top:465px; left:0; width:1000px; }
		.ctawrap div{ float:left; width:317px; height:188px; text-indent:-3000em; overflow:hidden; }
			.ctawrap div a{ float:left; width:317px; height:188px; display:block; }
			.ctawrap div a:hover{ background-position: 0 -188px; }
	
	.ctaSell{ margin:0 35px 0 -19px; }
		.ctaSell a{ background:url(../images/buttons/cta_sell.gif) no-repeat 0 0; }
	
	.ctaRent{ margin:0 31px 0 0; }
		.ctaRent a{ background:url(../images/buttons/cta_rent.gif) no-repeat 0 0; }
		.ctaRoom a{ background:url(../images/buttons/cta_room.gif) no-repeat 0 0; }
	
	.ctawrap div a:hover{ background-position: 0 -188px; }

/** Start of Trunk **/

	#leftcolhp{ float:left; width:365px; margin:0 18px 15px 0; }
		#leftcolhp .strong, #leftcolhp a{ font-weight:bold; }
		
	#centercolhp{ float:left; width:300px; }
	
/* Homepage featured property */
	.featuredProperty{ width:270px; height:295px; float:left; background:url(../images/bgboxfprop.gif) no-repeat 0 0; margin:0 0 15px 0; padding:15px; text-align:center; }
		.featuredProperty h3{ height:21px; background:url(../images/title_featuredforsale.gif) no-repeat top center; margin:0 0 8px 0; }
		.featuredProperty .img{ height:154px; padding:9px 10px 11px 10px; background:url(../images/bg_imgframe_fprop.gif) no-repeat top center; margin:0; }
		.featuredProperty .bigbutt_viewprop{ text-align:center; }
			.featuredProperty .bigbutt_viewprop a{ height:39px; display:block; background:url(../images/buttons/bigbutt_viewprop.gif) no-repeat center 0; }
			.featuredProperty .bigbutt_viewprop a:hover{ background-position: center -39px; }

/* Tour panel */

	.ctaBlog{
		float:left;
		width:300px;
		height:154px;
		text-indent:-3000em;
		overflow:hidden;
	}
	.ctaBlog a{
		float:left;
		width:300px;
		height:154px;
		display:block;
		background:url(../images/cta_blog.gif) no-repeat 0 0;
	}
	.ctaBlog a:hover{
		background-position: 0 -154px;
	}
	
	#rightcolhp{ float:right; width:300px; }

	.ctaRegister{ float:left; width:300px; height:154px; text-indent:-3000em; margin:0 0 15px 0; overflow:hidden; }
		.ctaRegister a{ float:left; width:300px; height:154px; display:block; background:url(../images/buttons/cta_register.gif) no-repeat 0 0; }
		.ctaRegister a:hover{ background-position: 0 -154px; }

/* Savings calculator */

	#comSavings{ width:270px; height:295px; float:left; background:url(../images/bgboxsavings.gif) no-repeat 0 0; margin:0 0 15px 0; padding:15px; }
	#comSavings .titleSavings{ height:41px; background:url(../images/title_savings.gif) no-repeat 0 0; margin:0 0 10px 0; }
	#comSavings form{ margin:0; padding:0; float:left; }
	#comSavings fieldset{ border:0; }
	#comSavings legend{ display:none; }
	#comSavings .csinput{ float:left; margin:0 0 5px 0; padding:0; width:100%; font-weight: bold; }
	#comSavings .csinput label{ float:left; width:130px; font-size:12px; margin: 0; }
	#comSavings .csinput p{ padding:2px; margin:0; font-size:12px; width:135px; color:#1c96b9; float:right; }
	#comSavings .csinput input{ border:1px solid #1c96b9; padding:2px; margin:0; font-size:12px; width:115px; color:#6a6a6a; }
	#comSavings .csinput input:focus { color:#4d4d4d; }
	
	#comSavings .csbutton{ float:left; width:270px; margin:10px 0 15px 0; }
	#comSavings .csbutton input{ border:0; padding:0; margin:0 7px 0 0; width:151px; height:37px; float:right; text-indent:-3000em; overflow:hidden; background:url(../images/buttons/bigbutt_update.gif) no-repeat 0 0; }
	#comSavings .csbutton input:hover { background:url(../images/buttons/bigbutt_update.gif) no-repeat 0 -39px; cursor:pointer; }
	#comSavings p{ clear:both; font-size:12px; line-height:1.2em; }

/* Tweet tweet */	
	#birdy{ position:absolute; top:33px; right:0; margin:0; z-index:10; text-indent:-3000px; overflow:hidden; width:524px; height:161px; background:url(../images/tweetybird.gif) no-repeat 0 0; }
	
/* blog news */
	.homenews{ float:left; width:100%; margin:-30px 0; padding:0 0 10px 0; font-size:12px; }
	.homenewsArticle{ float:left; width:235px; padding:5px 12px 15px 12px; height:125px; line-height:1.3em; }
	.homenewsArticle a{ font-weight:bold; }
	.homenewsH2{ margin:0; padding:10px 0; font-weight:bold; font-size:21px; border-top:1px solid #e2e2e2; }
	.firstNews{ padding:5px 12px 15px 0; }
	.lastNews{ padding:5px 0 15px 12px; }

/* Logo HP  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	#logohp { position:absolute; top:40px; left:10px; text-indent:-3000px; overflow:hidden; width:326px; height:106px; }
		#logohp a { width:326px; height:106px; display:block; background:url(../images/buttons/logo.gif) no-repeat 0 0; }
		#logohp a:hover { background-position: 0 -106px; }