/*
-------------------------------------------------------- 
Wolverinehomes.ca
Author: Michael Tighe, mrare.ca
Notes:

-------------------------------------------------------- 
*/

/* globals
----------------------------------*/
* {margin: 0; padding: 0;}
img {border: 0;}
:focus {  -moz-outline-style: none;}
.clear { clear: both; }
.img_rep {text-indent: -9999px;overflow: hidden;}

body {
background: #000 url(../images/body_bg.jpg) no-repeat top center;
margin: 40px 0 0 0;
}
#container { margin: 0 auto; width: 980px;}
#content_body a {
	color: #242f38;
}

#content_body a:hover {
	color: #000;
}

/* framework
----------------------------------*/
#tier1 {clear: both;}
#content_body { background: #ebd6c6 url(../images/bg_repeat.jpg) top center repeat-y;
margin: 0 0 1em 0; padding: 0 0 0 0;}
#content_head { background: transparent url(../images/bg_top.jpg) top center no-repeat;
min-height: 246px; margin: 0 0 0 0; padding: 9px 0 0 0;}
body#home #content_head { background: transparent url(../images/bg_hometop.jpg) top center no-repeat;
min-height: 246px; margin: 0 0 0 0; padding: 34px 0 0 30px;}
body#clisting #content_head { min-height: 427px; margin: 0 0 0 0; padding: 40px 0 0 40px;}
body#gallery #content_head { margin: 0 0 0 0; padding: 10px 0 0 0;}
body#about #content_head { min-height: 160px; margin: 0 0 0 0; padding: 9px 0 0 0;}
body#contact #content_head { min-height: 160px; margin: 0 0 0 0; padding: 9px 0 0 0;}

/* tier1 styles
----------------------------------*/
/*logo*/
#tier1 h2 a {
background: url(../images/logo_sprite.gif) no-repeat top left;
width: 192px; height: 62px;
display: block;
float: left;
text-indent: -9999px; overflow: hidden;
margin: 0 0 42px 0;}
/* nav */
#tier1 ul#nav { padding: 20px 10px 0 0; width: 640px; float: right;}
#tier1 ul#nav li {
list-style:  none; float: left; overflow: hidden;
line-height: 12px; padding: 0 0 0 0;}
#tier1 ul#nav li a {
background: transparent url(../images/whomes_nav.gif) no-repeat;
display: block; line-height: 12px; height: 12px;
text-indent: -9999px;}
/*nav normal states*/
#tier1 ul#nav li a.nav_1 { width: 57px; background-position: 0px 0px;}
#tier1 ul#nav li a.nav_2 { width: 135px; background-position: -57px 0px;}
#tier1 ul#nav li a.nav_3 { width: 178px; background-position: -192px 0px;}
#tier1 ul#nav li a.nav_4 { width: 94px; background-position: -370px 0px;}
#tier1 ul#nav li a.nav_5 { width: 77px; background-position: -464px 0px;}
#tier1 ul#nav li a.nav_6 { width: 79px; background-position: -541px 0px;}
/*hover states*/
#tier1 ul#nav li a.nav_1:hover { width: 57px; background-position: 0px 0px;}
#tier1 ul#nav li a.nav_2:hover { width: 135px; background-position: -57px 0px;}
#tier1 ul#nav li a.nav_3:hover { width: 178px; background-position: -192px 0px;}
#tier1 ul#nav li a.nav_4:hover { width: 94px; background-position: -370px 0px;}
#tier1 ul#nav li a.nav_5:hover { width: 77px; background-position: -464px 0px;}
#tier1 ul#nav li a.nav_6:hover { width: 79px; background-position: -541px 0px;}
/*_selected states*/
#tier1 ul#nav li a.nav_1_selected { width: 57px; background-position: 0px 0px;}
#tier1 ul#nav li a.nav_2_selected { width: 135px; background-position: -57px 0px;}
#tier1 ul#nav li a.nav_3_selected { width: 178px; background-position: -192px 0px;}
#tier1 ul#nav li a.nav_4_selected { width: 94px; background-position: -370px 0px;}
#tier1 ul#nav li a.nav_5_selected { width: 77px; background-position: -464px 0px;}
#tier1 ul#nav li a.nav_6_selected { width: 79px; background-position: -541px 0px;}

/* home specific styles
----------------------------------*/
#home_featured { width: 960px; margin: 0 auto; padding: 0 0 0.5em 0;}
#home_col1 { float: left; width: 220px; padding: 0 84px 0 0; margin: 0 0 0 0;}
#home_col2 { float: left; width: 290px; padding: 0 11px 0 17px; margin: 0 0 0 0;}
#home_col3 { float: left; width: 216px; padding: 0 16px 0 23px; margin: 0 0 0 0;}
/*col1*/
#home_col1 h1 { background: url(../images/home/home_customhomes.gif);
width: 112px; height: 10px;
text-indent: -9999px; overflow: hidden;
margin: 0 0 18px 0;}
#home_col1 #header { background: url(../images/home/home_col1_header.gif);
width:214px; height: 52px;
text-indent: -9999px; overflow: hidden;
margin: 0 0 46px 0;}
#home_col1 p a { background: url(../images/home/home_col1_btn.jpg);
width: 90px; height: 21px; display: block;
text-indent: -9999px; overflow: hidden;
margin: 0 0 0 12px;}
/*col2*/
#home_col2 h2 { background: url(../images/home/home_communitylist.gif);
width: 159px; height: 10px;
text-indent: -9999px; overflow: hidden;
margin: 0 0 18px 0;}
#home_col2 #header { background: url(../images/home/home_col2_header.gif);
width:253px; height: 52px;
text-indent: -9999px; overflow: hidden;
margin: 0 0 30px 0;}
#home_col2 p a.hl { background: url(../images/home/home_com_hawks.gif);
width: 114px; height: 38px; display: block;
text-indent: -9999px; overflow: hidden; float: left;
margin: 8px 0 0 0px;}
#home_col2 p a.ar { background: url(../images/home/home_com_aranch.gif);
width: 97px; height: 37px; display: block;
text-indent: -9999px; overflow: hidden; float: right;
margin: 0 10px 0 0px;}
/*col3*/
#home_col3 h2 { background: url(../images/home/home_contact.gif);
width: 66px; height: 10px;
text-indent: -9999px; overflow: hidden;
margin: 0 0 18px 0;}
#home_col3 #header { background: url(../images/home/home_col3_header.gif);
width:215px; height: 52px;
text-indent: -9999px; overflow: hidden;
margin: 0 0 40px 0;}
#home_col3 p a { background: url(../images/home/home_cont_btn.gif);
width: 91px; height: 21px; display: block;
text-indent: -9999px; overflow: hidden;
margin: 0 0 0 140px;}

/* columns and type styles
----------------------------------*/
.col50 {width: 420px; float: left; margin: 0 0 1.5em 0;}
.col50 h2, .col50 h3, .col50 h4 {color: #242f38; font-weight: normal; font-family: Georgia, serif;}
.col50 p {color: #392d26; font-size: 0.8em;}

#col_left{padding: 0 32px 0 40px; background: transparent url(../images/dotted_repeat.gif) repeat-y top right;}
#col_right {padding: 0 0 0 35px;}

/*main copy style*/
.main_copy h3 { font-size: 1.6em; margin: 0 0 0.75em 0;}
.main_copy p {margin: 0 0 1.25em 0; line-height: 1.5em;}
.main_copy ul {}
.main_copy ul li { list-style: none;
background: transparent url(../images/brown_bullet.gif) no-repeat top left;
background-position: 0 0.6em;
color: #392d26; font-size: 0.8em;
padding: 0 0 0 1.2em; margin: 0; line-height: 1.75em;}

/*article style*/
#article { margin: 0 0 1.25em 0;}
#article h3 { font-size: 1.25em; margin: 0 0 0.2em 0;}
#article p { margin: 0 0 0.8em 0; line-height: 1.5em; padding: 0 1em 0 0;}
#article h4 a {background: url(../images/customhomes/continue_reading_btn.gif);
width: 116px; height: 19px; display: block; text-indent: -9999px; overflow: hidden;
margin: 0 0 0 0;}

/*listings style*/
#clist_50 { margin: 0 0 0.4em 0;}
#clist_50 h3 { font-size: 1.6em; margin: 0 0 0.75em 0;}
#clist_50 p { margin: 0 0 1.75em 0; line-height: 1.5em; padding: 0 1em 0 0;}
#clist_50 h4 a {background: url(../images/clisting/visit_community_btn.gif);
width: 158px; height: 21px; display: block; text-indent: -9999px; overflow: hidden;
margin: 0 0 0 0;}

/* custom homes specific styles
----------------------------------*/
div#ch_home_header {background: url(../images/customhomes/ch_home_header.jpg) no-repeat top center;
width: 690px; margin: 0 auto 0.5em auto; padding: 30px 240px 161px 30px; display: block;}
div#ch_home_header h1 {font-family: Georgia, serif; font-size: 0.65em; color: #fff;
letter-spacing: 0.25em; text-transform: uppercase; font-weight: normal; margin: 0 0 30px 0;}
div#ch_home_header p#top_cta a {background: url(../images/customhomes/ch_home_ctabtn.gif) no-repeat top left;
width: 276px; height: 36px; display: block;}
div#ch_home_header p#top_back a {background: url(../images/customhomes/back_to_ch.gif) no-repeat top left;
width: 276px; height: 36px; display: block;}

/*big titles*/
div#ch_home_header h2#dhome {background: url(../images/customhomes/ch_home_titlebig.gif) no-repeat top left;
width: 555px; height: 51px; margin: 0 0 25px 0;}
div#ch_home_header h2#top10 {background: url(../images/customhomes/ch_top10_header.gif) no-repeat top left;
width: 375px; height: 49px; margin: 0 0 25px 0;}
div#ch_home_header h2#acerageBuild {background: url(../images/customhomes/ch_acerage_title.gif) no-repeat top left;
width: 411px; height:51px; margin: 0 0 23px 0;}
div#ch_home_header h2#buildPro {background: url(../images/customhomes/ch_buildPro_title.gif) no-repeat top left;
width: 644px; height:51px; margin: 0 0 23px 0;}


/*img rep*/
#ch_quality_hdr {background: url(../images/customhomes/ch_home_qualityCrafts.gif);
width: 214px; height: 14px; text-indent: -9999px; overflow: hidden; margin: 0 0 13px 0;}
#ch_articles_hdr {background: url(../images/customhomes/ch_home_articles.gif);
width: 79px; height: 12px; text-indent: -9999px; overflow: hidden; margin: 0 0 19px 0;}
#ch_home_img1 {padding: 0.8em 0 0 0;}

/* community listings specific styles
----------------------------------*/
#clist_h2 {background: url(../images/clisting/cl_home_commList.gif);
width: 172px; height: 12px; text-indent: -9999px; overflow: hidden; margin: 0 0 0.5em 0;}
#clist_h1 {background: url(../images/clisting/cl_home_header.gif);
width: 397px; height: 44px; text-indent: -9999px; overflow: hidden; margin: 0 0 1.5em 0;}
#cl_title_hl {background: url(../images/clisting/cl_title_hawks.gif);
width: 148px; height: 13px; text-indent: -9999px; overflow: hidden; margin: 0 0 13px 0;}
#cl_title_ar {background: url(../images/clisting/cl_title_aranch.gif);
width: 99px; height: 13px; text-indent: -9999px; overflow: hidden; margin: 0 0 13px 0;}
#clist_map { background: transparent url(../images/clisting/cl_home_map_bg.jpg) no-repeat bottom right;
width: 791px; height: 294px; padding: 0 0 0 110px;}
#clist_map #clist_map_hl a {background: url(../images/clisting/cl_hawks_btn.gif);
width: 206px; height: 65px; display: block; text-indent: -9999px; overflow: hidden;
margin: 0.8em 0 0 0; float: left;}
#clist_map #clist_map_ar a {background: url(../images/clisting/cl_airRanch_btn.gif);
width: 143px; height: 64px; display: block; text-indent: -9999px; overflow: hidden;
margin: 0 0 0 15.5em; float: left;}

/* hawks landing styles
----------------------------------*/
div#clist_hlanding {background: url(../images/clisting/hl/hlanding_top_bg.jpg) no-repeat top center;
width: 690px; margin: 0 auto 0.5em auto; padding: 30px 240px 161px 30px; display: block;}
div#clist_hlanding h1 {font-family: Georgia, serif; font-size: 0.65em; color: #fff;
letter-spacing: 0.25em; text-transform: uppercase; font-weight: normal; margin: 0 0 25px 0;}
div#clist_hlanding p#top_back a {background: url(../images/clisting/hl/return_to_clist.gif) no-repeat top left;
width: 214px; height: 21px; display: block;}
p#view_gallery a {background: url(../images/clisting/hl/view_gallery.gif) no-repeat top left;
width: 175px; height: 21px; display: block;}
/*small titles*/
#hl_title1 {background: url(../images/clisting/hl/about_community.gif) no-repeat top left;
width: 193px; height: 10px; text-indent: -9999px; overflow: hidden; margin: 0 0 16px 0;}
#hl_title2 { width: 148px; height: 13px; text-indent: -9999px; overflow: hidden; margin: 0 0 13px 0;}
/*big titles*/
div#clist_hlanding h2#dhome {background: url(../images/clisting/hl/hland_title.gif) no-repeat top left;
width: 543px; height: 51px; margin: 0 0 15px 0;}

/*general community styles*/
img.mr {margin-right: 12px;}
img.mb {margin-bottom: 12px;}


/* gallery specific styles
----------------------------------*/
#gallery_img {width: 960px; margin: 0 auto 0 auto;}
#flash_con {
	margin: 10px 0 0 9px;
}

/* about specific styles
----------------------------------*/
#about_home_hdr {width: 960px; margin: 0 auto 0.5em auto; padding: 0 0 0 0;}
#col_right .main_copy p.about_bigger {font-size: 1em;}
#ch_about_img1 {margin: 2em 0 0 0;}

/* contact specific styles
----------------------------------*/
#contact_home_hdr {width: 960px; margin: 0 auto 0.5em auto; padding: 0 0 0 0;}
#contact_findus {background: url(../images/contact/contact_hdr_findus.gif);
width: 136px; height: 12px; text-indent: -9999px; overflow: hidden; margin: 0 0 0.5em 0;}
#contact_email {background: url(../images/contact/contact_hdr_quick.gif);
width: 130px; height: 14px; text-indent: -9999px; overflow: hidden; margin: 0 0 0.5em 0;}

.main_copy ul#loc_list {list-style: none; padding: 0 0 1em 0;}
.main_copy ul#loc_list li { list-style: none; background: none; margin: 0; padding: 0;}
.main_copy ul#loc_list li#loc_list_head a {background: url(../images/contact/contact_loc_headOffice.gif);
width: 99px; height: 50px; display: block; text-indent: -9999px; overflow: hidden;
margin: 0 0 0 0;}

.addy_float {float: left;}
h5#address {background: transparent url(../images/contact/address.gif) top left no-repeat;
background-position: 0 0.25em; padding: 0 1.5em 0 2.5em; margin: 1em 0 0 0; font-size: 1em; font-weight: normal;color: #392d26;}
ul#ctinfo { margin: 1em 0 0 0;}
ul#ctinfo li{margin: 0 0 10px 0; padding: 0 0 0 0; background-position: 0 0.25em; padding: 0 0 0 2.5em;
font-size: 1em;c olor: #392d26;}
ul#ctinfo li.ct_1 {background: transparent url(../images/contact/phone.gif) no-repeat;
background-position: 0 0.25em;line-height:1.3em;}
ul#ctinfo li.ct_2 {background: transparent url(../images/contact/fax.gif) no-repeat top left;
background-position: 0 0.25em;line-height:1.3em;}
ul#ctinfo li.ct_3 {background: transparent url(../images/contact/email.gif) no-repeat top left;
background-position: 0 0.25em;line-height:1.3em;}

/* contact form styles
----------------------------------*/
.singlefield {
	display: block;
	float: left;
	margin: 5px 0;
}

.singlefield label {
	display: block;
	float: left;
	font-family: Georgia, 'Times New Roman',serif;
	font-size: 0.7em;
	margin-top: 5px;
	width: 105px;
}

.singlefield input, .singlefield textarea {
	font-family: Georgia,'Times New Roman',serif;
	font-size: 0.7em;
}

.singlefield input {
	display: block;
	float: left;
	padding: 5px;
	width: 280px;
}

.singlefield textarea {
	display: block;
	float: left;
	height: 105px;
	padding: 7px;
	width: 280px;
}

#url {
	display: none;
}

#submit_section {
	display: block;
	float: left;
	margin: 10px 0 0 105px;
}

#submit_btn {
	display: block;
	float: left;
}

#cancel_block {
	display: block;
	float: left;
	font-family: Georgia,'Times New Roman',serif;
	font-size: 0.8em;
	padding: 5px 0 0 10px;
}

/* footer styles
----------------------------------*/
#footer { clear: both; margin: 0 0 2em 0;}
#footer p#copyright {
width: 400px; float: left; display: block; padding: 6px 0 0 1em;
font-variant: small-caps; text-transform: lowercase; letter-spacing: 0.05em;
font-family: Georgia,'Times New Roman',serif; color: #786b68; font-size: 0.7em;}
#footer p#mrare a {
width: 38px; height: 22px; padding: 0 1em 0 0;
background: url(../images/mrare.gif) no-repeat;
display: block; text-indent: -9999px;
float: right;}