/*     HATLEVIG HOMES SYTLE SHEET     */

/* ------ Import -----------*/

@import url("https://www.forbin.com/css/reset.css"); /* import the forbin reset style sheet - browser default styles */

/* ------ END Import ----------*/

body {margin-top:0px; margin-left:0px; background-color: #FFFFFF; background-image: url(/images/body_bg.jpg); background-repeat: repeat-y; background-position: left top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; color:#000000;}
p { margin-left:15px; margin-right:15px; margin-top:15px;}
.header {width:851px; height:161px; margin:0px;}
.container {width:851px; margin:0px; padding:0px;}
.sidebar {width:225px; float:left; border:none;}
.content {width:626px; background:url(/images/content_bg.jpg) top left repeat-y; float:right; margin-top:15px;}
.flashMargins {margin:25px 65px 25px 65px; border:1px solid black;}
.warning { font-weight: bold; } 

/* ---------------- LEFT SIDE NAVIGATION ---------------- */
ul.navigation {width:225px; height:141px;}
	ul.navigation li {float:left;}
	ul.navigation a {text-indent:-9999px; display:block;}

	/*welcome*/
	ul.navigation a.home {background:url(/images/nav_welcome.jpg); width:225px; height:35px;}
	ul.navigation a.home:hover {background-position: 0 -35px;}
	body.home-page ul.navigation a.home {background-position: 0 -35px;}
	
	/*our listings*/
	ul.navigation a.listings {background:url(/images/nav_our_listings.jpg); width:225px; height:24px;}
	ul.navigation a.listings:hover {background-position: 0 -24px;}
	body.listings-page ul.navigation a.listings {background-position: 0 -24px;}

	/*agents*/
	ul.navigation a.team {background:url(/images/nav_agents.jpg); width:225px; height:23px;}
	ul.navigation a.team:hover {background-position: 0 -23px;}
	body.team-page ul.navigation a.team {background-position: 0 -23px;}

	/*contacts*/
	ul.navigation a.contact {background:url(/images/nav_contacts.jpg); width:225px; height:24px;}
	ul.navigation a.contact:hover {background-position: 0 -24px;}
	body.contact-page ul.navigation a.contact {background-position: 0 -24px;}
	
	/*links / tools*/
	ul.navigation a.resources {background:url(/images/nav_links_tools.jpg); width:225px; height:35px;}
	ul.navigation a.resources:hover {background-position: 0 -35px;}
	body.resources-page ul.navigation a.resources {background-position: 0 -35px;}

/* ---------------- LISTING TYPE NAVIGATION ---------------- */
ul.listing_type {width:626px; height:141px; display:inline;}
	ul.listing_type li {float:left; }
	ul.listing_type a {text-indent:-9999px; display:block;}

	/*acreages*/
	ul.listing_type a.acreages {background:url(/images/btn_acreages.jpg); width:209px; height:141px;}
	ul.listing_type a.acreages:hover {background-position: 0 -141px;}
	body.acreages-page ul.listing_type a.acreages {background-position: 0 -141px;}
	
	/*commercial*/
	ul.listing_type a.commercial {background:url(/images/btn_commercial.jpg); width:208px; height:141px;}
	ul.listing_type a.commercial:hover {background-position: 0 -141px;}
	body.commercial-page ul.listing_type a.commercial {background-position: 0 -141px;}

	/*residential*/
	ul.listing_type a.residential {background:url(/images/btn_residential.jpg); width:209px; height:141px;}
	ul.listing_type a.residential:hover {background-position: 0 -141px;}
	body.residential-page ul.listing_type a.residential {background-position: 0 -141px;}

/* ---------------- CITY LISTING NAVIGATION ---------------- */
	ul.city {width:626px; height:33px; }
	ul.city li {float:left;}
	ul.city a {text-indent:-9999px; display:block;}

	/*Iowa Falls*/
	ul.city a.iowafalls {background:url(/images/btn_iowa_falls.jpg); width:95px; height:33px;}
	ul.city a.iowafalls:hover {background-position:0 -33px;}
	body.iowafalls-page ul.city a.iowafalls {background-position:0 -33px;}
	
	/*Alden*/
	ul.city a.alden {background:url(/images/btn_alden.jpg); width:63px; height:33px;}
	ul.city a.alden:hover {background-position:0 -33px;}
	body.alden-page ul.city a.alden {background-position:0 -33px;}

	/*Eldora*/
	ul.city a.eldora {background:url(/images/btn_eldora.jpg); width:69px; height:33px;}
	ul.city a.eldora:hover {background-position:0 -33px;}
	body.eldora-page ul.city a.eldora {background-position:0 -33px;}
	
	/*Hampton*/
	ul.city a.hampton {background:url(/images/btn_hampton.jpg); width:88px; height:33px;}
	ul.city a.hampton:hover {background-position:0 -33px;}
	body.hampton-page ul.city a.hampton {background-position:0 -33px;}
	
	/*Ackley*/
	ul.city a.ackley {background:url(/images/btn_ackley.jpg); width:68px; height:33px;}
	ul.city a.ackley:hover {background-position:0 -33px;}
	body.ackley-page ul.city a.ackley a{background-position:0 -33px;}

	/*Williams*/
	ul.city a.williams {background:url(/images/btn_williams.jpg); width:82px; height:33px;}
	ul.city a.williams:hover {background-position:0 -33px;}
	body.williams-page ul.city a.williams {background-position:0 -33px;}
	
	/*Other Communities*/
	ul.city a.othercommunities {background:url(/images/btn_other.jpg); width:161px; height:33px;}
	ul.city a.othercommunities:hover {background-position:0 -33px;}
	body.othercommunities-page ul.othercommunities a.other {background-position:0 -33px;}

/* ---------------- OUR TEAM PAGE---------------- */
.agentPic {width:165px; height:125px; border:1px solid white; margin-top:8px; margin-left:8px;}
.agentContactInfo {width:185px; margin-left:8px; margin-top:8px;}
.agentName {width:421px; font-weight:bold; font-size:16px; color:#575757; border-bottom:1px dashed #575757; margin-right:8px; margin-top:15px; margin-bottom:15px; float:right;}
.agentBio {width:421px; margin-right:8px; margin-bottom:15px; float:right;}

/* ---------------- RESOURCES PAGE---------------- */
a.rent {background:url(/images/btn_rent_buy.jpg) no-repeat; width:162px; height:112px; margin:10px 15px 10px 40px; text-indent:-9999px; float:left; display:inline;}
a.afford {background:url(/images/btn_afford.jpg) no-repeat; width:162px; height:112px; margin:10px 15px 10px 15px; text-indent:-9999px; float:left; display:inline;}
a.payments {background:url(/images/btn_monthpayments.jpg) no-repeat; width:162px; height:112px; margin:10px 15px 10px 15px; text-indent:-9999px; float:left; display:inline;}

/* ---------------- LISTINGS PAGE ---------------- */
.listingContainer {background-color:#8f8f8f; width:604px; height: auto; min-height:150px; border:1px solid white; margin-left:10px; margin-top:20px; padding-top:15px;}
.listingImage {width:199; height:130; float:left; margin:0 8px 0 8px; border:1px solid white;}
.listingAddress {color:#FFFFFF; font-size:16px; font-weight:bold; border-bottom:1px dashed white; margin-right:10px;}
.listingCity {color:#FFFFFF; font-size:14px; font-style:oblique; margin-right:10px;}
.listingPrice {color:#FFFFFF; float:right; margin-top:0px; }
.listingType {color:#FFFFFF; float:right; margin-top:0px; }
.listingDesc {margin-left:15px; margin-right:15px; margin-top:15px; color:#FFFFFF;}
a.readMore  {background:url(/images/btn_read_more.jpg); width:88px; height:13px; float:right; margin:8px; text-indent:-9999px; display:block;}
a.readMore:hover  {background-position:0 -13px;}

/* ---------------- POSITIONING ---------------- */
.Back {float:left;}
.Forward {float:right;}
.Block {display:block;}
.Inline {display:inline;}
.ClearFloat {clear:both;}

.Margin {margin:10px;}
.NoMargin {margin:0;}
.MarginTop {margin-top:20px;}
.MarginRight {margin-right:10px;}
.MarginBottom {margin-bottom:10px;}
.MarginLeft {margin-left:20px;}

.Padded {padding:10px;}
.NoPad {padding:0;}
.PadTop {padding-top:10px;}
.PadRight {padding-right:10px;}
.PadBottom {padding-bottom:10px;}
.PadLeft {padding-left:10px;}
.oFlow {overflow:auto}

.bold {font-weight:bold;}
.italics { font-style:italic;}

/* ---------------- H TAGS ---------------- */
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#CC9966; text-transform:uppercase; line-height: 40px;}
	body.home-page h1 {background: url(/images/t_welcome.jpg); width:626px; height:40px; text-indent:-9999px;}
	body.listings-page h1 {background: url(/images/t_our_listings.jpg); width:626px; height:40px; text-indent:-9999px;}
	body.team-page h1 {background: url(/images/t_our_team.jpg); width:626px; height:40px; text-indent:-9999px;}
	body.contact-page h1 {background: url(/images/t_contact_locate.jpg); width:626px; height:40px; text-indent:-9999px;}
	body.resources-page h1 {background: url(/images/t_resource_center.jpg); width:626px; height:40px; text-indent:-9999px;}

h2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#8f8f8f; padding:0; margin:8px;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #3e3e3e; padding:0; margin:8px;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; padding:0; margin:8px;}
h5 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8f8f8f; padding:0; margin:8px;}

/* ---------------- A LINKS ---------------- */
a {font-family: Arial, Helvetica, sans-serif; color: #000000;}
a:link {text-decoration: underline; color: #135681;}
a:visited {text-decoration: underline; color: #000000;}
a:hover {text-decoration: underline; color: #71364A;}
a:active {text-decoration: underline;}

/* ---------------- FORMS ---------------- */
input.inputfield {font-size: 11px; font-family:  Arial, Helvetica, sans-serif; color: #444444; border: 1px #303465 solid; background-color: #F7F8FB; font-weight: bold;}
.formoutput {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #444444; border: 1px #303465 solid; background-color: #F7F8FB; font-weight: bold; padding-left: 5px;}
textarea {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #444444; border: 1px #303465 solid; background-color: #F7F8FB;font-weight: bold;}
select {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #444444; border: 1px #303465 solid; background-color: #F7F8FB; font-weight: bold;}

/* ---------------- COPYRIGHT ---------------- */
.copyright {font-size: 9px; font-family: Arial, Helvetica, sans-serif; color: #666666; cursor: text; text-decoration: none;}
a.copyright:link {font-size: 9px; font-family: Arial, Helvetica, sans-serif; color: #666666; cursor: text; text-decoration: none;}
a.copyright:visited {font-size: 9px; font-family: Arial, Helvetica, sans-serif; color: #666666; cursor: text; text-decoration: none;}
a.copyright:hover {font-size: 9px; font-family: Arial, Helvetica, sans-serif; color: #666666; cursor: text; text-decoration: none;}
a.copyright:active  {font-size: 9px; font-family: Arial, Helvetica, sans-serif; color: #666666; cursor: text; text-decoration: none;}
a.NoLink, a.NoLink:Visited, a.NoLink:Active, a.NoLink:Hover {color:#666666; text-decoration:none; cursor:text;}

/* ---------------- CONTACT US  ---------------- */
.errorMessage {
	background-image:url(/images/bg_error.gif);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#f5e5e5;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	color: #990000;
	padding:10px 10px 10px 46px;
	text-align:left;
	font-weight: bold;
}

input.error, textarea.error, select.error {
	background-color:#fff1ec;
	background-image:url(/images/form_error.gif);
	background-position:right;
	background-repeat:no-repeat;	
}
input.error, textarea.error {
	border:1px solid #a5acb2;
	
}