@charset "utf-8";
/* Transparent PNG Background ID or class START*/
#loginBox, .indexMagTitle, { behavior: url(../../Scripts/iepngfix.htc) }
/* Transparent PNG Background ID or class END*/

#main {
position: relative;
	margin-left:auto;
	margin-right:auto;
	width: 965px;

}
#topbanner {
	margin-top:10px;
	height:100px;
	width: 720px;
	position: relative;
	float: left;
}
#leftmenu {
	width: 221px;
	float: left;
	position: relative;
	z-index:2;
}
#index_posters {
	width: 411px;
	position: relative;
	float: left;
	margin-bottom:5px;

}
#centerZone {
	width: 411px;
	position: relative;
	float: left;
}

#index_movies {
	width: 411px;
	position: relative;
	float: left;
	margin-bottom:5px;
	text-align: right;
}
#rightZone {
	width: 333px;
	position: relative;
	float: left;
	text-align: left;
}
#index_top {
	width: 320px;
	position: relative;
	float: left;
	clear:both;
}
#index_login {
	width: 333px;
	position: relative;
	float: left;
	text-align:left;
	clear:both;
}
#index_trailer {
	width: 305px;
	position: relative;
	float: left;
	margin-left:10px;
	clear:both;
}
#index_magazine {
	width: 305px;
	position: relative;
	float: left;
	padding-bottom: 10px;
	margin-left:10px;
	clear:both;
}
#index_news {
	width: 305px;
	position: relative;
	float: left;
	margin-left:10px;
	clear:both;
}
#index_review {
	width: 305px;
	position: relative;
	float: left;
	margin-left:10px;
	clear:both;
}
#footerZone {
	width: 950px;
	position: relative;
	float: left;
	text-align: right;
}
#mainbg {
	width: 100%;
	text-align: center;
}
#login {
	width: 218px;
	height: 167px;
	position: absolute;
	top: 400px;
	left: 0px;
	z-index:2;
	visibility: visible;
}
#pulldown {
	position:absolute;
	left:544px;
	top:288px;
	width:361px;
	height:38px;
	z-index:3;
}
/* index poster START*/
form,image { border:0px;}

#slideshow {
	position: relative;
	float: left;
	background-image: url(../imagesNF/posterBG.jpg);
	background-repeat: no-repeat;
	width:411px;
	overflow:hidden;
}

#slideshow DIV {
    position:absolute;
    top:8px;
    left:11px;
    z-index:8;
    opacity:0.0;
    height: 606px;
	width: 390px;

	overflow:hidden;
}

#slideshow DIV h2 {
    background-color:#000;
	width: 390px;
	height: 25px;
	position:relative;
	display:block;
	bottom:0px;
	
}

#slideshow DIV h3 {
	width: 390px;
	height: 24px;
	position: relative;
	display: block;
	bottom: 0px;
}

#slideshow DIV h4 {
	width: 390px;
	height: 557px;
	position:relative;
	display:block;
	bottom:0px;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

.posterDetail{
	width :54px;
	height :18px;
	cursor:pointer;
	position:absolute;
	right:0px;
	top:4px;
	display:block;
	background-image: url(../imagesNF/btn_posterDetail.gif);
	background-repeat: no-repeat;
}
.buttonL {
	background-image: url(../imagesNF/posterArrowLOn.gif);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	height: 16px;
	width: 16px;
	top:4px;
	left:4px;
	cursor:pointer;
}

.buttonR {
	background-image: url(../imagesNF/posterArrowROn.gif);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	height: 16px;
	width: 16px;
	top:4px;
	left:25px;
	cursor:pointer;
}

/*index poster END*/

/* login box START*/
#loginBox {
	width: 333px;
	height: 103px;
	position: relative;
	float: left;
	text-align:left;
	background-image: url(../imagesNF/loginBG.png);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}
.btnIndexLogin {
	position: absolute;
	display:block;
	width:151px;
	height:54px;
	background-image: url(../imagesNF/btn_login.png);
	background-repeat: no-repeat;
	background-position: left top;
	top:24px;
}
.btnIndexLogin:hover {background-position: left bottom;}
.btnIndexSignLC {
	position: absolute;
	display:block;
	width:150px;
	height:28px;
	background-image: url(../imagesNF/btn_signUpLC.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left:158px;
	top:18px;
}
.btnIndexSignLC:hover {background-position: left bottom;}
.btnIndexSignUO {
	position: absolute;
	display:block;
	width:150px;
	height:28px;
	background-image: url(../imagesNF/btn_signUpUO.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left:158px;
	top:53px;
}
.btnIndexSignUO:hover {background-position: left bottom;}

/* login box END*/

/* popCorn Box START*/
a { text-decoration:none; }
a:hover { color:#000; text-decoration:none;}

.indexMagTitle{
	position:relative;
	display:block;
	width:304px;
	height:33px;
	background-image: url(../imagesNF/titlePopCorn.png);
	background-repeat: no-repeat;
	background-position: left bottom;		
}
.indexMagBG{
	position:relative;
	display:block;
	float:left;
	overflow:hidden;
	width:302px;
	height:208px;
	background-image: url(../imagesNF/magBG.png);
	background-repeat: no-repeat;
	background-position: left top;		
}
.indexMagBG img{
	position:relative;
	display:block;
	float:left;
	width:136px;
	height:199px;
	overflow:hidden;
	margin:4px 0px 0px 9px;
	_margin-left:5px;
}
.indexMagBtn{
	position:relative;
	display:block;
	float:left;
	width:131px;
	height:53px;
	background-image: url(../imagesNF/btn_magBG.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left:18px;
	margin-top:10px;
	text-decoration:none;
	overflow:hidden;
	cursor:hand;
}
.indexMagBtn:hover{background-position: left top;}

.indexMagTitle1{
	position:relative;
	display:block;
	float:left;
	font-size:13px;
	color:#010101;
	clear:both;
	width:100px;
	text-decoration:none;
	left:22px;
	margin-top:5px;
	font-weight:bold;
}
.indexMagTitle2{
	position:relative;
	display:block;
	float:left;
	font-size:12px;
	font-weight:normal;
	color:#434343;
	clear:both;
	width:100px;
	text-decoration:none;
	left:22px;
}
/* popCorn Box END*/

#faceBookZone {
	position:relative;
	display:block;
	float:left;
	clear:both;
	background-color:#fff;
	margin-left:220px;
	margin-bottom:10px;
	
	overflow:hidden;
	height:300px;
	width:726px;
	border:solid #94A3C4 1px;
}