/* ============================================================
| Layout
============================================================ */
html, body{background-color: #e8e8e8;}
img{margin:0;padding:0;border: 0px none transparent;}
a, a:hover, a:visited, a:active {color: blue;}


/* Centering Vertically (Why?)*/
/*
#outer {display: table; height: 100%;  #position: relative; overflow: hidden;width:900px;margin: 0 auto;}
#middle {#position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;}
#inner {#position: relative;  #top: -50%}
*/

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
	text-align:center;
	min-height:468px;/* for good browsers*/
	min-width:900px;/* for good browsers*/
}
#outer{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#middle {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 468px;
}
#inner {
	width: 900px;
	min-height: 468px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

/* Continue Layout */
.outerContainer{width:900px;margin: 0 auto;}
.clbg0{width:100%;background: #14477c url(left_2.jpg) repeat-y left center;}
.clbg1{width:100%;background: url(left_3.jpg) no-repeat left bottom;}
.clbg2{width:100%;background: url(left_1.jpg) no-repeat top left;position:relative;}

.leftTitle{position:absolute;top:0;left:73px;}
.leftDmLogo{position:absolute;bottom:20px;left:30px;}
.leftHomesForSale{position:absolute;top:143px;left:55px;}
.leftHomesForSale a{	position: absolute;display: block;height: 90px;overflow: hidden;}
.leftHomesForSale a:hover{height: 180px;clip:rect( 90px auto 180px auto);margin-top: -90px;}

.columnRight{margin-left:188px;width:712px;}
.title{height:93px;background-image: url(right_bg.jpg); background-repeat:repeat-x;}


.nav0Container{height:36px;background: transparent url(right_bg.jpg) repeat-x 0px -92px;}
.nav0{float:left;height:36px;list-style:none;margin:0;padding:0;}
.nav0 li {float:left;margin:0;padding:0;text-align:center;}
.nav0 li a, .nav0 li a:visited, .nav0 li a:active {
	border-right:2px solid #00467f;
	color:#f3f3b5;
	display: block;
	float: left;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	padding: 0 10px;
	margin: 7px 0;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
}

.nav0 li a:hover {color:#ad1d42;}
.nav0 li.first a{border-left:2px solid #00467f;}

#printLogo{
	display:none;	
}
.contentContainer{width:100%;background: #0d4c85 url(content_bg.jpg) repeat-y;}
.pageHome .contentContainer{background: #0d4c85 url(right_bg.jpg) repeat-x 0px -128px;}
.contentContainerLeft{float:left;width:424px;}
.contentLeft{padding: 0 20px 20px 20px;}
.contentContainerRight{float:right;width:288px;height:346px;background: #0d4c85 url(right_bg.jpg) repeat-x 0px -128px;}
.contentRightPadding{margin: 5px 0 0 0;padding: 0 20px;}
.titleLocation{float:right; padding:20px;}
.footer0{background: #edf0af url(footer.jpg) repeat-x 0px -41px;}
.footer1{background-image:url(footer.jpg);background-position:right bottom;background-repeat:no-repeat;}
.footer2{background-image:url(footer.jpg);background-position:left top;background-repeat:no-repeat; height:41px;text-align:center;position:relative;overflow:hidden;}
.footerLeft, .footerLeft:active, .footerLeft:visited{
	position:absolute;
	display:block;
	top:0;
	left:0px;
	height:41px;
	font-size:9px;
	line-height:40px;
	margin: 0 10px;
	padding: 0 16px;
	background: url(print.jpg) no-repeat;
	color:#00467f;
	text-decoration: none;
}
.footerLeft:hover{color:#ad1d42;cursor:pointer;}

.footerRight{
	position:absolute;
	top:0;
	right:0px;
	margin: 0 10px;
}
.footerRight .footerRightBackward{background: url(footer_nav.jpg) no-repeat; background-position: right top;}
.footerRight .footerRightForward{background: url(footer_nav.jpg) no-repeat; background-position: left -41px;}
.footerRight .footerRightBackward, 
.footerRight .footerRightBackward:active, 
.footerRight .footerRightBackward:visited, 
.footerRight .footerRightForward,
.footerRight .footerRightForward:active,
.footerRight .footerRightForward:visited{
	display:block;
	float:left;
	font-size:9px;
	height:41px;
	line-height:40px;
	text-decoration: none;
	text-transform: uppercase;
	color:#00467f;
	padding: 0 10px;
	margin: 0 1px;
}
.footerRight .footerRightBackward:hover, .footerRight .footerRightForward:hover{color:#ad1d42;cursor:pointer;}

/* ============================================================
| Typography
============================================================ */
.clearIt{clear:both;height:0px;overflow:hidden;}
* {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px;}
.pageHome  p{color: white; text-align:justify;}
p{color: black; text-align:justify;}
h1{color: #00467f; font-size: 20px; font-weight: normal; text-align: left;}
.altText{color: #00467f;}
.caption0 {color:#000000;font-size:11px;}
.caption1{color: #f3f3b5;float:left;margin:10px;width: 70px;}


/* ============================================================
| PopUp
============================================================ */
.viewer-caption{position:absolute;top:10px;left:10px;color:white;text-transform:uppercase;font-weight:bold;}
a.viewer, a:active.viewer , a:visited.viewer  {
	font-size: 11px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	text-decoration: none;
	background-color: #ad003e;
	border: 1px solid #f3f4b4;
	color: #FFFFFF;
	position:absolute;
	bottom:10px;
	right:10px;
}

a.viewer:hover {
	color: #f3f4b4;
}