/* css Zen Garden default style v1.01 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */
/* basic elements */
body {
    margin: 0px;
	padding: 0px;  
	background: #fff url(film_strip_2_gs.jpg) repeat-x left top; 
	color: #333; 
	font: medium Comic Sans MS, Tahoma, Arial, sans-serif; 
	voice-family: "\"}\""; voice-family:inherit;
	} html>body {font-size:medium;}
#container {
	position: relative;
	width: auto;
	margin: 70px auto;
	text-align: left;
    background: #fff; 
	}
	
/* headings
--------------------------------*/
h1 {
	color: #333;
    font: bold 130% Comic Sans MS, Tahoma, Arial, sans-serif; 
	margin:0 0.5em 0 0.2em;
	background-repeat:no-repeat;
	background-position:left top;
	}
h1 a:link {
	color: #333;
    font: bold 130% Comic Sans MS, Tahoma, Arial, sans-serif; 
	text-decoration: none;
	}
h1 a:hover {
	color: #d84426;
	font: bold 130% Comic Sans MS, Tahoma, Arial, sans-serif; 
	text-decoration: none;
	}	
h2 {
	color: #333;
	font: bold 120% Comic Sans MS, Tahoma, Arial, sans-serif; 
	}
h3 {
	color: #d84426;
	font: bold 105% Comic Sans MS, Tahoma, Arial, sans-serif; 
	}
h4 {
	color: #333;
	font: bold 105% Comic Sans MS, Tahoma, Arial, sans-serif; 
	text-align: center;
	margin-bottom: 50px;
}
h4 a:link {
	color: #333;
	font: bold 105% Comic Sans MS, Tahoma, Arial, sans-serif; 
	text-decoration: none;
}
h4  a:hover {
	color: #d84426;
	font: bold 105% Comic Sans MS, Tahoma, Arial, sans-serif; 
	text-decoration: underline;
}
	
/*who we are photos
---------------------------- */
#photo {
	width: 636px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 800px;
	margin-top: 0px;
	}	
#photo a:link, #photo a:visited { 
	color: #000;
	text-decoration:none; 
	}
#photo a:hover { 
	color: #990000;
	}	
#photo1 {
	position: absolute;
	text-align: center;
	width: 200px;
	margin-left:0px;
	margin-top: 0px;
	}
	
#photo2 {
	position: absolute;
	text-align: center;
	width: 200px;
	margin-left:210px;
	margin-top: 0px;
	}
	
#photo3 {
	position: absolute;
	text-align: center;
	width: 200px;
	margin-left:420px;
	margin-top: 0px;
	}
	
#photo4 {
	position: absolute;
	text-align: center;
	width: 200px;
	margin-left:0px;
	margin-top:270px;
	}
	
#photo5 {
	position: absolute;
	width: 200px;
	margin-left: 210px;
	margin-top: 270px;
	}
	
#photo6 {
	position: absolute;
	width: 200px;
	margin-left:0px;
	margin-top:530px;
	margin-bottom:30px;
	}
	
#photo7 {
	position: absolute;
	width: 200px;
	margin-left:210px;
	margin-top:530px;
	margin-bottom:30px;
	}
	
	
/*navbar
---------------------------- */
#navbar {
	width: 636px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
	margin-bottom: 20px;
	}
#navbar a:link {
	color: #333;
	font: bold 80% Comic Sans MS, Tahoma, Arial, sans-serif; 
	text-decoration: none;
	}
#navbar a:hover {
	color: #d84426;
	text-decoration: none;
	}
#navbar a:visited {
	color: #333;
	font: bold 80% Comic Sans MS, Tahoma, Arial, sans-serif; 
	text-decoration: none;
	}	
body#aboutus a#aboutusnav,
body#contactus a#contactusnav,
body#productions a#productionsnav,
body#teamatwork a#teamatworknav,
body#whoweare a#whowearenav
 {
	color: #d84426;
	font: bold 80% Comic Sans MS, Tahoma, Arial, sans-serif; 
	text-decoration:none;	
}

.border {
	font-weight: bold;
	color: #333;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #333;
	border-bottom-color: #333;
	margin-top: 0px;
	text-align: center;
	text-decoration:none;	
}
	
/* supporting text
----------------------------------------*/
#supportingText {
	width: 636px;
	margin-top: 0px;
	margin-left: auto;
	margin-right:auto;
	padding:5px;
	voice-family: "\"}\"";
	voice-family: inherit;
	}
    html>body #centercontent {
    margin-left: 0px;
    margin-right:auto;
	}
#supportingText h2 {
	margin-top: 10px;
	text-align: left;
	}
#supportingText p {
	margin:0.75em 0 0.5em;
	line-height:1.5em;
	padding:0 1em 0 0.5em;
	text-align: left;
	}

#supportingText a:link, #supportingText a:visited { 
	color: #000;
	text-decoration:none;
	border-bottom: thin dotted #000;
	}
#supportingText a:hover { 
	color: #990000;
	border-bottom: thin dotted #000;
	}
/* aboutus columns
---------------------------------------*/
#left {
	margin-left: 0px;
	margin-bottom: 150px;
	width: 250px;
	}
#left p {
    margin: 0px;
	padding: 0px;
	}	

#flash {
    position: absolute;
	top: 50px;
	margin-left: 260px;
	width: 360px;
	}

/*production photos
---------------------------- */
#production {
	width: 636px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 700px;
	margin-top: 0px;
	}	
#production a:link, #production a:visited { 
	color: #000;
	text-decoration:none; 
	}
#production a:hover { 
	color: #990000;
	}	
#production1 {
	position: absolute;
	width: 300px;
	margin-left:0px;
	margin-top: 0px;
	}
	
#production2 {
	position: absolute;
	width: 300px;
	margin-left:310px;
	margin-top: 0px;
	}
	
#production3 {
	position: absolute;
	width: 300px;
	margin-left:150px;
	margin-top: 215px;
	}
	
#production4 {
	position: absolute;
	width: 300px;
	margin-left: 0px;
	margin-top: 450px;
	margin-bottom:30px;
	}
	
#production5 {
	position: absolute;
	width: 300px;
	margin-left: 320px;
	margin-top: 450px;
	margin-bottom: 30px;
	}
	
/* footer
------------------------------ */
	
#footer {
    background: url(film_strip_2_gs.jpg) repeat-x left bottom; 
	width: auto;
	height: 90px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	}
#footer p {
	color: #333;
	font: 60% Comic Sans MS, Tahoma, Arial, sans-serif;
    margin-top: 0.2em;
	margin-bottom: 70px;
	}
		
/* misc
------------------------------- */
acronym {border-width:0;}
img {border: 0px none;}
.redtext {
	color: #984426;
}
#skip a, #skip a:hover, #skip a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
 
#skip a:active
{
position:static;
width:auto;
height:auto;
} 

.rightspace {
	margin-right: 10px;
}
.caption {
	font-size: 120%;
	font-weight: normal;
	color: #984426;
}