html, body {
	margin: 0;
	width: 100%;
	height: 100%;
}
body {
	min-width: 930px;
	background: #eaeaea url("../__images/page_bg.gif") repeat-x;
	font: 12px verdana, arial, "trebuchet ms", helvetica, sans-serif;
}


/*--- general ---*/
form {margin: 0;padding: 0;}
img {border: none;display: block;}
ul {margin: 0;padding: 0;list-style: none;}

.clr:after {
	height: 0;
	clear: both;
	content: "";
	display: block;
}
* html .clr {height: 1%;}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: bold;
	font-family: verdana, arial, "trebuchet ms", helvetica, sans-serif;
}
h1 {
	color: #00457c;
	font-size: 18px;
	padding: 0 0 12px 0;
}
h2 {
	color: #1387ba;
	font-size: 16px;
	padding: 0 0 12px 0;
}
h3 {
	color: #d41515;
	font-size: 14px;
	padding: 0 0 12px 0;
}
h4 {
	color: #1387ba;
	font-size: 14px;
}
h5 {
	color: #1387ba;
	font-size: 12px;
}
p {
	margin: 0;
	line-height: 24px;
}
a {
	color: #1387ba;
	cursor: pointer;
	text-decoration: none;
}
a:hover {text-decoration: underline;}
a:active, a:focus {outline: none;}


#page {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 6px 0;
}

#hot_tomato_ribbon { width: 353px; height: 42px; background: url(../__images/ribbon_hot_tomato1.png) no-repeat; z-index: 2000; position: absolute; left: 0; top: 453px; }
#newaddress { z-index: 1800; }

.wrap-page-1 {
	width: 900px;
	height: 191px;
	padding: 0 25px 0 25px;
	background: url("../__images/bg-mid-page.png") repeat-y;
	position: relative;
}
.wrap-page-3 {
	width: 950px;
	height: 145px;
	background: url("../__images/bg-bot-page.png") no-repeat;
}
.wrap-page-2 {
	width: 900px;
	padding: 0 25px;
	background: url("../__images/bg-mid-page.png") repeat-y;
}
.wrap-header {
	width: 100%;
}
#header {
	width: 100%;
	min-height: 130px;
	position: relative;
	padding: 0 0 0 0;
}
* html #header {height: 120px;}

#header strong {
	top: -14px;
	left: 0px;
	position: absolute;
}
#header strong a {
	width: 950px;
	height: 144px;
	display: block;
	overflow: hidden;
	text-indent: -12000px;
	background: url("../__images/header.jpg") no-repeat;
}


#header ul {
	float: right;
	padding: 14px 0 0 0;
}
#header ul li {
	float: left;
	font-weight: bold;
	padding: 0 0 0 2px;
	background: url("../__images/sep-1.gif") no-repeat;
}
#header ul li:first-child {background-image: none;}

#header ul li a {
	float: left;
	color: #fff;
	padding: 0 11px;
	line-height: 26px;
	background: #012D62 url("../__images/bg-nav-1.gif") repeat-x;
}
#header ul li a:hover,
#header ul li .active {
	text-decoration: none;
	background: #012D62 url("../__images/bg-nav-2.gif") repeat-x;
}


/*---navigation---*/
.wrap-header {
	width: 100%;
	background: url(../__images/menu_bg.gif) repeat-x;
}

ul#nav {
	float:left;
	
	margin:0;
	padding:0 0 0 0px;
	
	background: url(../__images/nav-separator.gif) right no-repeat;
}
ul#nav li {
	float:left;
	padding:0 0 1px 1px;
	
	min-width: 125px;
	width: auto !important;
	width: 125px;
	
	
	list-style:none;
	position:relative;
	background: url(../__images/nav-separator.gif) no-repeat;
}
ul#nav li:first-child {
	
	padding:0;
}
ul#nav li:hover,
ul#nav li.hover {position:relative;}
ul#nav li:hover ul,
ul#nav li.hover ul {display:block;}
ul#nav li:hover ul ul,
ul#nav li.hover ul ul {display:none;}
ul#nav ul li:hover ul,
ul#nav ul li.hover ul {display:block;}
ul#nav li a {
	display:block;
	
	height:34px;
	color:#fff;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	font:bold 13px/34px Verdana, Arial, Helvetica, sans-serif;
}
ul#nav li a.last { }
ul#nav li:hover a,
ul#nav li.hover a {color:#fff; background-color: #25a8ec;}
ul#nav ul {
	position:absolute;
	width:250px;
	margin:0;
	padding:0;

	top:34px;
	left:1px;
	display:none;
	z-index:98;
}
ul#nav ul li {
	float:left;
	padding:0;
	width:100%;
	padding:0px 0 0;
	list-style:none;
	background:none;
}
ul#nav ul li a {
	display:block;
	width:220px;
	height:auto;
	padding:5px 10px 5px 11px;
	color:#3d3700;
	font:bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-indent:0;
	background: #fff;
	text-align:left;
}
ul#nav ul li:hover a,
ul#nav ul li.hover a {
	color:#fff;
	background: #00457c;
}
ul#nav ul li:hover ul li a,
ul#nav ul li.hover ul li a {
	color:#fff;
	background: #00457c repeat;
}
ul#nav ul ul {
	position:absolute;
	width:140px;
	margin:0;
	padding:0;
	background:none;
	top:0;
	left:140px;
	display:none;
	border-top:1px solid #fff;
	z-index:99;
}
ul#nav ul ul li {
	float:left;
	padding:1px 0 0;
	width:100%;
	list-style:none;
	background:url(../__images/dot.gif) repeat-x;
}
ul#nav ul ul li a {
	display:block;
	width:129px;
	height:auto;
	padding:0 0 0 11px;
	color:#3d3700;
	font:bold 11px/31px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-indent:0;
	background: #25a8ec;
}
ul#nav ul ul li:hover a,
ul#nav ul ul li.hover a {
	color:#fff !important;
	background: #00457c !important;
}


#content {
	width: 100%;
}
.secondary-content {
	float: right;
	width: 207px;
	background: url(../__images/bg-sidebar.gif) top repeat-x;
	min-height: 630px;
	text-align:center;
	padding-top: 0px;
}
.secondary-content p {
	text-align:  center;
}

.primary-content input, .secondary-content input {
	position: relative;
	z-index: 1000;
}

.primary-content img, 
.primary-content a {
	position: relative;
	z-index: 1000;
}

.primary-content {
	float: left;
	width: 865px;
	padding: 16px 18px 0 16px;
	position: relative;
}

#sub-pages {
	min-height: 450px;
	height: auto !important;
	height: 450px;
}

.primary-content p {padding: 0 0 14px 0;}

.primary-content ol {
	line-height: 24px;
	
	margin: 0 0 0 20px;
	padding: 0 0 14px 0;
}

.primary-content ul {
	line-height: 24px;
	margin: 0 0 0 20px;
	padding: 0 0 14px 0;
}

.primary-content li {
	line-height: 24px;
	padding: 0 0 0 19px;
	background: url("/__images/m-1.gif") no-repeat 0 10px;
}
.primary-content ul li {
	padding: 0 0 0 19px;
	background: url("/__images/m-2.gif") no-repeat 0 10px;
}
.primary-content ol li {
	padding: 0 0 0 10px;
	background: none;
}

.breadcrumbs {padding: 7px 0 15px 0;}

.breadcrumbs li {
	color: #0461bc;
	display: inline;
	padding: 0 0 0 0;
}
.breadcrumbs li a {color: #0461bc;margin: 0 4px 0 0;}

.banners {
	width: 191px;
	float: right;
	display: inline;
	margin: 0 -18px 0 12px;
}
.banners li {
	float: left;
	padding: 0 0 11px 0;
}
.flash {
	clear: both;
	width: 706px;
	overflow: hidden;
	padding: 17px 0 16px 0;
}
.extra-info {
	width: 100%;
	padding: 18px 0 0 0;
	border-top: 1px solid #000;
}
.extra-info div {float: left;}
.extra-info .info-1 {width: 218px;}
.extra-info .info-2 {width: 209px;padding: 0 33px 0 22px;}
.extra-info .info-3 {width: 209px;}
.extra-info div h4 {padding: 0 0 4px 0;}
.extra-info div p a {
	font-weight: bold;
	margin: 0 0 0 55px;
}

#locations {
	text-align: center;
	font-weight: normal;
	color: #6198cc;
	padding-top: 80px;
	padding-bottom: 10px;
}

#copyright {
	height: 41px;
	text-align: center;
	font-weight: bold;
	color: #a6a6a6;
	padding: 15px 0 15px 0;
	margin-top: 0px;
	clear: both;
}

#copyright a {
	color: #a6a6a6;
	text-decoration: none;
}

#copyright a:hover {
	color: #a6a6a6;
	text-decoration: underline;
}


#headline {
	width: 680px;
	float: left;
}

#headline h2 {
	color: #1894d2;
	font-size: 18px;
	font-weight: bold;
	padding-top: 5px;
	
}

#quote {
	width: 256px;
	height: 52px;
	position: absolute;
	top: 20px;
	right: 100px;
}

#promo {
	width: 710px;
	background-image: url(../__images/homebuyershow_logo.gif);
	background-position: 15px 0px;
	background-repeat: no-repeat;
	padding-left: 130px;
	margin-right: -130px;
	margin-top: 7px;
	margin-bottom: 10px;
	font-size: 11px 
}

#promo h3 {
	color: #000;
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: bold;
	padding: 0;

}

#promo p {
	margin: 0;
	padding: 0 0 5px;;
}

#features {
	
	border-top: 1px solid #d6e4f1;
	padding-top: 20px;
	background: #ffffff url(../__images/feature_bg.gif) top repeat-x;
	height: 180px;
	display: block;
	clear: both;
	padding-left: 100px;
}

.feature {
	position: relative;
	width: 130px;
	float: left;
	padding-left: 92px;
	padding-right: 15px;
	min-height: 160px;
	height: auto !important;
	height: 160px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.feature a {
	color: #000;
	text-decoration: none;
}

#features .feature a:hover {
	color: #000;
	text-decoration: none;
}

.feature h4 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 7px;
}

.feature p {
	line-height: 18px;
	font-size: 11px 
}

.feature em {
	position: absolute;
	bottom: 0;
	right: 0;
	font-style:normal;
	font-weight:bold;
	cursor:pointer;
	margin-right: 10px;
	border-bottom: 1px dashed #000;

}

#feature_1 { background-image: url(../__images/feature_1_pic.jpg); }
#feature_2 { background-image: url(../__images/feature_2_pic.jpg); }
#feature_3 { background-image: url(../__images/feature_3_pic.jpg); }


.light {
	background-color: #f2f7fb;
}

.enquiry td {
	vertical-align: middle;
	padding-left: 10px;
}

.enquiry p {
	padding: 0;
	margin: 0;
}

.hidden {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}



#fhog { 
	clear: both;
	position: relative;
	width: 865px;
	height: 333px;
	background:url(../__images/fhog-bg.png) no-repeat;
}

#fhog-maintitle { position: absolute; top: 31px; left: 198px; width: 667px; height: 110px; background:url(../__images/fhog-maintitle.png) no-repeat; }
#fhog-title-newhomes { position: absolute; top: 158px; left: 161px; width: 439px; height: 35px; background:url(../__images/fhog-title-newhomes.png) no-repeat; }
#fhog-info-newhomes { position: absolute; top: 193px; left: 161px; width: 439px; height: 37px; background:url(../__images/fhog-info-newhomes.png) no-repeat; }
#fhog-title-existinghomes { position: absolute; top: 230px; left: 161px; width: 439px; height: 36px; background:url(../__images/fhog-title-existinghomes.png) no-repeat; }
#fhog-info-existinghomes { position: absolute; top: 266px; left: 161px; width: 439px; height: 20px; background:url(../__images/fhog-info-existinghomes.png) no-repeat; }
a#fhog-button { position: absolute; top: 141px; left: 600px; background: transparent url(../__images/fhog-button.png) no-repeat scroll 0 0; height: 168px; width: 265px; }
a#fhog-button:hover { background-position:0 100%; }