@charset "UTF-8";
/* CSS Document */

/* clear out default styles */
html, body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, p, blockquote, pre, form, fieldset, table { margin: 0; padding: 0; } 

.ping, #flashPositioner {
 	behavior: url("iepngfix.htc"); 
 }

a:link, a:visited {color: #0066b3; text-decoration:none;}
a:hover, a:active {color: ##0066b3; text-decoration:underline;}
a img {border:0;}

body{
	font: normal 12px/13px "lucida grande","lucida sans",arial, helvetica, sans-serif;
	background: white;
	color:black;
}

.clearer {
	clear:both; 
	line-height: 0; 
	height: 0;
}

.border {
	border:solid 1px #699fce;
	margin-left:3px;
}


/* -- -- -- -- -- -- -- -- the containers -- -- -- -- -- */
#containerHeader{
	margin: 0;
	padding:0;
	width:100%;
	background: #ffffff url(../images/bkg-header.jpg) repeat-x;
	height: 132px;
}
#containerFlashHome{
	margin: 0;
	padding:0;
	width:100%;
	background: #003E76 url(../images/bkg-flash.jpg) repeat-x
}
#containerBodyHome{
	margin: 0;
	padding:0;
	width:100%;
	min-height:30px;
	background: #E0E2E3 url(../images/bkg-home-content.jpg) repeat-x;
}
#containerBody{
	margin: 0;
	padding:0;
	width:100%;
	min-height:30px;
	background: #E0E2E3 url(../images/bkg-content.jpg) repeat-x;
}
#containerFooter{
	margin: 0;
	padding:0;
	width:100%;
	background: #FFFFFF url(../images/bkg-footer.jpg) repeat-x;
}



/* --- --- --- --- header Stuff --- --- --- --- */
#header{
	margin:0 auto;
	width:980px;
	padding:0 0px;
	height: 132px;
	background: url(../images/bkg-header-middle.jpg) no-repeat;	
}

#theLogo{
	float:left;
	padding:25px 0 0 10px;
}
#tagline{
	float:right;
	padding:52px 45px 0 0;
	width:500px;
	text-align:right;
	height:37px;
}
	#tagline H1{
		font: normal 18px arial, helvetica, sans-serif;
		color:#699fce;
		padding:0;
		margin:0;
	}


#topNav{
	font: normal 11px/13px "lucida grande","lucida sans",arial, helvetica, sans-serif;
	clear:right;
	float:right;
	padding:0;
	width:660px;
	text-align:left;
}
/*-- -- -- -- nav stuff -- -- -- */
ul#navMenu{
	margin:0 auto; 
	list-style: none outside;
	padding:0 10px;
}
ul#navMenu li{
	margin:0; 
	padding:0;
	display:inline;
	float:left;
}

ul#navMenu a{outline:none;}

	ul#navMenu li a{
		padding:0;
		margin:0;
		border:none;
		display:inline;
		float:left;
		height:43px;
		background-image:url(../images/menubar-sprite.jpg);
		text-indent:-9999px;
	
	}
		ul#navMenu li a.home {
			width:48px;
			background-position:0 0;
		}
		ul#navMenu li a.about {
			width:71px;
			background-position: -48px 0;
		}
		ul#navMenu li a.showcase {
			width:138px;
			background-position:-119px 0;
		}
		ul#navMenu li a.properties {
			width:180px;
			background-position:-257px 0;
		}
		ul#navMenu li a.news {
			width:104px;
			background-position:-437px 0;
		}
		ul#navMenu li a.contact {
			width:85px;
			background-position:-541px 0;
		}
		ul#navMenu li a.home {
			width:48px;
			background-position:0 0;
		}
		ul#navMenu li a.about {
			width:71px;
			background-position: -48px 0;
		}
		ul#navMenu li a.showcase {
			width:138px;
			background-position:-119px 0;
		}
		ul#navMenu li a.properties {
			width:180px;
			background-position:-257px 0;
		}
		ul#navMenu li a.news {
			width:104px;
			background-position:-437px 0;
		}
		ul#navMenu li a.contact {
			width:85px;
			background-position:-541px 0;
		}
		
		ul#navMenu li a.home {
			width:48px;
			background-position:0 0;
		}
		ul#navMenu li a.about {
			width:71px;
			background-position: -48px 0;
		}
		ul#navMenu li a.showcase {
			width:138px;
			background-position:-119px 0;
		}
		ul#navMenu li a.properties {
			width:180px;
			background-position:-257px 0;
		}
		ul#navMenu li a.news {
			width:104px;
			background-position:-437px 0;
		}
		ul#navMenu li a.contact {
			width:84px;
			background-position:-541px 0;
		}
		ul#navMenu li a.home:hover, ul#navMenu li a.home:focus {
			width:48px;
			background-position:0 -43px;
		}
		ul#navMenu li a.about:hover, ul#navMenu li a.about:focus{
			width:71px;
			background-position: -48px -43px;
		}
		ul#navMenu li a.showcase:hover, ul#navMenu li a.showcase:focus {
			width:138px;
			background-position:-119px -43px;
		}
		ul#navMenu li a.properties:hover, ul#navMenu li a.properties:focus {
			width:180px;
			background-position:-257px -43px;
		}
		ul#navMenu li a.news:hover, ul#navMenu li a.news:focus {
			width:104px;
			background-position:-437px -43px;
		}
		ul#navMenu li a.contact:hover, ul#navMenu li a.contact:focus {
			width:84px;
			background-position:-541px -43px;
		}


/* --- --- --- --- homeStuff --- --- --- --- */
#homeMiddle{
	margin:0 auto;
	width:980px;
	height: 400px;	
}
#homeBody{
	margin:0 auto;
	width:980px;
	padding:10px 10px 30px;
}
#homeBodyLeft{
	float:left;
	width:425px;
	padding:0 20px 0 24px;

}
#homeBodyRight{
	float:right;
	width:455px;
	padding: 0 24px 0 20px;
	
}

#homeSearch {
	width: 400px;
	padding: 20px 0 0 25px;
	float: left;
}
.blueBox{
	background-color:#00315D;
	margin:0 0 1px -10px;
	padding:10px;
	color: #CCCCCC;
}
.blueBox p {
	color: #CCCCCC;
	font: normal 12px/26px arial, helvetica, sans-serif;
	padding-bottom: 5px;
}
.sideSearch{
	background-color:#00315D;
	margin:-23px 0 0 -23px;
	padding:23px 23px;
	color: #CCCCCC;
	position:relative;
}
.sideSearch p {
	color: #CCCCCC;
	font: normal 12px/20px arial, helvetica, sans-serif;
	padding-bottom: 5px;
}
.sideSearch h5 {
	color:#CCCCCC;
	font: normal normal 13px/18px arial, helvetica, sans-serif;
	padding-bottom: 5px;
}
.blueBox h5 {
	color:#CCCCCC;
	font: normal normal 13px/18px arial, helvetica, sans-serif;
	padding-bottom: 5px;
}
#flashPositioner{
	position: relative;
	top:-345px;
	margin-bottom:-345px;
	float: right;
	z-index:100;
	background: url(../images/behindflash.png);
	width: 725px;
	height: 370px;
}

/* --- --- --- --- internalStuff --- --- --- --- */
#contentBody{
	margin:0 auto;
	width:980px;
	padding:40px 0px;
}
#contentBodyLeft{
	float:left;
	width:635px;
	padding:0 20px 0 10px;
	

}
#contentBodyRight{
	float:right;
	width:280px;
	padding: 0 10px 0 20px;
	border-left:1px solid #cccccc;
	
}
#contentBodyFull{
	width:100%;
	padding:0 10px;	
}
#contentBooklet{
	float:right;
	width:280px;
	padding: 0 10px 0 20px;
	border-left:1px solid #cccccc;
}

/* --- --- --- --- footer --- --- --- --- */

#footer{
	margin:0 auto;
	width:980px;
	padding:20px 10px 40px;
}
#footerLeft{
	float:left;
	width:300px;
	padding:0;
}

#footerRight{
	float:right;
	width:600px;
	text-align:right;
	padding:0 0 0 30px;
}


#footer h2{
	font: bold 15px/20px "lucida grande","lucida sans",arial, helvetica, sans-serif;
	color: #2b4e6c;
	padding-bottom: 5px;
}
#footer p {
	font: normal 11px/16px arial, helvetica, sans-serif;
	color: #999999;
}
#footer ul{
	font: normal 12px/18px "lucida grande","lucida sans",arial, helvetica, sans-serif;
	color: #999;
	padding-bottom: 14px;
	list-style: none;
	margin:0;
	padding-left: 0px;	
}
#footer li{
	background: url(../images/bullet-small-transparent.png) no-repeat left;
	padding: 0 0 0 11px;
}


#footer a:link, #footer a:visited {
	padding:0 0 0 10px;
	color: #666666;
	text-decoration:none;	
}
#footer a:hover, #footer a:active {
	color: #699fce;
	text-decoration:none;
}

#footer a.weblinx:link, #footer a.weblinx:visited {
	padding:0 0 0 0px;
	color: #666666;
	text-decoration:none;	
}
#footer a.weblinx:hover, #footer a.weblinx:active {
	color: #699fce;
	text-decoration:none;
}




/* --- --- --- --- Classes --- --- --- --- */
.smallText{font-size:smaller;}
.largeText{font-size:larger;}

.left{float: left;}
.lightGrey{color:#747474;}

.showcaseContainer {width:600px;float:left;padding:0 0 20px 0;}
.showcaseThumb {float:left; padding:0 10px 0 0;}
.showcaseDescrip {float:left;margin:10px 0 0 0;}
.showcaseImg {margin: 0 0 20px 0;border:5px solid #b9d2e8;}
.showcaseNav {margin:0 0 20px 0;}
.showcaseNoborder {margin: 0 0 20px 0;}

.bio {
	margin: 24px 0 10px;
}

.bio .photo {
	float: left;
	padding: 0 10px 14px 0;
}

.bio .text {
	float: left;
	width: 500px;
}

.col {
	float: left;
	margin-right: 1%;
	width: 30%;
}

/* --- --- --- --- Main Styles --- --- --- --- */

h1{
	font: bold 18px/22px arial, helvetica, sans-serif;
	color: #003e76;
	padding-bottom: 10px;
}
h1.address{
	font: bold 14px/20px arial, helvetica, sans-serif;
	color: #666666;
	padding-bottom: 10px;
	margin: -10px 0 10px 0;
	font-style: italic;
}
h2{
	font: bold 18px/22px arial, helvetica, sans-serif;
	color: #699fce;
	padding-bottom: 10px;
}
h3{
	font: bold 16px/18px "lucida sans",arial, helvetica, sans-serif;
	color:#003e76;
	padding-bottom: 8px;
}
h4{
	font: normal normal 13px/20px arial, helvetica, sans-serif;
	color:#9B9B9B;
	padding-bottom: 8px;
	text-transform: uppercase;
}
h5{
	color:#777777;
	font: bold normal 16px/22px arial, helvetica, sans-serif;
	color:#002F5A;
	padding-bottom: 16px;
}
h6{
	color:#777777;
	font: normal 13px/18px arial, helvetica, sans-serif;
	color:#666666;
	margin-top: -16px;
	font-style: italic;
	padding: 0 0 12px 0;
}


p{
	font: normal 14px/20px arial, helvetica, sans-serif;
	color: #353535;
	padding-bottom: 14px;
}

li{
	color: #484848;
	padding: 0 0 3px 5px;
	list-style-position: inside;
}
ul{
	font: normal 13px/18px "lucida grande","lucida sans", arial, helvetica, sans-serif;
	color: #000000;
	list-style:none;
	margin:0;
	list-style-type: square;
	padding: 0 0 14px 0;
}
ul ul {
	padding: 0 0 0 14px;
}
ol{
	font: normal 12px/18px "lucida grande","lucida sans",arial, helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0 0 20px 15px;
	list-style: outside;
	list-style-type: decimal;
}
table{
	font: normal 12px/18px "lucida grande","lucida sans",arial, helvetica, sans-serif;
	color: #666666;
}


/* --- --- --- --- propertyInfo Page Styles --- --- --- --- */

#propertyInfo img {
	background: #FFFFFF;
	padding: 10px;
}

#propertyInfo table th{
	background: #FFFFFF;
	color:#333333;
	text-align:left;
	vertical-align:top;
}
#propertyInfo table td{
	border-bottom:1px solid #999999;
	vertical-align:top;
}
.newsItem{
	display: block;
	border-bottom: 1px solid #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-bottom: 15px;
}
/* --- --- --- --- --- --- --- --- --- ---  */
/* General form styles
----------------------------------------*/
fieldset {
	border: none;
	padding: 0;
	margin: 0 0 0 0;
    }
fieldset input, 
fieldset file name,
fieldset textarea {
	font: normal 11px "lucida grande","lucida sans",arial, helvetica, sans-serif;
	border: 0;
	padding: 4px;
	margin: 0 0;
	color: #666666;
	background: url(../images/form-textfield-193.png) no-repeat;
	width: 193px;
	height: 23px;
}

fieldset input:hover, 
fieldset select:hover,
fieldset textarea:hover {
	color: #333333;
	background: url(../images/form-textfield-193-active.png) no-repeat;
}
	
fieldset textarea {
    overflow: auto;
	font: 10px "lucida grande","lucida sans",arial, helvetica, sans-serif;
}


fieldset label {
	font: normal 10px Arial, sans-serif;
	color:#9c9c9c;
	margin:0;
	padding:0;
}
fieldset input.full, fieldset select.full, fieldset textarea.full { 
	clear: both;
	width: 550px;
 }

fieldset input.half, fieldset select.half, fieldset textarea.half { 
	clear:both;
	width:300px; 
}
fieldset input.small, fieldset select.small { 
	float:left;
	width: 170px; 
}
/* Buttons */



.buttons button{
	display:block;
	margin:6px 0;
	border:0;
	text-decoration:none;
	color:;
	cursor:pointer;
	padding:0px; /* Links */
	font: normal 12px arial, helvetica, sans-serif;
	text-align:left;
	background: url(../images/btn_find.jpg);
	height: 29px;
}

.buttons button{
	width:230px;
	overflow:visible;
	padding:0; /* IE6 */
	_padding:2px 0 0 25px; /* IE6 */
}

.buttons button[type]{
    padding:7px 15px 3px 25px; /* Firefox */
    line-height:17px; /* Safari */
}

.buttons button img, .buttons a img{
	margin:0 3px -3px 0;
	border:none;
	width:110px;
	height:16px;
	color:#353535;
	padding:0;
}



button:hover, .buttons a:hover{
	background: url(../images/btn_find.jpg) left -31px;
	color:#353535;
	border:none;
}



select { 
	width:277px;
	_width:210px;
	_margin-top:5px;
	padding-bottom: 12px;
	margin-bottom: 10px;
	
	
}

span.select {
	position: absolute;	
	width: 227px; 
	height: 31px;
	padding: 0px 0px 30px 8px;
	margin-bottom: 0px;
	color: #ffffff;
	font: 12px/31px arial,sans-serif;
	background: url(../images/textlist.jpg) no-repeat;
	overflow: hidden;
	_background: none ;
	_padding-top: 0px;
	}

