/* Body Style */
body { margin: 0%; top: 0px; left: 0px; background-color: #001d45; position: static; height: 100%; }
.norepeat {	background-attachment: scroll;	background-repeat: no-repeat;}





/* Heading Styles */
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold}
h1 { font-family: Arial, Helvetica, sans-serif ; font-size: 16px; font-weight: bold}
h3 { font-family: Arial, Helvetica, sans-serif ; font-size: 12px; font-weight: bold}
h4 { font-family: Arial, Helvetica, sans-serif ; font-size: 10px; font-weight: bold}





/* List Styles */
ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px }
ol { font-family: Arial, Helvetica, sans-serif; font-size: 12px }





/* Link Styles */
a { color: #749cd5; text-decoration: none; margin: 0% ; font-weight: bold; font-family: Arial, Helvetica, sans-serif}
a:hover {color: #81a56f;}
a.alt-white-drkblue {color: #ffffff; }
a.alt-white-drkblue:hover {color: #001d45; }
a.alt-green-white {color: #9ecb87; }
a.alt-green-white:hover {color: #ffffff; }





/* Paragraph and Text Styles */
p { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12px; padding: 0px; margin: 0px; color:#2a2215}
.copyright { font-size: 10px; font-style: italic}
.p11 { font-size: 11px; }
.p10 { font-size: 10px; font-weight: bold; }
.p12 { font-size: 12px; }
.p13 { font-size: 13px; font-weight: bold; }
.p14 { font-size: 14px; font-weight: bold; }
.p16 { font-size: 16px; font-weight: bold; }
.p18 { font-size: 18px; font-weight: bold; }
.p20 { font-size: 20px; font-weight: bold; }
.p22 { font-size: 22px; font-weight: bold; }
.p24 { font-size: 24px; font-weight: bold; }
.p11-white { font-size: 11px; font-weight: bold; color: #FFFFFF; }
.p12-white { font-size: 12px; font-weight: bold; color: #FFFFFF; }
.p14-white { font-size: 14px; font-weight: bold; color: #FFFFFF; }
.p16-white { font-size: 16px; font-weight: bold; color: #FFFFFF; }
.p18-white { font-size: 18px; font-weight: bold; color: #FFFFFF; }
.p20-white { font-size: 20px; font-weight: bold; color: #FFFFFF; }
.p22-white { font-size: 22px; font-weight: bold; color: #FFFFFF; }
.p24-white { font-size: 24px; font-weight: bold; color: #FFFFFF; }
.p11-blue_dark { font-size: 11px; font-weight: bold; color: #203f6a; }
.p12-blue_dark { font-size: 12px; font-weight: bold; color: #203f6a; }
.p14-blue_dark { font-size: 14px; font-weight: bold; color: #203f6a; }
.p16-blue_dark { font-size: 16px; font-weight: bold; color: #203f6a; }
.p18-blue_dark { font-size: 18px; font-weight: bold; color: #203f6a; }
.p20-blue_dark { font-size: 20px; font-weight: bold; color: #203f6a; }
.p22-blue_dark { font-size: 22px; font-weight: bold; color: #203f6a; }
.p24-blue_dark { font-size: 24px; font-weight: bold; color: #203f6a; }
.p11-brwn-med { font-size: 11px; font-weight: bold; color: #4f473a; }
.p12-brwn-med { font-size: 12px; font-weight: bold; color: #4f473a; }
.p14-brwn-med { font-size: 14px; font-weight: bold; color: #4f473a; }
.p16-brwn-med { font-size: 16px; font-weight: bold; color: #4f473a; }
.p18-brwn-med { font-size: 18px; font-weight: bold; color: #4f473a; }
.p20-brwn-med { font-size: 20px; font-weight: bold; color: #4f473a; }
.p22-brwn-med { font-size: 22px; font-weight: bold; color: #4f473a; }
.p24-brwn-med { font-size: 24px; font-weight: bold; color: #4f473a; }
.p11-brwn-med2 { font-size: 11px; font-weight: bold; color: #817e72; }
.p12-brwn-med2 { font-size: 12px; font-weight: bold; color: #817e72; }
.p14-brwn-med2 { font-size: 14px; font-weight: bold; color: #817e72; }
.p16-brwn-med2 { font-size: 16px; font-weight: bold; color: #817e72; }
.p18-brwn-med2 { font-size: 18px; font-weight: bold; color: #817e72; }
.p20-brwn-med2 { font-size: 20px; font-weight: bold; color: #817e72; }
.p22-brwn-med2 { font-size: 22px; font-weight: bold; color: #817e72; }
.p24-brwn-med2 { font-size: 24px; font-weight: bold; color: #817e72; }
.p11-brwn-drk { font-size: 11px; font-weight: bold; color: #2a2215; }
.p12-brwn-drk { font-size: 12px; font-weight: bold; color: #2a2215; }
.p14-brwn-drk { font-size: 14px; font-weight: bold; color: #2a2215; }
.p16-brwn-drk { font-size: 16px; font-weight: bold; color: #2a2215; }
.p18-brwn-drk { font-size: 18px; font-weight: bold; color: #2a2215; }
.p20-brwn-drk { font-size: 20px; font-weight: bold; color: #2a2215; }
.p22-brwn-drk { font-size: 22px; font-weight: bold; color: #2a2215; }
.p24-brwn-drk { font-size: 24px; font-weight: bold; color: #2a2215; }
.p11-green { font-size: 11px; font-weight: bold; color: #81a56f; }
.p12-green { font-size: 12px; font-weight: bold; color: #81a56f; }
.p14-green { font-size: 14px; font-weight: bold; color: #81a56f; }
.p16-green { font-size: 16px; font-weight: bold; color: #81a56f; }
.p18-green { font-size: 18px; font-weight: bold; color: #81a56f; }
.p20-green { font-size: 20px; font-weight: bold; color: #81a56f; }
.p22-green { font-size: 22px; font-weight: bold; color: #81a56f; }
.p24-green { font-size: 24px; font-weight: bold; color: #81a56f; }





/* Form Element Styles */
submit { font-family: Arial, Helvetica, sans-serif; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; }
button { font-family: Arial, Helveita, sans-serif; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; }
.formbox-blue { color: #000000; background-color: #749cd5; border: 1px solid #2a2215; padding: 2px;}
.formbox-lt_blue { color: #eaf3ff; background-color: #eaf3ff; border: 1px solid #eaf3ff; padding: 2px;}






/* Div (Layer) Styles */
div { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; overflow: hidden; z-index: 1; }





/* HOME PAGE POSITIONING STYLES !!! CAREFUL HERE !!! */
#master { width:800px; margin-right:auto; margin-left:auto;	margin-top:0px; padding:0px; text-align: left; border:1px solid #000e21;}
#header { width: 800px; height: 143px; z-index: 3000; overflow: visible;}
#body_home_div { width: 800px; height:474px; z-index: 2000; overflow:hidden;}
#body_main_div { width: 800px; height:374px; z-index: 2000; overflow:hidden;}
#body_float_left_div { width: 650px; height:374px; z-index: 2000; float:left; padding:5px 0px 0px 5px;}
#body_float_right_div { width: 150px; height:369px; z-index: 2000; float:right; padding:7px 3px 0px 0px; text-align:center}
#footer { width: 800px; height: 83px; z-index: 3000; overflow: visible;}
#important_phone_numbers_div         { width: 122px; height: 200px; position: relative; top: -627px; left: 339px; border: solid 1px #000000; }
#important_phone_numbers_title_div   { width: 122px; height: 17px;  position: relative; top: -1px;   left: -1px; background-color: #514A3A; border: solid 1px #000000; text-align: center; vertical-align: absmiddle; color: #FFFFFF; font-weight: bold; padding-top: 3px; }
#important_phone_numbers_content_div { width: 122px; height: 180px; position: relative; top: -1px;   left: 0px; background-color: #FFF7D3; text-align: center; }





/* Menu Styles */
/* Level 0 Inner */
.m0l0iout {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight:bold;
	padding: 0px;
	color: #fff2b4;
}
.m0l0iover {
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight:bold;
	padding: 0px;
	color: #ffcc33;
}
.head_i_out {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight:bold;
	padding: 5px 0px 0px 23px;
	color: #ffffff;
	text-align: left;
	background-image:url(images/link_bkgrd_img.gif);
	background-repeat:no-repeat;
	background-position: relative;
}
.head_i_over {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight:bold;
	padding: 5px 0px 0px 23px;
	color: #ffffff;
	text-align: left;
	background-image:url(images/link_bkgrd_img2.gif);
	background-repeat:no-repeat;
	background-position: relative;
}

/* level 0 outer */
.m0l0oout {
	text-decoration : none;
	border : 1px solid #666666;
}
.m0l0oover {
	text-decoration : none;
	border : 1px solid #666666;
	background: #423b32;
}

.head_o_out {
	text-decoration : none;
	border : 1px solid #817c6a;
	background: #4f473a;
}
.head_o_over {
	text-decoration : none;
	border : 1px solid #817c6a;
	background: #001d45;
}






/* level 1 inner */
.m0l1iout {
	font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align:left;
	padding: 4px;
	font-weight:bold;
	color: #ffffff;
}
.m0l1iover {
	font: bold 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	text-align:left;
	padding: 4px;
	font-weight:bold;
	color: #ffcc33;
}

.head2_i_out {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight:bold;
	padding: 3px 0px 3px 5px;
	color: #ffffff;
}
.head2_i_over {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight:bold;
	padding: 3px 0px 3px 5px;
	color: #ffffff;
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	border : 1px solid #666666;
	background: #504939;
	filter: alpha(opacity=85);
}
.m0l1oover {
	text-decoration : none;
	border : 1px solid #666666;
	background: #504939;
}

.head2_o_out {
	text-decoration : none;
	text-align:left;
	border : 1px solid #2a2215;
	background: #749cd5;
	filter: alpha(opacity=85);

}
.head2_o_over {
	text-decoration : none;
	text-align:left;
	border : 1px solid #2a2215;
	background: #90b2e2;
}







/* level 2 inner */
.m0l2iout {
	font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align:left;
	padding: 4px;
	font-weight:bold;
	color: #ffffff;
}
.m0l2iover {
	font: bold 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	text-align:left;
	padding: 4px;
	font-weight:bold;
	color: #ffcc33;
}

.head3_i_out {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight:bold;
	padding: 3px 0px 3px 5px;
	color: #423b32;
}
.head3_i_over {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight:bold;
	padding: 3px 0px 3px 5px;
	color: #ffcc33;
}


/* level 2 outer */
.m0l2oout {
	text-decoration : none;
	border : 1px solid #666666;
	background: #504939;
	filter: alpha(opacity=85);
}
.m0l2oover {
	text-decoration : none;
	border : 1px solid #666666;
	background: #504939;
}

.head3_o_out {
	text-decoration : none;
	text-align:left;
	border : 1px solid #000000;
	background: #e0d8c4;
	filter: alpha(opacity=85);

}
.head3_o_over {
	text-decoration : none;
	text-align:left;
	border : 1px solid #000000;
	background: #423b32;
}



/* Lightbox Styles */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 9000;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#nextLink{
	width: 49%;
	height: 100%;
	background: url(http://homestead-homes.com/images/lightbox/nextlabel.gif) no-repeat; /* Trick IE into showing hover */
	background-position: right bottom;
	display: block;
	right: 0;
	float: right;
	}
	
#prevLink{
	width: 49%;
	height: 100%;
	background: url(http://homestead-homes.com/images/lightbox/prevlabel.gif) no-repeat; /* Trick IE into showing hover */
	background-position: left bottom;
	display: block;
	left: 0;
	float: left;
	}
	



#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	