f@charset "utf-8";
/* CSS Document */

/****************************************** 
	Company: Superlative, Inc
	Product: Studio Agent 6.0
	Authors: Misty Matthews, David Wheeler
	Date: 9/22/08
	
*******************************************/

/* ------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------- Global Styles */
/* ------------------------------------------------------------------------------------------------*/

html {
	height: 100%;
	margin: 0px auto;
	}
	
body {
	height: 100%;
	margin: 0px auto;
	text-align: center;
	background-image: url(images/background.jpg);
	background-color: #093465;
	background-repeat: repeat-x;
	}

.main_container {
	height: 100% auto;
	width: 800px;
	margin: 0px auto;
	text-align: center;
	display: block;
	}
	
a {
	font:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	}

a:hover {
	font:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	}

.page_holder {
	width: 800px;
	height: 100% auto;
	text-align: center;
	}

.page_holder01 {
	width: 977px;
	height: 100% auto;
	text-align: center;
	}
	
.banner_holder {
	width: 800px;
	height: 147px;
	background-image: url(images/westusa-topbar.jpg);
	background-repeat: none;
	}
.banner_holder01 {
	width: 977px;
	height: 147px;
	background-image: url(images/westusa-topbar.jpg);
	background-repeat: none;
	}

.middle_holder {
	width: 800px;
	height: 100% auto;
	background: #041529;
	display: table;
	text-align: center;
	clear: both;
	*clear: none;
	margin: 0px auto;
	}

/* ------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------- Keyword Search Styles */
/* ------------------------------------------------------------------------------------------------*/

.keyword_search_container {
	background: #0d62c2;
	display: inline-block;
	width: 800px;
	height: 30px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF; 
	margin: 0px auto; 
	}

/* ------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------- Banner Styles */
/* ------------------------------------------------------------------------------------------------*/

.ad_banner {
	width: 800px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: auto;
	text-align: center;
	border: 0px;
	}
	.ad_banner img {
		border: 0px;
		}

/* ------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------- Home & Back Page Styles */
/* ------------------------------------------------------------------------------------------------*/
	
.left_holder_home {
	width: 537px;
	height: auto;
	background-color: #ffffff;
	display: inline;
	float: left;
	vertical-align: top;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.right_holder {
	width: 262px;
	height: auto;
	background: #032449;
	display: inline;
	float: right;
	margin: 0px auto;
	}
	
.left_holder_back {
	width: 537px;
	height: auto;
	background-color: #035bbc;
	display: inline;
	float: left;
	text-align: center;
	vertical-align: top;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.right_holder_back {
	width: 262px;
	height: auto;
	background: #032449;
	display: inline;
	float: right;
	margin: 0px auto;
	}

.sub_dropdown {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	font-weight: normal;
	color: #313131;
	text-decoration: none;
	float: left;
	padding-left: 18px;
	padding-bottom: 5px;
	
	}


/*.left_holder {
	width: 537px;
	height: 696px;
	background-color: #035bbc;
	display: inline;
	float: left;
	vertical-align: top;
	*margin: 1px 0px 0px 0px;
	}
	
.left_holder3 {
	width: 537px;
	height: 550px;
	background-color: #035bbc;
	display: inline;
	float: left;
	vertical-align: top;
	*margin: 1px 0 0 0;
	}
	
.left_holder4 {
	width: 537px;
	height: 100% auto;
	background: #035bbc;
	display: inline;
	float: left;
	vertical-align: top;
	*margin: 1px 0 0 0;
	}
	
.right_holder {
	width: 262px;
	height: auto;
	background: #032449;
	display: inline;
	float: right;
	margin: 0px auto;
	}
	
.right_holder2 {
	width: 262px;
	height: 606px;
	background-color: #024590;
	display: inline;
	float: right;
	}
	
.right_holder3{
	width: 262px;
	height: 445px;
	background-color: #024590;
	display: inline;
	float: right;
	}
	
.right_holder4{
	width: 262px;
	height: 550px;
	background-color: #024590;
	display: inline;
	float: right;
	}
	
.right_holder5{
	width: 262px;
	height: 985px;
	*height: 999px;
	background-color: #024590;
	display: inline;
	float: right;
	}
	
.right_holder6{
	width: 262px;
	height: 1135px;
	*height: 1150px;
	background-color: #024590;
	display: inline;
	float: right;
	}
	
.right_holder7{
	width: 262px;
	height: 100% auto;
	*height: 1150px;
	background-color: #024590;
	display: inline;
	float: right;
	}
*/
	
.back_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0d3263;
	width: auto;
	text-align: left;
	padding: 10px;
	}
	
	.back_text p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #072a54;
	width: auto;
	text-align: left;
	}
	
	.back_text a {
		font-family: bold Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #0e6cd7;
		text-align: left;
		text-decoration: underline;
		}	
	.back_text a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #021b36;
		text-align: left;
		text-decoration: none;
		} 	
	.back_text li{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #021b36;
		text-align: left;
		
		}
	
	.back_text_ h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #072a54;
	width: auto;
	text-align: left;
	}


.back_text_splash {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0d3263;
	width: auto;
	text-align: left;
	padding: 10px;
	}
	
	.back_text_splash p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #072a54;
	width: auto;
	text-align: left;
	}
	
	
	.back_text_splash h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #072a54;
	width: auto;
	text-align: left;
	}
	
	.back_text_splash a {
		font-family: bold Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #0e6cd7;
		text-align: left;
		text-decoration: underline;
		}	
	.back_text_splash a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #021b36;
		text-align: left;
		text-decoration: none;
		} 	
	.back_text_splash li{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #021b36;
		text-align: left;
		}

		
.home_text_home {
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/company_info/splash_bg_01.jpg) no-repeat #FFFFFF;
	font-size: 12px;
	color: #021b36;
	width: 487px;
	height: auto;
	text-align: left;
	float: none;
	padding: 20px 25px 195px 25px;
	}	
	.home_text_home a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #000000;
		text-align: left;
		text-decoration: underline;
		}	
	.home_text_home a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #021b36;
		text-align: left;
		text-decoration: none;
		} 	
	.home_text_home li{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #021b36;
		text-align: left;
		}
		
.bottom_holder {
	width: 537px;
	height: 250px;
	background: #063d7e;
	clear: both;
	*clear: none;
	
	}
	
.bottom_holder3 {
	width: 800px;
	height: 10px;
	clear: both;
	*clear: none;
	}
	
.bottom_holder2 {
	width: 800px;
	height: 1px;
	background-color: #082e5b;
	clear: both;
	*clear: none;
	}
	
.bottom_right_holder{
	width: 245px;
	display: inline;
	float:right;
	}
	
.bottom_left_holder{
	width: 262px;
	display: inline;
	float:left;
	}
	
.featured_slots {
	width: 537px;
	height: 302px;
	background: #035bbc;
	display: inline;
	padding-top: 20px;
	float: left;
	vertical-align: top; 
	}
	
.clay_podcast {
	margin-top: 20px;
	text-align: center;
	}

/* ------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------- Home Page Top Bar */
/* ------------------------------------------------------------------------------------------------*/

.phone_numbers {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	}
		
.topLinks {
	width: 800px;
	height: 23px;
	vertical-align: bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c3e4f7;
	margin-top: 7px;
	text-align: right;
	}
	.topLinks a {
		width: 800px;
		height: 50px;
		vertical-align: bottom;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #c3e4f7;
		text-decoration: underline;
		}
	.topLinks a:hover {
		width: 800px;
		height: 50px;
		vertical-align: bottom;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		text-decoration: none;
		}

/* ------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------ RSS Styles */
/* ------------------------------------------------------------------------------------------------*/

.rss_buttons_container {
	margin-top: 20px;
	text-align: center;
	}

.rss_buttons {
	background: url(images/bg_rss_button.jpg) no-repeat;
	margin: 0px auto;
	width: 240px;
	height: 18px;
	padding-top: 5px;
	padding-left: 4px;
	margin-top: 3px;
	display: block;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px #000000 solid;
	color: #FFFFFF;
	text-decoration: none;
	}

.rss_buttons:hover {
	background: url(images/bg_rss_button.jpg) no-repeat;
	margin: 0px auto;
	width: 240px;
	height: 18px;
	padding-top: 5px;
	padding-left: 4px;
	margin-top: 3px;
	display: block;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px #CCCCCC solid;
	color: #c3e4f7;
	text-decoration: none;
	}

/* ------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------- Home Page QucikSearch */
/* ------------------------------------------------------------------------------------------------*/

.quicksearch_holder {
	width: 525px;
	margin: 25px 0 45px 0px;
	
	}
	.quicksearch_holder img{
		border: 0px;
		}
	
.quicksearch_left {
	width: 150px;
	display: inline;
	float: left;
		}
.quicksearch_box{
	width: 150px;
	display: inline;
	float: left;
	height: 50px;
		}
.quicksearch_right {
	width: 150px;
	display: inline;
	float: left;
	}
.quicksearch_right_box {
	width: 150px;
	display: inline;
	float: left;
	}	
.quicksearch_textholder_left {
	width: 60px;
	float: left;
	display: inline;
	text-align: right;
	margin:  0 0px 0 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c3e4f7;
	height: 20px;
	}

	.dropdown_city {
	width: 90%;
	float: left;
	display: inline;
	text-align: right;
	margin:  0px 0px -5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	height: 100px;
	padding: 2px 2px 2px 2px;	
	}

.quicksearch_formfield{
	width: 160px;
	height: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 8px 0;
	}
	
.quicksearch_submit_button {
	margin: 0 0 0 0px;
	}
	
.quicksearch_textholder_right {
	width: 78px;
	float: left;
	display: inline;
	text-align: right;
	margin:  0 0 0 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c3e4f7;
	height: 20px;
	
	}

/* ------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------ Live Chat Styles */
/* ------------------------------------------------------------------------------------------------*/	

.live_chat {
	width: 190px;
	height: auto;
	background: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	}

/* ------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------- Home Page Bottom Content */
/* ------------------------------------------------------------------------------------------------*/	

.bottom_content_container {
	width: 800px;
	background-color: #07274b;
	margin: 20px 0 0 0;
	*margin: 20px 0 0 0;
	}
	
.bottom_content_container_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c3e4f7;
	text-align: left;
	padding: 50px 0 50px 0;
	*padding: 0px;
	margin: 1px 50px 0 50px;
	*margin: 50px;
	line-height: 18px;
	}
	
.featuredProperties {
	float: left;	
	width: 250px;
	*width: 239px;
	margin: 0 8px 10px 10px;
	*margin: 0 10px 10px 10px;
	}
	
.video {
	float: right;	
	width: 219px;
	margin: 0 0 0 0;
	}

/* ------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------- Copyright */
/* ------------------------------------------------------------------------------------------------*/

.copyright {
	background: #032449;
	height: 20px;
	padding-top: 5px;
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	}

/* ------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------- Footer Styles */
/* ------------------------------------------------------------------------------------------------*/	

.footer {
	width: 800px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c3e4f7;
	clear: both;
	text-align: center;
	}
	.footer a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #c3e4f7;
		text-decoration: underline;
		}
	.footer a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
		}
		
.footer_backpages {
	width: 800px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c3e4f7;
	}
	.footer_backpages a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #c3e4f7;
		text-decoration: underline;
		}
	.footer_backpages a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #FFFFFF;
		text-decoration: none;
		}
		
/* ------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------ Back Page Styles */
/* ------------------------------------------------------------------------------------------------*/

.flash_holder_back {
	width: 800px;
	height: 46px;
	}

.flash_holder_back01{
	width: 977px;
	height: 46px;
	}
	
.image_holder_back {
	width: 800px;
	height: 134px;
	margin: 1px 0 0 0;
	}
	
.middle_holder_backpage {
	width: 800px;
	height: 100% auto;
	background: #035bbc;
	margin: 1px 0 0 0;
	text-align: center;
	}

.middle_holder_backpage01 {
	width: 800px;
	height: 100% auto;
	background: #035bbc;
	margin: 1px 0 0 0;
	text-align: center;
	}
	
.title_backpage {
	width: 800px;
	height: 72px;
	text-align: left;
	}
	
.backpage_content_text {
	wdith: 800px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c3e4f7;
	margin: 20px 30px 30px 30px;
	line-height: 20px;
	}
	
.endOfSection {
 	clear: both;
	} 
	
.img_page_top_left {
	border:#000033 1px solid;
	float:left;
	margin: 0px 20px 10px 0px;
	}
	
.submit_button {
	margin: 0 0 0 190px;
	}
	
.submit_button2{
	margin: 0 0 0 230px;
	}
	
.circlepix_rightside_text {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	width: 214px;
	margin-left: 20px;
	}
	
.circlepix_form{
	width: 178px;
	height: 21px;
	margin: 0 0 0 20px;
	background-color: #fdfdfe;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #062548;
	border: 0px;
	}
.side_nav_holder {
	width: 261px;
	height: 44px;
	margin: 1px 0px 1px 0px;
	}
	
/* test */
.middle_holder_az {
	width: 800px;
	height: 100% auto;
	background-color: #024590;
	clear: both;
	*clear: none;
	*margin: -3px;
	}
	
.left_holder_az {
	width: 536px;
	height: 100% auto;
	display: inline;
	float: left;
	background-color: #035bbc;
	clear: both;
	}
	
.right_holder_az {
	width: 262px;
	height: inherit;
	background-color: #024590;
	display: inline;
	float: right;
	}

#wrapper_az {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 800px;
	background: url("/path/to/your/background_cols.gif") repeat;
	}

#header_az {
	margin: 0 0 0 0;
	}

#side-a_az {
	float: left;
	width: 536px;
	background-color: #035bbc;
	}
	#side-a_az a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #c3e4f7;
		text-align: left;
		margin: 0 25px 0 25px;
		}
	#side-a_az a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #c3e4f7;
		text-align: left;
		margin: 0 25px 0 25px;
		} 

#side-b_az { 
	margin: 0;
	float: left;
	width: 262px;
	*width: 262px;
	background-color: #024590;
	margin: 0 0 0 2px;
	*margin: 0 0 0 2px;
	height: 1% /* Holly hack for Peekaboo Bug */	
	}

#footer_az {
	clear: both;
	}
	
.IDXContainer{
	width: 740px;
	*width: 740px;
	margin: 0px 0px 0px 30px;
	}
	
.white_text_container_splash {
	background: url(images/company_info/splash_bg.jpg) no-repeat #FFFFFF;
	width: 480px;
	height: 100% auto;
	border: 1px #000 solid;
	margin: 0px auto;
	margin-bottom: 50px;
	display: table;
	text-align: center;
	color: #000000;
	}


.white_text_container {
	background: url(images/company_info/splash_bg.jpg) no-repeat #FFFFFF;
	width: 480px;
	height: 100% auto;
	border: 1px #000 solid;
	margin: 0px auto;
	margin-bottom: 50px;
	display: table;
	text-align: center;
	color: #000000;
	}
	
.white_text_container_splash p {
	color: #000000;
	}


.white_text_container_splash01 {
	background: url(images/company_info/splash_bg.jpg) no-repeat #FFFFFF;
	width: 480px;
	height: 100% auto;
	padding-top:1px;
	border: 1px #000 solid;
	margin: 0px auto;
	margin-bottom: 50px;
	display: table;
	text-align: center;
	color: #000000;
	}

.white_text_container_splash02 {
	background: #FFFFFF;
	width: 715px;
	height: 100% auto;
	padding: 10px;
	padding-left: 10px;
	margin: 0px 15px 0px 0px;
	margin-bottom: 50px;
	display: table;
	text-align: center;
	color: #000000;
	
	}


.white_text_container_splash{
	background: url(images/company_info/splash_bg.jpg) no-repeat #FFFFFF;
	width: 480px;
	height: 100% auto;
	border: 1px #000 solid;
	margin: 0px auto;
	margin-bottom: 50px;
	display: table;
	text-align: center;
	color: #000000;
	}


.white_text_container_splash_splash01 {
	background: url(images/company_info/splash_bg.jpg) no-repeat #FFFFFF;
	width: 480px;
	height: 100% auto;
	padding: 10px 10px 10px 8px;
	margin: 0px auto;
	margin-bottom: 50px;
	display: table;
	text-align: center;
	color: #000000;
	}


.white_text_container_splash_form {
	background: url((images/company_info/splash_bg.jpg) no-repeat #FFFFFF;
	width: 450px;
	height: 100% auto;
	
	padding: 10px 10px 10px 8px;
	margin: 0px auto;
	margin-bottom: 50px;
	display: table;
	text-align: center;
	color: #000000;
	
	}
	



/*---------------------------------------------------------------------------------- realty trac */
.realtyTrac {
	width: 752px;
	height: 352px;
	background-color: #FFFFFF;
	}
/* ------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------- The End */
/* ------------------------------------------------------------------------------------------------*/