@charset "UTF-8";
body  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
	background:#000;
}

h2 {font-size:16px; color:#3989a8; margin:0 0 5px 0; padding-top:10px;}
h3 {font-size:14px; color:#3989a8; margin:0 0 5px 0; padding-top:5px;}
h4 {font-size:14px; color:#dfe6c7; margin:0 0 5px 0; font-weight:normal;}

img {padding:0; margin:0;}

a { border:none; padding:0; text-decoration:none; background-color:#000000; margin:0;}
a img {padding:0; margin:0; background-color:#000000; border:none;}

#container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0;
}
#header {margin-top:37px;}
#mainMenu {}
#mainMenu ul {margin:0; padding:0;}
#mainMenu ul li {display:inline; list-style:none; margin:0px; padding-bottom:2px; background-color:#CCCCCC; border:none;}
#mainMenu ul li a {margin:0; padding:0 0 0 0; border:none; text-align:left; background-color:#000;}

#subMenu ul {margin:0 0 20px 0; padding:0;}
#subMenu ul li {display:block; list-style:none;}
#subMenu ul li a {color:#dfe6c7;}
#subMenu ul li a:hover {color:#6c6a5a;}


#mainMenu ul li.home a {background: url(siteimages/home.gif) 0 0px no-repeat; top:0; position:absolute; margin:0; width:66px; height:33px;}
#mainMenu ul li.trailer a {background: url(siteimages/trailer.gif) 0 0px no-repeat; top:0; position:absolute; margin-left:66px; width:161px; height:33px;}
#mainMenu ul li.cinema a {background: url(siteimages/cinema.gif) 0 0px no-repeat; top:0; position:absolute; margin-left:227px; width:166px; height:33px;}
#mainMenu ul li.press a {background: url(siteimages/press.gif) 0 0px no-repeat; top:0; position:absolute; margin-left:393px; width:126px; height:33px;}
#mainMenu ul li.gallery a {background: url(siteimages/gallery.gif) 0 0px no-repeat; top:0; position:absolute; margin-left:519px; width:82px; height:33px;}
#mainMenu ul li.synopsis a {background: url(siteimages/synopsis.gif) 0 0px no-repeat; top:0; position:absolute; margin-left:601px; width:179px; height:33px;}

#mainMenu ul li a:hover {background-color:#dfe6c7;}
#mainMenu ul li.highlight a {background-color:#dfe6c7;}

#mainMenu ul li span {position:absolute; left:-9999px; top:0;}

#trailer {height:400px;}

#cinema_info table {padding:20px 0 20px 0; margin:0; background-color:none; border:none;}
#cinema_info td.date {width:100px; color:#6c6a5a;}
#cinema_info td a {color:#3989a8;}
#cinema_info td a:hover {color:#dfe6c7;}

#press {width:500px;}
#press p {padding:0; margin:0 0 5px 0; color:#aaaf99; }

#gallery {padding:20px 0 20px 0;}

.reflection {background: url(siteimages/middle_back.jpg) 0 0px no-repeat;}
div.press {margin-bottom:40px;}


#press p.p1 {color:#dfe6c7;}
#press p.p2 {color:#aaaf99;}


p.p1 span {color:#3989a8; font-weight:bold;}
p.p2 span {color:#dfe6c7; font-weight:bold;}

div.float_left {float:left; height:270px;}
div.float_right {float:right; height:270px;}
div.clear {clear:both;}

#copyright {color:#fff; font-size:11px; text-align:center;}

#credits, #credits a:link, #credits a:visited, #credits a:hover, #credits a:active  { font-size:10px; color:#333; }
#credits a:hover, #credits a:active  { color:#666; }