/*
//
//  What: Master stylesheet for holmeshomes.com
//  Who: Benjamin Evans
//  
*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 0 15px;
	color: #000;
	background: #f4f3f1 url(../_img/bg_body.jpg) repeat-x top left;
	font: normal 12px/18px Helvetica, Arial, sans-serif; /* 12px */
}

h1, 
h2, 
h3, 
h4, 
h5, 
form, 
table {
	margin: 0 0 0.6em;
}

h1 {
	color: #0e275c;
	font: normal 2.5em/1em Tahoma, Geneva, sans-serif;
}

h2 {
	color: #cc6600;
	font: bold 1.33em/1.33em Helvetica, Arial, sans-serif;
}

h2 span, 
a span {
	display: none;
}

h3 {
	font: bold 1em/1em Helvetica, Arial, sans-serif;
}

p {
	margin: 0 0 1.1em;
	font: normal 1em/1.3em Helvetica, Arial, sans-serif;
}

ul {
	font: normal 1em/1.3em Helvetica, Arial, sans-serif;
}

a:link, 
a:visited {
	color: #003366;
}

a:hover, 
a:active {
	color: #db6600;
}

a img {
	border: 0;
}

option {
	padding-right: 5px;
}

a.back {
	display: block;
	float: right;
	clear: both;
	width: 130px;
	height: 18px;
	margin: 0 0 1em;
	background: url(../_img/btn_back.png) no-repeat left center;
	line-height: 18px;
}

a.brochure {
	display: block;
	float: right;
	clear: both;
	width: 147px;
	height: 26px;
	margin: 0 0 1em;
	color: #fff;
	background: #ee8300 url(../_img/btn_brochure.png) no-repeat left center;
}

table {
	width: 100%;
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
	padding: 0;
}

th {
	padding: 4px 0;
	background: #e8e7e7;
}

td.thumb {
	width: 69px;
	padding: 0;
	line-height: 0;
}

#wrapper {
	width: 944px;
	margin: 0 auto;
}

.ds #wrapper { /* this gets removed by jQuery if the user agent <= IE 6.0 */
	background: url(../_img/bg_wrapper.png) repeat-y;
}

#wrapper_bottom {
	width: 944px;
	height: 9px;
	margin: 0 auto;
}

.ds #wrapper_bottom { /* this gets removed by jQuery if the user agent <= IE 6.0 */
	background: url(../_img/bg_ds_bottom.png) no-repeat;
}

#header {
	position: relative;
	width: 924px;
	height: 101px;
	margin: 0 auto;
	background: url(../_img/bg_header.jpg);
}

#header a {
	display: block;
	position: absolute;
	top: 20px;
	left: 23px;
	width: 195px;
	height: 54px;
}


/* Header login box link */

#login {
	position: absolute;
	top: 77px;
	right: 10px;
	z-index: 1;
	width: 224px;
	color: #fbfaf1;
	text-align: right;
	font: normal 0.95em/1.3em Helvetica, Arial, sans-serif;
}

#login a {
	display: inline;
	position: static;
}

#login a:link, 
#login a:visited {
	color: #fbfaf1;
	text-decoration: none;
}

#login a:hover,
#login a:active {
	text-decoration: underline;
}


/* Models and Maps button */

#btn_models_maps {
	position: absolute;
	z-index: 5;
	top: 48px;
	left: 710px;
	width: 48px;
	height: 48px;
}

#btn_models_maps a {
	display: block;
	position: relative;
	z-index: 5;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
}

#btn_models_maps a:link,
#btn_models_maps a:visited {
	background: url(../_img/btn_models_maps.png) no-repeat 0px 0px !important;
}

#btn_models_maps a:hover {
	background: url(../_img/btn_models_maps.png) no-repeat 0px -48px !important;
}

#btn_models_maps a:active {
	background: url(../_img/btn_models_maps.png) no-repeat 0px -96px !important;
}


/* Main navigation */

#nav {
	width: 924px;
	min-height: 25px;
	height: auto !important;
	height: 25px;
	margin: 0 auto;
	background: #d58219 url(../_img/bg_nav.png) repeat-x top left;
}

#nav,
#nav * {
	z-index: 20;
}

.nav {
	float: right;
}

.nav,
.nav * {
	list-style: none;
}

.nav ul {
	position: absolute;
	top:-999em;
}

.nav li {
	float: left;
	position: relative;
}

.nav a {
	display: block;
	margin: 0;
	padding: 0 10px;
	color: #2e2620;
	background: #d58219 url(../_img/bg_nav.png) repeat-x top left;
	border-left: 1px solid #eac18c;
	white-space: nowrap;
	text-decoration: none;
	text-transform: uppercase;
	font: normal 11px/25px Helvetica, Arial, sans-serif;
}

.nav li.first a {
	border: 0;
}

/* first level */

.nav li:hover a,
ul.nav li.sfHover a {
	color: #003366;
	background: #d58219 url(../_img/bg_nav.png) repeat-x 0px -25px;
}

.nav li:hover ul a,
ul.nav li.sfHover ul a {
	width: 200px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-indent: 10px;
	text-transform: capitalize;
}

.nav li:hover ul,
ul.nav li.sfHover ul {
	top: 25px;
	width: 200px;
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top: -999em;
}

.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left: 200px;
	top: 0;
}

.nav li.last li:hover ul,
ul.nav li.last li.sfHover ul {
	left: -200px;
}

/* 1st Level Colors */
ul.nav a:hover,
ul.nav li:hover a,
ul.nav li.sfHover a {
	color: #fbfaf1;
}

/* 2nd Level Colors */
ul.nav li:hover li a,
ul.nav li.sfHover li a {
	color: #003366;
	background: #f4f4f4;
	border-top: 1px solid #dddddc;
	border-left: 0;
}

ul.nav li:hover li a:hover,
ul.nav li:hover li:hover a,
ul.nav li.sfHover li a:hover,
ul.nav li.sfHover li.sfHover a {
	color: #fbfaf1;
	background: #004284;
}

/* 3rd Level Colors */
ul.nav li:hover li:hover li a,
ul.nav li.sfHover li.sfHover li a {
	color: #004783;
	background: #e6e6e6;
}

ul.nav li:hover li:hover li a:hover,
ul.nav li:hover li:hover li:hover a,
ul.nav li.sfHover li.sfHover li a:hover,
ul.nav li.sfHover li.sfHover li.sfHover a {
	text-decoration: none;
	color: #fbfaf1;
	background: #004284;
}

.superfish li:hover ul,
.superfish li li:hover ul { /* Must be displayed after all other Superfish CSS */
	top: -999em;
}

/* Main Content Area */

#content {
	width: 924px;
	margin: 0 auto;
	background: #fff;
}

#content ul {
	margin: 0 0 0.6em 20px;
}

#main_column {
	z-index: 0;
	float: left;
	width: 514px;
	margin: 0;
	padding: 20px 35px 20px 25px;
	border-right: 350px solid #E8E5E0;
}

#home #main_column {
	padding: 20px 35px 0 25px;
}

#home #main_column {
	/* background: url(../_img/bg_main_column_home.jpg) no-repeat bottom left; */
}

#side_bar {
	z-index: 2;
	float: right;
	width: 350px !important;
	margin-left: -350px;
	padding: 0;
	background: #E8E5E0;
	
	overflow: hidden;
}


/* Template specific ids */

#tpl3 #main_column {
	border-color: #eaf3fe;
}

#tpl3 #side_bar {
	padding: 45px 0 50px;
	background: #eaf3fe;
}

#tpl4 #main_column {
	border: 0;
}

#tpl4 #side_bar {
	width: 335px;
	margin: 0;
	padding: 40px 15px 10px 0;
	background: #fff;
	text-align: right;
}

#white #main_column {
	border-color: #fff;
}

#white #side_bar {
	background: #fff;
}

#gallery {
	background: #eaf3fe;
}

/* End template specific ids*/

#single_column {
	clear: both;
	padding: 20px 15px 20px 23px;
}

#footer {
	width: 904px;
	height: 25px;
	margin: 0 auto;
	padding: 2px 0;
	color: #90908d;
	background: url(../_img/logo_energystar.png) no-repeat 0px 2px;
	font: normal 0.90em/1em Helvetica, Arial, sans-serif;
	text-align: right;
}

#footer a:link,
#footer a:visited {
	color: #90908d !important;
}

#footer a:hover,
#footer a:active {
	color: #555 !important;
}

#footer span {
	color: #d48016;
}


/* Energy Star partners below footer */

#partners {
	display: none;
	visibility: hidden;
	/*position: relative;
	width: 912px;
	margin: 0 auto;
	padding: 34px 0 0 12px;
	color: #0e275c;
	background: url(../_img/partners.png) no-repeat 12px 0px;
	font: normal 0.95em/1em Helvetica, Arial, sans-serif;*/
}

/*#partners div {
	position: absolute;
	top: 0;
	left: 92px;
	line-height: 1.2em;
}*/


/* Images/flash on home page, sub pages */

#home_main_img,
#main_img {
	width: 924px;
	height: 265px;
	margin: 0 auto;
	overflow: hidden;
}


/* House graphic on home page */

#house {
	float: left;
	width: 137px;
	height: 105px;
	margin: 0 20px 20px -10px;
}


/* Holmes search on home page */

/*#holmesfinder {
	position: relative;
	min-height: 63px;
	height: auto !important;
	height: 63px;
	padding: 108px 166px 10px 20px;
	color: #0e275c;
	background: #feedd7 url(../_img/holmesfinder.png) no-repeat;
	font: normal 0.95em/1.2em Helvetica, Arial, sans-serif;
}

#holmesfinder #idaho {
	top: 8px;
	left: 245px;
	width: 34px;
	height: 62px;
}

#holmesfinder #utah {
	top: 73px;
	left: 255px;
	width: 40px;
	height: 44px;
}

#holmesfinder #arizona {
	top: 120px;
	left: 250px;
	width: 40px;
	height: 48px;
}*/

#holmesfinder {
	position: relative;
	width: 350px;
	height: 36px;
	background: #e8e5e0 url(../_img/bg_homeplanfinder.png) no-repeat top left;
	border-width: 2px 0;
	border-color: #e8e5e0;
	border-style: solid;
	overflow: hidden;
}

#holmesfinder h2 {
	display: none;
}

#holmesfinder a {
	position: absolute;
}

#holmesfinder #utah {
	top: 0;
	left: 116px;
	width: 70px;
	height: 36px;
}

#holmesfinder #arizona {
	top: 0px;
	left: 190px;
	width: 86px;
	height: 36px;
}

#holmesfinder #idaho {
	top: 0px;
	left: 279px;
	width: 72px;
	height: 36px;
}

#marketplace {
	min-height: 90px;
	height: auto !important;
	height: 90px;
	padding: 16px 64px 0px 114px;
	color: #fff;
	background: #0e275c url(../_img/bg_marketplace.png) no-repeat left bottom;
	font: normal 1em/1.3em Helvetica, Arial, sans-serif;
}

#marketplace h2 {
	height: 25px;
	background: url(../_img/heading_marketplace.png) no-repeat;
}

#marketplace a {
	color: #fff;
}

#perfecthomeplan {
	padding: 1px 0 0;
	background: #eaf3fe;
}

#perfecthomeplan div {
	min-height: 160px;
	height: auto !important;
	height: 160px;
	background: url(../_img/bg_perfecthomeplan.png) no-repeat;
}

#perfecthomeplan p {
	padding: 60px 15px 0 160px;
}

#perfecthomeplan a {
	display: block;
	width: 350px;
	height: 32px;
}

#perfecthomeplan #house {
	margin: 0 10px 10px 0;
	padding: 0;
}


/* Holmes advanced search */

#search {
	padding: 140px 0 0;
	background: url(../_img/bg_search.png) no-repeat left top;
	border-top: 1px solid #E8E5E0;
}

#search h2 {
	display: none;
}

#search p {
	padding: 0 23px;
}

#search form {
	margin: 0;
}

#search label {
	float: left;
	width: 138px;
}

#search #btn {
	padding: 0 23px;
	background: #d58219;
	text-align: right;
}

#search #btn input {
	padding: 5px 5px 3px;
	color: #fff;
	background: #00225d;
	border: 0;
	font: normal 1em Helvetica, Arial, sans-serif;
	cursor: pointer;
}

#search_results th,
#search_results td {
	border: 1px solid #e7e7e7;
}


/* Advanced search results filter */

#filter {
	height: 34px;
	margin: 0 0 1em;
	padding: 15px 5px 20px 15px;
	background: #eaf3fe;
}

#filter div {
	float: left;
	padding-right: 25px;
}

#filter div.last {
	padding: 0;
}

#filter label {
	clear: both;
	display: block;
}

#filter select {
	clear: both;
	display: block;
}

#filter #btn {
	float: right;
	margin-top: 5px;
}

#filter #btn input {
	padding: 3px 5px;
	color: #fff;
	background: #00225d;
	border: 1px solid #fff;
	cursor: pointer;
}


/* add to favorites button*/

#addtofavs {
	height: 10px;
	text-align:right;
	margin: 0 0 1em;
	padding: 15px 5px 20px 15px;
	background: #ffffff;
}

#addtofavs div {
	float: right;
	padding-right: 25px;
}

#addtofavsholder div {
	float: right;
	padding-right: 25px;
}


/* Available homes styles */

#statepicker {
	overflow: hidden;
	height: 30px;
	border-bottom: 1px solid #acacac;
}

#statepicker ul,
#statepicker li {
	list-style: none;
}

#statepicker li {
	display: block;
	float: left;
	text-align: left;
	margin: 0 2px 0 0;
	background: #888888;
}

* html #statepicker li {
	display: inline;
	width: 80px;
}

#statepicker li a:link,
#statepicker li a:visited {
	display: block;
	padding: 0 20px;
	color: #fff;
	background: #acacac;
	font-weight: bold;
	line-height: 28px;
	text-decoration: none;
	text-transform: uppercase;
	/*-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;*/
}

* html #statepicker li a:link,
* html #statepicker li a:visited {
	text-align: center;
}

#statepicker li a:hover,
#statepicker li a:active {
	background: #8f8f8f;
}

#statepicker li.currentstate {
	background: #cc6600 !important;
}

#statepicker li.currentstate a {
	background: #0e285c !important;
}

.btn_request {
	padding: 10px; 
	background: #f4f4f4;
	text-align: right;
}

#tbl_available {
	margin: 0;
	border: 0;
}

#tbl_available th {
	padding: 8px 6px;
	white-space: nowrap;
	background: #e6e5e5;
}

#tbl_available th,
#tbl_available td {
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
}

#tbl_available td {
	padding: 3px 5px;
}

#tbl_available td.description {
	text-align: left;
}

#tbl_available tr.gray td {
	background: #efefef;
}

#tbl_available tr.over td {
	background: #fff1cf;
}

.fancy {
	width: 483px;
	height: 252px;
	background: url(../_img/bg_tooltip_lg.png) no-repeat top left;
}

.fancy h2 {
	margin: 0 0 3px 127px;
	color: #00245d;
	font-size: 1.5em;
	line-height: 48px;
	text-transform: uppercase;
}

.fancy div.home_img {
	float: left;
	width: 208px;
	margin: 20px 10px 20px 115px !important;
}

.fancy div.home_img img {
	width: 208px;
}

.fancy div.home_specs {
	float: left;
	width: 140px;
	margin-top: 20px !important;
}

* html .fancy div.home_img,
* html .fancy div.home_specs {
	display: inline;
}


/* Elevations pages 'switcher' */

#elevations {
	width: 514px;
	margin: 0.6em auto 0;
	color: #6699cc;
	font-size: 0.95em;
}

#elevations ul {
	margin: 0;
}

#elevations li {
	list-style: none;
	float: left;
}

#elevations ul a {
	display: block;
	padding: 6px 10px;
	text-decoration: none!important;
	margin: 1px;
	margin-left: 0;
	color: #6699cc;
	background: #eaf3fe;
}

#elevations ul a:hover {
	color: #fff;
	background: #003366;
}

#elevations ul a.selected {
	margin-bottom: 0;
	color: #fff;
	background: #003366;
	cursor: default;
}

#elevations div {
	clear: left;
}

#elevations div a {
	color: #6699cc;
}


/* Tool Bar on Elevations Pages */

#toolbar {
	width: 514px;
	background: url(../_img/bg_toolbar.png) repeat-x;
}

#toolbar div {
	float: left;
	width: 122px;
	background: transparent;
}

* html #toolbar div {
	display: inline;
}

#toolbar .photos {
	background: url(../_img/btn_photos.png) no-repeat top right;
}

#toolbar .tours {
	background: url(../_img/btn_tours.png) no-repeat top right;
}

#toolbar .favorites {
	background: url(../_img/btn_favorites.png) no-repeat top right;
}

#toolbar .information {
	width: 140px;
	background: url(../_img/btn_information.png) no-repeat top right;
}

#toolbar a {
	display: block;
	width: 122px;
	padding: 45px 0 5px;
	color: #666666;
	text-decoration: none;
	text-align: center;
	white-space: normal;
}

#toolbar .information a {
	width: 140px;
}

#toolbar a:hover {
	color: #6699cc;
}


/* Floor Plans Switcher on Elevations Pages */

#floorplans {
	width: 302px;
	margin: 0 auto;
	font-size: 0.95em;
	text-align: center;
}

#floorplans ul {
	margin: 1em 0 0;
}

#floorplans li {
	display: inline;
	list-style: none;
}

#floorplans ul a {
	display: inline;
	margin: 1px;
	margin-left: 0;
	padding: 6px 10px;
	color: #6699cc;
	background: #e6dcd0;
	line-height: 2.6em;
	text-decoration: none !important;
}

#floorplans ul a:hover {
	color: #fff;
	background: #d58219;
}

#floorplans ul a.selected {
	color: #fff;
	background: #d58219;
	cursor: default;
}

#floorplans div {
	overflow: hidden;
	clear: left;
	width: 300;
	height: 453px;
	background: #fff;
	border: 1px solid #dfebf7;
}

#floorplans div a {
	color: #6699cc;
}


/* Side bar testimonial */

#testimonial {
	position: relative;
	height: 334px;
	background: url(../_img/testimonial1.jpg) no-repeat;
}

#testimonial h2 {
	display: none;
}

#testimonial a {
	display: block;
	position: absolute;
	right: 1px;
	bottom: 1px;
	width: 203px;
	height: 34px;
}


/* Prequalification graphic in sidebar */

#prequalify {
	position: relative;
	padding: 1px 0 45px;
	background: #000c3c url(../_img/bg_prequalify.jpg) no-repeat;
	color: #fff;
}

#prequalify .getsold {
	margin: 15px 0 10px;
	text-align: center;
}

#prequalify p {
	padding: 0 31px;
}

#prequalify a {
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 203px;
	height: 38px;
	background: url(../_img/btn_prequalify.png) no-repeat;
}


/* Developments page table */

#developments th, 
#developments td {
	padding: 8px 10px 5px 5px;
	border-top: 1px solid #efefef;
	text-align: left;
	vertical-align: top;
}


/* Registration form table */

#register {
	text-align: left;
}

#register td {
	padding: 0 0 7px;
}


/* Slideshows in page headers */

#container_slideshow {
	position: relative;
	width: 924px;
	height: 400px;
	margin: 0 auto;
	padding: 0;
	/*background: #fff url(../_img/loader.gif) no-repeat center center;*/
	overflow: hidden;
}

#fader {
	z-index: 20;
	position: absolute;
	width: 924px;
	height: 400px;
	background: #fff url(../_img/loader.gif) no-repeat center center;
}

#slides,
#slides div {
	width: 924px;
	height: 400px;
	overflow: hidden;
}

#nav_slideshow {
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	width: 914px !important;
	padding: 5px;
	background: transparent;
	text-align: right;
}

#nav_slideshow,
#nav_slideshow * {
	z-index: 19;
	color: #fff;
}

#nav_slideshow a {
	padding: 0px 2px;
	color: #fff;
	font: normal 10px/14px Tahoma, Geneva, sans-serif;
	text-decoration: none;
}

#nav_slideshow a.activeSlide {
	color: #f90;
}

#slides * {
	z-index: 19;
}

/*
#slides span.title {
	display: block;
	position: absolute;
	bottom: 0 !important;
	left: 0 !important;
	width: 910px !important;
	height: 19px;
	padding: 0 7px 2px;
	color: #fff;
	background: transparent;
	font: normal 10px/17px Tahoma, Geneva, sans-serif;
	letter-spacing: 1px;
	text-align: right;
	text-transform: uppercase;
}

#slides span.headline {
	display: block;
	position: absolute;
	top: 180px !important;
	left: 0 !important;
	width: 910px !important;
	height: 29px;
	padding: 0 7px 2px;
	color: #fff;
	background: transparent;
	font: bold 20px/21px Tahoma, Geneva, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
}
*/

a.northshore:link,
a.northshore:visited,
a.northshore:hover,
a.northshore:active {
	display: block; /* Tripswitch hack */
	position: absolute;
	top: 0;
	right: 0;
	width: 274px;
	height: 400px;
	color: #00235d;
}

a.northshore span {
	position: absolute;
	top: -999px;
}


/* Misc Classes */

.btn_seeall {
	height: 28px;
	margin: 0;
}

.podcast {
	padding-left: 50px;
	background: url(../_img/ico_podcast.png) no-repeat left top;
}

.article {
	padding-left: 50px;
	background: url(../_img/ico_article.png) no-repeat left top;
}

.breadcrumb {
	margin: 0 0 1em;
	font: normal 10px/16px Helvetica, Arial, sans-serif; /* 12px */
	color: #555;
}

.breadcrumb a:link, 
.breadcrumb a:visited {
	color: #b1b1b1;
}

.breadcrumb a:hover, 
.breadcrumb a:active {
	color: #db6600;
}

.error {
	padding: 5px;
	color: #cc2229;
	font: bold 1.33em/1.33em Helvetica, Arial, sans-serif;
	border: 0px solid #cc2229;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */