body {
	background-color:#000;
	font:12px/18px "Lucida Grande", Arial, Verdana, sans-serif;
	color:#fff;
	margin:0;
	padding:0; }

/* ********************************************************************************************* */

h1, h2, h3, h4, p, hr, abbr { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }

hr { display:none; }
	
img { 
	border:0; 
	padding:0;
	display:block; }

.clear { 
	clear: both; 
	height: 0; }
	
ul {
	margin:0;
	padding:0; }

a, 
a:visited {
	color:#009999;
	font-weight:bold;
	text-decoration:none;
}

a:hover, 
a:active {
	color:#fff;
	background-color:#009999;;
	font-style:oblique;
	text-decoration:none;
}

.skip { 
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden; }

.clear { clear:both; }

.bold {
	font-weight:bold; }
	
.bt {
	margin:0 0 18px 0; }
	
.bt-top {
	margin:18px 0; }
	
/* ********************************************************************************************* */

body#home_page {
	background-image:url(images/steve_background.png);
	background-position:center top;
	background-repeat:no-repeat;
}

div#header {
	width:780px;
	height:100px;
	padding:0;
	margin: 0 0 0 -390px;
	position:relative;
	left: 50%;
	float:left;
	top:0; }
	
h1#name, 
p#name {
	background-image:url(images/steven-hartley-logo.gif);
	background-position:40px 15px;
	background-repeat:no-repeat;
	text-indent:-2000em;
	width:780px;
	height:63px;
	margin:0;
	float:left;
	padding:0; }
	
h1#name a, 
p#name a {
	display:block;
	overflow:hidden;
	height:63px;
	background:none; }

body#home_page div#header {
	width:980px;
	padding:0;
	margin:0 auto;
}

body#home_page h1#name {
	width:980px;
	background-position:0 15px;
}
	
/* ********************************************************************************************* */

ul#main-nav {
	width:710px;
	height:23px;
	margin:0 0 11px 35px;
    padding:0;
	float:left;
	display:inline;
    overflow: hidden;
	list-style:none; }
	
body#home_page ul#main-nav {
	margin-left:0;
}

ul#main-nav li {
	margin:0;
	float:left; 
	padding:0;
	display:inline; }

ul#main-nav a {
	float: left;
	padding: 23px 0 0 0;
	margin:0 20px 0 0;
	overflow: hidden;
	height: 0px !important; 
	height/**/:23px; /* for IE5/Win only */ }

ul#main-nav a:hover {
        background-position: 0 0; }

ul#main-nav a:active, ul#main-nav a.selected {
        background-position: 0 0; }

li#bio a  {
	width:101px;
	background: url(images/index-bio.gif) 0 -23px no-repeat; }

li#work a  {
	width:61px;
	background: url(images/index-work.gif) 0 -23px no-repeat; }

li#gallery a  {
	width: 78px;
	background: url(images/index-gallery.gif) 0 -23px no-repeat; }

li#links a  {
	width:52px;
	background: url(images/index-links.gif) 0 -23px no-repeat; }

li#guest a  {
	width:109px;
	background: url(images/index-guestbook.gif) 0 -23px no-repeat; }

li#contact a  {
	width: 87px;
	background: url(images/index-contact.gif) 0 -23px no-repeat; }
	
/* ********************************************************************************************* */

div#main-index {
	width:100%;
	/* background:url(images/ffffff.gif) repeat-x 0 0; */
	padding:0;
	float:left;
	margin:0; 
}

div#main {
	width:980px;
	/* height:507px; */
	height:400px;
	padding:0;
	/* background:url(images/index-main-steven-hartley.jpg) no-repeat 0 0; */
	/* background:url(images/steve_homepage.jpg) no-repeat 40px 20px; */
	text-align:left;
	margin:0 auto; 
}
	
h2#welcome-header {
	width:330px;
	height:50px;
	margin:20px 0 10px 0;
	padding:0;
	background:url(images/home-welcome.png) no-repeat 0 0;
	float:left;
	text-indent:-2000em; }
	
p.intro-copy {
	width:330px;
	color:#444;
	margin:0 0 20px 410px;
	float:left; }
	
p.intro-copy a:link,
p.intro-copy a:visited, 
p.intro-copy a:active {
	color: #000; 
	background-color:#fff; 
	text-decoration: none; }

p.intro-copy a:hover {
	color: #fff; 
	background-color: #000; 
	text-decoration: none; }
	
div.the-walker-bulletin {
	width:700px;
	margin: 20px 0 0 -350px;
	background-color:#444;
	padding:10px;
	text-align:left;
	position:relative;
	left: 50%;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width:680px; }
	
h2#the-walker-header {
	font-size:16px;
	margin-bottom:12px; }
	
/* ********************************************************************************************* */	

div#work-index {
	width:100%;
	padding:0;
	float:left;
	margin:0; }
	
h1#work-header {
	width:700px;
	height:22px;
	margin:18px 0 0 -350px;
	position: relative;
	left: 50%;
	padding:0;
	text-indent:-2000em;
	background:url(images/work-header.gif) no-repeat 0 0; }
	
/* h1#showreel-header {
	background:url(images/header-showreel) no-repeat 0 0; } */

/* ********************************************************************************************* */

ul#work-nav {
	width:780px;
	padding: 0;
	margin:15px 0 0 -390px;
	text-align:left;
	position: relative;
	float:left;
	left: 50%;
	overflow: hidden;
	list-style:none; }

ul#work-nav li {
	margin:0;
	padding:0;
	display:inline; }
	
ul#work-nav a {
	float: left;
	padding:40px 0 0 0;
	margin:0 0 15px 40px;
	overflow: hidden;
	height: 0 !important; 
	height /**/:40px; /* for IE5/Win only */ }
	
ul#work-nav a:hover {
	background-position: 0 0; }

ul#work-nav a:active {
	background-position: 0 0; }
	
li.filmography-header a {
	width:330px;
	background:url(images/index-head-filmography.gif) no-repeat 0 0; }
	
li.tv-header a {
	width:330px;
	background:url(images/index-head-tv.gif) no-repeat 0 0;; }
	
li.theatre-header a {
	width:330px;
	background:url(images/index-head-theatre.gif) no-repeat 0 0; }
	
li.voice-header a {
	width:330px;
	background:url(images/index-head-voice.gif) no-repeat 0 0; }
	
li.showreel-header a {
	width:330px;
	background:url(images/index-head-showreel-02.gif) no-repeat 0 0; }
	
/* ********************************************************************************************* */

div#bio-body {
	width:700px;
	padding:0;
	margin: 0 0 0 -350px;
	text-align:left;
	position:relative;
	left: 50%; }

div#biography {
	width:515px;
	padding:0;
	margin:0;
	display:inline;
	float:left; }
	
h1#biography-header,
h1#contact-header,
h1#gallery-header,
h1#guestbook-header,
h1#links-header,
h1#error {
	width:300px;
	height:22px;
	margin:18px 0;
	padding:0;
	text-indent:-2000em; }

h1#biography-header {
	background:url(images/biography-header.gif) no-repeat 0 0; }

h1#contact-header {
	background:url(images/contact-header.gif) no-repeat 0 0; }

h1#gallery-header {
	background:url(images/gallery-header.gif) no-repeat 0 0; }
	
h1#guestbook-header {	
	background:url(images/guestbook-header.gif) no-repeat 0 0; }
	
h1#links-header {	
	background:url(images/links-header.gif) no-repeat 0 0; }
	
h1#error {	
	background:url(images/error-header.gif) no-repeat 0 0; }
	
div#biography p {
	margin:0 0 18px 0; }
	
div#voice-image {
	width:145px;
	margin:18px 0 0 40px;
	padding:0;
	float:left;
	display:block; }

div#voice-image img {
	margin:0 0 18px 0;
	padding:0; }
	
div#voice-image p.voice-link {
	font-size:14px; }

div.images {
	width:145px;
	margin:18px 0 0 40px;
	display:inline;
	padding:0;
	float:left; }
	
div.images img {
	margin-bottom:150px; }

/* ********************************************************************************************* */

div#backdrop {
	width:100%;
	background:#262626 url(images/backdrop.gif) repeat-x 0 0;
	margin:0 0 15px 0;
	padding:18px 0;
	float:left; }
	
div#filmography {
	width:700px;
	padding: 0;
	margin:0 0 0 -350px;
	text-align:left;
	position: relative;
	float:left;
	left:50%; }
	
h1#filmography-header,
h1#tv-work-header,
h1#theatre-work-header {
	width:700px;
	height:22px;
	margin:0 0 18px 0;
	padding:0;
	text-indent:-2000em; }
	
h1#filmography-header {	
	background:url(images/filmography-header.gif) no-repeat 0 0; }
	
h1#tv-work-header {
	background:url(images/tv-work-header.gif) no-repeat 0 0; }
	
h1#theatre-work-header {
	background:url(images/theatre-work-header.gif) no-repeat 0 0; }
	
h1#voice-work-header {
	width:515px;
	height:22px;
	margin:0 0 18px 0;
	padding:0;
	text-indent:-2000em;
	background:url(images/voice-work-header.gif) no-repeat 0 0; }
	
table {
	margin:0;
	padding:0;
	width:97%; }
	
td, th {
	text-align:left;
	margin:1px;
	padding:4px; }
	
.row-2 {
	background-color:#343434; }
	
/* ********************************************************************************************* */

ul.gallery {
	width:700px;
	list-style:none;
	margin:0 0 36px 0;
	padding:0;
	float:left; 
}
	
ul.gallery li {
	width:155px;
	height:155px;
	padding:0;
	margin:0 20px 18px 0;
	overflow:hidden;
	float:left;
}

ul.gallery li img {
	border:5px solid #222;
}

ul.gallery li img:hover {
	border:5px solid #009999;
}
/* 
body div#bio-body div#filmography ul.gallery li a {
	border:1px solid #009999;
}

ul.gallery li a, 
ul.gallery li a:visited {
	padding:0;
	margin:0;
	border:1px solid #fff;
}
	
ul.gallery li a:hover, 
ul.gallery li a:active {
	padding:0;
	margin:0;
	border:1px solid #009999;
} */

.return {
	width:700px;
	display:block;
	margin:18px 0 0 0;
	padding:0; }
	
p.gallery-heading-names {
	padding:0;
	font-weight:bold;
	margin:18px 0; }	

/* ********************************************************************************************* */

ul.voice-list {
	width:515px;
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
	overflow:hidden; }
	
ul.voice-list li {
	width:250px;
	margin:0 15px 3px 0;
	display:inline;
	padding:0;
	float:left; }
	
/* ********************************************************************************************* */

ul.link-list {
	width:515px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden; }
	
ul.link-list li {
	width:240px;
	margin:0 25px 18px 0;
	display:inline;
	padding:0;
	float:left; }
	
ul.link-list li.no-marg,
ul.gallery li.no-marg {
	margin:0 0 18px 0; }
	
ul.voice-list li.no-marg {
	margin:0; }

/* ********************************************************************************************* */

div#guestbook-posts {
	width:330px;
	margin:0 40px 0 0;
	padding:0;
	float:left;
	display:inline; }

div#guestbook-form {
	width:330px;
	margin:0;
	padding:0;
	float:left; }
	
ul.guest-comments {
	list-style:none;
	width:330px;
	margin:0;
	padding:0; }
	
ul.guest-comments li {
	margin:0 0 18px 0;
	border-bottom:1px dashed #999;
	padding:10px; }

/* ********************************************************************************************* */

.guest-top {
	margin:68px 0 18px 0; }

.name {
	font-size:14px;
	margin:0 0 9px 0; }
	
.message {
	margin:0 0 9px 0; }
	
.date {
	font-style:oblique; }
	
.row2 {
	background-color:#101010; }

/* ********************************************************************************************* */
form {
	margin:0;
	padding:0; }
	
legend {
	display:none; }
	
fieldset {
	border:0;
	margin:0;
	padding:0; }
	
label {
	font-weight:normal; }
	
input, textarea {
	width:97%;
	margin:0 0 18px 0; }
	
.required {
	color:#ff0000; }
	
.submit {
	width:75px; }

/* ********************************************************************************************* */

div#footer {
	width:100%;
	height:35px;
	float:left;
	padding: 0;
	margin:0;
	background:url(images/footer-backdrop.jpg) repeat-x 0 0;
	clear:both; }

div.foot_content {
	width:700px;
	margin: 0 0 0 -350px;
	text-align:left;
	position:relative;
	left:50%;
}
	
p.rights {
	float:left;
	display:block;
	width:520px;
	padding:8px 0 0 0;
}

p.twitter a {
	width:175px;
	height:20px;
	margin-top:7px;
	padding:2px;
	float:left;
	background-color:none;
	background-image:url(images/twitter.png);
	background-repeat:no-repeat;
	background-position:center center;
	text-indent:-2000em;
	overflow:hidden;
	margin-left:0px;
}