body {
	background: #142028 url(../IMAGES/pageBG.gif) repeat-x scroll;
	text-align: center;
	margin: 0pt auto;
	padding: 0;
	font-family: Century Gothic,STHeiti,Arial, sans-serif;
	line-height: 1.6;
	font-size: 100%;
	color: #999999;
	vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 auto;
	padding: 0;
}

.clear {
	clear: both;
}

/* WRAPPER **************************************************/

div#wrap {
	background: #040404 url(../IMAGES/wrapBG.gif) repeat-x scroll;
	text-align: left;
	margin: 15px auto;
	width: 960px;
	height: 540px;
	padding: 10px;
}

/* WRAPPER END**************************************************/



/* HEADER **************************************************/

div#header {
	float: left;
	width: 960px;
}

div#header h1 a {
	background: url(../IMAGES/nameLogo.gif) no-repeat scroll;
	display: block;
	margin-left: 5px;
	float: left;
	height: 44px;
	width: 210px;
}

div#header h1 a span{ display: none; }

div#header h2 a {
	background: url(../IMAGES/dopLogo.gif) no-repeat scroll;
	display: block;
	margin: 10px -5px 0 0;
	float: right;
	height: 34px;
	width: 323px;
}

div#header h2 a span{ display: none; }

div#headerLine {
	background: url(../IMAGES/headerLine.gif) no-repeat scroll;
	margin: 10px 0 0 11px;
	float: left;
	height: 2px;
	width: 933px;
}

/* CONTENT **************************************************/

div#content {
	margin: 125px 0 0 0;
	text-align: left;
}

.firstline {
	font-weight: bold;
	font-size: 125%;
	color: #777777;
}


/* ARCHIVE FRAME **************************************************/

div#archiveFrame {
	width: 480px;
	height: 270px;
	overflow: auto;
	background-color: #000000;
	margin: 5px 0px 0px 180px;
	float:left;
}

div#archiveFrame ul#archiveMenu li{
	list-style: none;
}

div#archiveFrame ul#archiveMenu li a span { display: none; }
div#archiveFrame ul#archiveMenu li a:focus { outline: none; }

div#archiveFrame ul#archiveMenu li.archive1 a {
	background: url(../IMAGES/archive1.jpg) no-repeat scroll 0px 0px;
	float: left;
	height: 67px;
	width: 117px;
	margin: 2px 15px 5px 8px;
}

div#archiveFrame ul#archiveMenu li.archive1 a:hover {
	background: url(../IMAGES/archive1.jpg) no-repeat 0 -67px;
}

div#archiveFrame ul#archiveMenu li.archive2 a {
	background: url(../IMAGES/archive2.jpg) no-repeat scroll 0px 0px;
	float: left;
	height: 67px;
	width: 117px;
	margin: 2px 15px 5px 0px;
}

div#archiveFrame ul#archiveMenu li.archive2 a:hover {
	background: url(../IMAGES/archive2.jpg) no-repeat 0 -67px;
}

div#archiveFrame ul#archiveMenu li.archive3 a {
	background: url(../IMAGES/archive3.jpg) no-repeat scroll 0px 0px;
	float: left;
	height: 67px;
	width: 117px;
	margin: 2px 5px 5px 0px;
}

div#archiveFrame ul#archiveMenu li.archive3 a:hover {
	background: url(../IMAGES/archive3.jpg) no-repeat 0 -67px;
}

div#archiveFrame ul#archiveMenu li.archive4 a {
	background: url(../IMAGES/archive4.jpg) no-repeat scroll 0px 0px;
	float: left;
	height: 67px;
	width: 117px;
	margin: 10px 15px 5px 8px;
}

div#archiveFrame ul#archiveMenu li.archive4 a:hover {
	background: url(../IMAGES/archive4.jpg) no-repeat 0 -67px;
}

div#archiveFrame ul#archiveMenu li.archive5 a {
	background: url(../IMAGES/archive5.jpg) no-repeat scroll 0px 0px;
	float: left;
	height: 67px;
	width: 117px;
	margin: 10px 15px 5px 0px;
}

div#archiveFrame ul#archiveMenu li.archive5 a:hover {
	background: url(../IMAGES/archive5.jpg) no-repeat 0 -67px;
}

div#archiveFrame ul#archiveMenu li.archive6 a {
	background: url(../IMAGES/archive6.jpg) no-repeat scroll 0px 0px;
	float: left;
	height: 67px;
	width: 117px;
	margin: 10px 5px 5px 0px;
}

div#archiveFrame ul#archiveMenu li.archive6 a:hover {
	background: url(../IMAGES/archive6.jpg) no-repeat 0 -67px;
}

div#archiveFrame ul#archiveMenu li.archive7 a {
	background: url(../IMAGES/archive7.jpg) no-repeat scroll 0px 0px;
	float: left;
	height: 67px;
	width: 117px;
	margin: 10px 15px 5px 8px;
}

div#archiveFrame ul#archiveMenu li.archive7 a:hover {
	background: url(../IMAGES/archive7.jpg) no-repeat 0 -67px;
}

div#archiveFrame ul#archiveMenu li.archive8 a {
	background: url(../IMAGES/archive8.jpg) no-repeat scroll 0px 0px;
	float: left;
	height: 67px;
	width: 117px;
	margin: 10px 15px 5px 0px;
}

div#archiveFrame ul#archiveMenu li.archive8 a:hover {
	background: url(../IMAGES/archive8.jpg) no-repeat 0 -67px;
}

div#archiveFrame ul#archiveMenu li.archive9 a {
	background: url(../IMAGES/archive9.jpg) no-repeat scroll 0px 0px;
	float: left;
	height: 67px;
	width: 117px;
	margin: 10px 5px 5px 0px;
}

div#archiveFrame ul#archiveMenu li.archive9 a:hover {
	background: url(../IMAGES/archive9.jpg) no-repeat 0 -67px;
}


/* ARCHIVE END**************************************************/



/* ABOUT SCROLLER **************************************************/

div#mycustomscroll {
	width: 460px;
	height: 252px;
	overflow: auto;
	text-align: left;
	background-color: #000000;
	margin: 5px 0px 0px 180px;
	padding: 8px 10px 10px 10px;
	float:left;
}

.textSCROLLDOWN {
	float: right;
	margin: 0px 0px 0px 115px;
	font-weight: bold;
	font-size: 75%;
	color: #888888;
}

div#viewerText {
	font-size: 70%;
	color: #666666;
	line-height: 1.4;
}

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbase {width: 11px;background-color: black}
.vscrollerbar {width: 11px;background-color: black;}
/*.hscrollerbase {height: 15px;background-color: white;}*/
/*.hscrollerbar {height: 15px;background-color: black;}*/
/*.hscrollerbar {background: #99CBCB url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;}*/
.vscrollerbar {background: #99CBCB url(../IMAGES/scroller.gif) -11px 0px repeat-y;}
.vscrollerbar, .hscrollerbar {padding: 10px;z-index: 2;}
.vscrollerbarbeg {background: url(../IMAGES/scroller.gif) -33px -8px no-repeat;width: 11px;height: 8px !important;}
.vscrollerbarend {background: url(../IMAGES/scroller.gif) -33px 0px no-repeat;width: 11px;height: 8px;}
/*.hscrollerbarbeg {background: url(basebarcaps_verticalbarbody.png) -60px -15px no-repeat;height: 15px;width: 15px !important;}
.hscrollerbarend {background: url(basebarcaps_verticalbarbody.png) -30px -15px no-repeat;height: 15px;width: 15px;}*/
/*.scrollerjogbox {width: 15px;height: 15px;top: auto; left: auto;bottom: 0px; right: 0px;background: #4E727C url(horizontalbarbody_cornerjog.png) 0px 0px;}*/
.vscrollerbase {background: #D7EBDF url(../IMAGES/scroller.gif) 0px 0px repeat-y;}
.vscrollerbasebeg {background: url(../IMAGES/scroller.gif) -22px -8px no-repeat;height: 8px;width: 11px; !important;}
.vscrollerbaseend {background: url(../IMAGES/scroller.gif) -22px 0px no-repeat;height: 8px;width: 11px;}
/*.hscrollerbase {background: #D7EBDF url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;}
.hscrollerbasebeg {background: url(basebarcaps_verticalbarbody.png) -60px 0px no-repeat;height: 15px;width: 15px !important;}
.hscrollerbaseend {height: 15px;width: 15px;background: url(basebarcaps_verticalbarbody.png) -30px 0px no-repeat;}*/
/*.scrollerjogbox:hover {background: #5E828C url(../IMAGES/scroller.gif) -45px -15px;}*/


/* ABOUT SCROLLER END**************************************************/



/* MOVIE CLIP VIEWER**************************************************/

div#clipViewer {
	width: 480px;
	height: 270px;
	background: #000000;
	margin: 5px 0px 0px 180px;
	float:left;
}

/* MOVIE CLIP VIEWER END**************************************************/



/* FILM PERFORATIONS**********************************************/

div#perfTop {
	background: url(../IMAGES/perfTop.gif) no-repeat scroll;
	height: 40px;
	width: 58px;
	float: left;
	margin: 10px 0px 0px 8px;
}

div#perfMid {
	background: url(../IMAGES/perfMid.gif) no-repeat scroll;
	height: 42px;
	width: 58px;
	float: left;
	margin: 124px 0px 0px -58px;
}

div#perfLow {
	background: url(../IMAGES/perfLow.gif) no-repeat scroll;
	height: 40px;
	width: 58px;
	float: left;
	margin: 240px 0px 0px -58px;
}

/* FILM PERFORATIONS END**********************************************/



/* CONTACT FORM**************************************************/

div#contactDetails {
	width: 250px;
	margin: 30px 0 0 46px;
	font-size: 80%;
	line-height: 1.8;
	float: left;
	color: #666666;
}

div#contactDetails2 {
	width: 250px;
	margin: 30px 0 0 80px;
	font-size: 80%;
	line-height: 1.8;
	float: left;
	color: #666666;
}

div#contactDetails2 ul li { 
	display: list-item;
	list-style: none;
	text-align: center;
}

div#contactDetails ul li { 
	display: list-item;
	list-style: none;
	text-align: right;
}

.lineGap {
	line-height: 4;
}

.contactBlueHilight {
	font-weight: bold;
	color: #3c5564;
}

div#form {
	width: 480px;
	height: 270px;
	margin-left: -50px;
	font-size: 80%;
	line-height: 2;
	float: left;
	color: #444444;
}

div#formSectionText ul li { 
	display: list-item;
	list-style: none;
	text-align: right;
	margin: 12px 350px 0 0;
}

div#formInput {
	margin: -155px 10 0 0;
}

div#formInput ul li { 
	display: list-item;
	list-style: none;
}

.formBox {
	float: right;
	background-color: #161616;
	border: 1px solid #333333;
	font-family: Century Gothic,STHeiti,Arial, sans-serif;
	color: #666666;
	width: 330px;
	padding: 5px;
	margin-bottom: 9px;
}

.formDetails {
	float: right;
	background-color: #161616;
	border: 1px solid #333333;
	font-family: Century Gothic,STHeiti,Arial, sans-serif;
	color: #666666;
	font-size: 100%;
	width: 330px;
	padding: 5px;
	margin-bottom: 9px;
}

.resetButton {
	cursor: pointer;
	float: right;
	background-color: #161616;
	border: 1px solid #333333;
	font-family: Century Gothic,STHeiti,Arial, sans-serif;
	color: #666666;
	width: 80px;
	padding: 5px;
	margin: 124px -244px 0 0;
}

.submitButton {
	cursor: pointer;
	float: right;
	background-color: #161616;
	border: 1px solid #333333;
	font-family: Century Gothic,STHeiti,Arial, sans-serif;
	color: #666666;
	width: 80px;
	padding: 5px;
	margin: 124px -330px 0 0;
}

div#ackText {
	text-align: center;
	width: 430px;
	height: 270px;
	margin-top: 50px;
	font-size: 80%;
	line-height: 2;
	float: left;
	color: #444444;
}

/* CONTACT FORM END**********************************************/



/* PAGE MENU**************************************************/

div#perfDivide {
	background: url(../IMAGES/perfDivide.gif) no-repeat scroll;
	height: 359px;
	width: 3px;
	float: left;
	margin: -30px 22px;
}

div#content ul#pageMenu { 
	float: left; 
	margin: 15px 0px 0px -53px; 
}

div#content ul#pageMenu li{
	display: list-item;
	list-style: none;
	font-weight: bold;
	color: #293a44;
	font-size: 85%;
	margin: 0 0 94px;
}

div#content ul#pageMenu li a:focus { outline: none; }

div#content ul#pageMenu li a:hover,
div#content ul#pageMenu li a.hilight {
	text-decoration: none;
	color: #5686a4;
}

div#content ul#pageMenu li a {
	text-decoration: none;
	color: #456071;
}

/* PAGE MENU END**************************************************/



/* CLIP MENU**************************************************/

div#clipMenu {
	margin: 0 auto;
	text-align:center;
}

div#content ul#clipMenu {
	margin: -25px 0 0 -50px;
}

div#content ul#clipMenu li{
	display: inline;
	list-style: none;
	font-weight: bold;
	color: #283842;
	font-size: 85%;
	margin: 5px;
}

div#content ul#clipMenu li.divider {
	display: inline;
	list-style: none;
	color: #55778c;
	font-size: 85%;
}

div#content ul#clipMenu li a:focus { outline: none; }

div#content ul#clipMenu li a:hover,
div#content ul#clipMenu li a.hilight {
	text-decoration: none;
	color: #b2d1e3;
}

div#content ul#clipMenu li a {
	text-decoration: none;
	color: #55778c;
}

/* CLIP MENU END**************************************************/