body, h1, h2, h3, h4, h5, h6,ol, ul, li, p {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	}
body {
	margin: 0;
	padding: 2px 0px 0px 0px;
	background-color: #000000;
	}
/*typography*/
a:link { 
	color:#61F400;
	text-decoration:none;
	}
a:visited {
	color:#61F400;
	text-decoration:none;
	}
a:active {
	color:#61F400;
	text-decoration:none;
	}
a:hover {
	color:#FFFFFF;
	text-decoration:none;
	/*hover doesn't work in nn4*/
	}
h1 {
	font-size: 150%;
	font-weight: normal;
	}
h2 {
	font-size: 120%;
	font-weight: normal;
	}
h3 {
	font-size: 100%;
	font-weight: normal;
	}
h4 {
	font-size: 80%;
	font-weight: bold;
	}
h5 {
	font-size: 70%;
	font-weight: bold;
	}
h6 {
	font-size: 64%;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 80%;
	line-height: 120%;
	}
p {
	font-size: 80%;
	line-height: 120%;
	}
pre {
	font-family: monospace;
	font-size: 80%;
	}
strong, b {
	font-weight: bold;
	}
#mainbody {
	background-image: url(../images/main-back.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#navlist {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	}
#navlist a {
	text-decoration: none;
	height: 23px;
	width: 121px;
	background-image: url(../images/button-back.jpg);
	background-repeat: no-repeat;
	float: left;
	list-style-type: none;
	padding-top:2px;
}
#navlist a:link, #navlist a:visited {
color: #FFFFFF;
}
#navlist a:hover, #navlist a:active {
color: #FF0000;
background-image: url(../images/button-back-on.jpg);
}
.footer {
	font-size: 64%;
	font-weight: bold;
	}
/*image background styles for project menu*/
.projMenuDoco {
	background-image: url(../Gallery&Projects/projects/doco.jpg);
	background-repeat:no-repeat;
}
.projMenuFeature {
	background-image: url(../Gallery&Projects/projects/feature-drama.jpg);
	background-repeat:no-repeat;
}
.projMenuShorts {
	background-image: url(../Gallery&Projects/projects/shorts.jpg);
	background-repeat:no-repeat;
}
.projMenuTv {
	background-image: url(../Gallery&Projects/projects/tv.jpg);
	background-repeat:no-repeat;
}
.projMenuVideoCD {
	background-image: url(../Gallery&Projects/projects/video-cd.jpg);
	background-repeat:no-repeat;
}
.projMenuDVD {
	background-image: url(../Gallery&Projects/projects/dvd.jpg);
	background-repeat:no-repeat;
}
.projMenuMusicVid {
	background-image: url(../Gallery&Projects/projects/music-vid.jpg);
	background-repeat:no-repeat;
}
.projMenuCorp {
	background-image: url(../Gallery&Projects/projects/corp.jpg);
	background-repeat:no-repeat;
}
.projMenuTvAd {
	background-image: url(../Gallery&Projects/projects/tv-ad.jpg);
	background-repeat:no-repeat;
}
/*end image background styles for project menu*/
.projMenuDocolist {
	font-size:90%;
	top: 2px;
	display: block;
	position:relative;
	right: 27px;
	}
.projMenuDocolist a:link, .projMenuDocolist a:visited {
	text-decoration:none;
	color:#FFFFFF;
	}
.projMenuDocolist a:hover {
	text-decoration:none;
	color: #9AFE00;
	}
.projback {
	background-image: url(../Gallery&Projects/projects/projects-back.jpg);
	background-repeat: no-repeat;
}
#container {
   position: absolute;
   top: 0px; left: 6px;         /* place it where you want     */
}

#translucentbkg {
   width: 360px; height: 1200px;     /* to match DIVs size          */
   background-color: #2C3C32;       /* the background              */
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}

#opaquetext {
   width: 340px; height: 1200px;     /* to match DIVs size          */
   background-color: transparent;   /* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 2;                      /* place it over the other DIV */
   padding:10px;
}