/* CSS Document */


/* Font Init
------------------------------------------------------------------------------------------*/

html{
	font-family:  "Times New Roman", Times, serif;
}

body{
	background: #FFF;
	margin: 0px;
	min-height: 362px;
}


/* Tags
------------------------------------------------------------------------------------------*/
a, a:visited{
	font-style: italic;
	color: #666600;
	font-family: serif,"Times New Roman",Times,Georgia;
	outline: none;
}

label, a:hover, label:hover{
	cursor: pointer;
}

a:hover{font-style: italic;}
a:active {  outline: none;}
a:focus{   -moz-outline-style: none;}


/* Typography */
span, p, h1, h2, h3, h4, h5{
	font-family: serif,"Times New Roman",Times,Georgia;
	color: #000;
}

p, ul, ol, span, label{
	font-family: serif,"Times New Roman",Times,Georgia;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #666;
}

p{font-size: 1.2em; line-height: 22px;}


#content-main a, #content-main h1{color: #666600;}

h1{ font-size: 1.8em; }
.wide.container #content-main h1, #content-main.wide h1{position: absolute; top: -34px; left: 0px; font-family:"Times New Roman", Times, serif;}

h2{font-size: 1.2em;}
#content-supp h2{line-height: 17px; margin-bottom: 15px;}
#content-supp p{font-size: 12px; line-height: 18px;}

ul#nav-more-info + h2{
	margin: 10px 0px 0px 0px;
}

h3{
	
}

hr{
	
}

p img{
	float: none;
	margin: 0px;
}

ul{list-style: none;}

small{	display: block; }

/* Classes
------------------------------------------------------------------------------------------*/
div.colborder{
	border: none;
}

.phark, .phark a{	
	text-indent: -5000px;
	display: block;
	/*font-size: 0;*/
	overflow: hidden;
}

.left{float: left;}
.right{	float: right;}

p.important{	color: #373534;}

.wide.container #content-main p{margin-right: 30px;}

/*ul#slideshow{background-image: url(../images/design/bg_shadow.jpg); width: 930px; height: 377px; background-repeat: no-repeat; background-position: -5px -3px; margin: 12px 0 0 0;}*/
ul#slideshow{margin-top: 12px; width: 913px; height: 351px; }
/*ul#slideshow li{padding:4px 0 0 3px;}*/

#content-main a.back{text-decoration: none;}
#content-main a.back:hover{color: #000;}

#slideshow-controls{
	bottom:6px;
	right:12px;
	z-index:10;
	position: absolute;
}

.webkit #slideshow-controls, .ie #slideshow-controls{
	bottom: 5px;
}


.box{
	float: left;
	margin: 22px 30px 17px 0;
	padding: 0px;
	min-height:392px;
	position: relative;
	background-image:url(../images/design/bg_box.png);
	background-repeat: repeat-y;
	background-position: top right;
	display: block;
}

.dropshadow{	-moz-box-shadow: 0px 0px 4px #666; -webkit-box-shadow: 0px 0px 4px #666; box-shadow: 0px 0px 4px #666666; margin-bottom: 20px;/* behavior: url(ie-css3.htc);*/}
div.ie-shadow {
    position: absolute;
		display: block;
    z-index: -1;
    background: #000;
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4', MakeShadow='true', ShadowOpacity='0.20');
}

#header .ie-shadow{
	margin-left: 18px;
	margin-top: 10px;
}

.last.box{background-image: none; margin-right: 0px;}

.third{width: 31%;}
.quarter{width: 227px;}

.box p, .box h2, .box a{margin: 8px 25px 0px 0px;}
.box h2{font-size: 1.4em;}
.box img{	margin-top: 0px;}

.gallery{float: right; width: 130px; margin-left: 40px; margin-bottom: 70%;}
.gallery h3{margin-bottom: 14px; color: #333; font-size: 13px; text-transform: uppercase;}
.gallery ul{
	margin: 0px;
	padding: 0px;
}

.gallery ul li{
	float: left;
	margin:0 4px 0px 0;
	padding:0;
}

.gallery ul li img{padding: 2px; }

.gallery ul li a:hover img{border: 1px solid #a3a366; padding: 1px;}

span.capitalize{color: #000;}

#content-supp .box:last-child{margin-right: 0px;}

/* Content Divs
------------------------------------------------------------------------------------------*/
.container{
	width: 880px;
	margin: 0px auto;
	padding-top: 10px;
}

.wide.container{
	width: 995px;
}

.home.container{width: 920px;}

#header {
	height: 460px;
	position: relative;
	text-align: left;
}

#header.short{
	height: 87px;
	margin-bottom: 15px;
}

	#branding{
	width: 100%;
	height: 179px;
	background-repeat: no-repeat;
	display: block;
	}	
	
#content{
	min-height: 300px;
	margin: 0 auto;
	position: relative;
}		

#content-main{
	padding-top: 0px;
	padding-bottom: 40px;
	position: relative;
	color: #CCC;
	min-height: 388px;
}

	#content-main.middle{
		width: 380px;
		background-image:url(../images/design/bg_box.png);
		background-repeat: repeat-y;
		background-position: top right;
		padding-right: 20px;
		margin-left: 230px;
	}	
	
	/*.webkit #content-main.middle{background-position: top 300px;}*/
	
	#content-main.wide{
		width: 648px;
		margin-left: 230px;
	}
	
	.wide.container #content-main{	
		width: 520px;
		margin-left: 230px;
		background-image: url(../images/design/vrule-short.png);
		background-repeat:repeat-y;
		background-position: top right;
	}
	
	
	
	#content.normal #content-supp{}
	#content.normal #content-supp{}
	
	
	#content-supp{
		clear: both;
		min-height: 365px;
		width: 220px;
		position: absolute;
		top: 0px;
		right: 0px;
	}
	
	
	
#footer{
	font-size: 11px;
	width: 960px;
	margin: 40px auto 20px auto;
	clear: both;
	text-align: center;
}

#footer a, #footer p{
	color: #666;
}

/* Navigation 
------------------------*/

#navigation{
	position:relative;
	background-image: url(../images/design/bg_nav-main.png);
	background-repeat: no-repeat;
	height: 400px;
	background-position: 50% top;
	position: absolute;
	top: 0px;
	left: -20px;
	z-index: 10;
	width: 200px;
}	

.third.box #navigation{
	margin-top: -46px;
	position: relative;
	margin-left: 50px;
}

ul#nav-main{
	list-style: none;
	margin: 0px;
	text-align: center;
	width: 200px;
	padding: 29px 0px 0px 0px;
}

	ul#nav-main li a {
		display: inline;
		background-repeat: no-repeat;
		font-style: normal;
		text-decoration: none;
		margin: 0px;
		font-size: 15px;
		padding: 2px 27px;
		width: auto;
		color:#666;
	}
	
	ul#nav-main li/*, ul#nav-supp li*/ {
	background-repeat: no-repeat;
	display: block;
	margin-bottom: 6px;
	}
	
	ul#nav-main li a:hover, ul#nav-main a.active{
		color: #666600;
		background-image:url(../images/design/icon_nav-active.png);
		background-repeat: no-repeat;
		display: inline;
	
		background-position: 0 0;
		
	}
	
ul#nav-supp{
	padding: 38px 0px 0px 0px;
	text-align: center;
}

.third.box ul#nav-supp{
	padding-left: 22px;
}

ul#nav-supp li{
	font-size: 12px;
	margin-bottom: -2px;
}

ul#nav-supp li a{
	font-style: normal; 
	text-decoration: none;
}

ul#nav-supp li a:hover, ul#nav-supp li a.active{font-style: italic; color: #666600;}
	
ul#nav-footer{
	margin: 0px;
	padding: 0px;
}

	ul#nav-footer li{
	display: inline;
	line-height: 14px;
	color: #666;
	border-right: 1px solid;
	margin-right: 10px;
	padding:2px 10px 2px 0px;
	}
	
	ul#nav-footer li a{font-style:normal; color: #666; text-decoration: none;}

ul#nav-links{
	float: right;
	margin: 10px 0px 0px;
}

ul#nav-links li, ul#nav-links li a{
	text-indent: -5000px;
	display: block;
	/*font-size: 0;*/
	overflow: hidden;
	float: left;
	width: 30px;
	height: 30px;
	background-repeat:no-repeat;
	margin-right: 10px;
}

ul#nav-header{
	position: absolute;
	right:0px;
	top:72px;
}

ul#nav-header li a{text-decoration: none;}
ul#nav-header li a:hover{color: #000;}



/* LISTS
------------------------------------------------------------------------------------------*/
ul li:last-child, ul li.last-child{margin: 0px !important; margin-right: 0px !important; border: none !important;}

ul#vcard{
	list-style: none;
	}
	
	ul#vcard li{

	}

/* Homesites */
	#flash-map{display: block; height: 524px;}
	
	ul#homesites{
		margin: 15px 0px 0px 0px;
	}
	
	ul#homesites li{
		float: left;
		width: 302px;
		height: 227px;
		background-image: url(../images/design/bg_homesite.jpg);
		margin-bottom: 14px;
		padding-left: 14px;
		background-repeat: no-repeat;
	}
	
	ul#homesites li.odd{
		background-image: url(../images/design/hrule-short.png);
		background-repeat: no-repeat;
		background-position: 13px bottom;
	
	}
	
	ul#homesites li.last{
		background-image:url(../images/design/vrule-short.png);
		background-position: left 2px;
	}
	
	ul#homesites li.last.odd{background-image: none;}
	
	ul#homesites li img{padding: 2px;}
	ul#homesites li img:hover{border: 2px solid  #626202; padding: 0px;}
	ul#homesites li table img{padding: 3px 0 0 0;}
	ul#homesites li table img:hover{border: none; padding: 3px 0 0 0;}
	
	table.details{
	background-color: #838300;
	margin-top: 5px;
	width: 289px;
	margin: 2px;
	height: 36px;
	}
	
	table.details tr{vertical-align: middle;}
	table.details td{
	background-image:url(../images/design/vrule-table.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	line-height: 13px;
}

	table.details td a{font-style: normal; color: #FFFFFF !important; text-decoration: none;}
	
	
	/*Homesite*/
	#site-slideshow{margin: 0px 0px 8px; padding: 0px; height: 351px; width: 648px; }
	#site-slideshow.mini{height: 255px; width: 489px; margin-bottom: 6px; }
		#site-slideshow li{list-style: none;}
		ul#slideshow-nav{margin: 0px; padding: 0px; height: 67px;}
		ul#slideshow-nav li{
			float: left;
			margin-right: 8px;
		}
		
		ul#slideshow-nav.mini li{margin-right: 3px;}
		
		ul#slideshow-nav li img{padding: 1px;}
		ul#slideshow-nav li img:hover{
		border: 1px solid  #626202;
		padding: 0px;
		}
		
		ul#slideshow-nav.mini li img{padding: 2px;}
		ul#slideshow-nav.mini li img:hover{
			padding: 1px;
		}
	
	ul#nav-more-info{
	clear: both;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/design/bg_more-info.jpg);
	width: 648px;
	height: 26px;
	padding-top: 8px;
	background-repeat: no-repeat;
	}
	
	ul#nav-more-info.mini{width:490px;}
	
		ul#nav-more-info li, 	ul#site-details li{
			display: inline;
			margin-right: 10px;
			padding-right: 10px;
			border-right: 1px solid;
			line-height: 12px;
			font-size: 12px;
		}
		
		ul#nav-more-info li a{
			font-style: normal;
			text-decoration: none;
		}
		ul#nav-more-info li a:hover{color: #000;}
	
	ul#site-details{
		margin: 10px 0px;
		padding: 0px;
	}
	
	ul#site-details li{
		display: inline;
		font-size: 16px;
	}

/* FORMS
------------------------------------------------------------------------------------------*/
form{
	color: #333333;
}
fieldset{
	border: none;
	margin: 0px;
	padding: 0px;
}
legend{
	position: absolute;
	left: 0px;
	top: -72px;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
}

.win.gecko legend{margin:-80px 0 0 0px;}

form ol{
	list-style: none;
	margin: 0px;
}
form ol li{margin-bottom: 15px;}
label{font-weight: normal; margin-right: 15px;}
label.required:after{content:"*"; color: #760808;}

input[type="text"]{
	margin-right: 20px;
	height: 11px;
	width: 340px;
	background-image:url(../images/design/bg_text.jpg);
	height: 24px;
	border: none 0px;
	background-repeat: no-repeat;
	padding-left: 5px;
}

input#name{background-image:url(../images/design/bg_text-name.jpg); width: 289px; margin-left: 1px;}

input#phone{background-image: url(../images/design/bg_text-phone.jpg); width: 264px; margin-left: 2px; }
.ie input#phone, .win.gecko input#phone{margin-left: 1px;} .mac.webkit input#phone{margin-left: -3px;}

input#address{background-image:url(../images/design/bg_text-address.jpg); margin-left:-2px; width:282px;}
.win input#address{margin-left:-1px;}

input#email{background-image:url(../images/design/bg_text-email.jpg); margin-left:-8px;width:289px;}
.webkit input#email{margin-left: -7px;} .win input#email{margin-left: -4px;}

input#city{background-image: url(../images/design/bg_text-city.jpg); margin-left:-2px;width:305px;}
.webkit input#city{margin-left: 0px;} .win input#city{margin-left: 1px;}

input#zip{ background-image:url(../images/design/bg_text-zip.jpg); margin-left:-1px;width:159px;}
.ie8 input#zip, .win.gecko input#zip{margin-left: 1px;} .ie7 input#zip{margin-left:-1px;}

select#state{margin-right: 15px;}
.ie select#state{margin-right: 21px;}
.win.gecko select#state{margin-right: 19px;}
input#property{display: block;}

select#how{width: 158px;} .webkit select#how{width: 145px;} .win select#how{width: 156px;}
textarea{width: 330px; padding: 5px; height: 147px; border: none 0px; background-image:url(../images/design/bg_textarea.jpg); background-repeat: no-repeat; overflow: auto; display: block; resize: none;}

li.submit input[type='button']{ background-image: none; background-color: #676700; border: none; padding: 2px 7px; color: #FFF; margin-right: 40px; float: right; cursor:pointer;}
.ie7 li.submit{ }

/* TABLE
------------------------------------------------------------------------------------------*/


/* PHARK
------------------------------------------------------------------------------------------*/
h1#logo{
	width: 154px;
	height: 87px;
	background-image:url(../images/design/logo_sinclair-meadows.png);
	margin: 0px;
}

h1#logo a{
	height: 87px;
	width: 154px;
}

a#play{background-image:url(../images/design/btn_play.png); width: 7px; height: 14px; position: absolute; top: 5px; right: 5px;}
a#pause{background-image:url(../images/design/btn_pause.png); width: 9px; height: 13px; position: absolute; top: 5px; right: 14px;}

a#play:hover, a#play:active, a#play:focus{background-image:url(../images/design/btn_play-hover.png);}
a#pause:hover, a#pause:active, a#pause:focus{background-image:url(../images/design/btn_pause-hover.png);}

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



/*h1
-------------------*/
h1.headings{
	height: 12px;
	margin: 7px 0 0 -17px;
}