/*We will use the fck now for our typography since it is used in Backstage, makes more sense. */

@import url("/css/fck_editorarea.css");
@import url("/css/fancybox.css");
@import url("/css/coda-slider-2.0.css");

/*Layout*/
body{
	background: #fff url(/images/patternBG.gif) 0 0 repeat-x;
}
.siteWrapper{
	position: relative;
	background: url(/images/wrapperBG.png) 0 0 no-repeat;
	width: 1003px;
	min-height: 658px;
	margin: 0 auto;
}
.container{
	position: relative;
	background: #fff;
	width: 961px;
	min-height: 658px;
	margin: 0 auto;
}
.logoArea{
	position: relative;
	float: left;
	width: 296px;
	height: 186px;
	background: url(/images/logoAreaBG.png) 0 0 no-repeat;
	padding: 50px 30px;
}
.intLogoArea{
	position: relative;
	float: left;
	width: 210px;
	height: 93px;
	background: url(/images/logoAreaBG.png) center -50px no-repeat;
	padding: 20px 30px;
}
.imgRotation{
	position: relative;
	float: left;
	background: white;
	width: 605px;
	height: 286px;
	overflow: hidden;
}
.intheaderImage{
	position: relative;
	float: left;
	width: 691px;
	height: 133px;
	overflow: hidden;
}
.searchHolder{
	position: relative;
	margin-top: 45px;
}
.searchContainer
{
	position:absolute; z-index: 445; right: 44px; top: 0px;
}
.search_results{
	background:#fff;
	display:none;
	position:absolute;
	width:230px;
	z-index: 555;
	border:1px solid #D8D8D8;
	border-top: none;
}
.search_results .search_title{
	font-size: 12px;
	color: #1c5d87;
	height: 30px;
	line-height: 30px;
	display: block;
	font-family: Droid sans;
	font-weight: bold;
	padding: 0 10px 0 35px;
}
.search_results ul{
	padding: 0 0 3px 0;
}
.search_results ul li{
	list-style: none;
}
.search_results ul li a{
	width: 210px;
	padding: 0px 10px;
	font-family: Droid sans;
	color: #515154;
	display: block;
	line-height: 21px;
}
.search_results ul li a:hover{
	color: #1DA149;
}
.search_result_1{background: url(/images/buyingAHomeIcon.png) no-repeat 10px center #CED0D3;}
.search_result_2{background: url(/images/newCustomeHomeIcon.png) no-repeat 10px center #CED0D3;}
.search_result_3{background: url(/images/mexican-flag.png) no-repeat 10px center #CED0D3;}
.search_result_4{background: url(/images/neighborhoodIcon.png) no-repeat 10px center #CED0D3;}
.search_result_5{background: url(/images/new-icon.png) no-repeat 10px center #CED0D3;}

#result_title_1{background: url(/images/buyingAHomeIcon.png) no-repeat 4px 6px #fff;}
#result_title_2{background: url(/images/newCustomeHomeIcon.png) no-repeat 4px 6px #fff;}
#result_title_3{background: url(/images/mexican-flag.png) no-repeat 4px 6px #fff;}
#result_title_4{background: url(/images/neighborhoodIcon.png) no-repeat 4px 6px #fff;}
#result_title_5{background: url(/images/new-icon.png) no-repeat 4px 6px #fff;}

ul#view_all{
	padding: 0;
}
ul#view_all a{
	color:#1DA149;
	display:block;
	font-family:Droid sans;
	font-size:12px;
	font-weight:bold;
	text-align: right;
	height:30px;
	line-height:30px;
	padding:0 10px 0 35px;
	background: #CED0D3;
}

.seach_result_title{
	color:#1C5D87;
	display:block;
	font-family:Droid sans;
	font-size:18px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	padding: 0 0 0 35px;
	margin: 28px 0 0 0;
}
.search_holder{
	margin: 7px 0 0 0;
	padding: 4px 4px 15px 4px;
}
.search_holder span{
	color:#1C5D87;
	font-size:14px;
	font-weight:bold;
}
.search_holder p{
	line-height: 19px;
}
.search_listing{
	border-bottom: 1px solid #ccc;
}
.search_listing ul li{
	list-style: none;
	font-family: Droid sans;
}
.search_listing ul li a{
	color: #1DA149;
}
.search_listing ul li strong{
	font-family: Droid sans;
	color: #57575A;
	font-size: 12px;
}
.search_listing ul li span{
	font-size: 14px;
	color:#1C5D87;
	font-weight: normal;
}
.footer{
	position: relative;
	width: 100%;
	min-height: 306px;
	overflow: hidden;
	background: #b3b7b9 url(/images/footerBG.gif) 0 0 repeat-x;
}
.footerContentContainer{
	position: relative;
	width: 984px;
	margin: 0 auto;
	top: 16px;
	background: url(/images/footerContentBG.png) center bottom no-repeat;
}
.footerTop{
	position: relative;
	width: 901px;
	min-height: 123px;
	border-bottom: 1px solid white;
	background: #e0e7eb;
	margin: 0 auto;
	padding: 18px 30px;
}
.footerBottom{
	position: relative;
	width: 901px;
	height: 94px;
	background: #1d5c87;
	margin: 0 auto;
	padding: 18px 30px;
}
.list{
	position: relative;
	float: left;
	width: 145px;
}
.list ul li, .list ul li a{
	list-style: none;
	font-family: Droid Sans;
	font-size: 10px;
	color: #515154;
	line-height: 18px;
}
.legalCopy{
	position: relative;
	float: left;
	width: 500px;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
	font-family: Helvetica;
	margin-right: 50px;
}
.legalCopy a{
	color: #fff;
	font-size: 10px;
	line-height: 16px;
	font-family: Helvetica;
}
.content{
	position: relative;
	width: auto;
	min-height: 400px;
	top: -15px;
}
.contentLeft{
	position: relative;
	float: left;
	width: 545px;
	min-height: 400px;
	padding: 30px 60px 20px 30px;
}
.contentRight{
	position: relative;
	float: left;
	width: 286px;
	min-height: 400px;
	background: url(/images/decor.png) right 10px no-repeat;
	padding: 30px 40px 30px 0;
}
.full_width{
	padding: 30px 20px 20px 20px;
}
.innerPage{
	position: relative;
	float: left;
	width: 286px;
	min-height: 400px;
	padding: 30px 40px 30px 0;
	background: none;
}
.contentBottom{
	position: relative;
	width: 921px;
	padding: 20px;
}
.contentWide{
	position: relative;
	width: 901px;
	min-height: 400px;
	padding: 30px 30px 20px 30px;	
}
.contentWide ul{
	margin-left: 15px;
}
.contentLeft ul{
	margin-left: 15px;
	width: 170px;
}
.contentBottomLeft, .contentBottomRight{
	position: relative;
	float: left;
	width: 265px;
	min-height: 150px;
	color: #6c5735;
	line-height: 18px;
}
.contentBottomMiddle{
	position: relative;
	float: left;
	width: 269px;
	min-height: 150px;
	margin: 0 50px;
}
.welcome{
	position: relative;
	background: url(/images/welcomeBG.png) 0 0 no-repeat;
	width: 272px;
	height: 210px;
	margin-top: 40px;
	padding: 15px 0 0 15px;
}
.longLine{
	position: relative;
	background: url(/images/longLine.png) 0 0 no-repeat;
	width: 410px;
	height: 1px;
	margin: 0 0 12px 0;
}
.fadeLine{
	position: relative;
	background: url(/images/fadeLine.gif) center right no-repeat #d5cbbc;
	width: 272px;
	height: 1px;
	margin: 0 0 12px 0;	
}
.blueLine{
	position: relative;
	background: url(/images/blue-line.gif) center right no-repeat #c9cfd3;
	width: 272px;
	height: 1px;
	margin: 0 0 12px 0;		
}
.shortLine{
	position: relative;
	background: url(/images/shortLine.png) 0 0 no-repeat;
	width: 271px;
	height: 2px;
	margin: 5px 0 12px 0;
}
.breadCrumbs{
	position: relative;
	float: left;
	color: #4f5052;
	font-family: Droid Sans;
	text-transform: uppercase;
	font-size: 12px;
	width: 425px;
	position: relative;
	margin-top: 15px;
	margin-left: 30px;
	
}
.breadCrumbs a{
	font-family: Droid Sans;
	text-transform: uppercase;
	font-size: 12px;	
}
.infoPacket{
	position: relative;
	float: left;
	width: 205px;
	margin-top: -15px;
	line-height: 18px;
	font-family: Droid Sans;
	cursor: pointer;
	cursor: hand;
}
.googleMap{
	position: relative;
	width: 886px;
	height: 311px;
	border: 6px solid #bab2a5;
	margin-top: 20px;
	margin-bottom: 20px;
}
.listing{
	position: relative;
	width: 856px;
	min-height: 180px;
	border: 1px solid #bab2a5;
	margin: 25px auto;
	padding: 20px;
}
.listingImage{
	position: relative;
	float: left;
}
.listingDetails{
	font-size: 13px;
	float: left;
	position: relative;
	margin: 0 0px 0 25px;
	width: 220px;
}
.listingDesc{
	position: relative;
	width: 390px;
	float: right;
}
.detailBtn{
	position: absolute;
	bottom: 0;
	right: 0px;
	cursor: hand;
	cursor: pointer;
	background: url(/images/viewDetailsBtn.png) no-repeat;
	width: 193px;
	height: 33px;
}
.pageNums{
	position: relative;
	float:right;
	margin-bottom: 30px;
}
.pageNums ul li{
	display: inline;
	list-style: none;
	color: #fff;
	font-family: droid sans;
	margin: 0 5px 0 0;
}
.pageNums ul li a{
	background: #868686;
	padding: 5px 8px;
	color: #fff;
	font-family: droid sans;
}
.pageNums ul li a.currentPageTrue
{
	background: #1DA149;
}
.pageNums ul li a:hover{
	background: #1da149;
}
.iconMenu{
	position: relative;
	float: left;
	margin-right: 20px;
}
.iconMenu img{
	margin-right: 5px;
}
.detailRight{
	position: relative;
	float: left;
	width: 241px;
	margin: 8px 10px 0 0;
	font-size: 14px;
}
.detailLeft{
	position: relative;
	float: left;
	width: 583px;
	height: 447px;
	border: 1px solid #dbdbdc;
	margin: 10px 30px 30px 0;
	padding: 15px;
}
.detailSection{
	margin: 30px 0;
	width: 613px;
	overflow: hidden;
}
.listingContact{
	margin: 10px 0;
	font-size: 14px;
	float: left;
}
.videoThumb{
	position: relative;
	float: right;
	background: #f6f6f6;
	width: 255px;
	height: 63px;
	margin-top: 5px;
	margin-bottom: 10px;
	overflow: hidden;
}
.vt2{
	width: 241px;
	float: left;
}
.videoThumb img{
	border: 1px solid #acacac;
	padding: 1px;
	float: left;
	margin-right: 5px;
}
.playOver{
	position: absolute;
	background: url(/images/playOver.png) 0 0 no-repeat;
	width: 32px;
	height: 32px;
	top: 15px;
	left: 28px;
}
.pdf{
	height: 24px;
	line-height: 24px;
	padding: 0 30px 0 0;
	overflow: hidden;
}
.pdf img{
	float: left;
	margin: 0 7px 0 0;
}
/*Navigation*/
.navBar{
	position: relative;
	width: 901px;
	min-height: 76px;
	background: url(/images/navBG2.png) 0 0 repeat-x #1ba047;
	z-index: 444;
	padding: 0 30px;
}
.navShadow{
	background: url(/images/under-nav-shadow.png) repeat-x;
	width: 961px;
	height: 15px;
}
.aNavName{
	color: #fff;
	font-family: Droid Sans;
	margin-top: -3px;
	text-align: center;
	padding-top: 15px;
	font-size: 13px;
	text-shadow: #434345 1px 1px;
}
#aNavHome{
	width: auto;
	height: 28px;
	float: left;
	position: relative;
	cursor: pointer;
	cursor: hand;
}
.navLOn{
	background: url(/images/navL.png) 0 0 no-repeat;
}
.navROn{
	background: url(/images/navR.png) 0 0 no-repeat;
}
.navL{
	width: 10px;
	height: 28px;
	float: left;
	margin-top: -15px;
}
.navR{
	width: 10px;
	height: 28px;
	float: left;
	margin-top: -15px;
}
.navText{
	float: left;
	color: #fff;
	font-family: Droid Sans;
	font-size: 13px;
	margin: 0 3px;
	*margin: 0 2px;
	text-transform: uppercase;
}
#aNavHome:hover{
	background: #1ba047 url(/images/navOverBG.png) 0 0 repeat-x;
}
#aNavBuyingHome{
	width: auto;
	height: 28px;
	float: left;
	position: relative;
	cursor: pointer;
	cursor: hand;
}
#aNavBuyingHome:hover{
	background: #1ba047 url(/images/navOverBG.png) 0 0 repeat-x;
}
#aNavSellingHome{
	width: auto;
	height: 28px;
	float: left;
	position: relative;
	cursor: pointer;
	cursor: hand;
}
#aNavSellingHome:hover{
	background: #1ba047 url(/images/navOverBG.png) 0 0 repeat-x;
}
#aNavMarketReport{
	width: auto;
	height: 28px;
	float: left;
	position: relative;
	cursor: pointer;
	cursor: hand;
}
#aNavMarketReport:hover{
	background: #1ba047 url(/images/navOverBG.png) 0 0 repeat-x;
}
#aNavCommunity{
	width: auto;
	height: 28px;
	float: left;
	position: relative;
	cursor: pointer;
	cursor: hand;
}
#aNavCommunity:hover{
	background: #1ba047 url(/images/navOverBG.png) 0 0 repeat-x;
}
.navBG{
	background: #1ba047 url(/images/navOverBG.png) 0 0 repeat-x;
}
#aNavAbout{
	width: auto;
	height: 28px;
	float: left;
	position: relative;
	cursor: pointer;
	cursor: hand;
}
#aNavAbout:hover{
	background: #1ba047 url(/images/navOverBG.png) 0 0 repeat-x;
}
#aNavBlog{
	width: auto;
	height: 28px;
	float: left;
	position: relative;
	cursor: pointer;
	cursor: hand;
}
#aNavBlog:hover{
	background: #1ba047 url(/images/navOverBG.png) 0 0 repeat-x;
}
#aNavNews{
	width: auto;
	height: 28px;
	float: left;
	position: relative;
	cursor: pointer;
	cursor: hand;
}
#aNavNews:hover{
	background: #1ba047 url(/images/navOverBG.png) 0 0 repeat-x;
}
#aNavContact{
	width: auto;
	height: 28px;
	float: left;
	position: relative;
	cursor: pointer;
	cursor: hand;
}
#aNavContact:hover{
	background: #1ba047 url(/images/navOverBG.png) 0 0 repeat-x;
}

#menus a:hover{
	color: #004990;
	text-decoration: none;
}
.menus{
	float: left;
	border: none;
	padding: 0 40px;
	width: 881px;
	position: absolute;
	padding: 1px;
	z-index: 888;
	display: none;
	overflow: hidden;
	line-height: normal;
	font-family: Droid Sans;
	background: #1ba047;
	overflow: hidden;
	height: 37px;
}
.navItem{
	color: #fff;
	position: relative;
	float: left;
	overflow: visible !important;
	text-decoration: none !important;
	font-family: Droid Sans;
	white-space: nowrap;
}

.menuExtra .navSubItem{
	color: #ffffff;
	height: 27px;
	overflow: visible !important;
}
.navItemName a
{
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	font-family: Droid Sans;
}
.navItemName{
	color: #cde9f5;
	padding: 9px 0 8px 4px;
	margin: 0;
	font-size: 12px;
	font-family: Droid Sans;
	text-shadow: none;
}
.navItemName a{
	font-size: 12px;
	text-shadow: none;
}
.navItemHover, .navItemName a:hover{
	color: #faf9af;
}
.navItemHover .navItemName{
	color: #fff !important;

	font-size: 12px;
}
.navItemHover .navItemName a{
	color: #faf9af;
	font-family: Droid Sans;
}
#hideNav{
	background: url(/images/arrow-up.png) no-repeat center center;
	bottom:5px;
	width: 20px;	
	height:20px;
	position:absolute;
	right:8px;
	z-index: 999;
	cursor: pointer;
}
.arrowDown{
	background: url(/images/arrow-down.png) no-repeat center center !important;
}
/*End Navigation*/

/*Forms*/
.searchTextBox{
	width: 210px;
	height: 23px;
	line-height: 23px;
	border: 1px solid #d8d8d8;
	padding: 5px 10px;
	float: left;
	margin-right: 7px;
	font-family: inherit;
	color: inherit;
	font-size: 14px;
	background: url(/images/form-field-bg.gif) repeat-x 0 0;
}
.formFields{
	position: relative;
	width: 275px;
	height: 20px;
	background: #fff;
	border: 1px solid #d8d8d8;
	margin: 5px 0;
	padding: 5px 10px;
}
.message{
	position: relative;
	width: 274px;
	background: #fff;
	border: 1px solid #d8d8d8;
	margin: 5px 0;
	padding: 5px 10px;
	font-family: Droid sans;
	font-size: 12px;
}
.Box{
	height: 100px;
}
/*BUTTONS*/
.buttons{
	height: 29px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	text-indent: -999px;
	border: none;
	margin: 10px 0;
	cursor: pointer;
}
.send_contact{
	background: url(/images/send-contact.gif) no-repeat;
	width: 109px;
}
.enviar_contacto{
	background: url(/images/enviarContacto.gif) no-repeat;
	width: 120px;
}
.submit{
	background: #868686;
	width: 80px;
	height: 30px;
	color: #fff;
	font-size: 14px;
	font-family: droid sans;
	font-weight: bold;
	border: 1px solid #333;
}
/*Interior*/
#accordion h5 a{
	color: #6C5735;
	font-family: Droid Sans;
	padding: 0 0 0 8px;
	font-size: 14px;
	font-weight: normal;
}
#accordion h5.ui-state-active a{
	background: url(/images/tiny-arrow.png) no-repeat 0 1px transparent;
}
#accordion ul{

}
#accordion ul li{
	list-style: none;
	padding: 0 0 0 8px;
	font-family: Droid Sans;	
}
#accordion ul li a{
	font-family: Droid Sans;
}
.iconMenu a {
	color: #57575a;
}
#propertyTax table{
	background: #fff;
	border: 1px solid #4f5052;
	width: 100% !important;
}
#propertyTax table tr td {
	border-right:1px solid #ced0d3;
	padding:8px;
	vertical-align:top;
	width:150px;
	font-family: Droid Sans;
	text-align: center;
	color: #1C5D87;
	font-weight: bold;
}
.odd{
	background: #e1e3e5;
}
#propertyTax table tr.tt_header td{
	background: #4f5052;
	border-right:1px solid #4f5052;
	color: #fff;
	font-weight: bold;
	margin: 60px 30px 0;
	height: 40px;
	line-height: 40px;
}
.video_neighborhood{
	font-family: Droid sans;
	font-size: 12px;
}
.videoImage{
	float: left;
}
#community_nav h5 a{
	padding: 0 0 15px 15px;
	text-decoration: none;
	display: block;
}
#community_nav h5 a:hover{
	background: url(/images/green-arrow.gif) no-repeat left 5px;
}
#spanish_contact tr td{
	width: 300px;
}

/*Accordion*/
#acc_wrap {
	width: 272px;
	margin-left: auto;
	margin-right: auto;
}

.accordionButton {
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
	width: 272px;
	color:#6C5735;
	font-family:Droid Sans;
	font-size:14px;
	font-weight:normal;
	padding:2px 0 2px 8px;
}
	
.accordionContent {	
	width: 272px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: #fff;
	padding:0 0 3px 8px;
	color: #1DA149;	
	font-family:Droid Sans;	
}
.on {
	background:url("/images/tiny-arrow.png") no-repeat scroll 0 center transparent;
}
	
.over {
	background:url("/images/tiny-arrow.png") no-repeat scroll 0 center transparent;
}
.hiddenField{
	display: none;
}

#fancybox-inner div{ overflow: hidden; }
