body {
	margin: 9px 0 10px 30px;
	font: 80% Helvetica, Arial, sans-serif;
	color: #464646;
	background-color: #ffffff;
}

h1 {
	height: 20px;
	margin-bottom: .5em;
}
	h1 span { margin-left: -5000px; }

	#hear h1 { background: transparent url(images/hd-hear.gif) no-repeat left top; }
	#see h1 { background: transparent url(images/hd-see.gif) no-repeat left top; }
	#about h1 { background: transparent url(images/hd-about.gif) no-repeat left top; }
		h1#carla { background: transparent url(images/hd-carla.gif) no-repeat left top; }
		h1#hal { background: transparent url(images/hd-hal.gif) no-repeat left top; }
		h1#miriam { background: transparent url(images/hd-miriam.gif) no-repeat left top; }
		h1#media { background: transparent url(images/hd-media.gif) no-repeat left top; }
	#contact h1 { background: transparent url(images/hd-contact.gif) no-repeat left top; }
	#thanks h1 { background: transparent url(images/hd-thanks.gif) no-repeat left top; }
	#complete h1 { background: transparent url(images/hd-complete.gif) no-repeat left top; }
	#cancel h1 { background: transparent url(images/hd-canceled.gif) no-repeat left top; }

h2 { font-size: 110%; text-transform: uppercase; color: #018ed0; }

#mast {
	position: absolute;
	left: 30px; top: 9px;
	z-index: 50;
}
	#mast img { border-width: 0; }

#lp {
	position: absolute;
	left: 247px; top: 68px;
	width: 199px; height: 203px;
	background: transparent url(images/lp.jpg) no-repeat;
	z-index: 10;
}

#container { width: 470px; }
#content { width: 470px; margin-right:120px; padding-top: 120px; z-index: 500; }
	#content p, h2 { margin-left: 63px; }

#footer { margin-top: 30px; font-size: 10px; }
	#footer a { margin-right: 1em; font-weight: 600; text-decoration: none; color: #585858; }
	#footer a:hover { color: #ffbb00; }
	
	.copyright { padding-top: 20px; }

img.left {
	float: left;
	margin: 1em 20px .5em -63px;
}

.thumbnail {
	float: left;
	margin: 0 20px 30px 0;
}

.attrib {
	margin:-1em 0 1.7em;
	padding-left: 3em;
	text-indent: -1em;
	font-size: 90%;
	font-weight: 600;
}

.clear { clear: both; }

.middle { vertical-align: middle; }

#nav1 {
	position: absolute;
	left: 420px; top: 18px;
	width: 80px; height: 70px;
	margin: 0; padding: 0;
	font-size: 2px;
	z-index: 100;
}
	#nav1 li, #nav1 li a { 
		display: block;
		width: 80px; height: 19px; 
		margin: 0; padding: 0;
		list-style-type: none; 
		background: #ffffff url(images/menu-main.gif) no-repeat left top;
}
	#nav1 li span { margin-left: -5000px; }
	
	#nav1 #hear    { background-position: 0     0; }
	#nav1 #see     { background-position: 0 -19px; }
	#nav1 #about   { background-position: 0 -38px; }
	#nav1 #contact { background-position: 0 -57px; }
	
	#nav1 #hear a    { width: 55px; margin-left: 25px; background-position: -25px     0; }
	#nav1 #see a     { width: 45px; margin-left: 35px; background-position: -35px -19px; }
	#nav1 #about a   { width: 65px; margin-left: 15px; background-position: -15px -38px; }
	#nav1 #contact a { width: 80px; margin-left:    0; background-position:     0 -57px; }
	
	#nav1 #hear a.on    { background-position: -185px     0; }
	#nav1 #see a.on     { background-position: -195px -19px; }
	#nav1 #about a.on   { background-position: -175px -38px; }
	#nav1 #contact a.on { background-position: -160px -57px; }
	
	#nav1 #hear a:hover    { background-position: -105px     0; }
	#nav1 #see a:hover     { background-position: -115px -19px; }
	#nav1 #about a:hover   { background-position:  -95px -38px; }
	#nav1 #contact a:hover { background-position:  -80px -57px; }

#subnav {
	position: relative;
	float: right;
	width: 265px; height: auto;
	padding: 150px 0 30px;
	z-index: 90;
}

#nav2 {
	position: relative;
	width: 130px; height: auto;
	margin: 0 0 0 125px; padding: 0;
	font-size: 2px;
}
	#nav2 li, #nav2 li a { 
		display: block;
		height: 19px; 
		margin: 0; padding: 0;
		list-style-type: none;
}
	#nav2 li a span { margin-left: -5000px; }
	
	#about #nav2 li, #about #nav2 li a { width: 130px; }
	
	#about #nav2 #carla a  { width:  89px; margin-left: 41px; background: #ffffff url(images/menu-about.gif) no-repeat -41px     0; }
	#about #nav2 #hal a    { width:  63px; margin-left: 67px; background: #ffffff url(images/menu-about.gif) no-repeat -67px -19px; }
	#about #nav2 #miriam a { width: 130px; margin-left:    0; background: #ffffff url(images/menu-about.gif) no-repeat     0 -38px; }
	#about #nav2 #media a  { width:  44px; margin-left: 86px; background: #ffffff url(images/menu-about.gif) no-repeat -86px -65px; }
	
	#about #nav2 #carla a.on  { background-position: -301px     0; }
	#about #nav2 #hal a.on    { background-position: -327px -19px; }
	#about #nav2 #miriam a.on { background-position: -260px -38px; }
	#about #nav2 #media a.on  { background-position: -346px -65px; }
	
	#about #nav2 #carla a:hover  { background-position: -171px     0; }
	#about #nav2 #hal a:hover    { background-position: -197px -19px; }
	#about #nav2 #miriam a:hover { background-position: -130px -38px; }
	#about #nav2 #media a:hover  { background-position: -216px -65px; }
	
	#about #nav2 #media { margin-top: 8px; }

a { font-weight: 400; color: #464646; }
	a:hover { color: #ffbb00; }