/*
-----------------------------------------------
Site: Windstar Homes
Author: Fourthdoor Creative
Version: 1.0s
URL:
----------------------------------------------- */

/*  =Normalize: Base module. Includes the YUI reset.css and IPC specific font reset css.
----------------------------------------------------------------------*/

@import "yui-reset-min.css";

/* Font.css not present on server */
/*@import "font.css";*/


/*  =Style
----------------------------------------------------------------------*/
frame, frameset{
	background: #000 url(../img/common/body_bg2.gif) repeat;
}

html {
	margin: 0;
	padding: 0;
	/* Strict Mode Doc Type- IE: If Transitional-Would be placed in body */
	scrollbar-face-color: #333;
	scrollbar-base-color: #333;
	scrollbar-arrow-color: #666;
	scrollbar-track-color: #000;
	scrollbar-shadow-color: #000;
	scrollbar-highlight-color: #000;
	scrollbar-3dlight-color: #000;
	scrollbar-darkshadow-Color: #000;
	background: #000 url(../img/common/body_bg2.gif) repeat;
	}

body {
	background: #000 url(../img/common/body_bg2.gif) repeat;
	color: #666666;
	text-align: center;
	font: 68%/1.4 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	}
	
/* Firefox- Remove Highlighting */
a:focus, a:hover, a:active { 
	outline:none 
	}
	
h1 {  
	text-indent: -9999px;
	}

.white {
	color: #fff;
	}

.gray {
	color: #666666;
	}

.gold {	
	color: #b09866;
	}

/*  =Layout
----------------------------------------------------------------------*/
a.link {
	font-size: 7pt;
	color: #666666;
	text-decoration: none;
	}
	
a.link:hover {
	color: #fff;
	text-decoration: none;
	}
	
#wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	}
	
#mainNavigation {
	position: absolute;
	top: 60px;
	left: 495px;
	width: 505px;
	height: 30px;
	}

#logo {
	position: absolute;
	top: 25px;
	left: 18px;
	width: 160px;
	height: 95px;
	}

#logo_text {
	position: absolute;
	top: 42px;
	left: 172px;
	}
	
#subContent {
	position: absolute;
	top: 200px;
	left: 15px;
	width: 183px;
	height: 450px;
	}

#content {
	position: absolute;
	top: 100px;
	right: 0;
	width: 800px;
	height: 550px;
	border: 1px solid #333;
	}
	
#text {
	width: 770px;
	height: 510px;
	overflow: hidden;
	}
	
#renderingImage {
	width: 800px;
	height: 550px;
	}
	
#footer_copyright {
	position: absolute;
	top: 670px;
	right: 0;
	margin: 0;
	padding: 0;
	}
	
#footer_tag {
	position: absolute;
	top: 670px;
	left: 198px;
	margin: 0;
	padding: 0;
	}

/* Login box on contact page */
#privateEnt {
	position: absolute;
	top: 450px;
	left: 0;
	width: 197px;
	height: 200px;
	background: transparent url(../img/bg_contact_2.png) !important;
	background: transparent url(../img/bg_contact.gif);
	border: 1px solid #333; 
	}
	
/* List Box on Our Homes page */
#homesBox {
	position: absolute;
	top: 140px;
	left: 0;
	width: 197px;
	height: 400px; 
	}
	
/* Testimonials Page */
#nextBoxLeft {
	position: absolute;
	top: 622px;
	left: 198px;
	width: 70px;
	height: 30px;
	background-color: #333; 
	}
	
#nextBoxRight {
	position: absolute;
	top: 622px;
	right: 0;
	width: 70px;
	height: 30px;
	background-color: #333; 
	}
	
/* Renderings Page: Multiple Images */
#renderingBox {
	position: absolute;
	top: 610px;
	left: 215px;
	width: 50px;
	height: 25px;
	z-index: 10;
	}
		
/*  =Testimonials Page AJAX
----------------------------------------------------------------------*/	

/* Left Box Link */
#nextBoxLeft .nextLink a:link, #nextBoxLeft .nextLink a:visited {
	display: block;
	color: #fff;
	text-decoration: none;
	padding-left: 17px;
	padding-top: 5px;
	text-transform: uppercase;
	}
	
#nextBoxLeft .nextLink a:hover, #nextBoxLeft .nextLink a:active {
	color: #b09866;
	text-decoration: none;
	}

/* Right Box Link */
#nextBoxRight .nextLink a:link, #nextBoxRight .nextLink a:visited {
	display: block;
	color: #fff;
	text-decoration: none;
	padding-left: 17px;
	padding-top: 5px;
	text-transform: uppercase;
	}
	
#nextBoxRight .nextLink a:hover, #nextBoxRight .nextLink a:active {
	color: #b09866;
	text-decoration: none;
	}

#content #text1 {
	width: 800px;
	height: 550px;
	}

#content #text2 {
	width: 800px;
	height: 550px;
	}
	
.thinCol {
	float: left;
	display: inline;
	width: 165px;
	height: 460px;
	margin: 30px 0 50px 28px;
	}
	
.thinBreak {
	margin-top: -.7em;
	}

.topRule {
	border-top: #333 1px solid;
	padding-top: 10px;
	}
	
#subContent .fixedWidth {
	display: block;
	float: left;
	width: 2.5em;
	}

.boldQuote {
	margin-bottom: 1em;
	color: #fff;
	font-size: 112%;
	font-weight: 500;
	line-height: 20px;
	}
	
.boldQuoteBig {
	margin-bottom: 1em;
	color: #fff;
	font-size: 150%;
	font-weight: 500;
	line-height: 25px;
	}

#content #renderingImage {
	margin: 0;
	padding: 0;
	}

#content img.btest {
	margin: 18px 0 0 0;
	padding: 0;
	border: 1px solid #333;
	}

#content img.ttest {
	margin: 0 0 18px 0;
	padding: 0;
	border: 1px solid #333;
	}

/*  =Footer Copyright
----------------------------------------------------------------------*/

#footer_copyright p {
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 9px;
	}

#footer_copyright a:link, #footer_copyright a:visited {
	color: #fff;
	text-decoration: none;
	}

#footer_copyright a:hover, #footer_copyright a:active {
	color: #b09866;
	text-decoration: none;
	}
	
#footer_tag .wide {
	margin: 0 0 20px 0;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: .8em;
	}

#footer_tag a:link, #footer_tag a:visited {
	color: #666666;
	text-decoration: none;
	}
	
#footer_tag a:hover, #footer_tag a:active {
	color: #b09866;
	text-decoration: none;
	}

#footer_copyright .houseLogo {
	background: transparent url(../img/eqhousingopp.gif) no-repeat right -4px;
	padding-right: 20px; 
	}

/*  =Main Navigation
----------------------------------------------------------------------*/

#mainNavigation {
	background: transparent url(../img/common/nav_bg.gif) repeat-x left 20px !important; 
	background: transparent url(../img/common/nav_bg.gif) repeat-x left 19px;
	margin: 0;
	padding: 0;
	}

ul#nav {
	display: block; 
	position: relative;
	z-index: 4;
	width: 100%;
	margin: 0;
	padding: 0;
	}

ul#nav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	text-transform: uppercase;
	}
	
#mainNavigation ul#nav li.last {
	padding: 0;
	margin: 0;
	}

ul#nav li a:link, ul#nav li a:visited {
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	}

ul#nav li a:hover, ul#nav li a:active {
	color: #fff;
	border-bottom: 1px solid #fff;
	}

/* You are here pages- Updating id's on the body tag will effect on-state! Change as required */
body#welcome #nav-welcome a,
body#about #nav-about a,
body#homes #nav-homes a,
body#awards #nav-awards a,
body#test1 #nav-test a,
body#test2 #nav-test,
body#test3 #nav-test a,
body#contact #nav-contact a {
	color: #fff;
}
	
/* You are here pages- Passion, Precision, Perfection */	
body#passion #footer_tag a.pagePassion, body#precision #footer_tag a.pagePrecision, body#perfection #footer_tag a.pagePerfection {
	color: #fff;
	}
	
/*  =Sub Content Switch Menu
----------------------------------------------------------------------*/
	
.handcursor {
	cursor: hand;
	cursor: pointer;
	}
	
h2 {
	padding: 0 1em 1em 0;
	color: #fff; 
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .07em;
	}	

#subContent h3 { 
	padding: 1em 2em 1em 0;
	font-size: 11px;
	font-variant: normal;
	text-transform: uppercase; 
	border-top: 1px solid #333;
	}
	
/* Places fixed height on Divs on switch menu */
/*#subContent .height {
	height: 310px;
	}*/

h3 a:link, h3 a:visited { 
	text-decoration: none;
	color: #fff; 
	}
	
h3 a:hover, h3 a:active { 
	color: #b09866;
	text-decoration: none; 
	}
	
#subContent p {
	padding: 0 1.8em 1.2em 0;
	}

.line {
	margin: 0 20px 10px 20px;
	border-bottom: 1px solid #333;	
	}
.faded_divider {
	height: 1px;
	border-top: 1px solid #333333;
	display: block;
	margin: 2px 0 12px 0;
}

#sublist {
	width: auto;
	margin-left: 1.5em;
	}
	
#subContent #sublist ul {
	list-style-position: outside;
	}
	
#subContent #sublist li {
	list-style-type: disc;
	color: #b09866;
	}

#subContent p.date {
	padding-bottom: 0;
	color: #fff;
	}

#subContent a:link, #subContent a:visited {
	text-decoration: none;
	color: #fff;
	}

#subContent a:hover, #subContent a:active {
	text-decoration: none;
	color: #b09866;
	}
	
#subContent .adobe a:link, #subContent .adobe a:visited {
	/*background: transparent url(../img/externalLink.gif) no-repeat right top;*/
	/*padding-right: 8px;*/
	text-decoration: underline;
	color: #666666;
	}
	
#subContent .adobe a:hover, #subContent .adobe a:active {
	text-decoration: none;
	color: #b09866;
	}

/*  =Contact Page - Private Entrance content & Renderings Pages with Multiple Images
----------------------------------------------------------------------*/

#privateEnt #privateWrapper {
	padding-top: 2em;
	}

#privateEnt h2 {
	padding: 0 2em 1em 1.8em;
	color: #fff; 
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .07em;
	}
	
#renderingBox #renderingBoxWrapper {
	padding: 0.3em .5em 0 0.3em;
	}

#renderingBox a:link, #renderingBox a:visited {
	padding: .25em .30em;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .07em;
	color: #333;
	text-decoration: none;
/* 	border: 1px solid #333; */
	background-color: #fff;
	}
	
#renderingBox a:hover, #renderingBox a:active {
	color: #fff;
	background-color: #b09866;
	text-decoration: none;
	}
	
#renderingBox #renderingBoxWrapper {
	display: block;
	}

#homesBox img {
	margin: 0;
	padding: 0;
	}
	
	
/*  =Homes/Gallery Page- Nav
----------------------------------------------------------------------*/
#homes_menu {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	background-color: #000;
	margin: 0;
	padding: 0;
	}
	
#homes_menu h3 {
	width: 197px;
	font-size: 11px;
	color: #fff;
	border-top: 1px solid #333;
	padding: .5em 0 .5em 1em;
	cursor: hand;
	cursor: pointer;
	}

#homes_menu a:link, #homes_menu a:visited {
	padding: 2px 10px 5px 1em;
	display: block;
	color: #b09866;
	text-decoration: none;
	}

#homes_menu a:hover, #homes_menu a:active {
	color: #fff;
	text-decoration: underline;
	}
	
#homes_menu h3:hover {
	color: #666666;
	}
	
#homes_menu div{
	display: none;
}

/* You are here page: Specific to Image Galleries */
body.homesKent #homes_menu .pageKent,
body.homesMezrah #homes_menu .pageMezrah,
body.homesPrasatthong #homes_menu .pagePrasatthong,
body.homesCasaLinda #homes_menu .pageCasaLinda,
body.homesSantaBarbara #homes_menu .pageSantaBarbara,
body.homesPosada #homes_menu .pagePosada,
body.pagePrivResTwo #homes_menu .pagePrivResTwo,
body.homesMiller #homes_menu .pageMiller,
body.homesBellucia #homes_menu .pageBellucia,
body.homesEncanto #homes_menu .pageEncanto,
body.homesSheffield #homes_menu .pageSheffield,
body.homesClements #homes_menu .pageClements,
body.homesSonya #homes_menu .pageSonya {
	color: #b09866;
}
	
/* You are here page: Specific to Renderings Galleries	*/
body.renderingsKent #homes_menu .pageKent,
body.renderingsCasaLinda #homes_menu .pageCasaLinda,
body.renderingsDeLeon #homes_menu .pageDeLeon,
body.renderingsBellucia #homes_menu .pageBellucia,
body.renderingsEncanto #homes_menu .pageEncanto,
body.renderingsMichelle #homes_menu .pageMichelle,
body.renderingsCortina #homes_menu .pageCortina,
body.renderingsClements #homes_menu .pageClements,
body.renderingsLoVullo #homes_menu .pageLoVullo,
body.renderingsSantaBarbara #homes_menu .pageSantaBarbara,
body.renderingsPrivResOne #homes_menu .pagePosada,
body.renderingsPrivResTwo #homes_menu .pagePrivResTwo,
body.renderingsSheffield #homes_menu .pageSheffield {
	color: #b09866;
}

/*  =Testimonials Navigation
----------------------------------------------------------------------*/
#nextBox {
	position: absolute;
	top: 614px;
	left: 198px;
	width: 190px;
	height: 37px;
	background-color: #333;
	}
	
#nextBox span {
	margin: 10px 0 0 10px;
	float: left;
}
	
#nextBox a {
	padding: 3px 5px 3px 5px;
	margin: 6px 2px 2px 2px;
	font-weight: 500;
	text-decoration: none;
	color: #fff;
	border: 1px solid white;
	float: left;
	}
		
#nextBox a:hover, #nextBox a:active {
	background-color: #777;
	}
		
body#test1 #test-One, body#test2 #test-Two, body#test3 #test-Three, body#test4 #test-Four, body#test5 #test-Five {
	color: #fff;
	background-color: #777;
	}
		
/* ----------------------------------------*/