/*
	Created @ Superlative, Inc. 2006 (template 1003)
	Use of this content is by contractual agreement only.
	Superlative, Inc. claims no liability for content provided &/or uploaded by its clients.
*/

/* -------------------------------------------------------------------------------------------------- 
/* ------------------------------------------------------------------ Standard Page Elements */
/* -------------------------------------------------------------------------------------------------- */

html {
	height: 100%;
	background: url(images/aloha_background.jpg) repeat-x #ffffff;
	}

.template {  /* This class should be used on the body tag for every page of the template */
	font: 11px Arial, Helvetica, sans-serif;
	color: #225c6c;
	background: url(images/aloha_background.jpg) repeat-x #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
	height: 100%;
	}
	
.template_static_page {  /* This class should be used on the body tag for every page of the template */
	background: url(images/fullbg.jpg) top center no-repeat; 
	width:1068px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	}
	
.templatebp {  /* This class should be used on the body tag for every page of the template */
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	background: url(images/aloha_background.jpg) repeat-x #f8fafe;	
	padding: 0px;
	text-align: center;
	width: 100%;
	height: 100%;
	}		
	
.template_dynamic_page { 
	background: url(images/backpage_page_trans.png) repeat-y ; 
	width:990px;
	background-color:none;
	margin:  0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	border:none;
	}	
	
.template_dynamic_page_top {  
	width:990px;
	margin: 0px;
	height: 1px;
	background-color:none;
	padding: 0px;
	border:none;
	}	
	
.template_dynamic_page_bottom { 
	background: url(images/backpage_footer_trans.png); 
	width:990px;
	margin: 0px auto;
	height:42px;
	padding: 0px;
	text-align: center;
	}			

.endOfSection { clear: both; } 
/* -------------------------------------------------------------------------------------------------- 
/* ------------------------------------------------------------------ Page Wraps */
/* -------------------------------------------------------------------------------------------------- */


.dynamic_body_cell { /* This class enables all dynamic content to be uploaded and is mandatory */
	text-align: left;
	width: 964px;
	margin:0px;
	padding: 0px ;
	display:block;	
}

.dynamic_body_cellBP { /* This class enables all dynamic content to be uploaded and is mandatory */
	text-align: left;
	width: 700px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
}


.Page_Main { 
	width: 964px;
	margin: 0px;
	margin-top: 35px;
	padding: 0px ;
	display: block;
}
.Page_Main_BP { 
	width: 964px;
	margin:0px;
	padding:0px;
	/*background-color: #FFFFFF;*/
}

.BPSB_Left {
	float: left;
	width: 258px;
	padding:0px;
	margin: 15px 0px 0px 0px;
	display: inline;
	text-align: right;
}
	
.BPSB_Right {
	float: right;
	width: 700px;
	padding:0px;
	margin:0px;	
	display: inline;
	text-align: left;
	}

/* -------------------------------------------------------------------------------------------------- 
/* ------------------------------------------------------------------ Designer Styles */
/* -------------------------------------------------------------------------------------------------- */

.Designer_MainHolder{
	width: 964px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	height: auto;
	background-color:none;
	border:none;
}

.Designer_MainHolder_home{
	width: 964px;
	text-align: center;
	height: auto;
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
	display: block;
	}
	
.Designer_FlashHolder_top {
	width: 423x;
	text-align: center;
	display: inline-block;
	float: left;
}

.Designer_FlashHolder_topspace {
	width: 964x;
	text-align: center;
	display: block;
	float: left;
	height: 8px;
}

.Designer_FlashHolder {
	width: 551px;
	float:left;
	display: inline;
	
	}
	
.Designer_FlashHolder_2 { 
	width: 964px;
	height:165px;
	float:left;
	display: inline;
	
	}
	
.Designer_FlashHolder_3 {
	width: 630px;
	height:85px;
	float:left;
	display: block;
	margin-top: 10px;
	}		

.FSHolder{
	background: url(images/quicksearch.jpg) no-repeat top;
	width: 337px;
	height: 279px;
	float: left;
	display: inline-block;
	margin-left: 30px;
}


.center_container {
	width: 964px;
	*width: 966px;
	height: 279px;
	display: block;
	float: none;
	margin: 0px auto;

}
.center_left {
	width: 432px;
	display: inline;
	float: left;
	vertical-align: bottom;
	vertical-align:super;
}
.center_right {
	width: 532px;
	display: inline;
	float: right;
	vertical-align: top;
	*padding-left: 100px;
	height: 110px;
	
}

.Designer_ModTable {
	background: #fff;
	width: 964px;
	float: left;
	display: block;
	
}
.topHolder {
	width: 964px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	display: block;
}




.Designer_TopNav {
	width:990px;
	text-align: right;
	margin: 0px 5px 0px 0px;
	color:#ffffff;
	padding:  6px 4px 6px 0px;
}

	.Designer_TopNav p {
		font-family:Arial, Helvetica, sans-serif;
		color:#ffffff;
		font-size:12px;
		text-decoration:none;
		}	
	.Designer_TopNav a {
		font-family:Arial, Helvetica, sans-serif;
		color:#ffffff;
		font-size:12px;
		text-decoration:none;
		}	
	.Designer_TopNav a:hover {
		color:#ac0108;
		text-decoration:underline;
		}		
		
.Designer_TopNav_home {
	width:990px;
	text-align: right;
	margin: 0px 5px 0px 0px;
	color:#ffffff;
	padding:  8px 4px 0px 0px;
	display: block;
}

	.Designer_TopNav_home  p {
		font-family:Arial, Helvetica, sans-serif;
		color:#ffffff;
		font-size:12px;
		text-decoration:none;
		}	
	.Designer_TopNav_home  a {
		font-family:Arial, Helvetica, sans-serif;
		color:#ffffff;
		font-size:12px;
		text-decoration:none;
		}	
	.Designer_TopNav_home  a:hover {
		color:#ac0108;
		text-decoration:underline;
		}	


/*.Designer_FS_Holder {
	width: 860px;
	text-align: center;
	margin: 0px;
	float: left;
	}
	
.Designer_Main_Left {
	width: 620px;
	text-align: center;
	margin: 0px;
	float: left;
	}
	
.Designer_Main_Right {
	width: 240px;
	text-align: center;
	margin: 0px;
	float: left;
	}

.Designer_TopNav {
	text-align: right;
	font: 12px Arial, Helvetica, sans-serif;
	color: #404951;
	width: 860px;
	padding: 10px 10px 10px 10px;
	}
	
		.Designer_TopNav a { 
			font: 12px Arial, Helvetica, sans-serif;
			text-decoration: none; 
			color: #FFF;
			}
	
		.Designer_TopNav a:hover { 
			font: 12px Arial, Helvetica, sans-serif;
			color: #bf151c;
			text-decoration: underline;
			}
		

	
		.Designer_ModTable .ListBox {


			width: 92%;
			font: 12px Arial, Helvetica, sans-serif;
			color: #bf151c;
			}

.DesignerLrgFSBG {
	background: #000;
	height: auto;
	width: 240px;
	display: inline;
	float:left;
	text-align: center;
	}
	
.DesignerFSBG {
	display: inline;
	width: 430px;
	height: 80px;
	float: left;
	background: #4D4A54;
	}

*/ 
/* -------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ Module Styles */
/* -------------------------------------------------------------------------------------------------- */	

.module_title {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #025c9b;
	height: 20px;
	padding-left: 3px;
	border-bottom: #CBCBCB 1px solid;
	width: 100%;
	}
	
.module_body {
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #444;
	line-height: 170%;
	margin-top: 15px;
	}

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

.before_footer {
	width: 918px;
	height: 20px;
	border-bottom: 1px #CCCCCC solid;
	margin: 0px auto;
	margin-top: 10px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	display: inline-block;
	}


.footerwrap {
    text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
    color: #106fca;
	width: 900px;
	padding: 20px;
	display: block;
	clear: both;
	background: none;
	}

    .footerwrap td {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
    	color: #106fca;
		}
	
	.footerwrap img {
		margin: 0px 0px 20px 0px;
         }
            
     .footerwrap a { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-decoration: none; 
   	    color: #106fca;
		line-height: 170%;
		}
						
     .footerwrap a:hover { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
        color: #ad0108;
		text-decoration: underline;
		line-height: 170%;
		} 
		 
.footerwrap .listbox {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #106fca;
		text-decoration: underline;
		line-height: 170%;
		}
		
	.realtor_logos {
		margin: 10px;
		}
/* -------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------ Featured Slot Styles */
/* -------------------------------------------------------------------------------------------------- */

.FeaturedSlot_Large{
	margin: 0px;
	height: 177px;
	width: 338px;
	*width: 338px;
	*height: 170px;
	text-align: left;
	
	}
	
	.FeaturedSlot_Large p{
		font: 10px Arial, Helvetica, sans-serif;
		color: #4389a2;
		line-height: 160%;
		text-align: left;
		*margin: 0px 10px 10px 15px;
		margin: 0px 10px 10px 15px;

		}
		
	.FeaturedSlot_Large img {
		display: none;
		float: left;
		align: center;
		width: 75px;
		height: 107px;
		margin: 10px 5px 5px 10px;
		border: 1px #FFF solid;
	
		}
		
	.FeaturedSlot_Large h1{
		text-align: left;
		color: #c7b98c;
		font: 15px Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 10px 0px 15px 15px;
		*padding: 15px 0px 15px 15px;
		letter-spacing: -1px;
		text-transform: none;
		}
		
	.FeaturedSlot_Large a {
		line-height: 120%;
		text-align: left;
		font: 10px Arial, Helvetica, sans-serif;
		color: #c7b98c;
		text-decoration: underline; 
		width: 100%;
		*margin: 0px 10px 10px 15px;
		margin: 0px 10px 10px 15px;
		}
		
	.FeaturedSlot_Large a:hover {
		line-height: 120%;
		text-align: left;
		font: 10px Arial, Helvetica, sans-serif;
		color: #4389a2;
		text-decoration: underline; 
		width: 100%;
		*margin: 0px 10px 10px 15px;
		margin: 0px 10px 10px 15px;
		}

.FS_QuickSearch {
	margin-top: 25px;
	text-align: center;
	display: inline-block;
	margin-left: 4px;
	width: 290px;
	height: auto;
	padding: 20px 15px 10px 30px;
	float: left;
			*padding-top: 40px;
	}
	
	.FS_QuickSearch .QS_Table td {
		padding:  3px;
	
		}
	
	.FS_QuickSearch h1 {
		display: none;
		}
		
	.FS_QuickSearch .QS_Table {
		width: 300px;
		*width: 280px;
		font: 11px Arial, Helvetica, sans-serif;
		color: #00478c;
		border-bottom: 0px;
		display: table;
		margin: 20px 0px 8px -10px;
		padding-bottom: 0px;
		*margin-left: -40px;

		}
		
		.FS_QuickSearch .QS_Table .PriceTable {
			width: 98%;
			font: 11px Arial, Helvetica, sans-serif;
			color: #00478c;
			}

	.FS_QuickSearch .QS_Table .formfield {
		font: 11px Arial, Helvetica, sans-serif;
		width: 95%;
		color: #00478c;
		background: #FFF;
		text-align: left;
		}
		
	.FS_QuickSearch .SubmitButton {
		background: url(images/search.jpg) no-repeat;
		font: 0px Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		margin: 0px auto;
		border: 0px;
		width: 207px;
		height: 21px;
		text-align: center;
		display: inline-block;
		cursor: pointer;
		margin-left: 25px;
		*margin-left: 0px;
		
		}
		
	.FS_QuickSearch a {
		text-align: center;
		font: 10px Arial, Helvetica, sans-serif;
		text-decoration: underline; 
		display: inline-block;
		color: #ac0108;
		width: 100%;
		margin-top: 5px;
		margin-left: 0px
		}
		
	.FS_QuickSearch a:hover {
		text-align: center;
		font: 10px Arial, Helvetica, sans-serif;
		text-decoration: none; 
		display: inline-block;
		color: #106fca;
		width: 100%;
		margin-top: 5px;
		margin-left: 0px
		}

.FS_SignUp {
	width: 338px;
	*height: 176px;
	}
	
	.FS_SignUp h1 {
		color: #c7b98c;
		font: 15px Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 10px 0px 0px 15px;
		*padding: 15px 0px 0px 15px;
		letter-spacing: -1px;
		text-transform: none;
		text-align: left;

		}

	.FS_SignUp .SU_Description {
		color: #c7b98c;
		font: 10px Arial, Helvetica, sans-serif;
		margin: 0px;
		*padding-bottom: 0px;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 0px;
		}
		
	.FS_SignUp .SU_Table {
		color: #c7b98c;
		font: 10px Arial, Helvetica, sans-serif;
		margin: 0px;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 0px;
		}

	.FS_SignUp .SU_Table td {
		padding: 3px;
		}

	.FS_SignUp .SU_Table .formfield {
		font: 10px Arial, Helvetica, sans-serif;
		width: 100px;
		height: 15px;
		*width: 100px;
		*height: 15px;
		color: #444;
		background: #FFF;
		}
		
	.FS_SignUp .SubmitButton {
	font: 10px Arial, Helvetica, sans-serif;
		color: #c7b98c;
		margin: 10px 0px 0px 0px;
		*margin: 6px 0px -5px 0px;
		border: none;
		*display: block;
		width: 100px;
		text-transform: none;
		background-color: #fcf8ec;
		margin-left: 0px;
		*margin-left: 0px;
		}
		
	.FS_SignUp a {
		line-height: 120%;
		text-align: center;
		font: 10px Arial, Helvetica, sans-serif;
		color: #c7b98c;
		text-decoration: underline; 
		width: 100%;
		margin-left: 0px;
		*margin-left: 0px;
		*margin-top: 0px;
		}
		
	.FS_SignUp a:hover {
		line-height: 120%;
		text-align: center;
		font: 10px Arial, Helvetica, sans-serif;
		color: #4389a2;
		text-decoration: underline; 
		width: 100%;
		margin-left: 0px;
		*margin-left: 0px;
		*margin-top: 0px;
		}
	
.FeaturedSlot_Small {
	background: #393641;
	padding: 15px;
	width: 90%;
	*width: 100%;
	height: 115px;
	display: none;
	}
	
	.FeaturedSlot_Small p{
		color: #FFF;
		font: 12px Arial, Helvetica, sans-serif;
		line-height: 160%;
		text-align: left;
		margin: 5px 0px;
		}
		
	.FeaturedSlot_Small img {
		
		float: left;
		align: center;
		width: 100px;
		height: 50px;
		margin-bottom: 5px;
		margin-right: 5px;
		}
		
	.FeaturedSlot_Small h1{
		color: #F9AE0E;
		font: 16px Arial, Helvetica, sans-serif;
		padding: 0px;
		margin: 0px;
		text-align: left;
		}
		
	.FeaturedSlot_Small a {
		line-height: 160%;
		text-align: left;
		font: 12px Arial, Helvetica, sans-serif;
		text-decoration: underline; 
		color: #F9AE0E;
		}
		
	.FeaturedSlot_Small a:hover {
		line-height: 160%;
		text-align: left;
		font: 12px Arial, Helvetica, sans-serif;
		text-decoration: underline; 
		color: #F9CA0E;
		}
	
.FeaturedSlot_BP {
	background: #252e35;
	text-align: right;
	*width: 175px;
	padding: 8px 8px 8px 8px;
	margin: 0px 12px 0px 12px;
	*margin: 0px 0px 0px 12px;
	border-top: none;
	display: none;
	border-bottom: 1px #354450 solid;
	}
	
		.FeaturedSlot_BP p{
			color: #FFFFFF;
			font: 11px Arial, Helvetica, sans-serif;
			line-height: 140%;
			text-align: left;
			margin: 6px 0px 6px 0px;
			padding: 0px;
			}
		
		.FeaturedSlot_BPNoPhoto {
			display: none;
			}
	
		.FeaturedSlot_BPPhoto {
			width: 156px;
			height: 117px;
			display: block;
			margin-bottom: 5px;
			}
			
		.FeaturedSlot_BP h1 {
			color: #c7b98c;
			font: 15px Arial, Helvetica, sans-serif;
			margin: 0px;
			padding: 10px 0px 0px 15px;
			*padding: 15px 0px 15px 15px;
			letter-spacing: -1px;
			text-transform: none;
			}
	
		.FeaturedSlot_BP a {
			line-height: 120%;
			/*text-align: center;*/
			font: 10px Arial, Helvetica, sans-serif;
			color: #c7b98c;
			text-decoration: underline; 
			width: 100%;
			margin-left: 55px;
			*margin-left: 0px;
			*margin-top: 20px;
			}
			
		.FeaturedSlot_BP a:hover {
			line-height: 120%;*/
			/*text-align: center;*/
			font: 10px Arial, Helvetica, sans-serif;
			color: #4389a2;
			text-decoration: underline; 
			width: 100%;
			margin-left: 55px;
			*margin-left: 0px;
			*margin-top: 20px;
			}

/* -------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------ Subnav Styles */
/* -------------------------------------------------------------------------------------------------- */


.dynamic_subnav_cell_top { /* Backpage for the subnavigation */
	width: 258px;
	min-height: 35px;	
	background:url(images/subnav_top.jpg) repeat-y;
}
	
.dynamic_subnav_cell { /* Backpage for the subnavigation */
	text-align: right;
	width: 258px;
	background:url(images/subnav_mid.jpg) repeat-y;	
	margin: 0px;
	min-height: 500px;
}

.dynamic_subnav_cell_none { /* Backpage for the subnavigation */
	text-align: right;
	width: 258px;
}

.dynamic_subnav_cell_btm { /* Backpage for the subnavigation */
	width: 258px;
	height: 28px;
	background:url(images/subnav_btm.jpg) repeat-y;
}


.subnav_links {
	text-align: left;
	}
.subnav_links {
	width:250px;
	text-align: left;
	margin:0px;
	padding:0px;
	background-image:url(images/sub_mid.jpg);	
	font-size:11px;
	display: block;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	height: 30px;
	}

	.subnav_links p{
		font-size:11px;
		display: block;
		text-align: center;
		padding: 9px 0px 11px 20px;
		margin: 0px 0px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		}
	
	.subnav_links a { 
		font-size:11px;
		text-decoration: none; 
		color: #ffffff;
		display: block;
		width:220px;
		font-family:Arial, Helvetica, sans-serif;
		padding: 9px 0px 11px 30px;
		margin: 0px 0px 0px 0px;	
		font-weight:normal;
		}

	.subnav_links a:hover { 
		font-size:11px;
		text-decoration: none; 
		color: #d1ebfc;
		display: block;
		width:220px;
		font-family:Arial, Helvetica, sans-serif;
		padding: 9px 0px 11px 30px;
		margin: 0px 0px 0px 0px;	
		font-weight:normal;	
		}



/***************************** Misty test *****************************************/

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

#header {
	margin: 0 0 15px 0;
	background: yellow;
}

#side-a {
	float: left;
	width: 551px;
}

#side-b { 
	margin: 0;
	float: left;
	width: 423px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

#footer {
	clear: both;

}