@import url(/css/base.css);

body { background: url(/images/main/bg-repeat.jpg) repeat-x; }
#stuff { background: url(/images/main/bg.jpg) no-repeat center top; }

h1 {
	display: inline;
	float: right;
	height: 89px;
	margin: 62px 127px 0 0;
	text-indent: -1000em;
	width: 180px;
}
h1 a {
	background: url(/images/main/lake-frances.jpg) no-repeat;
	display: block;
	height: 100%;
	overflow: hidden;
	width: 100%;
}

#nav1 { 
	display: inline;
	float: left;
	height: 190px; 
	list-style: none outside;
	margin: 176px 0 0 121px;
	width: 149px; 
}
#nav1 li { text-indent: -1000em; width: 149px; }
#nav1 li a { display: block; height: 100%; overflow: hidden; width: 100%; }
#n-terrain a, #n-activities a, #n-media a, 
#n-staff a, #n-register a, #n-contact a, #n-directions a { background: url(/images/main/nav.gif); }
#n-terrain { height: 30px; }
#n-terrain a:hover { background-position: 149px 0; }
#n-activities { height: 26px; }
#n-activities a { background-position: 0 -30px; }
#n-activities a:hover { background-position: 149px -30px; }
#n-media { height: 25px; }
#n-media a { background-position: 0 -56px; }
#n-media a:hover { background-position: 149px -56px; }
#n-staff { height: 31px; }
#n-staff a { background-position: 0 -81px; }
#n-staff a:hover { background-position: 149px -81px; }
#n-register { height: 24px; }
#n-register a { background-position: 0 -112px; }
#n-register a:hover { background-position: 149px -112px; }
#n-contact { height: 26px; }
#n-contact a { background-position: 0 -136px; }
#n-contact a:hover { background-position: 149px -136px; }
#n-directions { height: 28px; }
#n-directions a { background-position: 0 -162px; }
#n-directions a:hover { background-position: 149px -162px; }

#photos {
	display: inline;
	float: right;
	height: 318px;
	margin: 49px 147px 0 0;
	width: 243px;
}
#photos img { float: left; }
#swing { margin: 3px 0 0 87px; }
#flash { margin: 6px 0 0 12px; }

h2 { font-size: 2em; text-transform: uppercase; }
#overview {
	display: inline;
	float: left;
	margin: 30px 0 0 79px;
	width: 260px;
}
#overview h2 { color: #f93; }
#overview p { color: #fff; font-size: 1.2em; line-height: 1.4em; padding: 10px 0; }
#overview p a { color: #6ff; text-decoration: underline; }
#overview p a:hover { color: #fff; }

#footer {
	display: inline;
	float: left;
	margin: 120px 0 0 160px;
	padding-bottom: 50px;
	width: 370px;
}
#footer h2 { color: #630; }
#footer .left { float: left; width: 180px; }
#footer .right { border-left: 1px solid #630; float: right; width: 172px; }
#footer .right h2, #footer .right p { margin-left: 17px; }
#footer .left p, #footer .right p { font-size: 1.2em; line-height: 1.4em; padding-top: 10px; }
#footer p a { color: #036; text-decoration: underline; }
#footer p a:hover { color: #fff; }
#footer .clear { font-size: 1.1em; line-height: 1.4em; padding-top: 30px; }
#nav2 { list-style: none; width: 255px; }
#nav2 li { float: left; width: 85px; }
#nav2 li a { background: url(/images/main/dot.gif) no-repeat left center; color: #333; padding-left: 9px; }
#nav2 li a:hover { text-decoration: underline; }