* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

body {
	background-color: #F4FBF5;
    text-align:center;
	min-height: 468px;/* for good browsers*/
	min-width: 552px;/* for good browsers*/	
}
#outer{
    height:100%;
    width:100%;
    display:table;
    vertical-align:middle;
}
#container {
    text-align: center;
    position:relative;
    vertical-align:middle;
    display:table-cell;
    height: 550px;
} 
#inner {
	width: 775px;
	height: 550px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;	
}
/*--------------------------------------------------------------------TEMPLATE STARTS HERE --------------------------------------------*/
#topContainer{
	height: 505px;
	width: 775px;
	background-color: #FFFFFF;
	background-image: url(images/flags.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
    border: solid 1px black;
}

#nav{
	height: 33px;
	width: 775px;
	clear:both;
	margin:0px;
	padding:0px;
	display:inline;
	vertical-align:bottom;
}
.navitem {
    display:inline;
    float:left;
    height:33px;
    margin:0px;
    padding:0px;
}
/*--------------------------------------------------------------------LEFT SIDE COLUMN ------------------------------------------------*/

#leftColumn{
	float: left;
	height: 417px;
	width: 337px;
}
.panel1{
	height: 36px;
	width: 334px;
	float: left;
	background-image: url(images/panel1.gif);
	text-align: right;
	background-position: bottom;
	border: 1px solid #CCCCCC;
}
.title{
    position:relative;
    top:10px;
    left:175px;
	text-align: right;
	font-weight: bold;
}
/*     -------------           FEATURED PROPERTY STYLES          -------------------            */
.featuredDiv01{vertical-align: top; width: 337px; height: 201px;background-image: url(images/featured_center.gif);} /*  DIV OR TD CONTAINING THE FEATURED  PROPERTY MODULE */

.featImgDiv{width: 131px; display: inline; float:left; margin: 0px 10px 0px 0px;background-color:Transparent;} /*     DIV CONTAINING JUST THE IMAGE      */
.featIMG{width: 131px; height: 93px; border: #eeeeee solid 3px;} /*     CLASS THAT CONTROL THE FEATURED IMAGE      */

.featTextDiv{width: 328px;height: 170px;background-color:Transparent;}
.featText01{font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #888787; line-height: 15px; text-align: left;} /* TEXT INSIDE OF THE FEATURED PROPERTY */

.featOptionsDiv{width: 337px; clear:both; vertical-align:bottom;background-color:Transparent;}
.featOptionsClass01{display: inline; float: right;}
.featOptionsClass02{display: inline; float: left;}

/*-----------------------------------End Featured Property Styles----------------------------------------------*/	
#framePanel{
	height: 201px;
	width: 337px;
	float: left;
}
#lowerPanel{
	height: 145px;
	width: 337px;
	float: left;
	background-image: url(images/gradient.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
/*-------------------------------------------------------------END OF LEFT SIDE COLUMN ------------------------------------------------*/
/*----------------------------------------------------------------RIGHT SIDE COLUMN ---------------------------------------------------*/

#rightColumn{
	height: 407px;
	width: 437px;
	float: left;
}
#flashContainer{
	height: 276px;
	width: 438px;
	float: left;
}
#banner{
	padding: 10px 10px 0px 10px;
	height: 135px;
	width: 418px;
	float: left; 
	background-image: url(images/gradient.gif);
	background-repeat: repeat-x;
	background-position: left top;
	overflow:auto;
}
/*---------------------------------------------------------------*/
#clientLogin{
	width: 420px;
	float: left;
}
#clientLogincontainer{
	height: 37px;
	width: 150px;
	float: left;
	margin-top: 9px;
	margin-left: 10px;
	text-align: left;
}
#mlsSearchcontainer{
	height: 30px;
	width: auto;
	float: right;
	position:relative;
	top:15px;
	right:20px;	
	float: right;
}
#flags{
	height: 57px;
	width: 100%;
	position: relative;
	float: left;
}
#flagContainer{
	height: 40px;
	width: 350px;
	float: left;
	margin-top: 9px;
	margin-left: 2px;
}

/* -------------------------------------------------BEGINING OF PROPERTY SEACH SECTION-------------------------------------------- */

.propertySearchWrapper{
	height: 19px;
	width: 320px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 10px;
}
.link{
	height: 18px;
	width: 138px;
	float: left;
	text-align: left;
	text-indent: 2px;
}
.arrow{
	float: left;
	height: 19px;
	width: 19px;
	background-image: url(images/arrow.gif);
}
/* ------------------------------------------------------END OF PROPERTY SEACH SECTION-------------------------------------------- */
/* -----------------------------------------------------FOOTER FOR THE INDEX PAGE------------------------------------------------- */
#footer{
	height: 43px;
	width: 771px;
	margin-top: 10px;
}
#disclaimer{
	height: 42px;
	width: 132px;
	float: left;
}
#contact_info
{
	height: 42px;
	width: 480px;
	float: left;
}
#resi_logo{
	height: 38px;
	width: 145px;
	float: right;
}

/* ---------------------------------------------------------FRAME PAGE STARTS HERE------------------------------------------------- */

#frameHeader{
	height: 121px;
	width: 775px;
	float: left;
	background-image: url(images/interior_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#imageContainer{
	height: 121px;
	float: left;
	width: 575px;
	background-image: url(images/interior.jpg);
}
#lowerBar{
	height: 39px;
	width: 775px;
	float: left;
	background-image: url(images/interior_search.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#lowerbarRight{
	float: right;
	height:100%;
	width: 300px;
	position:relative;
	top:7px;
	right:-40px;
}
#frameLogo{
	float: left;
	height: 121px;
	width: 200px;
	background-image: url(images/framelogo.gif);
}
#frameLeftColumn{
	float: left;
	height: auto;
	width: 148px;
	display:table-column;
}
#frameRightColumn{
	float: left;
	height: auto;
	width: 625px;
}
#innerFrame {
    display:table;
	height:auto;
	width: 775px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	background-color: #F4FBF5;
	background-image: url(images/fbg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	border: solid 1px black;
}
#frameNav{
	width: 148px;
    float: left;
}
.button_container {
	width: 147px;
	float:left;
	display: block;
	margin: 0px;
	padding: 0px;
	.margin-bottom: -4px; 	/*HACK FOR IE6+ TO GET ELIMINATE GAP BETWEEN IMAGES*/
}
#frameLowerPanel{
	height: 171px;
	width: 146px;
	background-image: url(images/framePanel.jpg);
	float: left;
	margin-top: -4px;
}
#fclientlogin{
	height: 50px;
	width: 138px;
	margin-top: 12px;
	float: left;
}