body { position:relative; font:11px Verdana, Arial, Helvetica, sans-serif; color:#666; margin:0 auto; padding:25px 0; text-align:center; background:url('../img/bg.jpg') repeat; }

	h1 { font:13px Arial, Helvetica, sans-serif; color:#4f91cd; margin-top:0; letter-spacing: 2px; text-transform: uppercase; }
	h2 { font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#4f91cd; }
	img { border:0; }
	a { color:#4f91cd; text-decoration:none; }
	a:hover { text-decoration:underline; }
	ul { margin:0; padding:0; }
		li { margin:0; padding:0; list-style:none; }
	table.enrollment { border-collapse:collapse; width:360px; }
		th,
		td { font:11px Verdana, Arial, Helvetica, sans-serif; color:#666; text-align:left; vertical-align:top; }
		th { font-weight:bold; }
		.enrollment td { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:2px 0; }
	
	#container { position:relative; width:881px; height:517px; margin:0 auto; padding:25px 43px 42px 36px; text-align:center; background:url('../img/bg_container.png') 0 0 no-repeat; }
	*html #container { width:960px; height:585px; }
	/* left photo */
		#mainphoto { position:relative; float:left; width:229px; height:517px; overflow:hidden; }
			#mainphoto img { position:relative; left:0; top:85px; border:0; }
			#mainphoto .overlay { position:absolute; top:0; left:4px; z-index:300; background:url('../img/bg_mainphoto.png') 0 0 no-repeat; width:225px; height:122px; }
	
	/* navigation */
		#nav { float:left; position:relative; top:39px; left:10px; width:642px; background:url('../img/bg_nav.gif') 0 0 no-repeat; text-align:left; }
			#help { float:right; position:relative; top:-26px; right:27px; width:160px; height:15px; overflow:hidden; background:url('../img/bg_help.png') 0 0 no-repeat; }
				.contact,
				.directions { float:left; display:block; width:73px; height:15px; }
				.directions { position:relative; left:19px; width:68px; }
			.pilates,
			.certification,
			.about { float:left; }
			.about { margin-top:-15px; }
				.pilates a,
				.certification a,
				.about a { display:block; height:30px; background:url('../img/bg_nav_on.gif') 0 30px no-repeat; text-decoration:none; padding:0; margin:0; }
				.pilates a { width:187px; height:30px; }
					.pilates a:hover,
					.pilates a.on { background-position:0 0; }
				.certification a { width:238px; }
					.certification a:hover,
					.certification a.on { background-position:0 -30px; }
				.about a { width:217px; }
					.about a:hover,
					.about a.on { width:217px; background-position:0 -60px; }
			
			.dropdown { display:none; position:absolute; left:11px; top:26px; text-align:center; z-index:2000; heigt:auto; margin:0; padding:8px 0 12px; }
			#dd1 { width:166px; background:url('../img/bg_dd_stott.png') bottom left no-repeat; z-index:1000; }
				#dd1 a { width:166px; }
			#dd2 { left:198px; width:221px; background:url('../img/bg_dd_cert.png') bottom left no-repeat; z-index:1000; }
				#dd2 a { width:221px; }
			#dd3 { left:440px; width:185px; background:url('../img/bg_dd_about.png') bottom left no-repeat; z-index:1000; }
				#dd3 a { width:185px; }
				#nav .dropdown a { text-transform:uppercase; height:auto; padding:3px 0; font-size:10px; font-weight:bold; color:#fff; background:none; z-index:1000; }
					#nav .dropdown a:hover { color:#4f91cd; }
		
		#maincontent { float:left; position:relative; top:65px; left:30px; width:375px; height:422px; overflow:auto; text-align:left; }
		*html #maincontent { z-index:-1; }
			#maincontent h2 { cursor:pointer; margin:20px 0 2px; background:url('../img/bg_arrow.gif') -14px 0 no-repeat; padding-left:19px; }
			#maincontent div { display:none; }
				#maincontent p { clear:both; margin-top:4px; }
				#testimonials #maincontent p { font-style:italic; }
				#maincontent .credit { float:right; display:block; margin-bottom:10px; }
				#maincontent .table,
				#maincontent .table div { display:block; float:left; }
				#maincontent .table { width:350px; }
					#maincontent .tdL { width:220px; }
					#maincontent .tdR { width:130px; float:right; }
				#maincontent .leftQuote,
				#maincontent .rightQuote { display:block; float:left; position:relative; line-height:30px; color:#ccc; font:100px "georgia"; }
				#maincontent .rightQuote { text-align:right; }
					
			#maincontent li { list-style:disc; margin:0 0 2px 16px; }
		
		#sidebar { float:right; position:relative; top:65px; right:25px; width:168px; height:382px; }
		*html #sidebar { z-index:-1; }
			#sidebar .content { text-align:left; }
				#sidebar h2 { margin:0 0 8px; }
				#sidebar p { margin:8px 0; font-style:normal; }
				#sidebar p.divider { margin:12px 0 16px; text-align:center; }
		
		#footer { color:#333; font-size:9px; clear:both; text-align:center; padding-top:40px; }
