body {
	margin: 0;
	padding: 40px 0 80px 0;
	font: 1em Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #444;}
a:link,
a:active,
a:visited {
	color: #f72;}
a:link:hover,
a:visited:hover {
	color: #f93;}
/*****************************************************
	base
*****************************************************/
form, ul, li {
	margin: 0;
	padding: 0;}
li {
	list-style: none;}
img {
	border: 0;}
/*****************************************************
	base
*****************************************************/
h1 {
	margin: 0 0 0 0;
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: normal;
	color: #D4591D;}
h2 {
	margin: 0 0 0 0;
	padding-bottom: 8px;
	font-size: 1.2em;
	font-weight: normal;
	color: #ccc;}
h3 {
	margin: 0 0 0 0;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: normal;
	color: #fff;}
h4 {
	margin: 0 0 10px 0;
	font-size: 0.9em;
	font-weight: bold;
	color: #999;}
h5 {
	margin: 0 0 6px 0;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #fff;}
h6 {
	margin: 0 0 0 0;
	font-size: 0.7em;
	text-transform: uppercase;
	color: #fff;}
/*****************************************************
	base
*****************************************************/
#header {
	float: left;
	width: 940px;
	padding: 28px 0 28px 0;
	background: url(../images/logo.gif) 800px center no-repeat;}
#containerWhite #header {
	width: 840px;
	padding-right: 100px;
	background: url(../images/logoWhite.gif) 800px center no-repeat;}
/*****************************************************
	base
*****************************************************/
#nav {
	float: left;
	padding-left: 40px;
	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 li {
	float: left;}
#nav a {
	font-size: 0.7em;
	font-weight: bold;
	padding: 12px 12px 12px 12px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;}
#nav a:link,
#nav a:visited,
#nav a:active {
	color: #fff;}
#nav a#at,
#nav a:hover {
	color: #D4591D;
	background-color: #111;}
#nav a:link:hover,
#nav a:visited:hover {
	color: #D4591D;}
/*****************************************************
	base
*****************************************************/
#menu ul {
	float: left;
	width: 200px;}
#menu 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/mnuDoc.jpg) right 0 no-repeat #107191;}
#menu a#mnu2 {background: url(../images/mnuHis.jpg) right 0 no-repeat #D4591D;}
#menu a#mnu3 {background: url(../images/mnuLif.jpg) right 0 no-repeat #903111;}
#menu a#mnu4 {background: url(../images/mnuNat.jpg) right 0 no-repeat #512F13;}
#menu a#mnu5 {background: url(../images/mnuArt.jpg) right 0 no-repeat #675813;}
#menu a#mnu6 {background: url(../images/hiddenshamethumb.jpg) right 0 no-repeat #21652C;}
#menu a#mnu7 {background: url(../images/mnuNon.jpg) right 0 no-repeat #333;}
#menu a#mnuf1 {background: url(../images/mnuOff.jpg) right 0 no-repeat #107191;}
#menu a#mnuf2 {background: url(../images/mnuOn.jpg) right 0 no-repeat #D4591D;}
#menu a#mnua {background: url(../images/mnuArc.jpg) right 0 no-repeat #107191;}
#menu a#mnuaw {background: url(../images/mnuAwa.jpg) right 0 no-repeat #636;}
#menu a#mnuf {background: url(../images/facThumb.jpg) right 0 no-repeat #333;}

/*****************************************************
	base
*****************************************************/
#wrap {
	margin: 0 auto;
	width: 940px;}
#container {
	float: left;
	width: 940px;
	background-color: #000;
	padding: 0 0 28px 0;}
#containerWhite {
	float: left;
	width: 940px;
	background-color: #fff;
	padding: 0 0 28px 0;}
#main {
	float: left;
	width: 940px;
	padding: 0 0 28px 0;}

/*****************************************************
	base
*****************************************************/
#base {
	float: left;
	position: relative;
	width: 920px;
	padding: 0 0 0 20px;
	background: url(../images/baseBack.gif) 0 0 repeat-y;}
#base div {
	position: absolute;
	right: 10px;
	top: -20px;
	width: 220px;}
#base p {
	margin: 0;
	font-size: 0.7em;
	color: #666;}
#base a {
	font-size: 0.7em;
	float: left;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	padding: 12px 10px 12px 10px;
	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
*****************************************************/
#footer {
	float: left;
	padding: 8px 0 0 20px;
	font-size: 0.7em;
	color: #999;
	width: 920px;}
/*****************************************************
	base
*****************************************************/
#left {
	float: left;
	width: 200px;
	padding: 0 10px 0 10px;}
#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: #D4591D;}
.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: #D4591D;}
.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;}
#right {
	float: left;
	width: 720px;}
#right p {
	margin: 0 0 10px 0;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #fff;}

#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 40px 0 120px;
	width: 200px;}
#colA2 {
	float: left;
	width: 560px;
	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;}

#col3 {
	float: left;
	width: 300px;}
	
#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: 280px;
	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 {
	margin: 0 0 12px 0;}
#col3 ol li {
	margin: 0 0 4px 0;
	font-size: 0.8em;
	color: #fff;}
#col3 ul {
	margin: 0 0 16px 20px;}
#col3 ul li {
	margin: 0 0 4px 0;
	font-size: 0.7em;
	color: #fff;}
.break {
	clear: both;
	width: 940px;}
/*****************************************************/
#colGrey {
	float: left;
	width: 940px;
	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
*****************************************************/
#top {
	float: left;
	width: 900px;
	height: 56px;
	padding-left: 40px;
	background: url(../images/ortvinternational.gif) right top no-repeat;}
/*****************************************************
	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: #D4591D;
	font-size: 14px;
	font-weight: bold;
	color: #fff;}
/*****************************************************
	base
*****************************************************/
.colPR {
	float: left;
	padding: 0 20px 20px 60px;
	width: 840px;}
.person1,
.person2 {
	float: left;
	width: 160px;
	margin: 0 20px 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: #D4591D;}
	
.person0 {
	float: left;
	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: #D4591D;}
.itemBox a:hover {
	background-color: #D4591D;
	border-bottom: 1px solid #D4591D;}
		
.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
*****************************************************/

.showreel {
	float: left;
	width: 140px;
	height: 140px;
	margin: 0;}
.showreel a {
	float: left;
	width: 100px;
	display: block;
	height: 100px;
	text-align: center;
	height: 34px;
	padding: 78px 10px 8px 10px;
	text-decoration: none;
	font-size: 0.8em;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #222;}


.showreel a:link,
.showreel a:active,
.showreel a:visited {
	color: #fff;}
.showreel a#at,
.showreel a:hover,
.showreel a:link:hover,
.showreel a:visited:hover {
	color: #000;
	background-color: #D4591D;}

#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;}
