/* Global Setting */


body 		{
	font-family: Arial, Helvetica, sans-serif;
	background-color:#000000;
	margin:0px auto;
	text-align:center
}
ul,li,h1,h2,h3,h4,h1,h2,h3,h4,h5,p {	margin:0; padding:0;	}
p { line-height: 16px;}
:focus { outline: none; }
a 			{ text-decoration:none; color:#999999;}
a:hover 	{	text-decoration:none;	color:#000000;}
a img 		{ border: 0px;}
ul 			{ list-style-image: none;	list-style-type: none; margin: 0px; padding: 0px;}
.clear {	margin: 0px;	padding: 0px;	clear: both;}

#container {
	width:1055px;
	position:relative;
	margin:25px auto 10px;
	text-align: center;
}
#divSWF { position: absolute; right: 10px; width: 180px; top: 10px; z-index: 999;}
#page {
	
	min-height:802px;
	min-width:757px;
	opacity: 0;
	filter: alpha(opacity=0);
}
#landing {
	
	min-height:802px;
	min-width:757px;
}
.about {background: url(../Images/bg-2-.jpg) no-repeat 0px 0px;}
.cast {background: url(../Images/cast.jpg) no-repeat 0px 0px;}
.cast1main {background: url(../Images/cast-1-main.jpg) no-repeat 0px 0px;}
.cast2main {background: url(../Images/cast-2-main.jpg) no-repeat 0px 0px;}
.cast3main {background: url(../Images/cast-3-main.jpg) no-repeat 0px 0px;}
.cast4main {background: url(../Images/cast-4-main.jpg) no-repeat 0px 0px;}
.cast5main {background: url(../Images/cast-5-main.jpg) no-repeat 0px 0px;}
.cast6main {background: url(../Images/cast-6-main.jpg) no-repeat 0px 0px;}
.filmmakers {background: url(../Images/filmmakers.jpg) no-repeat 0px 0px;}
.scene {background: url(../Images/scene.jpg) no-repeat 0px 0px;}
.video {background: url(../Images/video.jpg) no-repeat 0px 0px;}
.pressroom {background: url(../Images/press.jpg) no-repeat 0px 0px;}
.advocacy {background: url(../Images/advocacy.jpg) no-repeat 0px 0px;}

.content{
	position: absolute;
	width: 255px;
	left: 50px;
	height: 647px;
	padding: 130px 30px 10px 20px;
	background:url(../Images/content-bg.png) 0px 0px repeat;
	top: 8px;
	text-align:right;
	display: block;
}
.Mask {
	position:absolute;
	z-index: 100;
	height:802px;
	padding: 0px;
	bottom: 47px;
	width:305px;
	left: 50px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.aboutMask {background: url(../images/mask.jpg) no-repeat 0px bottom;}
.Cast1Mask {background: url(../images/cast1mask.jpg) no-repeat 0px bottom;}
.Cast2Mask {background: url(../images/cast2mask.jpg) no-repeat 0px bottom;}
.Cast3Mask {background: url(../images/cast3mask.jpg) no-repeat 0px bottom;}
.Cast4Mask {background: url(../images/cast4mask.jpg) no-repeat 0px bottom;}
.Cast5Mask {background: url(../images/cast5mask.jpg) no-repeat 0px bottom;}
.Cast6Mask {background: url(../images/cast6mask.jpg) no-repeat 0px bottom;}
.fimmakersMask {background: url(../images/filmmakersMask.jpg) no-repeat 0px bottom;}
.sceneMask {background: url(../images/sceneMask.jpg) no-repeat 0px bottom;}
.videoMask {background: url(../images/videoMask.jpg) no-repeat 0px bottom;}
.pressMask {background: url(../images/pressMask.jpg) no-repeat 0px bottom;}
.advocacyoMask {background: url(../images/advocacyMask.jpg) no-repeat 0px bottom;}

.content h1 { margin:0px; padding:0px;}
.content p, .content h2 {
	margin: 10px 0px;
	line-height: 20px;
	color:#FFF;
	font-family:Calibri;
	font-size:13px;
	}
.content h2 {
	margin: 20px 0px 0px;
	font-size:14px;
	}
.content p a { color:#FFF;}
.content #logo {
	position:absolute;
	margin-top:25px;
	bottom: 20px;
	left: 20px;
}
#nav {
	position: absolute;
	top: 742px;
	left: 369px;
	display: none;
	z-index:9999;
}
#nav ul {
}
#nav ul li {
	display: inline;
	margin-right: 0px;
	margin-left: 0px;
}


.page { background:#2BABBB;}
#header {
	background: url(../Images/bg-sky.jpg) repeat-x 0px 0px;
	padding:15px 0px;
}

/* ----- Cast Page ---- */
#back2Cast { position:absolute; right: 30px; top: 60px;}
#castContent ul { padding: 0px; margin: 0px; position: relative;}
#castContent li { display:block;}
#castContent li a { float:left; display: block;}
#castContent li a img {	position:absolute;}
.img2 {opacity: 0; filter: alpha(opacity=0);}

#cast-1, #cast-2, #cast-3, #cast-4, #cast-5, #cast-6 { position:absolute;}
#cast-1 { left: 0px; top:0px;}
#cast-2 { left: 352px; top:0px;}
#cast-3 { left: 695px; top:0px;}
#cast-4 { left: 0px; top:399px;}
#cast-5 { left: 352px; top:399px;}
#cast-6 { left: 695px; top:399px;}

#castCopy { padding-top:30px;}

/* ---- FilmMakers --- */

#Copy { padding-top: 30px;}
#Copy p {margin: 3px 0px 10px; line-height:15px;}
#Copy a { color:#FFF;}

/* ---- Scene -----*/

.gallery { position: relative; width: 255px; height:400px; margin-top: 30px;}
.gallery ul { padding: 0px; margin: 0px;}
.gallery li{ float:left; display: block;}
.gallery li a { display: block; float:left; margin: 5px 0px 0px 5px;}
.gallery li a img { width: 80px; height: 53px;}

#scene-1, #scene-2, #scene-3, #scene-4, #scene-5, #scene-6, #scene-7, #scene-8,
#scene-9, #scene-10, #scene-11, #scene-12, #scene-13, #scene-14, #scene-15, #scene-no
{ background: url(../images/Gallery/thumb/scene-1b.jpg) no-repeat 0px 0px; width:80px; height:53px; }
#scene-2 { background: url(../images/Gallery/thumb/scene-2b.jpg) no-repeat 0px 0px;}
#scene-3 { background: url(../images/Gallery/thumb/scene-3b.jpg) no-repeat 0px 0px;}
#scene-4 { background: url(../images/Gallery/thumb/scene-4b.jpg) no-repeat 0px 0px;}
#scene-5 { background: url(../images/Gallery/thumb/scene-5b.jpg) no-repeat 0px 0px;}
#scene-6 { background: url(../images/Gallery/thumb/scene-6b.jpg) no-repeat 0px 0px;}
#scene-7 { background: url(../images/Gallery/thumb/scene-7b.jpg) no-repeat 0px 0px;}
#scene-8 { background: url(../images/Gallery/thumb/scene-8b.jpg) no-repeat 0px 0px;}
#scene-9 { background: url(../images/Gallery/thumb/scene-9b.jpg) no-repeat 0px 0px;}
#scene-10 { background: url(../images/Gallery/thumb/scene-10b.jpg) no-repeat 0px 0px;}
#scene-11 { background: url(../images/Gallery/thumb/scene-11b.jpg) no-repeat 0px 0px;}
#scene-12 { background: url(../images/Gallery/thumb/scene-12b.jpg) no-repeat 0px 0px;}
#scene-13 { background: url(../images/Gallery/thumb/scene-13b.jpg) no-repeat 0px 0px;}
#scene-14 { background: url(../images/Gallery/thumb/scene-14b.jpg) no-repeat 0px 0px;}
#scene-15 { background: url(../images/Gallery/thumb/scene-15b.jpg) no-repeat 0px 0px;}
#scene-no { background: none}
/* ---- Video -----*/

.videoGallery { position: relative; width: 255px; height:400px; margin-top: 30px;}
.videoGallery ul { padding: 0px; margin: 0px;}
.videoGallery li{ float:right; display: block; width: 125px;}
.videoGallery li a { display: block; float:right; margin: 5px 0px 5px 15px;}
.videoGallery li a img { width:85px; height: 55px;}
.videoGallery li span { color:#FFF; font-family:Calibri; font-size:13px; display: block; text-align:center; padding-left: 35px;}

#frame { position:absolute; background:url(../images/frame.png) no-repeat 0px 0px; padding:5px 0px; top:250px; left:410px;  width:586px; height: 408px; display:none;}
#frame img { position:absolute; left: 17px; top: 12px;}
#frame div {opacity: 0; filter: alpha(opacity=0%); z-index: 100;}

#frame #videoFrame { position:absolute; top: 13px; left: 13px;}

/* ------- Press Room -------*/

#twitterBox { position:absolute; top: 70px; right: 30px; width: 255px;  overflow:hidden; height: 240px;}
.twitterFeed { overflow: hidden; margin-top: 10px;}
.twitterFeed li {
	margin: 10px 0px;
	line-height: 16px;
	color:#FFF;
	font-family:Calibri;
	font-size:13px;
}
.twitterFeed ul { top: 0px;}
.twitterFeed li span{ display: block;}
.twitterFeed li a{ color:#FFF; display: block;}

#footer { display: block; height: 40px;}
#footer #links { float: right; width: 190px; margin: 10px 0px 0px;}
#footer #links li { display: block; float: left; color: #FFF; font-family: Calibri; font-size:13px; }
#footer #links li.text { padding: 5px 10px 0px 0px;}
#footer #links li a { display: block; float: left; margin: 0px 7px;}