body {margin: 0; padding: 10px 0 80px 0; font: 1em Arial, Helvetica, sans-serif; background-color: #444;}

a:link, a:active, a:visited {color: #e60;}
a:link:hover, a:visited:hover {color: #f93;}

/****** base *************************************************************************************/

h1, h2, h3, h4, h5, h6, form, ul, li, p {margin: 0; padding: 0;}
li {list-style: none;}
img {border: 0;}
div {float: left;}

/****** base *************************************************************************************/

h1 {font-size: 1.6em; text-transform: uppercase; font-weight: normal; color: #e60;}
h2 {padding-bottom: 8px; font-size: 1.2em; font-weight: normal; color: #ccc;}
h3 {font-size: 1.2em; text-transform: uppercase; font-weight: normal; color: #fff;}
h4 {padding: 0 0 10px 0; font-size: 0.9em; font-weight: bold; color: #999;}
h5 {padding: 0 0 6px 0; font-size: 0.9em; font-weight: bold; text-transform: uppercase; color: #fff;}
h6 {font-size: 0.7em; font-weight: bold; text-transform: uppercase; color: #fff;}

/****** base *************************************************************************************/

#wrap {margin: 0 auto; width: 960px; float: none;}
#container {width: 100%; background-color: #000;}
#containerWhite {width: 100%; background-color: #fff;}
#main {width: 100%; padding: 0 0 28px 0; min-height: 360px;}

/****** base *************************************************************************************/
#top {width: 920px; height: 56px; padding-left: 40px; background: url(../images/ortvinternational.gif) right top no-repeat;}

#header {width: 100%; padding: 36px 0 36px 0; background: url(../images/ORTVLogo.gif) 800px center no-repeat;}
#containerWhite #header {width: 840px; padding-right: 100px; background: url(../images/logoWhite.gif) 800px center no-repeat;}

/****** base *************************************************************************************/

#nav {padding-left: 30px; width: 720px; background: url(../images/navBack.gif) right 0 repeat-y #222;}
#containerWhite #nav {background: url(../images/navBackWhite.gif) right 0 repeat-y #222;}
#nav ul {float: left;}
#nav ul li {float: left;}
#nav ul li a {font-size: 0.9em; font-weight: normal; padding: 12px 12px 12px 12px; display: block; text-decoration: none; text-transform: uppercase;}
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active {color: #e60;}
#nav ul li a#at, #nav ul li a:hover {color: #fff; background-color: #111;}
#nav ul li a:link:hover, #nav ul li a:visited:hover {color: #fff;}
#nav ul li a#at:link, #nav ul li a#at:visited {color: #fff;}

/****** base *************************************************************************************/

#homeStrip {width: 100%;}
#homeStrip .homeStripItem {width: 150px; padding-right: 12px;}
#homeStrip .homeStripItem a {display: block; width: 150px; height: 30px;}
#homeStrip .pNone {padding-right: 0;}

/****** base *************************************************************************************/

.c1 {background: url(../images/strip/natHist.jpg) 0 0 no-repeat #107191;}
.c2 {background: url(../images/strip/natHist.jpg) 0 0 no-repeat #e60;}
.c3 {background: url(../images/strip/natHist.jpg) 0 0 no-repeat #903111;}
.c4 {background: url(../images/strip/natHist.jpg) 0 0 no-repeat #512F13;}
.c5 {background: url(../images/strip/natHist.jpg) 0 0 no-repeat #675813;}
.c6 {background: url(../images/strip/natHist.jpg) 0 0 no-repeat #21652C;}

/****** base *************************************************************************************/

.colText {padding: 0 40px 0 40px; width: 400px; background: url(../images/homehBlur.gif) 0 0 no-repeat #000;}
.colText p {padding: 0 0 12px 0; font-size: 0.8em; line-height: 1.5em; color: #ccc;}
.colText ul {padding: 0 0 8px 0;}
.colText ul li {padding: 0 0 2px 0; font-size: 0.8em; color: #ccc;}
.colText ul li strong {color: #fff;}

.colVideo {width: 480px;}
.colShow {padding: 0 0 0 40px; width: 440px;}

/****** base *************************************************************************************/

#base {position: relative; width: 950px; padding: 0 0 0 10px; background: url(../images/baseBack.gif) 0 0 repeat-y;}
#base a {font-size: 0.7em; float: left; display: block; font-weight: bold; text-transform: uppercase; padding: 12px 8px 12px 8px; text-decoration: none;}

#base a:link, #base a:active, #base a:visited {color: #fff;}
#base a#at, #base a:link:hover, #base a:visited:hover {color: #000;}

#base #credits {position: absolute; right: 10px; top: -20px; width: 260px;}
#base #credits p {font-size: 0.8em; color: #666;}

/****** base *************************************************************************************/

#footer {padding: 8px 0 16px 20px; font-size: 0.7em; color: #666; width: 940px;}

/****** base *************************************************************************************/

.showreel {width: 130px; padding: 0 10px 10px 0;}
.showreel a {float: left; width: 130px; display: block; height: 48px; padding: 74px 0 0 0;
	text-decoration: none; font-size: 0.8em; background-position: 0 0; background-repeat: no-repeat; background-color: #000;}
.showreel a:link, .showreel a:active, .showreel a:visited {color: #fff;}
.showreel a:hover, .showreel a:link:hover, .showreel a:visited:hover {background-color: #333;}
.showreel a#at {background-color: #e60;}

.showreel a:link span, .showreel a:visited span {color: #e60;}






#col3 {width: 320px;}
#col3 a:active, #col3 a:link, #col3 a:visited {color: #fff;}
#col3 a:link:hover, #col3 a:visited:hover {color: #fff; text-decoration: underline;}
#col3 .box {padding: 10px; width: 300px; height: 320px; overflow: auto;
	/* scrollbar-arrow-color: #fff;
	scrollbar-3dlight-color: #333;
	scrollbar-darkshadow-color: #333;
	scrollbar-face-color: #555;
	scrollbar-highlight-color: #777;
	scrollbar-shadow-color: #444;
	scrollbar-track-color:#555; */}
#col3 ol {padding: 0 0 12px 0;}
#col3 ol li {padding: 0 0 4px 0;font-size: 0.8em; color: #fff;}
#col3 ul {padding: 0 0 16px 20px;}
#col3 ul li {padding: 0 0 4px 0; font-size: 0.7em; color: #fff;}



#right {width: 740px; background-color: #222;}
#right p {padding: 0 0 10px 0; 	font-size: 0.8em; 	line-height: 1.4em; color: #fff;}

.menu ul {float: left; width: 200px; padding-right: 20px;}
.menu ul li {float: left;}
.menu a {font-size: 0.7em; font-weight: bold; padding: 10px 0 0 8px; margin: 0 0 8px 0; width: 192px; height: 40px; display: block; text-decoration: none; text-transform: uppercase;}
.menu a:link, .menu a:visited, .menu a:active {color: #fff;}
.menu a:link:hover, .menu a:visited:hover {color: #000;}

.menu a#mnu1 {background: url(../images/production/mnuDoc.jpg) right 0 no-repeat #107191;}
.menu a#mnu2 {background: url(../images/production/mnuHis.jpg) right 0 no-repeat #e60;}
.menu a#mnu3 {background: url(../images/production/mnuLif.jpg) right 0 no-repeat #903111;}
.menu a#mnu4 {background: url(../images/production/mnuNat.jpg) right 0 no-repeat #512F13;}
.menu a#mnu5 {background: url(../images/production/mnuArt.jpg) right 0 no-repeat #675813;}
.menu a#mnu6 {background: url(../images/production/hiddenshamethumb.jpg) right 0 no-repeat #21652C;}
.menu a#mnu7 {background: url(../images/production/mnuNon.jpg) right 0 no-repeat #333;}
.menu a#mnuf1 {background: url(../images/production/mnuOff.jpg) right 0 no-repeat #107191;}
.menu a#mnuf2 {background: url(../images/production/mnuOn.jpg) right 0 no-repeat #e60;}
.menu a#mnua {background: url(../images/production/mnuArc.jpg) right 0 no-repeat #107191;}
.menu a#mnuaw {background: url(../images/production/mnuAwa.jpg) right 0 no-repeat #636;}
.menu a#mnuf {background: url(../images/production/facThumb.jpg) right 0 no-repeat #333;}

#left {width: 200px; padding: 0 10px 0 10px; max-height: 400px; overflow: auto;}
#left a {font-size: 0.7em; padding: 2px 12px 2px 12px; display: block; text-decoration: none; text-transform: uppercase;}













/****** base *************************************************************************************/
.col1 #left a:link,
.col1 #left a:visited {color: #107191;}
.col2 #left a:link,
.col2 #left a:visited {color: #e60;}
.col3 #left a:link,
.col3 #left a:visited {color: #903111;}
.col4 #left a:link,
.col4 #left a:visited {color: #512F13;}
.col5 #left a:link,
.col5 #left a:visited {color: #675813;}
.col6 #left a:link,
.col6 #left a:visited {color: #21652C;}
.col7 #left a:link,
.col7 #left a:visited {color: #333;}
/*****************************************************
	base
*****************************************************/
.box {padding: 10px;}
.col1 .box {background-color: #107191;}
.col2 .box {background-color: #e60;}
.col3 .box {background-color: #903111;}
.col4 .box {background-color: #512F13;}
.col5 .box {background-color: #675813;}
.col6 .box {background-color: #21652C;}
.col7 .box {background-color: #333;}
/*****************************************************
	base
*****************************************************/
#left a:active,
#left a:link:hover,
#left a:visited:hover {
	color: #999;}
/*****************************************************
	base
*****************************************************/
p {
	margin: 0 0 10px 0;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #ccc;}
p.grey {
	color: #666;}

#colp1 {
	float: left;
	padding: 0 0 0 60px;
	width: 440px;}
#colp2 {
	float: left;
	width: 400px;
	padding: 0 0 0 20px;}
	
	
	
#colA1 {
	float: left;
	padding: 0 20px 0 120px;
	width: 200px;}
#colA2 {
	float: left;
	width: 580px;
	padding-right: 20px;}
#colA2 p {
	margin: 0 0 12px 0;
	font-size: 0.8em;
	color: #999;}
#right ul {
	margin: 0 0 20px 40px;}
#right ul li {
	list-style-type: square;
	margin: 0 0 4px 0;
	font-size: 0.8em;
	color: #ccc;}
	
#col1 {
	float: left;
	width: 520px;}
#col1h {
	float: left;
	width: 400px;
	height: 340px;
	padding: 0 60px 0 60px;
	background: url(../images/homeBlur.gif) 0 0 no-repeat;}
#col2 {
	width: 420px;
	float: left;}
#col2 p {
	margin: 0 0 12px 0;
	font-size: 0.8em;
	color: #ccc;}

/*****************************************************/
#colGrey {
	float: left;
	width: 960px;
	background-color: #111;}
#colGrey #col1 {
	width: 320px;
	padding-left: 40px;}
#colGrey #col3 {
	width: 540px;
	padding: 20px;}
/*****************************************************/
	
#showreel #col1 {
	width: 420px;
	padding: 0 10px 0 60px;}
#showreel #col2 {
	width: 450px;}
#showreel2 #col1 {
	width: 390px;
	padding: 0 10px 0 40px;}
#showreel2 #col2 {
	width: 480px;}
	
/*****************************************************
	base
*****************************************************/
#searchTop {
	float: left;
	width: 850px;
	padding: 0 0 20px 90px;}
#search {
	float: right;
	height: 36px;
	color: #666;
	font-weight: bold;
	padding-right: 30px;}
#search div {
	float: left;
	padding-left: 4px;}
#search input.text {
	margin: 0;
	padding: 3px;
	border: 1px solid #000;
	background-color: #eee;
	font-size: 14px;
	font-weight: bold;
	width: 200px;
	color: #333;}
#search input.submit {
	margin: 0;
	padding: 3px 0 3px 0;
	width: 80px;
	border: 1px solid #000;
	background-color: #e60;
	font-size: 14px;
	font-weight: bold;
	color: #fff;}
/*****************************************************
	base
*****************************************************/
/* .colPR {padding: 0 20px 20px 140px; width: 820px;} */
.colPR {padding: 0 0 20px 70px; width: 890px;}
.person1, .person2 {width: 160px; margin: 0 60px 20px 0;}
.person0 a,
.person1 a,
.person2 a {display: block; float: left;
	width: 160px; height: 50px; padding-top: 130px;
	text-align: center; font-size: 0.8em; 	text-decoration: none;
	background-repeat: no-repeat; background-position: 0 0; background-color: #222;}
.person0 b,
.person1 b,
.person2 b {
	text-transform: uppercase;}
.person0 a:link,
.person0 a:active,
.person0 a:visited,
.person1 a:link,
.person1 a:active,
.person1 a:visited,
.person2 a:link,
.person2 a:active,
.person2 a:visited {
	color: #fff;}
.person0 a:link:hover,
.person0 a:visited:hover,
.person1 a:link:hover,
.person1 a:visited:hover,
.person2 a:link:hover,
.person2 a:visited:hover {
	color: #000;
	background-color: #e60;}
	
.person0 {width: 190px; padding: 0 20px 0 0;}
.person0 a {width: 190px; padding-top: 140px;}
.person1 {
	width: 200px;}
.person1 a {
	width: 200px;
	padding-top: 170px;}

/*****************************************************
	base
*****************************************************/
/*****************************************************
	base
*****************************************************/
/*****************************************************
	base
*****************************************************/
/*****************************************************
	base
*****************************************************/

#archiveHolder {
	float: left;
	width: 840px;
	border-left: 50px solid #111;
	border-right: 50px solid #111;}
#archiveHolder div {
	float: left;}
.archiveRow {
	width: 800px;
	padding: 0 0 20px 40px;}
	
.itemBox {
	padding-right: 40px;
	width: 160px;
	height: 190px;}
.itemBox img {
	width: 160px;
	padding-bottom: 2px;
	height: 120px;}
.itemBox a {
	display: block;
	float: left;
	width: 160px;
	height: 190px;
	color: #666;
	border-bottom: 1px solid #111;
	background-color: #111;
	text-decoration: none;}
.itemBox a b {
	line-height: 1.4em;
	padding-left: 8px;
	font-weight: normal;}
.itemBox a b.vtitle {
	font-size: 0.8em;
	color: #fff;}
.itemBox a b.ctitle {
	font-size: 1em;
	color: #fff;}
.itemBox a b.clipno {
	font-size: 0.8em;
	color: #666;}
.itemBox a b.view {
	font-size: 0.8em;
	color: #e60;}
.itemBox a:hover {
	background-color: #e60;
	border-bottom: 1px solid #e60;}
		
.itemBox a:link:hover b.clipno,
.itemBox a:visited:hover b.clipno {
	color: #E9AC8E;}
.itemBox a:link:hover b.view,
.itemBox a:visited:hover b.view {
	color: #F4D5C6;}

/*****************************************************
	base
*****************************************************/
/*****************************************************
	base
*****************************************************/
/*****************************************************
	base
*****************************************************/
/*****************************************************
	base
*****************************************************/

#formLeft {
	width: 200px;
	float: left;
	padding: 0 30px 0 30px;}

#formLeft div {
	width: 200px;
	float: left;}
.fieldTitle {
	font-family: Arial, sans-serif;
	font-size: 0.7em;
	color: #999;
	font-weight: bold;
	padding-top: 4px;}
.fieldSubmit {
	padding: 16px 0 16px 0;
	text-align: right;}
	
#enquiryForm .text {
	padding: 5px;
	background-color: #000;
	border: 0 solid #222;
	width: 190px;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #ccc;}

#enquiryForm textarea {
	padding: 5px;
	background-color: #000;
	border: 0 solid #222;
	width: 290px;
	height: 200px;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #ccc;}

#enquiryForm .submit {
	padding: 4px 0 4px 0;
	background-color: #333;
	border: 0;
	width: 100px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #ccc;}
#archiveHolder2 {
	float: left;
	width: 900px;
	background-color: #222;
	padding: 0 0 0 40px;}
/*****************************************************
	base
*****************************************************/

#cvs {display: block; width: 90px; height: 14px; background: url(../images/cvs.gif) 0 0 no-repeat;}
#info {display: block; width: 91px; height: 13px; background: url(../images/info.gif) 0 0 no-repeat;}