body
{
    margin: 0px;
    background: #eaeaea url(/img/background.png) repeat-x;
}

a
{
    text-decoration: none;
	color:red;
}
a:hover
{
    text-decoration: underline;
	color:white;
}
a img
{
    border: 0px;
}

DIV
{
	font-family:	Arial;
	font-size:		12px;
}

#page
{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
	position: relative;
}

#menu
{ 
    margin: 1px;
    height: 98px;
    background: #ffffff;
    padding-left: 20px;
    position: relative;
    margin-bottom: 2px;
}

#menu a.logo
{
    position: absolute;
    top: 34px;
    right: 20px;
}

#menu a.level1
{
    margin-top: 20px;
}

#menu a.menuItem:hover {
	text-decoration: none;
    background: #ff0000;
    color: #ffffff;
}

#menu a.menuItem
{
	width: 98px;
	height: 20px;
	_width: 98px;
	_height: 28px;
    background: #e3e3e3;
    color: #646464;
    float: left;
    font-family: Arial;
    font-size:   11px;
	font-weight: bold;
	text-transform: uppercase;
	text-align:center;
	padding-top:8px;
	margin-right: 2px;
	margin-bottom: 2px;
	cursor: pointer;
}

#menu a.menuSelected
{
    background: #ff0000;
    color: #ffffff;
}

#content
{
    margin: 1px;
    background: #ffffff;
    margin-bottom: 2px;
    padding: 19px;
}

/*
#content div.showcase
{
    float: left;
    margin-right: 20px;
    margin-top: 20px;
}
*/
.c
{
	color:transparent;
	text-decoration:none;
	border:0px;
	background:none;
}
#content div.showcase
{
	width:				138px;
	height:				138px;
	border:				1px solid #c8c8c8;
	text-align:			center;
	text-transform:		uppercase;
	font-family:		Arial;
	font-size:			11px;
	float:				left;
	margin-right:		20px;
	_margin-right:		21px;
	margin-top:			20px;
	color:				#cacaca;
	font-weight:		bold;
	cursor:				pointer;
}


#content div.firstrow
{
    margin-top: 0px;
}

#content div.last
{
    margin-right: 0px;
	_margin-right: 0px;
	_margin-left:	2px;
}

#content div.showcase img
{
    border: 1px solid #c8c8c8;
}

#footer
{
    margin: 1px;
    background: #979797;
    font-family: Arial;
    font-size: 10px;
    color: #e7e7e7;
    padding: 3px;
}
#footer a
{
    font-family: Arial;
    font-size: 10px;
    color: #e7e7e7;
}

div.nomargin
{
	margin: 0px;
	border: 0px;
}

div.clearFloat
{
    clear: both;
}

div.hidden
{
	display:none;
}


.pop_title
{
	padding-bottom:		5px;
	padding-top:		8px;
	border-bottom:		1px solid #909090;
	color:				red;
	font-family:		Arial;
	font-size:			12px;
	margin-left:		20px;
	margin-right:		20px;
	text-align:			left;
	text-transform:		uppercase;
	
}
.pop_desc
{
	float:				left;
	font-family:		Arial;
	font-size:			11px;
	color:				#FFFFFF;
	text-align:			left;
	margin-left:		20px;
	margin-top:			5px;
	letter-spacing:		1px;
}

DIV.locations DIV.thumb, DIV.locations DIV.thumbnon
{
	width:				138px;
	height:				98px;
	border:				1px solid #c8c8c8;
	text-align:			center;
	text-transform:		uppercase;
	font-family:		Arial;
	font-size:			11px;
	float:				left;
	margin:				0px;
	margin-right:		20px;
	margin-top:			20px;
	
	_margin:			0px;
	_margin-right:		20px;
	_margin-top:		20px;
	_padding:			0px;
	
	color:				#cacaca;
	font-weight:		bold;
	cursor:				pointer;
}
.redbox
{
	background:			red;
	color:				#FFFFFF;
}
.redbox-small
{
	font-family:		Arial;
	font-size:			12px;
	background:			red;
	color:				#FFFFFF;
}
#galleryPrev, #tvPrev
{
	position: 			absolute;
	top:				300px;
	left:				41px;
	z-index: 			1000;
	text-align:			left;
	cursor:				pointer;
	display:			none;
}
#galleryNext, #tvNext
{
	top:				300px;
	right:				43px;
	position: 			absolute;
	z-index: 			1000;
	text-align:			right;
	cursor:				pointer;
	display:			none;
}

#tvPrev, #tvNext
{
	top:				700px;
}

#gallery, #tv_produced
{
	position:			relative;
	height:				378px;
	width:				938px;
	border:				1px solid #c8c8c8;
	background:			#EEEEEE url('/img/loadingAnimation.gif') no-repeat center center;
}
#galleryContainer
{
	position:			relative;
}

.ui-accordion a:hover{text-decoration:none; }
.ui-accordion { margin: 0; padding: 0; list-style-type: none; width: 278px;  }
.ui-accordion li { margin: 0; padding: 0px;}
.ui-accordion li .ui-accordion-header {
	font-family:			Arial;
	font-size:				11px;
	background: 			#646464;
	color: 					#FFFFFF;
	text-decoration: 		none;
	line-height: 			18px;
	display:				block;
	_display:				list;
	margin-bottom:			2px;
	height: 				18px;
	position: 				relative;
	text-align:				left;
	width:					278px;
}
.ui-accordion li.selected .ui-accordion-header { background: #FF0000; }

.ui-accordion li ul
{
	font-family:			Arial;
	font-size:				11px;
	text-align:				left;
	margin:					0px;
	padding:				0px;
	list-style:				none;
	margin-bottom:			2px;
	width:					100%;
	
}
.ui-accordion li ul li
{
	line-height: 			18px;
	height: 				18px;
	background:				#eeeeee;
	margin:					0px;
	padding:				0px;
	margin-top:				1px;
	color:					#646464;
	font-weight:			bold;
}
.ui-accordion li ul li:hover
{
	background:				#b8e2ff;
	cursor:					pointer;
}

#directorsBar 
{
	float:left;
	position:relative;
}


.serviceHeader
{
	border:					1px solid #aaaaaa;
	background:				#969696;
	text-align:				left;
	font-family:			Arial;
	font-size:				12px;
	font-weight:			bold;
	color:					#FFFFFF;
	height:					18px;
	line-height:			18px;
	padding-left:			8px;
	text-transform:			uppercase;
}
.serviceContent
{
	text-align:				left;
	font-family:			Arial;
	font-size:				11px;
	color:					#646464;
	padding-top:			10px;
	padding-bottom:			26px;
}
.serviceContent p
{
	padding:				0px;
	margin:					0px;
}
.serviceContent img
{
	margin-left:			8px;
	margin-left:			8px;
}

.film_tv
{
	width:					943px;
}
.film_tv .item
{
	float:					left;
	width:					220px;
	height:					180px;
	padding-right:			10px;
	padding-left:			9px;
	border-right:			1px solid #aaaaaa;
}
.film_tv .item .img img
{
	border:					1px solid #aaaaaa;
	padding:				0px;
	margin:					0px;
}
.film_tv .item .title
{
	padding-top:			5px;
	font-family:			Arial;
	font-size:				11px;
	font-weight:			bold;
	color:					#646464;
	text-transform:			uppercase;
}
.film_tv .item .text
{
	padding-top:			3px;
	font-family:			Arial;
	font-size:				11px;
	color:					#646464;
	text-align:				justify;
	width:					220px;
	
}
.film_tv .item .text p
{
	margin-right:			8px;
}

.banner
{
	width:					938px;
	height:					338px;
	border:					1px solid #c8c8c8;
	text-align:				left;
}

.linkbox
{
	float:					left;
	width:					140px;
	height:					98px;
	display:				table;
	font-family:			Arial;
	font-weight:			bold;
	font-size:				12px;
	color:					#969696;
	text-transform:			uppercase;
	border:					1px solid #c8c8c8;
	height:					98px;
	text-align:				center;
}
.linkbox:hover, .lbs
{
	background:				#969696;
	color:					#FFFFFF;
	cursor:					pointer;
}

.dark
{
	background:				#d1d1d1;
}

#clientstable th.headerSortUp {
	background-image: url(/img/desc.gif);
}
#clientstable th.headerSortDown {
	background-image: url(/img/asc.gif);
}
#clientstable th
{
	font-family:			Arial;
	font-size:				11px;
	font-weight:			bold;
	color:					#646464;
	background:				#FFFFFF;
	background-position:	right center;
	background-repeat:		no-repeat;
	width:					118px;
	height:					28px;
	line-height:			28px;
	margin-right:			2px;
	cursor:					pointer;
}
#clientstable tbody td
{
	font-family:			Arial;
	font-size:				10px;
	color:					#646464;
	width:					118px;
	height:					28px;
	line-height:			28px;
	overflow:				hidden;
}
tr.odd td
{
	background:				#e8e8e8;
}



/** Staff holder **/
h3.team
{
	font-family:			Arial;
	font-size:				18px;
	font-weight:			bold;
	color:					#646464;
	text-align:				right;
	padding-right:			20px;
	padding-top:			40px;
	padding-bottom:			100px;
	width:					134px;
}
.staff-holder
{
	float:left;
	margin-right:	15px;
	margin-bottom:	20px;
}
.staff-holder .image img
{
	border:					1px solid #c8c8c8;
	width:					300px;
	height:					170px;
}
.staff-holder .position, .staff-holder .name, .staff-holder .contact
{
	font-family:			Arial;
	font-size:				12px;
	color:					#646464;
	text-align:				left;
	padding-top:			4px;
	border-bottom:			1px solid #dddddd;
	padding-bottom:			2px;
}
.staff-holder .name
{
	font-weight:			bold;
}
.staff-holder .contact
{
	height: 14px;
}
.staff-holder .contact a
{
	font-family:			Arial;
	font-size:				9px;
	color:					#FF0000;
	float:					left;
}
.staff-holder .contact a.dl
{
	float:					right;
}


.comments
{
	padding-right:			12px;
	border-right:			1px solid #969696;
	float:					left;
	padding-left:			12px;
}
.comment
{
	width:					290px;
	padding-bottom:			20px;
}
.comment-title
{
	font-family:			Arial;
	font-size:				14px;
	font-weight:			bold;
	color:					#b20200;
	text-align:				left;
	text-transform:			uppercase;
	padding-bottom:			3px;
}
.comment-text
{
	font-family:			Arial;
	font-size:				11px;
	color:					#000100;
	text-align:				justify;
}
.comment-footer
{
	font-family:			Arial;
	font-size:				11px;
	color:					#000100;
	text-align:				left;
	padding-top:			8px;
}


.lang
{
	border:					1px solid #dddddd;
	width: 					28px;
	font-family:			Arial;
	font-size:				11px;
	color:					#444444;
	float:					left;
	margin-right:			10px;
	margin-bottom:			10px;
	cursor:					pointer;
	padding:				2px;
}
.langs
{
	background:				#FF0000;
	color:					#FFFFFF;
}

.event-comment
{
	float:					right;
	font-family:			Arial;
	font-size:				12px;
	color:					#666;
	padding-top:			5px;
	font-weight: 			bold;
}

TABLE.clientaccess
{
	border:					1px solid #dddddd;
	width:					480px;
}
TABLE.clientaccess TD.header
{
	background:				#FF0000;
	padding:				8px;
	font-family:			Arial;
	font-size:				12px;
	text-transform:			uppercase;
	color:					#FFFFFF;
	font-weight:			bold;
	height:					30px;
}
TABLE.clientaccess TD
{
	background:				#f1f1f1;
	padding-left:			20px;
	font-family:			Arial;
	font-size:				12px;
	color:					#222222;
	height:					40px;
}
TABLE.clientaccess TD INPUT
{
	width:					90%;	
}
TABLE.clientaccess TD INPUT.login
{
	width:					100px;
	margin-top:				7px;
	padding:				3px;
	float:					left;
	border:					1px solid #dddddd;
	background:				#FFFFFF;
}
TABLE.clientaccess TD .logo
{
	float:					right;
	border-left:			0px solid #dddddd;
	width:					180px;
	height:					40px;
	background:				url('/img/logo.png') no-repeat center center;
}
TABLE.clientaccess TD.footer
{
	border-top:				1px solid #dddddd;
	background:				#FFFFFF;
	height:					30px;
}


TABLE.folders TD
{
	background:				url('/img/folder.png') center center no-repeat;
	width:					100px;
	height:					100px;
	padding:				10px;
	font-family:			Arial;
	font-size:				12px;
	border:					1px solid #FFFFFF;
	color:					#444444;
}
#logout
{
	float:					right;
	font-family:			Arial;
	font-size:				12px;
	color:					#EE0000;
}





/***
SLIDE SHOW 

****/

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:left;
	width:640px; 
}
div.controls {
	margin-top: 5px;
	margin-bottom:10px;
	height: 23px;
}
div.ss-controls {
	float: left;
}
div.ss-controls span {
	color: #666666;
	cursor: pointer;
}
div.nav-controls {
	float: right;
}
div.nav-controls a {
	padding: 5px;
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	padding-bottom: 12px;
	background:#FFFFFF;
}
div.slideshow a.advance-link {
	
	display: block;
}
div.slideshow img {
	padding: 2px;
	border: none;
	display: block;
	border: 1px solid #ccc;
	margin-left:auto;
	margin-right:auto;
}
div.download {
	float: right;
}
div.embox {
	clear: both;
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
ul.thumbs li a {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a {
	background: #f00;
	border:1px solid #f00;
}
ul.thumbs a:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination strong {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	text-decoration: none;
	color:	#000100;
}
div.pagination strong {
	background-color: #FF0000;
	color:#FFFFFF;
}

div.navigation{width:100%;height:100px;float: left;}
div.content{display:block;margin-top:40px;}

.play, .pause, .prev, .next
{
	border:	1px solid gray;
	padding:5px;
	margin:	5px;
}
.play:hover, .pause:hover, .prev:hover, .next:hover
{
	cursor:pointer;
	text-decoration:none;
	background:red;
}
#logofooter {
	border-bottom: 1px solid #999;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
div.videocontainer {
	height:360px;width:640px;margin-left:20px;z-index:555;
}

#whereami
{
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
}

#floatbox {
	width: 740px;
	position: absolute;
	left: 20px;
	top: 55px;
	text-align: left;
}

#InfoFloat {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 300px;
	margin-left: -255px;
	margin-top: -155px;
	
	padding: 10px;
	background: #fff993;
	border: 1px solid black;
}

	#InfoFloat a.close {
		float: right;
	}
	
#FrontImage
{
	position: relative;
	background-position: left top;
	background-repeat: no-repeat;
	height: 467px;
	border: 1px solid #c8c8c8;
}
	#FrontImageTextBackground
	{
		height: 467px;
		width: 300px;
		background: #000;
		opacity: 0.6;
		filter: alpha(opacity=60);
		position: absolute;
		top: 0;
		right: 0;
	}
	#FrontImageText
	{
		height: 427px;
		width: 300px;
		max-width: 260px;
		padding: 20px;
		position: absolute;
		top: 0;
		right: 0;
		text-align: left;
		font-size: 16px;
		color: #fff;
		line-height: 24px;
	}
		#FrontImageText p
		{
			margin: 0 0 20px 0;
		}