@charset "UTF-8";
/* CSS Document */


/* RESET */
/* ----------------------------------------- */

*				{ margin: 0; padding: 0; }
html			{ overflow-y: scroll; }
html, body		{ height: 100% }
body			{ font-size: 75%; color: #000000; font-family: Arial, sans-serif; background: url(images/body_bg.jpg); }
ul				{ list-style: none; }
ol				{ list-style: decimal inside; }
a				{ outline: none; text-decoration: none; color: #000000; font-weight: bold; font-size: 13px; font-style: italic; }
a:visited		{ color: #000000; }
a:hover			{ color: #666666; } 
a img			{ border: none; }
img				{ vertical-align: middle; }
table			{ border-collapse: collapse; }
.highlight		{ font-weight: bold; color: #000000; }
.front			{ text-indent: -9999px; }

/* UTILITY */
.floatLeft		{ float: left; }
.floatRight		{ float: right; }
.clear			{ clear: both; }
/* END RESET AND UTILITY */				  


/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
/* END GLOBAL RESET */


/* TYPOGRAPHY  */

p { margin: 0 0 10px 0; }

h2#about		{ background:url(images/about-top.png) top left no-repeat; text-indent: -9999px; line-height: 28px; }

h2#contact		{ background:url(images/contact-top.png) top left no-repeat; text-indent: -9999px; line-height: 28px; }

h2#films		{ background:url(images/films-top.png) top left no-repeat; text-indent: -9999px; line-height: 28px; }

h3			{ font-size: 16px; font-variant:small-caps; }

.table { width: 230px; height: 35px; background-image: url(images/tableten.png); background-repeat: no-repeat; background-position: left top; }

/* END TYPOGRAPHY  */


#page-wrap			{ width: 1000px; margin: 0px auto; 
					  min-height: 100%; height: auto !important: height: 100%; }
					  
					  
					  
					  
/* HEADER  */				  
					  				  
#header				{ width: 1000px; height: 87px; padding-bottom: 10px; border-bottom: 2px solid #000000; }
					  
#branding			{width: 495px; height: 87px; float:left; }
					  
h1#logo				{ width: 495px; height: 87px;
					  background: url(images/logo.png) top center no-repeat;
					  text-indent: -9999px; }
					  
/* END HEADER  */



					  
/* NAVIGATION  */
#nav						{ padding: 0; height: 31px; padding-top: 55px; }
#main-nav					{ width: 450px; height: 31px; margin: 0; float: right; }
#main-nav li				{ display: block; float: left; padding: 0; }
#main-nav a			  		{ display: block; height: 31px; float: left; text-indent: -9999px; }

li#films a { width: 77px; margin: 0 15px; background-image: url(images/navsprite.png); background-repeat: no-repeat; background-position: left top; }
li#films a:hover { width: 77px; background-image: url(images/navsprite.png); background-repeat: no-repeat; background-position: left bottom; }

li#about a { width: 141px; margin: 0 15px; background-image: url(images/navsprite.png); background-repeat: no-repeat; background-position: -77px top; }
li#about a:hover { width: 141px; background-image: url(images/navsprite.png); background-repeat: no-repeat; background-position: -77px bottom; }

li#contact a { width: 102px; margin: 0 15px; background-image: url(images/navsprite.png); background-repeat: no-repeat; background-position: -218px top; }
li#contact a:hover { width: 102px; background-image: url(images/navsprite.png); background-repeat: no-repeat; background-position: -218px bottom; }


/* END NAVIGATION */

/* CONTENT */


#shadow		{ width: 1000px; height: 528px; background:url(images/shadow.png) top center no-repeat; position: absolute; }
#content	{ width: 955px; height: 485px; border: 3px solid #000000; position: relative; margin: 21px 0 0 22px; }

#contact-content	{ width: 955px; height: 485px; border: 3px solid #000000; position: relative; margin: 21px 0 0 22px; background: url(images/bg2.jpg) no-repeat; }

#front-content	{ width: 955px; height: 485px; border: 3px solid #000000; position: relative; margin: 21px 0 0 22px; background: url(images/bg1.jpg) no-repeat; }

#about-content	{ width: 955px; height: 485px; border: 3px solid #000000; position: relative; margin: 21px 0 0 22px; background: url(images/bg4.jpg) no-repeat; }

#films-content	{ width: 955px; height: 485px; border: 3px solid #000000; position: relative; margin: 21px 0 0 22px; background: url(images/bg3.jpg) no-repeat; }

#sidebar	{ width: 325px; height: 400px; border: 1px solid #000000; background: url(images/content_bg.png); float: right; margin: 20px 20px 0 0; padding: 20px; overflow:auto; position: relative; }

.stills		{ margin: 0 3px 6px 3px; border: 1px solid #000000; }

/* END CONTENT */

/* FOOTER */

#footer					{ width: 1000px; height: 64px; postion: relative; margin: 550px 0 0 0; }

#footer p				{ font-size: 10px; text-align:center; }

#footer a				{ outline: none; text-decoration: none; color: #000000; font-weight: bold; font-size: 10px; font-style: italic; }


/* END FOOTER */