/* -------------------------------
   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; }
	
	#homesubheader {
	font-size: 0.9em;
	color: #7d7668;
	padding-bottom: 0px;
	font-weight: bold;
	}
	
/* 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/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/chat_on.gif) no-repeat;
		}
		
	    #mainContainer h6 {
		margin: 2px 15px 0 25px; padding: 0;
		width: 338px; height: 140px;
		overflow: hidden; float: right;
		background: url(img/commercial_chat_off.gif) no-repeat;
		}

	#mainContainer h6:hover {
		margin: 2px 15px 0 25px; padding: 0;
		width: 338px; height: 140px;
		overflow: hidden; float: right;
		background: url(img/commercial_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: 43px; background: url(img/home-up.gif) no-repeat; }
	a.communityNav { width: 79px; background: url(img/community-up.gif) no-repeat; }
	a.homesNav { width: 54px; background: url(img/homes-up.gif) no-repeat; }
	a.recreationNav { width: 76px; background: url(img/recreation-up.gif) no-repeat; }
	a.locationNav { width: 63px; background: url(img/location-up.gif) no-repeat; }
	a.comoppsNav { width: 166px; background: url(img/comopps-up.gif) no-repeat; }
	a.aboutNav { width: 73px; background: url(img/about-up.gif) no-repeat; }
	a.infoNav { width: 86px; background: url(img/info-up.gif) no-repeat; }
	a.pressNav { width: 76px; background: url(img/press-up.gif) no-repeat; }
	a.websiteplanNav { width: 88px; background: url(img/site-plan-up.gif) no-repeat; }

	a.homeNav:hover { width: 43px; background: url(img/home-over.gif) no-repeat; }
	a.communityNav:hover { width: 79px; background: url(img/community-over.gif) no-repeat; }
	a.homesNav:hover { width: 54px; background: url(img/homes-over.gif) no-repeat; }
	a.recreationNav:hover { width: 76px; background: url(img/recreation-over.gif) no-repeat; }
	a.locationNav:hover { width: 63px; background: url(img/location-over.gif) no-repeat; }
	a.comoppsNav:hover { width: 166px; background: url(img/comopps-over.gif) no-repeat; }
	a.aboutNav:hover { width: 73px; background: url(img/about-over.gif) no-repeat; }
	a.infoNav:hover { width: 86px; background: url(img/info-over.gif) no-repeat; }
	a.pressNav:hover { width: 76px; background: url(img/press-over.gif) no-repeat; }
	a.websiteplanNav:hover { width: 88px; background: url(img/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/nav-community.jpg) no-repeat; }
	a.homes  { background: url(img/nav-homes.jpg) no-repeat; }
    a.recreation  { margin-right: 10px; background: url(img/nav-recreation.jpg) no-repeat; }
	a.location { margin-right: 10px; background: url(img/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/nav-community2.jpg) no-repeat; }
	a.homes2  { margin-right: 10px; background: url(img/nav-homes2.jpg) no-repeat; }
	a.recreation2  { margin-right: 10px; background: url(img/nav-recreation2.jpg) no-repeat; }
	a.location2 { background: url(img/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: .8em; 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: 1em;
	margin: 5px 0 0 15px;
	list-style-type: disc;
}
	#contentArea li, #contentArea2 ul {
	line-height: 170%;
	font-size: .75em;
}
	
	#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: 140px; }
			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(../interactive/photo_books/img/com_photo_up.gif) no-repeat; }
	a.recPhotoBook { height: 205px; background: url(../interactive/photo_books/img/rec_photo_up.gif) no-repeat; }
	a.schoolsPhotoBook { height: 188px; background: url(../interactive/photo_books/img/school_photo_up.gif) no-repeat; }
	a.weekPhotoBook { height: 188px; background: url(../interactive/photo_books/img/weekend_up.gif) no-repeat; }
	a.evPhotoBook { height: 188px; background: url(../interactive/photo_books/img/evening_up.gif) no-repeat; }
	a.dayPhotoBook { height: 188px; background: url(../interactive/photo_books/img/day_up.gif) no-repeat; }
	
	a.comPhotoBook:hover { height: 215px; background: url(../interactive/photo_books/img/com_photo_over.gif) no-repeat; }
	a.recPhotoBook:hover { height: 205px; background: url(../interactive/photo_books/img/rec_photo_over.gif) no-repeat; }
	a.schoolsPhotoBook:hover { height: 188px; background: url(../interactive/photo_books/img/school_photo_over.gif) no-repeat; }
	a.weekPhotoBook:hover { height: 188px; background: url(../interactive/photo_books/img/weekend_over.gif) no-repeat; }
	a.evPhotoBook:hover { height: 188px; background: url(../interactive/photo_books/img/evening_over.gif) no-repeat; }
	a.dayPhotoBook:hover { height: 188px; background: url(../interactive/photo_books/img/day_over.gif) no-repeat; }
	
	#photoBookPhotos { float: left; width: 880px; margin-left: 30px; }
	.fltright {
	float: right;
	margin-left: 10px;
	border: thick solid #D0DCE1;
}
.imgbrdr {
	border: thick solid #D9DEE2;
}
.fltleft {
	float: left;
	padding-left: 20px;
}
.fltrght {
	float: right;
	padding-right: 20px;
}
.photo {
	border: thick solid #D0DCE1;
}
.table_background {
	background-image: url(../img/content-bg2.gif);
	background-repeat: repeat-x;
	background-color: #FFF;
}
#wrapper #mainContainer #subPageContainer #contentAreaContainer2 #contentArea2 ul li ul {
	font-size: 1em;
}