* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 
    background-color: #006292; 
    background-repeat: no-repeat; 
    background-position:center;
    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: 468px;
} 
#inner {
	width: 775px;
	height: 550px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;	
}
/*--------------------------------------------------------------------TEMPLATE STARTS HERE --------------------------------------------*/
#topContainer{
	height: 505px;
	width: 775px;
	background-color: #006292;
}

#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: 420px;
	width: 437px;
	margin:0px;
    padding:0px;
}
#movie{
	height: 329px;
	width: 438px;
	float: left;
	margin:0px;
    padding:0px;
}
#banner{
	display:inline;
	height: 91px;
	width: 430px;
	float: left;
	background-image: url(images/left_panel_center.gif);
    padding: 0px 5px 0px 3px;
    vertical-align:top;
}
#flags{
	background-image: url(images/flags_center_side.gif);
	height: 48px;
	width: 774px;
	float: left;
	clear:both;
}
#flagContainer{
	height: 40px;
	width: 350px;
	float: left;
	margin-top: 2px;
}
#container2{
	height: 42px;
	width: 330px;
	float: right;
	vertical-align:top;
}
#logosCollection{
	height: 37px;
	width: 210px;
	float: left;
	margin-left: 2px;
}
/*-------------------------------------------------------------END OF LEFT SIDE COLUMN ------------------------------------------------*/

/*----------------------------------------------------------------RIGHT SIDE COLUMN ---------------------------------------------------*/

#rightColumn{
	height: 420px;
	width: 336px;
	margin:0;
    padding:0;
	float: left;
}
.titlePanels{   
    clear:both;
    margin:0;
    padding:0;
	height:38px;
	width:337px;
	vertical-align:top;
}
#title{
	width: 200px;
	height: 18px;
	margin-top: 10px;
	margin-right: 6px;
	margin-left: 120px;
}
#framePanel{
	height: 199px;
	width: 337px;
	float: left;
	margin:0;
    padding:0;
}
/*     -------------           FEATURED PROPERTY STYLES          -------------------            */
.featuredDiv01{vertical-align: top; width: 337px; height: 199px;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: 169px;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----------------------------------------------*/	
#lowerPanel{
	background-image: url(images/property_searcg_bg.gif);
	height: 145px;
	width: 337px;
	float: left;
	margin:0;
    padding:0;
	vertical-align:top;
}
#clientLogin{
	background-image: url(images/clientLogin.gif);
	height: 42px;
	width: 334px;
	float: left;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	
}

#clientLogincontainer{
	width: 65px;
	margin:0px;
	padding:0px;
	float: left;
	position:relative;top:4px;
}

#mlsSearchcontainer{
	height: 25px;
	width: 125px;
	float: right;
	margin-right: 7px;
}




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

.propertySearchWrapper{
	height: 18px;
	width: 306px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 10px;
}
.link{
	height: 18px;
	width: 125px;
	float: left;
	text-align: left;
	text-indent: 2px;
	position:relative;
	top:2px;
}
.arrow{
	float: left;
	height: 19px;
	width: 19px;
	background-image: url(images/arrow.gif);
}
.arrowempty{
	float: left;
	height: 19px;
	width: 19px;
}

#homePage{
	float: left;
	height: 105px;
	width: 418px;
	margin-top: 3px;
}

/* ------------------------------------------------------END OF PROPERTY SEACH SECTION-------------------------------------------- */

/* -----------------------------------------------------FOOTER FOR THE INDEX PAGE------------------------------------------------- */
#footer{
	border: thin none #FFFFFF;
	height: 43px;
	width: 771px;
	margin-top: 10px;
	clear:both;
}
#disclaimer{
	height: 42px;
	width: 132px;
	float: left;
}
#contact_info
{
	height: 42px;
	width: 480px;
	float: left;
}
#resi_logo{
	height: 42px;
	width: 155px;
	float: right;
}
.FOOTER{
	font-size:9px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.FOOTER A{
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.FOOTER A:hover{
	font-size: 9px;
	color: #0C698F;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
/* ---------------------------------------------------------FRAME PAGE STARTS HERE------------------------------------------------- */
#innerFrame {
	display:table;
	width: 775px;
	height:AUTO;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/innerbg.gif)
}
#frameHeader{
	height: 150px;
	width: 775px;
	float: left;
	background-color: #FFFFFF;
}
#imageContainer{
	height: 150px;
	float: right;
	width: 775px;
	background-image: url(images/top.jpg);
}
#lowerBar{
	height: 39px;
	width: 775px;
	float: left;
	background-image: url(images/top.gif);
}
#lowerbarRight{
	float: right;
	height: 39px;
	width: 160px;
	background-image: url(images/right.gif);
}
#frameLogo{
	float: left;
	height: 100px;
	width: 146px;
	background-image: url(images/frame_logos.gif);
}
#frameLeftColumn{
	display:table-column;
	float: left;
	clear:left;
	height: 100%;
	width: 149px;
}
#frameRightColumn{
	display:table-column;
	float: left;
	height: 100%;
	width: 625px;
}
#frameNav{
	display:table;
	height: 442px;
	width: 140px;
	float:left;
	margin:0;
	padding:0;
	clear:left;
}
.innernavitem{
    width:140px; 
    height:34px;
    margin:0px;
    padding:0px;
    border:0px;
}
.innerNavImg{
    width:140px; 
    height:34px;
    margin:0px;
    padding:0px;
    border:0px;
}
#shadow {
    display:inline;
    float:left;
    background-image:url(images/tile.gif);
    background-repeat: repeat-y; 
    background-position: left;
    width:9px;
    height:100%;
}