* {margin: 0; padding: 0;}

body {
color:red;
background-color: #000000;
font-size: .9em;
background-image:url(images/background.jpg);
background-position: top center;
background-repeat: no-repeat;
font-family: Helvetica, Arial;
}

img {border: none;}

a {outline: 0;}

h3 {padding-bottom: 10px;}

h3.showreel {
	background:url(images/head_showreel.jpg) no-repeat;
	width:129px; height:26px; text-indent:-1000px; margin-left:60px;}
h3.directing {
	background:url(images/head_directing.jpg) no-repeat;
	width:139px; height:26px; text-indent:-1000px;}
h3.editing {
	background:url(images/head_editing.jpg) no-repeat;
	width:129px; height:26px; text-indent:-1000px;}
h3.writing {
	background:url(images/head_writing.jpg) no-repeat;
	width:139px; height:26px; text-indent:-1000px;}
h3.project {
	background:url(images/head_project.jpg) no-repeat;
	width:166px; height:26px; text-indent:-1000px;}
h3.rates {
	background:url(images/head_rates.jpg) no-repeat;
	width:84px; height:26px; text-indent:-1000px;}
h3.contact {
	background:url(images/head_contact.jpg) no-repeat;
	width:129px; height:26px; text-indent:-1000px;}		



a:link {color:#dd0000; text-decoration:none;}
a:visited {color:#dd0000; text-decoration:none;}
a:hover {color:#dd0000; text-decoration:underline;}
a:active {color:#dd0000; text-decoration:underline;}

#wrapper {
width:1000px;
margin:20px auto;
position:relative;
}

#header {
height:100px;
width:250px;
background-color:#666666;
}

/******** content ********/

#content {
float:right;
width:750px;
margin-top:-30px;
background-image: url(images/content_main.png);
background-repeat: repeat-y;
}

#content_show {
float:right;
width:750px;
margin-top:-30px;
}

#content_front {
float:right;
width:750px;
height:370px;
margin-top:-30px;
}

#content_top {
height:175px;
background-image: url(images/content_top.png);
background-repeat: no-repeat;
}

#content_main {
margin:-100px 55px 0 65px;
color:#000000;
}

#content_main p {margin-bottom: 10px;}

#content_bottom {
height:74px;
background-image: url(images/content_bottom.png);
background-repeat: no-repeat;
}



/******** end content ********/


#leftbox {
position:absolute;
top:100px;
left:0px;
width:250px;
background-image: url(images/leftbox_main2.jpg);
background-repeat: repeat-y;
}

#leftbox p {font-size: .9em; padding-bottom: 1em; color:#000000;}

#leftbox_top{
height:36px;
background-image: url(images/leftbox_top3.jpg);
background-repeat: no-repeat;
}

#leftbox_main{
margin:0 30px;
}

#leftbox_bottom{
height:45px;
background-image: url(images/leftbox_bottom2.jpg);
background-repeat: no-repeat;
}

#left_image {
position:absolute;
top:100px;
left:0px;
width:250px;
height:420px;
}

/******* nav ********/

#nav {
height:35px;
width:750px;
position:absolute;
top:35px;
right:0px;
color:#ffffff;
}

.navbutt a {width:98px; height:35px; display:block; float:right; margin-left:8px;}
.navbutt a:hover {background-position: 0 -35px;}

.navbutt2 a {width:98px; height:35px; display:block; float:right;}
.navbutt2 a:hover {background-position: 0 -35px;}

.navbutt_direct a {background-image: url(images/nav_direct2.jpg);}
.navbutt_editing a {background-image: url(images/nav_editing2.jpg);}
.navbutt_writing a {background-image: url(images/nav_writing2.jpg);}
.navbutt_proj a {background-image: url(images/nav_proj2.jpg);}
.navbutt_showreel a {background-image: url(images/nav_showreel2.jpg);}
.navbutt_rates a {background-image: url(images/nav_rates2.jpg);}
.navbutt_contact a {background-image: url(images/nav_contact2.jpg);}




/******* end nav ********/

#footer {
color:#ffffff;
text-align: right;
padding-right: 20px;
background-color: #000000;
}

.copyright {font-size: .8em; color:#888888;}

.copyright a:link {color:#888888; text-decoration:none;}
.copyright a:visited {color:#888888; text-decoration:none;}
.copyright a:hover {color:#888888; text-decoration:underline;}
.copyright a:active {color:#888888; text-decoration:none;}

#vidplayer {}