/*************************/
/* UNDERDOG FILMS STYLES */
/*************************/


/* COLORS 
orange: #FFC000;
dark grey: #474747;
light grey: #D1D1D1;
*/


/* GENERAL RULES */
body {
	background-image: url(../images/bgPattern.gif);
	color: #474747;
	font-family: arial, verdana, sans-serif;
	font-size: .7em;
	line-height: 1.5em;
	margin: 0;
	}
td {text-align: left; vertical-align: top;}
th {text-align: center;}
a {text-decoration: none; color: #474747; }
a:hover {color: #FFC000; text-decoration: none; border:0;cursor:pointer;}
img{margin: 0; padding: 0; border: 0;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; line-height: 1.2em;}
h1 {2em;}
h2 {1.75em;}
h3 {1.5em;}
h4 {1.25em;}
h5 {1em;}
h6 {.5em;}


/* MAIN TABLE */
#mainContainer{
	position: relative;
	margin: 25px auto;
	width: 720px;
	}


/* HEADER */
#header {
	background-image:url(../images/header.jpg);
	height: 153px;
	}

/* MENU */
#menu {
	width: 720px;
	background-color:#fff;
	}
#menu td{
	text-align: center;
	padding: 0 0 0 0;
	height: 25px;
	}
#menu td a{
	display:block;
	margin: 0 auto;
	padding:0 10px;
	text-align: center;
	}
#menu td a img{
	display:block;
	margin: 0 auto;
	}	
#menu .button {
	background-color:#474747;
	padding: 5px 0 3px 0;
	}
#menu .tab {
	background-color:#FFC000;
	padding-top:4px;
	padding: 5px 0 3px 0;
	}
#menu #subMenu {
	width: 720px;
	background-color:#FFC000;
	height: 28px;
	}
#menu #subMenu #subMenuContainer{
	height:28px;
	position:relative;
	}	
#menu #subMenu a{
	display: inline;
	padding:0px;
	margin: 0 auto;
	}
#menu #subMenu a img{
	display: inline;
	padding:0px;
	margin: 0 5px;
	}	
#menu #subMenu img{
	margin: 0 8px;
	}	
#subMenu #buttonContainer {
	position: absolute;
	top:4px;
	left:0;
	height: 20px;
	}
	
/* DETAIL PAGE */
#mainContent {
	background-color: #fff;
	width: 720px;
	}
#rightCol {	
	padding: 0px;
	}
#rightCol h2{	
	color: #ffc000;
	margin: 1em 0 .4em 0;
	}
#leftCol{
	background-color: #474747;
	width: 250px;
	}
#leftCol .credits{
	margin: 20px;
	color: #fff;
	}	
#leftCol .credits a{
	color:#fff;
	}
#leftCol .credits a:hover{
	color:#ffc000;
	}	
.credits h3{
	color: #ffc000;
	}
a.backButtonTop{
	background-image:url(../images/backButtonTop.gif);
	display: block;
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: bold;
	padding: 0 5px 0 20px;
	text-align: center;
	white-space: no-wrap;
	overflow: visible;
	float: right;
	}
a.backButtonTop:hover{
	color: #fff;
	}	
.rightColContainer{
	margin: 25px;
	}
.contactContainer{
	padding: 25px;
	text-align: center;
	}
dl.credits{
	margin: 0;
	width: 240px;
	padding: 0px;
	}
dl.credits dt{
	font-weight: bold;
	margin: 0;
	padding: 0px;
	}	
dl.credits dd{
	margin: 0 0 10px 0;
	padding: 0px;
	}	
.floatLeft{float:left; margin: 10px 10px 10px 0px;}		
.floatRight{float:Right; margin: 10px 0px 10px 10px;}		
.logos{	
	text-align:center;
	margin: 0 10px 10px 10px;
	}	
.logos img{	
	margin:10px auto 0 auto;
	display:block;
	}
	
/* CATEGORY AND SUB-CATEGORY */
.category td{
	background-color: #ffffff;
	padding:0px;
	}
.category a{
	display: block;
	color: #474747;
	}
.category a:hover{
	display: block;
	color: #474747;
	}
.category a.backButtonTop:hover{
	color: #fff;
	}		
.category .showReel{
	background-color: #474747;
	width:720px;
	padding: 0;
	}
.category .pageHeader{
	margin: 15px;
	}
.category .showReel .mov{
	float:left;
	width:320px;
	height: 255px;
	margin: 0;
	padding:0;
	}
.category .showReel .mov object{
	margin: 0;
	padding:0;
	}	
.category .showReel .description{
	margin-left: 320px;
	padding: 20px;
	color: #fff;
	}
.category .showReel .description h1{
	margin: 0 0 10px 0;
	}	

.catTd{}
.catTd img{
	margin: 15px 0 0 15px;
	}
.catTd p{
	margin: 0 15px 15px 15px;
	}
.category .catImg{
	margin: 10px 0px;
	width: 200px;
	text-align: left;
	margin: 0 20px 20px 20px;
	}
.category .catTitle{
	margin: 10px 0;
	width: 240px;
	text-align: center;
	}
td.subCat{
	padding: 15px;
	}
.subCat .subCatImg{
	float:left;
	width:226px;
	text-align:center;
	}
.subCat .subCatDescription{
	margin: 0 0 0 241px;
	width: 420px;
	}

/* HOME */
#homeBot {
	width: 680px;
	margin: 20px 20px;
	}
#homeBot a{
	text-decoration:underline;
	}
#homeBot td{
	padding: 0 0 20px 20px;
	}	
#homeBot #news {	
	margin: 15px 0 15px 20px;
	width: 200px;
	border-right: 1px solid #FFC000;
	padding: 0 20px 0 0;
	}	
#homeBot #news dt {
	font-weight: bold;
	}
#homeBot #news dd {
	margin: 0 0 10px 0;
	}	
#homeBot #inProduction{	
	margin:15px 15px 15px 0;
	width: 440px;
	padding: 0 0 0 25px;
	}
#homeBot #about{
	border-right: 1px solid #FFC000;
	padding: 0 10px;
	}	


/* GALLERY */
#gallery{
	width: 720px;
	height: 360px;
	background-color: #474747;
	}
#gallery #display{
	text-align: center;
	margin: 10px 0 0 0;
	background-color: #474747;
	height:370px;
	}
#gallery #display img{
	border:1px solid #000;
	}
#galleryMenu{
	width:720px;
	background-color: #474747;	
	}	
#galleryMenu div{
	width: 720px;
	text-align:center;
	background-color: #474747;
	overflow: auto;
	}	
#galleryMenu table{
	margin: 0 auto 10px;
	background-color: #474747;
	}
#galleryMenu table td{
	background-color: #474747;
	padding: 6px 0 0 6px;
	}
#galleryMenu table td img{
	border:1px solid #000;
	}	
#galleryMenu table td img:hover{
	border:1px solid #fff;
	}	


/* ABOUT US */	
#pressMenuContainer{
	width: 250px;
	margin: 0px;
	/*overflow:auto;
	height: 550px;*/
	}
#pressMenu{
	width: 200px;
	margin: 20px auto;
	}
#pressMenu img{
	margin: 0 auto 10px auto;
	}

#pressTable{
	margin:30px;
	}
#pressTable #pressCol{
	padding:0 20px 0 0;
	border-right:1px solid #ddd;
	}	
#pressTable #mediaCol{
	width:210px;
	padding-left:20px;
	}
#pressTable #mediaCol .container{
	margin:20px 0 0 0;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
	}
#pressTable #mediaCol .container a{
	display:block;
	width:47px;
	float:left;
	}
#pressTable #mediaCol .container .text{
	margin-left: 57px;
	}
	
	
/*CLIENTS*/
#clientContainer{
	background-color:#fff;
	margin: 20px;
	}
#clientContainer table{
	margin:0 auto;
	}
#clientContainer #logos{
	margin: 0 auto;
	border-top:1px solid #555;
	}
#clientContainer #logos td{
	background-color:#fff;
	text-align:center;
	padding-top:10px;
	}	
	
/*SPLASH*/
#splash{
	background-image: url(../images/bgPattern.gif);
	text-align: center;
	background-color: #111;
	}
#splash div.splash{
	text-align: center;
	margin: 0;
	padding:200px 0;
	font-size: 14px;
	}
#splash div.splash a{
	color: #ddd;
	}
#splash div.splash a:hover{
	color: #FFC000;
	}	
#splash div img{
	margin: 0 auto;
	padding:0;
	}
	
/* FOOTER */
#footer {text-align:center; margin-top: 4px; color: #888;}
#footer a{color: #888;}
#footer a:hover{color: #FFC000;}