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

Name:     "Valley West Montana" Screen Styles
Designer: Jon Hrach
URL:      www.valleywestmontana.com
Date:     07-2007 v1.0

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

/* Suggested order:

 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content 
 * display
 * list-style
 * position
 * float
 * clear
 *
 */
 
/* Global ------------------------------------ */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, ul, ol, dl {margin: 0; padding: 0; }
	
body { background:url(/_images/bg.jpg) #334410; text-align:center; font-family:"Times New Roman", Times, serif; color:#333;}

p {}

h1 {}

h2 {}

h3 {
	margin-bottom: 7px;
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#5F6F3E;
}

h4 {}

h5 {}

img {border:none;}


#frame {
		width:850px;
		margin:0 auto;
		padding:0px;
		text-align:left;
		background-color:#c6bca2;
		}

#left-col{
		width:191px;
		padding:0px;
		float:left;
		height:403px;
		background:url(../_images/bg-rock.jpg) no-repeat scroll 0 275px
		}

#left-col img{margin: 90px 0 15px 15px;}


#main-content {
		width:609px;
		padding:15px 35px 15px 15px;
		float:left;
		min-height:435px;
		background:url(/_images/bg-main-side.gif) repeat-y right #FFF;
		}


#main-content a {color:#334410;}

#main-content a:hover {text-decoration:none;}

#main-content a:visited {color:#767373;}

#main-content a.altLink {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color:#666;
text-decoration: none;
}

#main-content a.altLink:hover {
text-decoration: underline;
}
		
p{margin-bottom:15px; font-size:13px; line-height:20px;}		
	

#logo {width:170px; height:120px; position:relative; right:332px; top:35px;}

#footer{padding-top:6px; width:850px; height:29px; background-color:#334410; text-align:left;}

#footer img{margin: 2px 0 0 30px;}


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

p.callout {margin-bottom: 20px; font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-size:16px; font-weight:normal; color:#db5b0c; line-height:24px;}

img.inset-left {float:left; margin:0 10px 10px 0;}

img.inset-right {float:right; margin:0 0 10px 10px;}
 
p.copywrite  {margin:10px 0 0 0; font-size:11px; float:right; clear:right; font-family:Helvetica, Arial, sans-serif;}

p.copywrite a, .copywrite a:visited{color:#818054; text-decoration:underline;}

p.copywrite a:hover {text-decoration:none;}




/* Nav ------------------------------------ */

ul#main-nav{ font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-size:12px; font-weight:bold;}

ul#main-nav li{margin:0; padding:0; list-style:none;}

ul#main-nav li a, ul#main-nav li a:visited {margin:0; padding:8px 0 8px 16px; width:175px;  border-bottom: solid 1px #FFF; background-color:#f2e7cb; color:#818054; text-decoration:none; display:block; line-height:18px;}

ul#main-nav li a:hover {background-color:#dcd1b5;}



/* Extra Nav ------------------------------------ */

ul#extra-nav {margin: 3px 12px 0 0;  height:26px; list-style-type:none; float:left; color:#8a8f63; font-family:Helvetica, Arial, sans-serif;}

ul#extra-nav li {display:inline; margin:0; padding:0;  font-size:10px;}

ul#extra-nav li.extra-nav-begin {padding: 0 4px 0 15px; }

ul#extra-nav li.extra-nav-end {border-right: none;}

ul#extra-nav li a, ul#extranav li a:visited {color:#8a8f63; text-decoration:none;}

ul#extra-nav li a:hover {color:#FFF; text-decoration:none;}



/* Indicator States in Main Nav ------------------------------------ */

#amenities #nav-amenities, #sell-home #nav-sell-home, #area #nav-area, #builders #nav-builders, #contact #nav-contact, #developer #nav-developer, #hoa #nav-hoa, #homes #nav-homes, #lots #nav-lots, #news #nav-news, #photos #nav-photos, #hoalink #nav-hoalink {background-color:#dcd1b5;}






/* Home ------------------------------------ */

#home #logo {width:170px; height:120px; position:relative; right:332px; top:35px;}

#home h1 {margin:-125px auto 0; width:850px; height:305px; padding:2px 0 2px 0; background: url(/_images/home-main-banner.jpg) no-repeat center #db5b0c; border-bottom: solid 8px #7c2d23; border-top: solid 8px #7c2d23; text-indent:-9999px;} 

#home #left-col{
		width:191px;
		padding:0px;
		float:left;
		background:#c6bca2;
		min-height:403px;
		}

#home #left-col img{margin: 15px 0 15px 15px;}


#home #main-content {
		width:453px;
		padding:15px;
		float:left;
		background:#FFF;
		min-height:373px;
		}
		
	
	
#home #right-col {
		margin:0;
		width:146px;
		padding:15px 15px 10px 15px;
		float:left;
		background:#fbf8ef;
		font-family:Helvetica, Arial, sans-serif;
		font-size:12px;
		line-height:16px;
		
		}
#home #left-col img{margin: 15px 0 15px 15px;}


#right-col h2#title-homes {margin-bottom:12px; width:115px; height:49px; background:url(/_images/home-title-home.gif) no-repeat top left; text-indent:-9999px; display:block; }

#right-col h2#title-lots {margin-bottom:12px; width:115px; height:49px; background:url(/_images/home-title-lots.gif) no-repeat top left; text-indent:-9999px; display:block; }

#right-col p {margin-bottom: 25px;}

#right-col a, #right-col a:visited{text-decoration:none; color:#db5b0c;}

#right-col a:hover {color:#c0c099;}

#right-col p.copywrite  {margin:91px 0 0 0; font-size:11px; float:none;}

#right-col p.copywrite a, #right-col.copywrite a:visited{color:#818054; text-decoration:underline;}

#right-col p.copywrite a:hover {text-decoration:none;}


/* Cammunity Amernities ------------------------------------ */

#amenities h1 {margin:-124px auto 0; width:850px; height:200px; padding:2px 0 2px 0; background: url(/_images/amenities-banner.jpg) no-repeat center #db5b0c; border-bottom: solid 8px #7c2d23; border-top: solid 8px #7c2d23; text-indent:-9999px;} 

#amenities h2 {margin:5px 0 7px 0; padding:0; height:20px; width:259px; display:block; background:url(../_images/amenities-title.gif) no-repeat; text-indent:-9999px;}

/* Sell Your Home ------------------------------------ */

#sell-home h1 {margin:-124px auto 0; width:850px; height:200px; padding:2px 0 2px 0; background: url(/_images/homes-banner.jpg) no-repeat center #db5b0c; border-bottom: solid 8px #7c2d23; border-top: solid 8px #7c2d23; text-indent:-9999px;} 

#sell-home h2 {margin:5px 0 7px 0; padding:0; height:20px; width:259px; display:block; background:url(../_images/sell-home-title.gif) no-repeat; text-indent:-9999px;}

/* Abaout the Area  ------------------------------------ */

#area h1 {margin:-124px auto 0; width:850px; height:200px; padding:2px 0 2px 0; background: url(/_images/about-banner.jpg) no-repeat center #db5b0c; border-bottom: solid 8px #7c2d23; border-top: solid 8px #7c2d23; text-indent:-9999px;} 

#area h2 {margin:5px 0 7px 0; padding:0; height:20px; width:259px; display:block; background:url(../_images/area-title.gif) no-repeat; text-indent:-9999px;}

/* News & Events ------------------------------------ */

#news h1 {margin:-124px auto 0; width:850px; height:200px; padding:2px 0 2px 0; background: url(/_images/news-banner.jpg) no-repeat center #db5b0c; border-bottom: solid 8px #7c2d23; border-top: solid 8px #7c2d23; text-indent:-9999px;} 

#news h2 {margin:5px 0 7px 0; padding:0; height:20px; width:259px; display:block; background:url(../_images/news-title.gif) no-repeat; text-indent:-9999px;}

/* Homes for Sale ------------------------------------ */

#homes h1 {margin:-124px auto 0; width:850px; height:200px; padding:2px 0 2px 0; background: url(/_images/homes-banner.jpg) no-repeat center #db5b0c; border-bottom: solid 8px #7c2d23; border-top: solid 8px #7c2d23; text-indent:-9999px;} 

#homes h2 {margin:5px 0 7px 0; padding:0; height:20px; width:259px; display:block; background:url(../_images/homes-title.gif) no-repeat; text-indent:-9999px;}

/* Lots for Sale ------------------------------------ */

#lots h1 {margin:-124px auto 0; width:850px; height:200px; padding:2px 0 2px 0; background: url(/_images/lots-banner.jpg) no-repeat center #db5b0c; border-bottom: solid 8px #7c2d23; border-top: solid 8px #7c2d23; text-indent:-9999px;} 

#lots h2 {margin:5px 0 7px 0; padding:0; height:20px; width:259px; display:block; background:url(../_images/lots-title.gif) no-repeat; text-indent:-9999px;}

/* Photo Gallery  ------------------------------------ */

#photo h1 {margin:-124px auto 0; width:850px; height:200px; padding:2px 0 2px 0; background: url(/_images/photos-banner.jpg) no-repeat center #db5b0c; border-bottom: solid 8px #7c2d23; border-top: solid 8px #7c2d23; text-indent:-9999px;} 

#photo h2 {margin:5px 0 7px 0; padding:0; height:20px; width:259px; display:block; background:url(../_images/photos-title.gif) no-repeat; text-indent:-9999px;}

/* Builders ------------------------------------ */

#builders h1 {margin:-124px auto 0; width:850px; height:200px; padding:2px 0 2px 0; background: url(/_images/builders-banner.jpg) no-repeat center #db5b0c; border-bottom: solid 8px #7c2d23; border-top: solid 8px #7c2d23; text-indent:-9999px;} 

#builders h2 {margin:5px 0 7px 0; padding:0; height:20px; width:259px; display:block; background:url(../_images/builders-title.gif) no-repeat; text-indent:-9999px;}

/* About the developers ------------------------------------ */

#developer h1 {margin:-124px auto 0; width:850px; height:200px; padding:2px 0 2px 0; background: url(/_images/developer-banner.jpg) no-repeat center #db5b0c; border-bottom: solid 8px #7c2d23; border-top: solid 8px #7c2d23; text-indent:-9999px;} 

#developer h2 {margin:5px 0 7px 0; padding:0; height:20px; width:259px; display:block; background:url(../_images/developer-title.gif) no-repeat; text-indent:-9999px;}


/* Contact ------------------------------------ */

#contact h1 {margin:-124px auto 0; width:850px; height:200px; padding:2px 0 2px 0; background: url(/_images/contact-banner.jpg) no-repeat center #db5b0c; border-bottom: solid 8px #7c2d23; border-top: solid 8px #7c2d23; text-indent:-9999px;} 

#contact h2 {margin:5px 0 7px 0; padding:0; height:20px; width:259px; display:block; background:url(../_images/contact-title.gif) no-repeat; text-indent:-9999px;}

/* Form ------------------------------------ */

#contact form { width: 350px; margin: 0 0 0 15px; padding:20px; background-color:#fbf8ef; border: 1px dotted #999999;}

.required {color:#990000; font-weight:bold;} 

.accepted {color:#336600; font-weight:bold;} 

/* HOA Link ------------------------------------ */

#hoalink h1 {margin:-124px auto 0; width:850px; height:200px; padding:2px 0 2px 0; background: url(/_images/contact-banner.jpg) no-repeat center #db5b0c; border-bottom: solid 8px #7c2d23; border-top: solid 8px #7c2d23; text-indent:-9999px;} 

#hoalink h2 {margin:5px 0 7px 0; padding:0; height:20px; width:259px; display:block; background:url(../_images/hoa-title.gif) no-repeat; text-indent:-9999px;}

/* HOA Link Form ------------------------------------ */

#hoalink form { width: 350px; margin: 0 0 0 15px; padding:20px; background-color:#fbf8ef; border: 1px dotted #999999;}

.required {color:#990000; font-weight:bold;} 

.accepted {color:#336600; font-weight:bold;} 

/* documents ------------------------------------ */

#documents h1 {margin:-124px auto 0; width:850px; height:200px; padding:2px 0 2px 0; background: url(/_images/contact-banner.jpg) no-repeat center #db5b0c; border-bottom: solid 8px #7c2d23; border-top: solid 8px #7c2d23; text-indent:-9999px;} 

#documents h2 {margin:5px 0 7px 0; padding:0; height:20px; width:259px; display:block; background:url(../_images/documents-title.jpg) no-repeat; text-indent:-9999px;}


/* Listings ------------------------------------ */

#listings p {
margin:0;
font-size:10px;
font-family: Verdana, Arial, sans-serif;
line-height:18px;
}

#listings p strong {
color:#7c2d23;
}

#listings .even, #listings .odd {
padding:12px;
}

#listings .even {
background:#fbf4e2;
}

#listings .odd {
background:#ffffff;
}

#listings img {
margin-right:30px;
float:left;
}

#listings .col1 {
width:120px;
float:left;
}

#listings .col2 {
width:250px;
float:left;
}

#listings .col3 {
float:left;
}

/* Listings Detail ------------------------------------ */

#largePhoto {
float:left;
margin-right:10px;
margin-bottom: 15px;
width:300px;
height:175px;
background: url("/_homes/images/loading.gif") center center no-repeat;
}

#thumbnails {
width:295px;
float:left;
}

#thumbnails ul {
list-style: none;
}

#thumbnails li {
float:left;
margin-right:6px;
margin-bottom:3px;
}

#thumbnails p {
clear:both;
padding-top:10px;
font-family: Verdana, Arial, sans-serif;
font-size:10px;
color:#666666;
}

#thumbnails img {
border:1px solid #fff;
}

#thumbnails img:hover {
border:1px solid #334410;
}

#details {
clear:both;
}

#details .col1 {
width:150px;
float:left;
}

#details .col2 {
width:290px;
float:left;
}

#details .col3 {
width:155px;
text-align: center;
float:left;
}

#details p {
margin:0;
font-size:10px;
font-family: Verdana, Arial, sans-serif;
line-height:20px;
}

#details p strong {
font-size:12px;
color:#7c2d23;
}

#details p em {
font-size:12px;
font-style: normal;
}

#details p.description {
clear:both;
font-family: "Times New Roman", Georgia, serif;
padding-top:20px;
padding-right:30px;
padding-bottom:20px;
font-size: 12px;
}

#details ul {
font-family: Verdana, Arial, sans-serif;
font-size:10px;
line-height: 20px;
list-style: none;
}

#details ul a {
color:#333;
}