body 
{
	margin: 0;
	font-family: Arial, Helvetica;
	font-size: 62.5%;
	background-color: #000000;
}

img { border: 0; }

/* Remove all spacing/padding */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{
	margin: 0;
	padding: 0;
}

/* IE 6 PNG Fix */
/*div, h2 { behavior: url(/htc/iepngfix.htc) }*/

.break
{
	float: left;
	width: 100%;
}

.editable-content a:hover
{
	text-decoration: underline;
}

.margin-top-20
{
	margin-top: 20px;
}

/* Headers */
h1
{
	width: 100%;
	text-align: center;
	font-size: 5.6em;
	font-weight: normal;
	text-transform: uppercase;
}

	h1 a
	{
		color: #ffffff;
		text-decoration: none;
	}

	h1 a span
	{
		font-weight: bold;
	}
	
h2
{
	font-size: 2.5em;
	font-weight: normal;
	padding-bottom: 10px;
}

h3
{
	float: left;
	font-size: 1.9em;
	font-weight: normal;
	padding: 1px;
}

h4
{
	float: left;
	font-size: 1.6em;
	font-weight: normal;
	padding: 1px;
}
	
#wrapper
{
	width: 984px;
	margin: auto;
	padding-top: 30px;
}

#main
{
	float: left;
	width: 964px;
	border: solid 10px #ffffff;
	background: url('/Resources/Images/bg.gif') left top;
}

#header
{
	float: left;
	width: 964px;
	border-bottom: solid 2px #000000;
	background: url('/Resources/Images/check.png') top;
}

#navigation
{
	float: left;
}

	#navigation ul
	{
		float: left;
		background: #000000;
		list-style: none;
		padding: 5px;
		font-size: 1.5em;
	}
	
	#navigation li
	{
		float: left;
		padding: 0 5px;
	}
	
	#navigation a
	{
		color: #ffffff;
		text-decoration: none;
	}
	
#navigation fieldset
{
	float: right;
	width: 170px;
	border: none;
	padding: 5px 10px 0 0;
}

    /*#navigation fieldset input
    {
        float: left;
        width: 145px;
        border: solid 1px #7a7a7a;
        font-size: 1.3em;
        padding: 1px;
    }
    
    #navigation fieldset img
    {
        float: left;
        padding-left: 2px;
    }*/

#content
{
	float: left;
	width: 946px;
	padding: 9px;
}

#footer
{
	float: left;
	width: 984px;
	padding: 20px 0;
}

	#footer .footer-1
	{
		float: left;
		width: 68px;
	}

	#footer .footer-2
	{
		float: left;
		width: 809px;
		text-align: center;
	}
	
	#footer a
	{
		color: #ffffff;
		text-decoration: none;
	}

	#footer p
	{
		color: #999999;
		font-size: 1.2em;
		padding-bottom: 2px;
	}

	#footer .footer-3
	{
		float: left;
		width: 107px;
	}

	#footer .lion
	{
		width: 68px;
		height: 55px;
		float: left;
		text-indent: -5000px;
		background: url('/Resources/Images/lion_television.gif') left top;
	}
	
	#footer .e3media
	{
		width: 107px;
		height: 36px;
		float: right;
		text-indent: -5000px;
		background: url('/Resources/Images/all3media.gif') left top;
	}

/* Flash Video */
.flash-image
{
	position: absolute;
	width: 525px;
	height: 295px;
}

    .flash-image a
    {
        display: block;
        width: 525px;
        height: 295px;
        background: url('/Resources/Images/play_button.png') 20px 210px no-repeat;
        cursor: pointer;
    }

.flash-video
{
    position: absolute;
    width: 525px;
    height: 295px;
    z-index: -1;
	background: #000000;
}

	.flash-video p
	{
		color: #ffffff;
		font-size: 1.2em;
		padding: 20px;
	}

		.flash-video p a:hover
		{
			text-decoration: underline;
		}


/* SlideShow */
.slideshow-image
{
	position: absolute;
	width: 525px;
	height: 295px;
}

    .slideshow-image a
    {
        display: block;
        width: 525px;
        height: 295px;
        background: url('/Resources/Images/slideshow_button.png') 20px 210px no-repeat;
        cursor: pointer;
    }

	.slideshow-image a.hide
    {
        display: none;
    }

/* Link */
.link
    {
        float: left;
	    width: 525px;
	    padding: 10px;
	    margin-top: 10px;
	    background: url('/Resources/Images/check.png') left top;
    }

    
        .link .link-1
        {
            float: left;
            width: 226px;
            padding-right: 10px;
        }
        
        .link .link-2
        {
            float: left;
            width: 289px;
        }
        
            .link .link-2 p
            {
                float: left;
                width: 100%;
                padding: 10px 0;
                font-size: 1.3em;
                color: #ffffff;
            }
            
            .link .link-2 a
            {
                float: left;
                font-size: 1.3em;
                text-decoration: none;
            }

/* Recruitment Form */
.recruitment-form fieldset
{
	border: solid 1px #666666;
	padding: 20px;
}

.recruitment-form .form-field
{
	float: left;
	width: 100%;
	padding: 5px 0;
}

.recruitment-form .form-field div
{
	float: left;
}

.recruitment-form .form-field label
{
	float: left;
	width: 200px;
	color: #ffffff;
	font-size: 1.4em;
}

.recruitment-form .textbox
{
	padding: 2px;
}

.recruitment-form .textarea
{
	padding: 2px;
	font-family: Arial;
}

.recruitment-form p
{
	color: #ffffff;
	font-size: 1.2em;
}

.validation
{
	color: red;
}

/* Homepage */
#homepage-content-1
{
	float: left;
	width: 525px;
	background: #000000;
}

#homepage-content-2
{
	float: right;
	width: 421px;
	background: #000000;
}

#homepage-content-3
{
	float: left;
	width: 928px;
	background: #000000;
	margin-top: 5px;
	padding: 9px 9px 6px 9px;
}

	#homepage-content-3 .container 
	{
		float: left;
		width: 928px;
		height: 146px;
		overflow: hidden;
	}

	#homepage-content-3 .palSqueeze
	{
		width: 1200px;
		height: 146px;
		overflow: hidden;
	}

	#homepage-content-3 .palSqueeze div
	{
		float: left;
		border: 1px solid #666666;
		margin: 0 2px;
		overflow: hidden;
		padding: 5px 0;
		position: relative;
	}

	#homepage-content-3 .palSqueeze div ul
	{
		width: 100%;
		background: #000000;
		opacity:.70;
		filter: alpha(opacity=70); 
		-moz-opacity: 0.7;
		bottom: -17px;
		margin: 0;
		padding: 3px 0;
		position: absolute;
	}

	#homepage-content-3 .palSqueeze div ul li
	{
		width: 450px;
		font-size: 1.2em;
		margin: 0;
		padding: 0 0 0 5px;
	}
	
	    #homepage-content-3 .palSqueeze div ul li a
	    {
	        color: #ffffff;
	        text-decoration: none;
		display: block;
	    }

	#homepage-content-3 .palSqueeze div ul li.title a
	{
		font-weight: bold;
	}

/* 2 Columns */
.column-1-2
{
    float: left;
    width: 545px;
}

    .column-1-2 h2
    {
        float: left;
	    width: 525px;
	    padding: 10px 10px 0 10px;
	    background: url('/Resources/Images/check.png') left top;
    }

    .column-1-2 .main-image-flash
    {
	    float: left;
	    width: 525px;
		height: 295px;
	    padding: 10px;
	    background: url('/Resources/Images/check.png') left top;
    }

	.column-1-2 .recruitment-form
    {
	    float: left;
	    width: 525px;
	    padding: 10px;
	    background: url('/Resources/Images/check.png') left top;
    }

.column-2-2
{
    float: right;
    width: 396px;
}

    .column-2-2 .content
    {
        float: left;
	    width: 376px;
	    padding: 10px;
	    background: url('/Resources/Images/check.png') left top;    
    }
    
        .column-2-2 .content h3
	    {
		    width: 370px;
		    margin: 39px 0 5px 0;
	    }

	    .column-2-2 .content p
	    {
		    float: left;
		    width: 100%;
		    color: #ffffff;
		    font-size: 1.2em;
		    padding-top: 10px;
	    }

		.column-2-2 .grey-bold
		{
			color: #808080;
			font-weight: bold;
		}

.column-1-1
{
    	float: left;
    	width: 946px;
}

	.column-1-1 .content
	{
    		float: left;
	    	width: 926px;
		padding: 10px;
		margin-top: 5px;
		background: url('/Resources/Images/check.png') left top;
	}

	.column-1-1 .award-1-2
	{
		float: left;
		width: 230px;
		margin-right: 10px;
	}

	.column-1-1 .award-2-2
	{
		float: left;
		width: 686px;
		color: #ffffff;
	}

	.column-1-1 .award-2-2 h3
	{
		width: 100%;
		color: #ffffff;
		background: none;
		padding: 0;
	}
	
	.column-1-1 .award-2-2 p
	{
		width: 100%;
		font-size: 1.4em;
		padding-top: 2px;
	}
	
	.column-1-1 .award-2-2 p.date
	{
		color: #999999;
	}


/* Carousel */
.carousel-wrapper
{
	float: left;
	width: 490px;
	padding: 45px 0 45px 45px;
	background: url('/Resources/Images/check.png') left top;
	margin-top: 10px;
}

	.carousel-wrapper .carousel
	{
		float: left;
		width: 448px;
        	/*margin: 35px 0 35px 35px;*/
	}

	.carousel-wrapper .carousel h4
 	{
        	width: 448px;
		margin-bottom: 5px;
	}
    
    .carousel-wrapper .carousel ul
    {
        float: left;
        list-style: none;
        width: 448px;
	background: url('/Resources/Images/bg_carousel.gif') left top;
    }

    .carousel-wrapper .carousel ul li
    {
        float: left;
        margin: 0;
        padding: 0;
        width: 448px;
    }

	.carousel-wrapper .carousel-3-rows ul
    {
        height: 261px;
    }

    .carousel-wrapper .carousel-3-rows ul li
    {
	height: 261px;
    }

	.carousel-wrapper .carousel-2-rows ul
    {
        height: 174px;
    }

    .carousel-wrapper .carousel-2-rows ul li
    {
	height: 174px;
    }

    .carousel-wrapper .carousel ul a
    {
        float: left;
	position: relative;
        margin: 0 5px 5px 0;
        display: block;
        height: 82px;
        width: 146px;
        text-decoration: none;
	color: #ffffff;
	}

	.carousel-wrapper .carousel ul a:hover
    {
		border: none;
	}

	.carousel-wrapper .carousel ul a.third
    {
        margin: 0 0 5px 0;
	}
	
	.carousel-wrapper .carousel ul a span
	{
	    height: 60px;
	    left: 0px;
	    position: absolute;
	    top: 0px;
	    width: 144px;
	    display: none;
	    text-align: center;
	    font-size: 1.2em;
	    font-weight: bold;
	    padding-top: 20px;
	    cursor: pointer;
	}
	
	.carousel-wrapper .carousel ul a:hover span
	{
	    display: block;
	    background: black;
	}
	
	.carousel-wrapper .carousel .left
	{
	    float: left;
		width: 26px;
		height: 26px;
	}
	
	.carousel-wrapper .carousel .right
	{
	    float: right;
				width: 26px;
		height: 26px;
	}

/* news */
#news
{
	float: left;
	width: 926px;
	padding: 10px;
	background: url('/Resources/Images/check.png') left top;
}

.news
{
	float: left;
	width: 926px;
	padding: 10px 0;
	margin-bottom: 10px;
}

.news-alt
{
	background: url('/Resources/Images/check.png') left top;
}

.news-1-2
{
	float: left;
	width: 230px;
	margin-right: 10px;
}

.news-2-2
{
	float: left;
	width: 686px;
	color: #ffffff;
}

	.news-2-2 h3
	{
		width: 100%;
		color: #ffffff;
		background: none;
		padding: 0;
	}
	
	.news-2-2 p
	{
		width: 100%;
		font-size: 1.4em;
		padding-top: 2px;
	}
	
	.news-2-2 p.date
	{
		color: #999999;
	}
	
/* Productions */
#productions
{
	float: left;
	width: 926px;
	padding: 10px;
	background: url('/Resources/Images/check.png') left top;
}

	#productions .header-filter
	{
		float: left;
		width: 926px;
	}

	#productions .header-filter h2
	{
		float: left;
	}

	#productions .header-filter ul
	{
		float: left;
		padding: 0 0 0 30px;
		font-size: 1.4em;
		color: #ffffff;
		list-style-type: none;
	}

	#productions .header-filter li
	{
		float: left;
		padding: 10px 15px 0 0;
	}

	#productions .header-filter li.genre
	{
		padding: 7px 15px 0 0;
	}

	#productions .header-filter ul.pagination-info
	{
		float: right;
	}

	#productions .productions
	{
		float: left;
		background: url('/Resources/Images/bg_productions.gif') left top;
	}

	#productions .production
	{
		float: left;
		width: 151px;
		height: 80px;
		margin: 0 4px 4px 0;
		position: relative;
	}

	#productions .production:hover
	{
		border: none;
	}

		#productions .production img
	    {
		float: left;
      	    }

	
	    #productions .production a
	    {
            	height: 80px;
            	width: 151px;
            	text-decoration: none;
	    }
	    
	    #productions .production a span
	    {
	        display: none;
	        color: #ffffff;
	        height: 58px;
	        left: 0px;
	        position: absolute;
	        top: 0px;
	        width: 149px;
	        text-align: center;
	        font-size: 1.2em;
	        font-weight: bold;
	        padding-top: 20px;
	        cursor: pointer;
	    }
	    
	    #productions .production a:hover span
	    {
	        display: block;
	        background: black;
	    }
		
	#productions .production-final
	{
		margin: 0 0 4px 0;
	}

	#productions .pagination
	{
	    	float: left;
		width: 100%;
		padding-top: 10px;
	}

	#productions .pagination .left
	{
	    	float: left;
		width: 26px;
		height: 26px;
	}
	
	#productions .pagination .right
	{
		float: right;
		width: 26px;
		height: 26px;
	}

	
/* Production */
.production-1
{
	float: left;
	width: 525px;
	padding: 10px;
	background: url('/Resources/Images/check.png') left top;
}

.production-2
{
	float: left;
	width: 525px;
	padding: 10px;
	background: url('/Resources/Images/check.png') left top;
	margin-top: 5px;
}

    .production-2 .carousel
    {
        margin: 35px 0 35px 35px;
    }

    .production-2 h4
    {
        width: 443px;
        margin-bottom: 5px;
    }
    
    .production-2 ul
    {
        float: left;
        height: 261px;
        list-style: none;
        width: 453px;
    }

    .production-2 ul li
    {
        float: left;
        margin: 0;
        padding: 0;
        width: 453px;
    }

    .production-2 ul a
    {
        float: left;
	    position: relative;
        margin: 0 5px 5px 0;
        display: block;
        height: 82px;
        width: 146px;
        text-decoration: none;
	}
	
	.production-2 ul a span
	{
	    color: #ffffff;
	    height: 52px;
	    left: 0px;
	    position: absolute;
	    top: 0px;
	    width: 146px;
	    display: none;
	    text-align: center;
	    font-size: 1.2em;
	    font-weight: bold;
	    padding-top: 30px;
	    cursor: pointer;
	}
	
	.production-2 ul a:hover span
	{
	    display: block;
	    background: black;
	}
	
	.production-2 .left
	{
	    float: left;
	}
	
	.production-2 .right
	{
	    float: right;
	    padding-right: 5px;
	}

.production-3
{
	float: right;
	width: 376px;
	padding: 10px;
	background: url('/Resources/Images/check.png') left top;
	margin-left: 5px;
}

    .production-3 h3
	{
		width: 370px;
		margin: 39px 0 5px 0;
	}
	
	.production-3 h4
	{
		padding: 3px;
	}

	.production-3 p
	{
		float: left;
		width: 100%;
		color: #ffffff;
		font-size: 1.2em;
		padding: 10px 0;
	}
	
/* Our People */
#our-people
{
	float: left;
	width: 926px;
	padding: 10px;
	background: url('/Resources/Images/check.png') left top;
}

	#our-people .our-people
	{
		float: left;
		background: url('/Resources/Images/bg_people.gif') left top;
	}

	#our-people .person
	{
		float: left;
		width: 227px;
		height: 130px;
		margin: 0 6px 6px 0;
		position: relative;
	}

	#our-people .person:hover
	{
		border: none;
	}

		#our-people .person img
	    	{
			float: left;
		}

	    #our-people .person a
	    {
            height: 130px;
            width: 227px;
            text-decoration: none;
	    }
	    
	    #our-people .person a span
	    {
	        display: none;
	        color: #ffffff;
	        height: 88px;
	        left: 0px;
	        position: absolute;
	        top: 0px;
	        width: 225px;
	        text-align: center;
	        font-size: 1.2em;
	        font-weight: bold;
	        padding-top: 40px;
	        cursor: pointer;
	    }
	    
	    #our-people .person a:hover span
	    {
	        display: block;
	        background: black;
	    }
		
	#our-people .person-final
	{
		float: left;
		width: 227px;
		margin: 0 0 6px 0;
	}
	
	
/* Contact */
.contact-header
{
	float: left;
	width: 926px;
	background: url('/Resources/Images/check_contact.png') left top;
	padding: 10px 10px 0 10px;
}

.contact-1
{
	float: left;
	width: 946px;
	background: url('/Resources/Images/check_contact.png') left top;
	margin-bottom: 5px;
}

    .contact-1 .content-1
    {
	    float: left;
	    width: 525px;
	    padding: 10px;
    }

    .contact-1 .content-2
    {
	    float: right;
	    width: 376px;
	    padding: 10px;
	    margin-left: 5px;
    }

        .contact-1 .content-2 h3
	    {
		    width: 370px;
		    margin: 0 0 5px 0;
	    }
	    
	    .contact-1 .content-2 h3.first
	    {
		    margin: 39px 0 5px 0;
	    }
	    
	    .contact-1 dl, .contact-3 dl
	    {
	        float: left;
	        width: 376px;
	        font-size: 1.3em;
	        color: #ffffff;
	        padding: 10px 0;
	        margin: 0;
	    }

		.contact-1 dt, .contact-3 dt
	    {
	        float: left;
	        width: 30px;
	        margin: 0 0 5px 0;
	        padding: 0;
	    }
	    
	    .contact-1 dd, .contact-3 dd
	    {
	        float: left;
	        width: 330px;
	        margin: 0 0 5px 0;
	        padding: 0;
	    }

	    .contact-1 p, .contact-3 p
	    {
		    float: left;
		    width: 100%;
		    color: #ffffff;
		    font-size: 1.2em;
		    padding-top: 10px;
	    }

.contact-2
{
	float: left;
	width: 545px;
}

	.contact-2 .link
	{
		margin-top: 0;
	}
        
.contact-3
{
	float: right;
	width: 396px;
	margin-left: 5px;
}

    .contact-3 .content
    {
	    float: left;
	    width: 376px;
	    padding: 10px;
	    background: url('/Resources/Images/check.png') left top;
	    margin-bottom: 5px;
    }