@charset "utf-8";
/* 
===========================================
MAIN
=========================================== 
*/

body {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #808080;
	height:100%;
}
p {
	margin:0;
	padding:8px 0
}
img {
	behavior: url(/library/css/iepngfix.htc);
	border:none;
}
#language {
	text-align:right;
	padding:5px 10px 0 0;
}
#container {
	width: 982px;  /* 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 */
	border: 1px solid #000000;
	text-align: right; /* this overrides the text-align: center on the body element. */
}
#containerDetail {
	width: 922px;  /* 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 */
	padding-top:20px;
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	margin: 0px 0 0 0;
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	text-align:center;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	width:100%;
	float:left;
	text-align: center;
	margin: 30px 0 0 0;
	padding: 0;/* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#mainContentDetail {
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0 /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#footer {
	padding: 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	clear: both;
	left: -2px;
	bottom: 0px;
	width: 100%;
	height:20px;
	margin: 50px auto 0px;
	padding-top: 50px auto 0px;
	text-align: center;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 80%;
	color: #333333;
	text-align: center;
}
#footer a {
	color: #333333;
}
#title {
	margin:0 0 10px 0;
}
#close {
	float:left;
	margin:20px 20px;
}
/* Two columns*/
#mainLeft {
	float:left;
	width:366px;
	text-align:center;
}
#mainRight {
	float:left;
	width:550px;
	text-align:left;
	font-size:110%;
	padding-bottom:25px;
}
/*-- LINKS --*/
	
a:link, a:visited {
	color: #ff9900;
	text-decoration: none;
}
a:hover {
	color:#999999;
	text-decoration: none;
}
h1 a:link, h1 a:visited, h1 a:hover {
	color: #ff9900;
	text-decoration: none;
}
/* 
===========================================
menu EN
=========================================== 
*/

ul#menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#menu li {
	float: left;
}
ul#menu li a { /*display:inline;*/
	height:33px;
	text-indent:-9009px;
	background-image: url(../../img/various/menu_EN.png);
	background-repeat: no-repeat;
	background-position: 0px 0;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	overflow: hidden;
	indent: 0px;
	padding: 0px;
}
/* BUTTONS */
ul#menu li#home a {
	background-position: 0 0;
	width:169px;
}
ul#menu li#movies a {
	background-position: -169px 0;
	width:161px;
}
ul#menu li#series a {
	background-position: -330px 0;
	width:161px;
}
ul#menu li#news a {
	background-position: -491px 0;
	width:161px;
}
ul#menu li#aboutus a {
	background-position: -652px 0;
	width:162px;
}
ul#menu li#contact a {
	background-position: -814px 0;
	width:168px;
}
/* OVER STATES */
ul#menu li#home a:hover {
	background-position: 0 -35px;
	width:169px;
}
ul#menu li#movies a:hover {
	background-position: -169px -35px;
	width:161px;
}
ul#menu li#series a:hover {
	background-position: -330px -35px;
	width:161px;
}
ul#menu li#news a:hover {
	background-position: -491px -35px;
	width:161px;
}
ul#menu li#aboutus a:hover {
	background-position: -652px -35px;
	width:162px;
}
ul#menu li#contact a:hover {
	background-position: -814px -35px;
	width:168px;
}
/* PRESSED STATES */
ul#menu li#home a:active {
	background-position: 0 -70px;
	width:169px;
}
ul#menu li#movies a:active {
	background-position: -169px -70px;
	width:161px;
}
ul#menu li#series a:active {
	background-position: -330px -70px;
	width:161px;
}
ul#menu li#news a:active {
	background-position: -491px -70px;
	width:161px;
}
ul#menu li#aboutus a:active {
	background-position: -652px -70px;
	width:161px;
}
ul#menu li#contact a:active {
	background-position: -814px -70px;
	width:168px;
}
/* ON STATES */
ul#menu.home li#home a {
	background-position: 0 -105px;
	width:169px;
}
ul#menu.movies li#movies a {
	background-position: -169px -105px;
	width:161px;
}
ul#menu.series li#series a {
	background-position: -330px -105px;
	width:161px;
}
ul#menu.news li#news a {
	background-position: -491px -105px;
	width:161px;
}
ul#menu.aboutus li#aboutus a {
	background-position: -652px -105px;
	width:161px;
}
ul#menu.contact li#contact a {
	background-position: -814px -105px;
	width:168px;
}
/* 
===========================================
menu ES
=========================================== 
*/

ul#menu_ES {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#menu_ES li {
	float: left;
}
ul#menu_ES li a { /*display:inline;*/
	height:33px;
	text-indent:-9009px;
	background-image: url(../../img/various/menu_ES.png);
	background-repeat: no-repeat;
	background-position: 0px 0;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	overflow: hidden;
	indent: 0px;
	padding: 0px;
}
/* BUTTONS */
ul#menu_ES li#home a {
	background-position: 0 0;
	width:169px;
}
ul#menu_ES li#movies a {
	background-position: -169px 0;
	width:161px;
}
ul#menu_ES li#series a {
	background-position: -330px 0;
	width:161px;
}
ul#menu_ES li#news a {
	background-position: -491px 0;
	width:161px;
}
ul#menu_ES li#aboutus a {
	background-position: -652px 0;
	width:162px;
}
ul#menu_ES li#contact a {
	background-position: -814px 0;
	width:168px;
}
/* OVER STATES */
ul#menu_ES li#home a:hover {
	background-position: 0 -35px;
	width:169px;
}
ul#menu_ES li#movies a:hover {
	background-position: -169px -35px;
	width:161px;
}
ul#menu_ES li#series a:hover {
	background-position: -330px -35px;
	width:161px;
}
ul#menu_ES li#news a:hover {
	background-position: -491px -35px;
	width:161px;
}
ul#menu_ES li#aboutus a:hover {
	background-position: -652px -35px;
	width:162px;
}
ul#menu_ES li#contact a:hover {
	background-position: -814px -35px;
	width:168px;
}
/* PRESSED STATES */
ul#menu_ES li#home a:active {
	background-position: 0 -70px;
	width:169px;
}
ul#menu_ES li#movies a:active {
	background-position: -169px -70px;
	width:161px;
}
ul#menu_ES li#series a:active {
	background-position: -330px -70px;
	width:161px;
}
ul#menu_ES li#news a:active {
	background-position: -491px -70px;
	width:161px;
}
ul#menu_ES li#aboutus a:active {
	background-position: -652px -70px;
	width:161px;
}
ul#menu_ES li#contact a:active {
	background-position: -814px -70px;
	width:168px;
}
/* ON STATES */
ul#menu_ES.home li#home a {
	background-position: 0 -105px;
	width:169px;
}
ul#menu_ES.movies li#movies a {
	background-position: -169px -105px;
	width:161px;
}
ul#menu_ES.series li#series a {
	background-position: -330px -105px;
	width:161px;
}
ul#menu_ES.news li#news a {
	background-position: -491px -105px;
	width:161px;
}
ul#menu_ES.aboutus li#aboutus a {
	background-position: -652px -105px;
	width:161px;
}
ul#menu_ES.contact li#contact a {
	background-position: -814px -105px;
	width:168px;
}
/* 
===========================================
Home
=========================================== 
*/

#newsBox {
	width:650px;
	padding: 0 auto;
	font-size: 80%;
	text-align:center;
	margin:0 auto;
}
#newsBox .title {
	background-image: url(../../img/various/newsBox_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:650px;
	height:44px;
	text-indent:17px;
	text-align:left;
	padding-top:5px;
	font-size: 250%;
	font-weight:200;
	color:#ffffff;
	letter-spacing: -1px;
	text-align:left;
}
#newsBox .box {
	background-color:#333333;
	width:650px;
	text-align:left;
	padding: 0px 0px;
	margin:0 0;
}
#newsBox .text {
	color: #E1E1E1;
	font-size: 120%;
	padding: 1px 15px;
	margin:0 0;
	border-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-color: #707070;
}
#newsBox .text .newsDate {
	color:#000000;
	margin:0px;
	font-size: 90%;
}
#newsBox .text .newsSubtitle {
	color: #999999;
}
#newsBox .text .newsTitle {
	padding-top:15px;
	font-weight:800;
	color:#CCCCCC;
	text-decoration:underline;
}
#newsBox .text .newsTitle a {
	text-decoration:underline;
}
#newsBox .bottom {
	background-image: url(../../img/various/newsBox_bot.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:650px;
	height:8px;
}
#flash {
	margin-top:20px;
	margin-bottom:30px;
	z-index:0;
}
/* PRETTY SEARCH */

#search_box {
	padding: 0 auto;
	margin: 0 auto;
	width:200px;
	height: 25px;
}
#search_box #left {
	float:left;
	padding: 3px 0 0 0px;
	margin: 0px 0px 0 0px;
	border: 0;
	width: 10px;
	height: 17px;
	background-image: url(../../img/various/search-left.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #666666;
}
#search_box #testinput_xml, #s {
	float:left;
	padding: 3px 0 0 0px;
	margin: 0px 0px 0 0px;
	border: 0;
	width: 167px;
	height: 17px;
	background-image: url(../../img/various/search-bckgd.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	color: #666666;
	background-color: #000000;
	text-indent:0px;
	font-size:11px;
}
#search_box #go {
	float: left;
}
/* ---------------------------- */
/* CUSTOMIZE AUTOSUGGEST STYLE	*/
#results {
	width:140px;
	font-size:80%;
	margin:0 auto;
}
#results ul, #results li {
	padding:0;
	margin:0;
	border:0;
	list-style:none;
}
#results li {
	border-top:solid 1px #666666;
}
#results li a {
	display:block;
	padding:2px;
	text-decoration:none;
	color:#CCCCCC;
	font-weight:normal;
}
#results li a small {
	display:block;
	text-decoration:none;
	color:#ffffff;
	font-weight:normal;
}
#results li a:hover {
	color:#ff9900;
}
#results ul {
	padding:6px;
}
/* Film Genre Menu*/
	
ul#filmGenre li {
	display:inline;
	border:none;
	margin:0;
	padding:0px;
}
ul#filmGenre li a {
	display:inline;
	font-size:110%;
	margin:0px;
	padding:0px;
	color:#ff9900
}
ul#filmGenre li#g1 a {
	background-image: url(../../img/various/mg1_action.gif);
	background-repeat: no-repeat;
	margin:0px;
	padding:0px 10px 0 15px;
	background-position: left 2px;
}
ul#filmGenre li#g2 a {
	background-image: url(../../img/various/mg2_comedy.gif);
	background-repeat: no-repeat;
	margin:0px;
	padding:0px 10px 0 15px;
	background-position: left 2px;
}
ul#filmGenre li#g3 a {
	background-image: url(../../img/various/mg3_drama.gif);
	background-repeat: no-repeat;
	margin:0px;
	padding:0px 10px 0 15px;
	background-position: left 2px;
}
ul#filmGenre li#g4 a {
	background-image: url(../../img/various/mg4_family.gif);
	background-repeat: no-repeat;
	margin:0px;
	padding:0px 10px 0 15px;
	background-position: left 2px;
}
ul#filmGenre li#g5 a {
	background-image: url(../../img/various/mg5_thriller.gif);
	background-repeat: no-repeat;
	margin:0px;
	padding:0px 10px 0 15px;
	background-position: left 2px;
}
ul#filmGenre li#g6 a {
	background-image: url(../../img/various/mg6_horror.gif);
	background-repeat: no-repeat;
	margin:0px;
	padding:0px 10px 0 15px;
	background-position: left 2px;
}
ul#filmGenre li#g7 a {
	background-image: url(../../img/various/mg7_romantic.gif);
	background-repeat: no-repeat;
	margin:0px 30px 0 0;
	padding:0px 10px 0 15px;
	background-position: left 2px;
}
ul#filmGenre li#g8 a {
	background-image: url(../../img/various/mg5_thriller.gif);
	background-repeat: no-repeat;
	margin:0px 30px 0 0;
	padding:0px 10px 0 15px;
	background-position: left 2px;
}
ul#filmGenre li a:hover {
	color:#999999
}
ul#filmGenre.g1 li#g1 a {
	color:#ff9900
}
ul#filmGenre.g2 li#g2 a {
	color:#ff9900
}
ul#filmGenre.g3 li#g3 a {
	color:#ff9900
}
ul#filmGenre.g4 li#g4 a {
	color:#ff9900
}
ul#filmGenre.g5 li#g5 a {
	color:#ff9900
}
ul#filmGenre.g6 li#g5 a {
	color:#ff9900
}
ul#filmGenre.g7 li#g5 a {
	color:#ff9900
}
ul#filmGenre.g8 li#g5 a {
	color:#ff9900
}
/* Search Results title*/
	
#searchResultsTitle {
	font-size: 220%;
	font-weight:200;
	color:#ffffff;
	letter-spacing: -1px;
	text-align:left;
	padding-left:115px;
	padding-top:20px;
}
#searchResultsTitle .small {
	font-size: 45%;
	letter-spacing: 0px;
	color:#999999;
}
/* About title*/
	
#aboutTitle {
	font-size: 220%;
	font-weight:200;
	color:#ffffff;
	letter-spacing: -1px;
	text-align:left;
	margin-bottom:20px;
	padding-bottom:10px;
	padding-top:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#aboutLogo {
	margin-top:40px;
}
/* Contact*/
#contact {
	margin: 0;
	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 */
}
#contact .table {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	vertical-align: top;
}
#contact .name {
	font-weight:800;
	color: #ffffff;
}
#contact td {
	vertical-align: top;
	padding-bottom:15px;
}
#contact img {
	border:2px solid #999999;
}
#contact .function {
	color: #ffffff;
}
/*Movie details*/
#filmPage {
}
#filmPage .title {
	font-size: 110%;
	color:#ffffff;
	margin-top:20px;
	text-align:left;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#filmPage .synopsis {
}
#filmPage .details {
	margin-top:20px;
	font-size:90%;
}
#movieCover {
	margin-top:20px;
}
#smallPictures img {
	padding-right:5px;
}
/*splash page*/
#splashBox {
	width:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#splashLeft {
	text-indent:-9009px;
	width:50%;
	height:750px;
	vertical-align:bottom;
	float:left;
	background-attachment: scroll;
	background-image: url(../../img/various/logo-moon-sm.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto;
}
#splashRight {
	height:750px;
	width:50%;
	vertical-align:bottom;
	float:left;
	height:300px;
}