/**
 * Mighty Pictures Styles
 */

/*COLORS
Dark Green: #00AD3D
Light Green: #66CD15
Blue: #002242
Dark Grey: #303030
Light Grey: #ddd
Orange: #FF851D
*/

body {
   padding: 0;
   margin: 0;
   font-family: Arial, Verdana, sans-serif;
   font-size: 12px;
   background-color: #303030;
   color: #303030;
   line-height: 1.6em;
   }
p {padding: 0 0 .8em 0; margin: 0;}
h1, h2, h3, h4, h5, h6 { padding: 0 0 .4em 0; margin: 0; color:#002242;}
h1{font-size:26px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
a {color:#303030;text-decoration:none;}
a:hover {color:#FF851D;}


ul { padding: 0 0 .4em 0; margin: 0;}
ul li { padding: 0; margin: 0 0 0 0px;}
ol { padding: 0 0 .4em 0; margin: 0;}
ol li { padding: 0; margin: 0 0 0 0em;}
td { padding: 0; vertical-align: top;}
img { border: 0;}
.errors{
	color:white;
	}

/*HOME*/
#home{margin: 80px auto; text-align:center;color:#fff;}
#home #homeTop{height:180px; margin: 0 auto; background-color: #00AD3D; text-align:center;}
#home #homeMiddle{background-image:url(../images/home-bg-repeat.jpg); 
background-repeat:repeat-x; text-align:center; width: 100%; background-color:#66CD15;}

#home #homeMiddle #container{width:500px;margin:0px auto;}
#home #homeMiddle #homeMenu{width: 280px; margin: 0px auto 60px auto; text-align:center;}
#home #homeMiddle #news{border:1px solid #6fCf59;padding: 10px 10px 10px 10px; text-align:center; margin: 0 0 20px 0;}
#home #homeMiddle #news ul{text-align:left;}
#home #homeMiddle #news ul li{margin: 0 0 0 15px;}
#home #homeMiddle #news a{color:#fff;text-decoration:none;}
#home #homeMiddle #news a:hover{color:#002242;}

#home #homeBottom{background-color: #66CD15; text-align:center;}

#home #homeFooter{font-size:12px;text-align:center; margin: 10px; color: #888;}
#home #homeFooter a{color: #888; text-decoration: none;}
#home #homeFooter a:hover{color: #FF851D;}

#home #qt {width:150px;margin:0 5px 0 0; text-align:right;float:right;color:#ddd; font-size:10px;}
#home #qt:hover{color:#FF851D;}


/*MAIN CONTAINER*/
#mainContainer{
	width:850px;
	background-color: #000;
	background-image: url(../images/bg_repeat.gif);
	background-repeat: repeat-y;
	position:relative;
	margin: 0 auto;
	}
#sc{}
#sc #screen{
	width:100%;
	height:100%;
	/*background-color: #555;*/
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	
	}

/*HEADER & MAIN MENU*/
#mainHeader{background-image:url(../images/header.gif);height:90px; width: 800px; margin: 0 auto;}
#mainMenu{position: absolute; top: 45px; left:520px; height: 20px;width:300px;}
#mainMenu a{margin:0px; padding:0px;}

/*INNER PAGES*/
#mainContentContainer{
	width: 800px;
	margin: 0 auto;
	}
#mainTable{}
#mainTable td{}
#mainTable #sideMenu{padding-top:20px;text-align:center;}
#mainTable #sideMenu img{margin:0; padding:0;}
#mainTable #sideMenu ul{
	width:116px;
	margin:0px 20px;
	list-style:none;
	text-align:left;
	}
#mainTable #sideMenu ul li{
	border-bottom: 1px solid #ddd;
	}	
#mainTable #sideMenu ul li a{
	padding-left:12px;
	}
#mainTable #sideMenu ul li a.over{
	padding-left:12px;
	background-image:url(../images/arrow_right.gif);
	background-position:center left;
	background-repeat:no-repeat;
	color: #002242;
	}	
#mainTable #rightCol{}
#mainContentBottom{background-color:#303030;}

/*WORK*/
#work iframe{
	margin:20px 0 0 0;
	 height:415px;
	 width:626px; 
	}
#thumbShadow{
	width:800px;
	height:10px;
	margin:0px auto;
	background-image: url(../images/bg-scrollShadow.gif);
	background-position: top left;
	background-repeat: repeat-x;
	}	
#thumbnails{
	width:770px;
	height:160px;
	margin:0 0 0 15px;
	overflow:auto;
	}	
#thumbnails #scrollTable{
	margin: 10px 10px 0 10px;
	}
#thumbnails #scrollTable td{
	text-align:center;
	line-height: 1.1em;
	padding: 0 15px 0 0;
	}
#thumbnails #scrollTable td a{
	display:block;
	margin:0 0 5px 0;
	padding:2px;
	border:1px solid #ddd;
	}
#thumbnails #scrollTable td a:hover{
	background-color: #66CD15;
	}	
#thumbnails scrollTable td img{}


/*ABOUT*/
#about{
	width:540px;
	margin:60px 50px 40px 40px;
	}
#about h4{
	border-bottom:1px solid #ddd;
	padding-bottom:0px;
	margin-bottom:10px;
	}
#about dl{margin: 0 0 40px 0;}
#about dt{
	margin-top:20px;
	font-weight:bold;
	}
#about dd{
	margin:0px;
	}
.backButton{
	float:right;
	display:block;
	font-weight:bold;
	background-image:url(../images/arrow_left.gif);
	background-repeat:no-repeat;
	background-position: 0px center;
	padding:0 0 0 10px;
	}

#press{}
#press td{padding:20px 0 0 0;}
#press .img a{border:1px solid #ddd;display:block;padding:2px;}
#press .img a:hover{background-color:#66CD15;}
#press .txt{padding-left:20px;}

#news{}
#news .newsContainer{padding:15px 0 0 0;}
#news .icon{float:left;background-image:url(../images/icon-arrow.gif);width:16px; height:16px;}
#news .txt{margin:0 0 0 25px;}
#news .txt a{text-decoration:underline;}
#news .txt h6 a{text-decoration:none;color:#002242;}
#news .txt h6 a:hover{text-decoration:underline;}

.awardTable{width:500px;margin:0 auto;}
.awardTable th{text-align:center;padding-top:20px; text-transform:uppercase; border-bottom: 1px solid #ddd;}
.awardTable td{text-align:left;}
.awardTable .rightCol{padding-left:20px;}
.awardTable .leftCol{}
.award{
	background-image:url(../images/icon-trophy.gif);
	background-repeat:no-repeat;
	background-position: 0 3px;
	padding-left:23px;
	margin:20px 0 0 0;
	}

#clientsTable{}


/*CONTACT*/
#contact{
	width: 800px;
	height:450px;
	margin: 0 auto;
	text-align: left;
	}
#contact td{
	padding: 30px 10px 0 0;
	}
#contact #leftCol{
	width: 150px;
	padding-left:50px;
	}	
#contact #rightCol{
	width: 500px;
	}	
#contact #contactForm{
	border-left:1px solid #ddd;
	padding-left:40px;
	}
#contactForm input{
	border:1px solid #ddd;
	margin: 0 0 10px 0;
	}	
#contactForm textarea{
	margin: 0 0 10px 0;
	border:1px solid #ddd;
	}
#contactForm #submit{
	border:1px solid #ddd;
	cursor:pointer;
	}
#contact #contactForm .error {
    background-color: #FFC;
}


/*CLIENT LOGIN*/
#login{
	width:800px;
	text-align:center;
	margin:0 auto;
	padding:30px 0 40px 0;
	}	
#login #clientBorder{
	border:1px solid #ddd;
	width:400px;
	margin:0 auto;
	padding-bottom:10px;
	}
#login table td{
	veritcal-align:top;
	text-align:right;
	padding:10px 10px 0 10px;
	}
#login input{
	border:1px solid #ddd;
	}	
#login textarea{
	border:1px solid #ddd;
	}
#login #submit{
	border:1px solid #ddd;
	cursor:pointer;
	}
#login ul{
	list-style:none;
	text-align:left;
	width: 300px;
	margin: 0 auto;
	}
#login ul li{
	margin: 10px 0 0 0;
	}	
#login ul li a {text-decoration:underline;}
#login .video{
	background-image:url(../images/icon-camera.gif);
	background-repeat:no-repeat;
	background-position: 0 center;
	padding-left:23px;
	display:block;
	}
#login .document{
	background-image:url(../images/icon-document.gif);
	background-repeat:no-repeat;
	background-position: 0 center;
	padding-left:23px;
	display:block;
	}
#login .picture{
	background-image:url(../images/icon-picture.gif);
	background-repeat:no-repeat;
	background-position: 0 center;
	padding-left:23px;
	display:block;
	}

#login ul li a.download {
	float: right;
	font-size: 9px;
	color: #093;
}
	
/*FOOTER*/
#footer{font-size:12px;text-align:center; margin: 0 0 20px 0; color: #888;}
#footer a{color: #888; text-decoration: none;}
#footer a:hover{color: #FF851D;}