/* @override http://mlwproductions.net/css/global.css */

/* @override http://mlwproductions.net/css/global.css */

body {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	background: #ccc;
	margin: 0px;
	color: #555;
	font-size: 12px;
}

a:link, a:visited {
	color: #DA1100;
	text-decoration: none;
}

a:hover, a:active {
	color: #DA1100;
	text-decoration: underline;
}

a.blend:link, a.blend:visited {
	color: #888;
	font-size: 14px;
	text-decoration: none;
}

a.blend:hover, a.blend:active {
	color: #888;
	font-size: 14px;
	text-decoration: underline;
}

a.blendcon:link, a.blendcon:visited {
	color: #888;
	font-size: 16px;
	text-decoration: none;
}

a.blendcon:hover, a.blendcon:active {
	color: #888;
	font-size: 16px;
	text-decoration: none;
}

a img {
	border: none;
}

.red {
	color: #DA1100;
}

a.video {
	display: block;
	background: url('../img/icon_video.png') top left no-repeat;
	padding: 2px;
	padding-left: 20px;
	margin: 1px 0px 1px 4px;
}

a.picture {
	display: block;
	background: url('../img/icon_image.png') top left no-repeat;
	padding: 2px;
	padding-left: 20px;
	margin: 1px 0px 1px 4px;
}

a.file {
	display: block;
	background: url('../img/icon_file.png') top left no-repeat;
	padding: 2px;
	padding-left: 20px;
	margin: 1px 0px 1px 4px;
}

.infobox {
	background: #efefef;
	border: 1px solid #bbb;
	padding: 10px;
	margin: 10px 10px;
}

.mediabox {
	padding: 5px;
	border: #ccc 1px solid;
	margin-top: 10px;
}

.wrapper {
	width: 810px;
	margin: 40px auto;
}

.top {
	text-align: right;
	margin-bottom: 2px;
	height: 30px;
	background: url('../img/logofinal.png') top left no-repeat;
	text-transform: uppercase;
	font-size: 13px;
	color: #444;
}

.top div {
	padding: 3px 10px 0px 0px;
}

.top div a:link, .top div a:visited  {
	color: #444;
	text-decoration: none;
}

.top div a:hover, .top div a:active  {
	color: #444;
	text-decoration: none;
	border-bottom: 5px #fff solid;
}

.top div a.selected  {
	color: #DA1100;
	border-bottom: 5px #fff solid;
	text-decoration: none;
}

.box {
	background: url('/img/newbox.png') top left no-repeat;
	width: 380px;
	height: 190px;
	padding: 8px 10px 8px 10px;
	float: left;
}

.box .title .date {
	color: #aaa;
	float: right;
	font-size: 12px;
	padding-top: 1px;
}

.box .title {
	padding: 2px;
	border-bottom: 1px dotted #888;
	font-size: 13px;
	height: 16px;
	overflow: hidden;
	color: #333;
}

.box .contents {
	font-size: 12px;
	padding: 2px;
	margin-top: 6px;
	height: 130px;
	overflow: hidden;
	color: #666;
}

.box .bottom {
	font-size: 12px;
	padding: 2px;
	margin-top: 4px;
	overflow: hidden;
	color: #DA1100;
}

.smallbox {
	background: url('/img/newsmallbox.png') top left no-repeat;
	width: 380px;
	height: 28px;
	padding: 6px 10px 6px 10px;
	margin-top: 0px;
	float: left;
}

#topleftbox {
	padding: 0px;
	width: 400px;
	height: 200px;
}

#topleftbox, #bottomleftbox {
	margin-right: 10px;
}

#toprightbox {
	font-size: 14px;
	line-height: 22px;
	width: 350px;
	height: 160px;
	padding: 25px;
	text-align: center;
}

#bottomrightbox {
	color: #777;
}

#bottomrightbox .news {
	color: #444;
}

.topbar {
	background: #fff;
	width: 100%;
}

.tl {
	background: url('../img/tl.png') top left no-repeat;
	height: 10px;
	width: 10px;
}

.tr {
	background: #fff url('../img/tr.png') top right no-repeat;
	height: 10px;
	width: 9px;
	float: right;
}

.middlebar {
	background: #fff;
	padding: 5px 15px;	
}

.middleline {
	background: url('../img/border.png') 5px 0px repeat-y;
}

.middleline:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}

.middleline{display: inline-block;}

/* Hides from IE Mac \*/
* html .middleline {height: 1%;}
       .middleline{display:block;}
/* End Hack */

.maincontent {
	margin-left: 255px;
	padding-left: 15px;
	line-height: 20px;
} 

.bottombar {
	background: #fff;
	width: 100%;
}

.bl {
	background: url('../img/bl.png') top left no-repeat;
	height: 9px;
	width: 10px;
}

.br {
	background: #fff url('../img/br.png') top right no-repeat;
	height: 9px;
	width: 9px;
	float: right;
}

.sidebar {
	width: 250px;
	padding-right: 5px;
	float: left;
	text-decoration: none;
}

.sidebar .sideitem {
	padding-bottom: 10px;
	cursor: pointer;
}

.sidebar .sideitem .sideimg {
	background: url('../img/smallcontainer.png') top left no-repeat;
	padding: 6px;
	margin: 0px;
	width: 88px;
	height: 58px;
}

.sidebar .sideitem .sideimg img {
	border: 1px #bbb solid;
	width: 87px;
	height: 56px;
}

.sidebar .sideitem .sidetext {
	float: right;
	width: 139px;
	margin-top: 18px;
	font-size: 12px;
	color: #555;
}

.sidebar .sideitem .sidetext .grey {
	color: #999;
}

/* About */

/*
.aboutcontent hr {
	margin-bottom: 20px;
	margin-top: 20px;
	width: 50%;
}

.contactpicture img {
	border: #ddd 1px solid;
	padding: 1px;
}

.contact_left .contactpicture {
	float: left;
	margin: 0px 10px 10px 0px;
}

.contact_right .contactpicture {
	float: right;
	margin: 0px 0px 10px 10px;
}

*/

.contacts {
	text-align:center;
	clear: both;
	margin: 0px auto 0px auto;
	height: 150px;
	width: 501px;
}

.aboutcontact {
	float: left;
}

.aboutcontact img {
	border: 1px solid #ddd;
	padding: 2px;
	margin: 5px;
}

.contactimages {
	margin-top: 15px;
	margin-bottom: 15px;
}

.contactimagesbox {
	width: 270px;
	margin-left: 51px;
}

.contactimagesbox a img {
	padding: 2px;
	border: 1px solid #e1e1e1;
	margin: 1px;
	margin-bottom: 2px;
}

.contactimagesbox a.sel img {
	padding: 2px;
	border: 1px solid #db4437;
	margin: 1px;
	margin-bottom: 2px;
	background-color: #ff7d72;
}

.contactimagedisplay {
	float:  right;
	margin-right: 51px;
}

.contactimagedisplay img {
	height: 240px;
	padding: 2px;
	border: 1px solid #e1e1e1;
	margin: 1px;
}

/* New Contact Page */

#contactinfo {
	float:  right;
	font-size: 22px;
	margin-top: 90px;
	margin-right:40px;
}

#contactother {
	float:  right;
	width: 49%;
	margin-top: 20px;
	font-size: 14px;
}

#contactstaff {
	width: 49%;
	margin-top: 33px;
	padding-bottom: 10px;
}

#contactother h2, #contactstaff h2 {
	border-left-width: 0px;
}


/* Footer */

.footer {
	text-align: center;
	color: #999;
	margin: 40px auto;
	width: 810px;
}

.footer a {
	color: #999;
}

.footer a:hover {
	color: #888;
}

.login {
	width: 304px;
	overflow: hidden;
	margin: 40px auto;
	text-align: center;
}

.login a {
	color: #888;
}

.login a:hover {
	color: #DA1100;
	text-decoration: none;
}

.logininputs {
	padding: 10px;
}

/* client */

.clientt {
	background: url('/img/clientt.jpg') top left no-repeat;
	height: 10px;
	width: 100%;
}

.clientm {
	background: #fff;
	padding: 15px;	
}

.clientb {
	background: url('/img/clientb.jpg') bottom left no-repeat;
	height: 10px;
	width: 100%;
}

h2 {
	font-size: 16px;
	color: #888;
	padding-left: 2px;
	border-bottom: 1px solid #888;
	border-left: 1px solid #888;
}

h3 {
	font-size: 20px;
	color: #888;
	margin-top: 0px;
}

.module {
	padding-left: 10px;
}

.clientnav {
	width: 150px;
	float: left;
	border-right: 1px solid #ccc;
}

.clientcontent {
	margin-right: 150px;
}

.actoggler {
	padding: 2px;
}

.actoggler a:link, .actoggler a:visited, .actoggler a:hover, .actoggler a:active {
	color: #555;
	text-decoration: none;
}

.acdescription {
	color: #888;
	border-left: 1px #bbb solid;
	padding:5px;
	margin-left:10px;
	margin-bottom: 5px;
}

/* dvds */

.dvdinfoimg {
	float: left;
}

.dvdinfo {
	margin-left: 220px;
}

.dvdinfo h2 {
	border-left: 0px;
}

.dvdinfo_paybox {
	border: 1px solid #999;
	padding: 7px 10px 10px 10px;
	margin: 40px 20px 40px 20px;
}

.dvdinfo_item {
	margin-top: 3px;
}

.dvdinfo_quantity {
	float: right;
}

/* tips */

.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
	background: url('/img/transparent.png') top left;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
}

.infohover {
	cursor: pointer;
}

/*misc*/

#whyfilm {
	border: 1px #ccc solid;
	background: #efefef;
	padding: 5px;
	margin-left: 5px;
	width: 350px;
}

#showhere {
	height: 0px;
	text-align: center;
}

#closemb {
	display: none;
	text-align: center;
}

.screenshots {
	text-align: center;
	margin-bottom: 20px;
}

.screenshots img {
	margin: 0px 5px;
	border: 1px solid #ccc;
	padding: 2px;
	width: 200px;
	vertical-align: middle;
}

.lightbox {
	width: 620px;
	margin: 20px auto 40px auto;
	line-height: 24px;
	font-size: 14px;
	color: #777;
	text-align: center;
}

.hide {
	display: none;
}