body {
	background: #fff url(../img/bg.jpg) 0 0 no-repeat; 
	margin: 0;
	padding: 0;
	font: 62.5%/1.4em Verdana, Arial, Helvetica, sans-serif;
	position: relative;
}
h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt, ol, blockquote {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

h3 { 
	color: #666; 
	padding-bottom: .5em;
}


a {
	overflow: hidden;
}
a:link, a:visited {
	color: #3ebfcf;
}
a:hover {
	color: #3ebfcf;
	text-decoration: none;
}
a img {
	border: 0;
}


html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}



#wrap {
	font-size: 1.1em;
	margin: 0;
	width: 100%;
}

body#bio p {
	font-family: Helvetica, Geneva, Verdana, sans-serif;
	line-height: 1.7em;
}

body#links a {
	color: #666;
	text-decoration: none;
}
body#links a:hover {
	background-color: #93d7e5;
	color: #000;
}
body#links a:visited {
	color: #666;

}




/* --- */

#branding {
	height: 45px;
	background: #adafb2;
	margin-bottom: 50px;
}

#branding h1 {
	float: left;
	width: 270px;
	height: 45px;
	text-indent: -9999px;
	background: url("../img/logo.gif") 9px 0 no-repeat;
}
#branding h1 a {
	display: block;
	height: 45px;
}

#nav {
	float: left;
	margin-top: 16px;
	margin-left: 133px;
	width: 470px;
}
#nav li { 
	text-indent: -9999px; list-style: none;
	float: left;
}
#nav a, #nav span {
	display: block;
	height: 18px;
	background-image: url("../img/nav-bg.gif");
	background-repeat: no-repeat;
}
#nav li#main a, #nav li#main span {width: 58px; top: 0; left: 0;}
#nav li#main a {background-position: 0 0;}
#nav li#main span {background-position: 0 -18px;}
#nav li#bio a, #nav li#bio span {width: 48px; top: 0; left: 58px;}
#nav li#bio a {background-position: -58px 0;}
#nav li#bio span {background-position: -58px -18px;}
#nav li#film a {background-position: -106px 0; width: 51px; top: 0; left: 106px;}
#nav li#tv a {background-position: -157px 0; width: 42px; top: 0; left: 157px;}
#nav li#portrait a {background-position: -199px 0; width: 78px; top: 0; left: 199px;}
#nav li#stage a {background-position: -277px 0; width: 60px; top: 0; left: 277px;}
#nav li#links a {background-position: -337px 0; width: 57px; top: 0; left: 337px;}
#nav li#contact a {background-position: -394px 0; width: 76px; top: 0; left: 394px;}
#nav li#film span {background-position: -106px -18px; width: 51px; top: 0; left: 106px;}
#nav li#tv span {background-position: -157px -18px; width: 42px; top: 0; left: 157px;}
#nav li#portrait span {background-position: -199px -18px; width: 78px; top: 0; left: 199px;}
#nav li#stage span {background-position: -277px -18px; width: 60px; top: 0; left: 277px;}
#nav li#links span {background-position: -337px -18px; width: 57px; top: 0; left: 337px;}
#nav li#contact span {background-position: -394px -18px; width: 76px; top: 0; left: 394px;}



#one, #two, #three {
	display: inline;
	float: left;
	width: 280px;
}

#one {
	margin-left: 50px;
}
#two, #three {
	margin-left: 30px;
}

#menu {
	margin-left: 50px;
	display: inline;
	float: left;
	width: 210px;
}
#photos {
	display: inline;
	float: left;
	width: 670px;
	margin-left: 30px;
}




h2 {
	width: 100%;
	height: 45px;
	text-indent: -9999px;
}
h2.main { background: url("../img/main.gif") 0 0 no-repeat; }
h2.bio { background: url("../img/bio.gif") 50px 0 no-repeat; }
h2.film { background: url("../img/film.gif") 0 0 no-repeat; }
h2.tv { background: url("../img/tv.gif") 0 0 no-repeat; }
h2.portrait { background: url("../img/portrait.gif") 0 0 no-repeat; }
h2.stage { background: url("../img/stage.gif") 0 0 no-repeat; }
h2.links { background: url("../img/links.gif") 50px 0 no-repeat; }
h2.contact { background: url("../img/contact.gif") 0 0 no-repeat; }


#sub-nav {
	list-style: none;
}
#sub-nav a, #sub-nav span {
	text-transform: uppercase;
	color: #333;
	font-size: 10px;
	text-decoration: none;
	line-height: 1.7em;
}
#sub-nav a:hover {
	background-color: #ccc;
	color: #000;
}

#sub-nav li {
	list-style: none;
}
#sub-nav li span {
	background-color: #84d2e0;
	padding-right: 20px;
}


#photo-nav {
	list-style: none;
}
#photo-nav li { 
	background-color: #e2e2e2;
	float: left;
	padding: 3px 2px;
}
#photo-nav li.first { 
	padding-left: 7px;
}
#photo-nav li.last { 
	padding-right: 7px;
}
#photo-nav li a, #photo-nav li span {

	font-size: 11px;
	text-decoration: none;
	display: block;
	padding: 1px 3px;
}
#photo-nav li a {
	color: #999;
}
#photo-nav li span {
	color: #333;	
	background-color: #84d2e0;
}
#photo-nav li.plus-minus {
	background-color: #888888;
}
#photo-nav li.plus-minus a {
	color: #fff;
}



#screen {
	background-position: 10px 10px;
	background-repeat: no-repeat;
}
#screen img {
	border: 1px solid #e7e7e7; 
}


.gallery {
	margin: 0; 
	padding: 0;
	overflow: hidden; /* Clears the floats */
	width: 456px; /* IE and older Opera fix for clearing, they need a dimension */
	list-style: none;
}

.gallery li{
	float: left;
	display: inline; /* For IE so it doesn't double the 1% left margin */
	width: 150px;
	margin: 0 2px 2px 0; 
	padding: 0;
	border: 0;
    height: 150px;
	position: relative; /* This is the key */
}





#description {
	font-size: 13px;
	text-transform: uppercase;
	line-height: 20px;
	padding-top: 10px;
}
.a { color: #3ebfcf; }
.b, .e { color: #333; }
.c, .f { color: #666; }
.d, .g { color: #999; }



#footer {
/*	background: url("../img/bg01.gif") left bottom repeat-x; */
	height: 120px;
}