/* -------------------------------   ShadowCreekRanch.com style sheet   Author: John Bossley   Created: 3/25/2009    ------------------------------ */   /* SECTION: Reset Elements ------------------------------------------------------------------*/	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }	fieldset,img { border: 0; } 	address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } 	ol,ul { list-style: none; } 	h1,h2,h3,h4,h5,h6,h8 { font-size: 100%; font-weight: normal; } 			/* SECTION: General Elements -----------------------------------------------------------------*/	body {		font-family: Arial, Helvetica, sans-serif;		font-size: 1em;		color: #414141;		margin: 0 auto; padding: 0;		background: #192e6d url(../img/body-bg.gif) top no-repeat;		}		h1 { font-size: 3em; }	h2 { font-size: 1.9em; letter-spacing: 1px; }	h3 { font-size: 1.3em; letter-spacing: 1px; }		h5 { font-size: 0.9em; padding-bottom: 10px; font-weight: bold; }			p { font-size: .75em; line-height: 130%; padding: 0 0 15px 0; }			a { outline: none; text-decoration: none; }	a:hover { text-decoration: underline; }		a img  { border: none; }	/* SECTION: IE 6 ------------------------------------------------------------------*/    *html a.community { margin-bottom: 0;}    *html a.homes { margin-bottom: 0; }    *html a.location { margin-bottom: 0;}    *html #secondaryNav2 { margin: 0; }    *html a.community2 { margin-right: 0; }    *html a.homes2 { margin-right: 0; }    *html #nav ul{ position: absolute; }    *html #nav .top .over, *html #nav2 .top .over { height: 25px; background: #bbb5ad url(../img/dropdown-nav-top2.gif) top no-repeat; }    *html #nav li li.over, *html #nav2 li li.over { background-color: #cdd8e1; }    *html #nav li li a.over, *html #nav2 li li a.over { text-decoration: none; }    *html #nav li.over ul, *html #nav2 li.over ul { display: block; }/* SECTION: Header Elements ------------------------------------------------------------------*/		#wrapper { width: 880px; margin: 0 auto; } /* gets content centered on page */		#mainContainer {		width: 860px;		margin: 0; padding: 10px;		background-color: #fff; float: left;		}		#mainContainer h1 {		margin: 19px 0 0 25px; padding: 0;		width: 90px; height: 111px;		overflow: hidden; float: left;		background: url(../img/logo.gif) no-repeat;		}			#mainContainer h1 a {		height: 111px;		padding-top: 111px; display: block;		}		    #mainContainer h4 {		margin: 2px 15px 0 25px; padding: 0;		width: 338px; height: 140px;		overflow: hidden; float: right;		background: url(../img/spanish/chat_off.gif) no-repeat;		}	#mainContainer h4:hover {		margin: 2px 15px 0 25px; padding: 0;		width: 338px; height: 140px;		overflow: hidden; float: right;		background: url(../img/spanish/chat_on.gif) no-repeat;		}		#subPageContainer { width: 860px; height: auto; float: left; background: url(../img/subpage-bg.gif) repeat-y; }	#header { 		margin: 0; padding: 0;		height: 142px;		border-bottom: 3px solid #373c6b;		background: url(../img/header-bg.gif) top #fff repeat-x;		}				/* SECTION: Navigation Elements ------------------------------------------------------------------*/		#mainNav { width: 860px; height: 18px; margin: 29px 0 10px 36px; float: left; }				#mainNav ul { margin: 0; padding: 0; }	#mainNav li { margin: 0; padding: 0; display: inline; }	#mainNav li a { float: left; }			a.homeNav, a.communityNav, a.homesNav, a.recreationNav, a.locationNav, a.comoppsNav, a.aboutNav, a.infoNav, a.pressNav, a.websiteplanNav { text-indent: -9999px; height: 18px; padding-top: 18px; }				a.homeNav { width: 39px; background: url(../img/spanish/home-up.gif) no-repeat; }	a.communityNav { width: 67px; background: url(../img/spanish/community-up.gif) no-repeat; }	a.homesNav { width: 53px; background: url(../img/spanish/homes-up.gif) no-repeat; }	a.recreationNav { width: 64px; background: url(../img/spanish/recreation-up.gif) no-repeat; }	a.locationNav { width: 72px; background: url(../img/spanish/location-up.gif) no-repeat; }	a.comoppsNav { width: 144px; background: url(../img/spanish/comopps-up.gif) no-repeat; }	a.aboutNav { width: 89px; background: url(../img/spanish/about-up.gif) no-repeat; }	a.infoNav { width: 91px; background: url(../img/spanish/info-up.gif) no-repeat; }	a.pressNav { width: 99px; background: url(../img/spanish/press-up.gif) no-repeat; }	a.websiteplanNav { width: 86px; background: url(../img/spanish/site-plan-up.gif) no-repeat; }	a.homeNav:hover { width: 39px; background: url(../img/spanish/home-over.gif) no-repeat; }	a.communityNav:hover { width: 67px; background: url(../img/spanish/community-over.gif) no-repeat; }	a.homesNav:hover { width: 53px; background: url(../img/spanish/homes-over.gif) no-repeat; }	a.recreationNav:hover { width: 64px; background: url(../img/spanish/recreation-over.gif) no-repeat; }	a.locationNav:hover { width: 72px; background: url(../img/spanish/location-over.gif) no-repeat; }	a.comoppsNav:hover { width: 144px; background: url(../img/spanish/comopps-over.gif) no-repeat; }	a.aboutNav:hover { width: 89px; background: url(../img/spanish/about-over.gif) no-repeat; }	a.infoNav:hover { width: 91px; background: url(../img/spanish/info-over.gif) no-repeat; }	a.pressNav:hover { width: 99px; background: url(../img/spanish/press-over.gif) no-repeat; }	a.websiteplanNav:hover { width: 86px; background: url(../img/spanish/site-plan-over.gif) no-repeat; }		#secondaryNav { 		width: 860px; height: 100px;		margin: 8px 0 8px 0; padding: 0;		float: left;		}		*html #secondaryNav2 { margin: 0; }		#secondaryNav ul { padding: 0; }		#secondaryNav li { 		float: left; padding: 0;		}			a.community, a.homes, a.recreation, a.location { display: block; text-indent: -9999px; height: 100px; width: 207px; }				a.community  { margin-right: 10px; background: url(../img/spanish/nav-community.jpg) no-repeat; }	a.homes  { background: url(../img/spanish/nav-homes.jpg) no-repeat; }    a.recreation  { margin-right: 10px; background: url(../img/spanish/nav-recreation.jpg) no-repeat; }	a.location { margin-right: 10px; background: url(../img/spanish/nav-location.jpg) no-repeat; }		/* Sub Page Navigation */	#secondaryNav2 { 		width: 171px; height: auto;		margin: 0 10px 0 0; padding: 0;		float: left;		}		#secondaryNav2 ul { padding: 0; }		#secondaryNav2 li { float: left; padding: 0; }			a.community2, a.homes2, a.recreation2, a.location2 { margin-bottom: 10px; display: block; text-indent: -9999px; height: 62px; width: 171px; }				a.community2  { margin-right: 10px; background: url(../img/spanish/nav-community2.jpg) no-repeat; }	a.homes2  { margin-right: 10px; background: url(../img/spanish/nav-homes2.jpg) no-repeat; }	a.recreation2  { margin-right: 10px; background: url(../img/spanish/nav-recreation2.jpg) no-repeat; }	a.location2 { background: url(../img/spanish/nav-location2.jpg) no-repeat; }		.secondaryNavBtn { 		font-size: .75em; color: #fff; text-transform: uppercase;		width: 163px; height: 20px;		padding: 4px 0 0 8px;		float: left;		background: #243259 url(../img/nav-bg.gif) repeat-x; }			.navIE { margin-bottom: 10px; } /* stuipd IE doesn't recognize the margin on .secondaryNavBtn class */		/* Drop Down Menu --------------------------------------------------- */									#secondaryNav li:hover {  }			/* subnav container elements */		#secondaryNav li ul, #secondaryNav2 li ul { 			width: 172px; height: auto;			position: relative;			margin: 0 0 0 15px; padding: 0;			display: none; 			background-color: #bbb5ad;			border-right: 2px solid #817264; border-bottom: 2px solid #817264; border-left: 2px solid #817264; 			z-index: 1;			}				#secondaryNav2 li ul { width: 167px; margin: -10px 0 10px 0; }		#secondaryNav2 li ul.secondarySub { width: 167px; margin: 0; float: left; }					#secondaryNav li li, #secondaryNav2 li li {			font-size: .7em; font-weight: bold; color: #615950; text-align: center; letter-spacing: 1px;			position: relative;			height: 25px;			margin: 0; padding: 5px 0 0 0;			float: none;			background: url(../img/dropdown-nav-divider.gif) bottom no-repeat;			}				#secondaryNav li li.top, #secondaryNav2 li li.top { background: #bbb5ad url(../img/dropdown-nav-top.gif) top no-repeat; }		#secondaryNav li li.top:hover, #secondaryNav2 li li.top:hover { background: #bbb5ad url(../img/dropdown-nav-top2.gif) top no-repeat; }				#secondaryNav li li.end, #secondaryNav2 li li.end { height: 25px; background: none; }				#secondaryNav li li a, #secondaryNav2 li li a { color: #615950; }				#secondaryNav li li:hover, #secondaryNav2 li li:hover { background-color: #cdd8e1; }				#secondaryNav li li a:hover, #secondaryNav2 li li a:hover { text-decoration: none; }				#secondaryNav li:hover ul, #secondaryNav2 li:hover ul { display: block; }		/* SECTION: Content Area ---------------------------------------------------------------------*/	#flashBanner { width: 860px; height: 332px; background-color: #ccc; }	#flashBanner2 { width: 679px; margin-bottom: 10px; float: left; }		#contentAreaContainer, #contentAreaContainer2 { float: left; width: 860px; background: url(../img/content-bg.gif) top repeat-x;}	#contentAreaContainer2 { float: right; width: 679px; }		#contentArea, #contentArea2, #contentArea3 { 		width: 559px;		margin: 10px 0 0 0; padding: 15px 30px 30px 30px;		float: left;		}			#contentArea2 { width: 378px; }			#contentArea3 { width: 800px; }		#contentArea h2, #contentArea h3, #contentArea2 h2, #contentArea2 h3 {	color: #283081;	padding-bottom: 10px;}		#contentArea p.subHeader, #contentArea2 p.subheader {	font-size: 0.9em;	color: #7d7668;	padding-bottom: 0px;	font-weight: bold;}	#contentArea p.endSection, #contentArea2 p.endSection { border-bottom: 1px solid #373c6b; margin-bottom: 20px; }		#contentArea ul, #contentArea2 ul { font-size: .75em; margin: 5px 0 0 15px; list-style-type: disc; }	#contentArea li, #contentArea2 ul { line-height: 170%; }		#contentArea a, #contentArea2 a { color: #283081; }	#contentArea2 a:visited { color: #7f786f; }		#sidebar { 		width: 215px;		margin: 10px 0 0 0; padding: 0 0 0 25px;		float: left;		border-left: 1px solid #b1b3b6;		}		#sidebar img { margin-bottom: 15px; }		/* SECTION: Footer Elements ------------------------------------------------------------------*/	#footer { 		margin: 10px 0 0 0; padding: 15px;		width: 830px;		float: left;		background: url(../img/footer-bg.gif) top #274f87 repeat-x;		}				#footer2 { 		margin: 10px 0 0 0; padding: 10px;		width: 840px;		float: left;		background: url(../img/footer-bg.gif) top #274f87 repeat-x;		}			.footerNav { margin-top: 10px; float: left; width: 610px; }		.footerNav span { font-size: .75em; display: block; color: #86a4d6; }		.footerNav span a { color: #86a4d6; padding: 5px 5px 5px 5px; }			.footerNav2 { margin-top: 10px; float: center; width: 830px; }		.footerNav2 span { font-size: .75em; display: block; color: #86a4d6; }		.footerNav2 span a { color: #86a4d6; padding: 5px 5px 5px 5px; }				.footerExtras { color: #86a4d6; float: right; width: 220px; }		span.audio { font-size: 12px; font-weight: bold; float: right; display: block; width: 180px; }			span.audio img { float: left; }			span.audio span { float: right; margin-top: 4px; }			span.audio a { cursor: pointer; }		.copyright { font-size: .6em; width: 180px; margin-top: 25px; float: left;}		.iconHouse { margin: 10px 0 0 0; float: right; }/* SECTION: Photo Book Elements --------------------------------------------------------------*/	#photoBookContainer { margin: 15px auto; width: 996px; min-height: 828px; background: #fff url(../interactive/photo_books/img/photo-book-bg.gif) repeat-y; }	#photoBookContent { width: 996px; min-height: 828px; background: url(../interactive/photo_books/img/photo-book-bottom.gif) bottom no-repeat; }	img.top { top: 0; }		.photoBookNav { width: 36px; margin: 0 0 0 10px; padding: 0; float: left; }	.photoBookNav li { margin: 0; padding: 0; }	.photoBookNav li a { float: left; margin-bottom: 10px; }		a.comPhotoBook, a.recPhotoBook, a.schoolsPhotoBook, a.weekPhotoBook, a.evPhotoBook, a.dayPhotoBook { text-indent: -9999px; width: 36px; }					a.comPhotoBook { height: 215px; background: url(../spanish/interactive/photo_books/img/com_photo_up.gif) no-repeat; }	a.recPhotoBook { height: 215px; background: url(../spanish/interactive/photo_books/img/rec_photo_up.gif) no-repeat; }	a.schoolsPhotoBook { height: 215px; background: url(../spanish/interactive/photo_books/img/school_photo_up.gif) no-repeat; }	a.weekPhotoBook { height: 188px; background: url(../spanish/interactive/photo_books/img/weekend_up.gif) no-repeat; }	a.evPhotoBook { height: 188px; background: url(../spanish/interactive/photo_books/img/evening_up.gif) no-repeat; }	a.dayPhotoBook { height: 188px; background: url(../spanish/interactive/photo_books/img/day_up.gif) no-repeat; }		a.comPhotoBook:hover { height: 215px; background: url(../spanish/interactive/photo_books/img/com_photo_over.gif) no-repeat; }	a.recPhotoBook:hover { height: 215px; background: url(../spanish/interactive/photo_books/img/rec_photo_over.gif) no-repeat; }	a.schoolsPhotoBook:hover { height: 215px; background: url(../spanish/interactive/photo_books/img/school_photo_over.gif) no-repeat; }	a.weekPhotoBook:hover { height: 188px; background: url(../spanish/interactive/photo_books/img/weekend_over.gif) no-repeat; }	a.evPhotoBook:hover { height: 188px; background: url(../spanish/interactive/photo_books/img/evening_over.gif) no-repeat; }	a.dayPhotoBook:hover { height: 188px; background: url(../spanish/interactive/photo_books/img/day_over.gif) no-repeat; }		#photoBookPhotos { float: left; width: 880px; margin-left: 30px; }