* { margin: 0; outline: 0; }
ul, ol { padding:  0; list-style: none; }
a, img { border: 0; }
div.clear { clear: both; line-height: 0; height: 0; font-size: 0; border: 0; padding: 0; margin: 0; }

body {
	background: #f4f4f4; color: #1f1f1f;
	font-family: Geneva, 'Tahoma', Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 18px;
}

a { color: #a7a7a7; text-decoration: none; }
h1 a, a:hover, a.active { color: #1f1f1f; }
h1, h2, h3 { font-weight: normal; }

/* IMAGE REPLACEMENT  */

h1 a {
	display: block;
	width: 134px; height: 20px; /* actual width: 180px; manually centered! */
	margin-left: 23px;
	background: url(../img/menu.gif) 0 -20px no-repeat;
	text-indent: -9999em;
}

#works a, #bio a, #contact a {
	display: block; height: 20px;
	background: url(../img/menu.gif) 0 0 no-repeat;
	text-indent: -9999em;
}

#works a { background-position: -140px 0; width: 52px; }
#works a:hover, #works a.active { background-position: -140px -20px; }

#bio a { background-position: -198px 0; width: 82px; }
#bio a:hover, #bio a.active { background-position: -198px -20px; }

#contact a { background-position: -286px 0; width: 68px; }
#contact a:hover, #contact a.active { background-position: -286px -20px; }


/* POSITIONS */

h1, #main { position: absolute; top: 28px; font-size: 18px; }
#menu, #content { position: absolute; top: 72px; }	
h1, #menu { left: 40px; width: 180px; text-align: center;}
#main, #content { left: 260px; }

#main ul { width: 300px; }
#main li { float: left; margin: 0 34px 0 0; }

ul#bodies { margin: 0 0 27px 0; }
li.spc { margin-top: 9px; }
li.spc p { margin: 0; color: #7D7D7D; } /* sections in body menu */

#content { width: 680px; }

#thumbs, #gallery, #work_preview, #content object { margin-top: 4px; } /* to cap height */

#thumbs a {
	display: block;
	float: left; margin: 0 30px 30px 0;
	height: 100px;
}

#thumbs a img { display: block; margin: 0; }

/* GALLERY */

a#gallery { display: block; }

/*a#gallery { background: #000; }*/

#image_nav {
	position: absolute;
	top: 560px; width: 650px;
	color: #a7a7a7;
}

#image_nav p {
	float: left;
	width: 550px; /* 650 - 200 = 475 */
	padding: 0 0 0 50px; 
	text-align: center;
}

#image_nav a.next { 
	display: inline-block; width: 50px;
	float: right; text-align: right;
}


/*  IMAGE NAV FOR TEMP HP  */
#image_nav p {
	float: left;
	padding: 0;
	width: 325px;
	text-align: left;
}

#image_nav a.next { 
	display: block; 
	width: 50px; text-align: left;
	clear: left;
	float: left;
}

/* VIDEO */

#video_caption { 
	margin-top: 9px;
	color: #a7a7a7;
	text-align: left; 
}

/* TEXT PAGES */

#text { 
	width: 460px; padding-bottom: 100px;
	font-size: 12px; line-height: 16px;
	color: #a7a7a7; 
}

#text.series_text { padding-bottom: 18px; }

#text p { margin: 0 0 9px 0; }

#text a { text-decoration: underline; }

#text h2 { 
	font-size: 12px; line-height: 18px;
	color: #1f1f1f; 
}

#text h3 {
	font-size: 12px; line-height: 18px;
	color: #a7a7a7; 
}

#text h2+p, #text h3+p { margin-top: 9px; }
#text p+h2 { margin-top: 18px; }

div.embedding p { display: none; }