@charset "UTF-8";

@import url("reset.css");

body
{
	background:url(../images/bg-repeat-blue.gif) top left repeat-x;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

div#Leaderboard
{
	background-color:#0e0e0e;
	text-align:center;
	height:90px;
	padding:4px;
}

p#Skip
{
	font-size: 1px;
	left: -9999px;
	line-height: 0px;
	margin: 0;
	padding: 0;	
	position: absolute;
	width: 9999px;
}

div#BannerAd
{
	background-color:#0e0e0e;
	text-align:center;
	height:90px;
	padding:4px;
}


div#TitleBar
{
	margin:0px auto;
	width:990px;
	position:relative;
	height:95px;
}

div#TitleBar h1
{
	font-size:.1em;
	font-weight:normal;
	text-indent:-5000px;
	position:absolute;
	top:23px;
	left:20px;
	color:#222222;
	background:url(../images/ng-movies-title.gif) no-repeat top left;
	width:543px;
	height:58px;
}


div#TitleBar h2
{
	background:url(../images/ng-et-logo.gif) no-repeat top left;
	width:132px;
	height:65px;
	text-indent:-5000px;
	line-height:1px;
	font-size:1px;
	position:absolute;
	top:15px;
	right:20px;
}

div#TitlePromo
{
	position:absolute;
	top:20px;
	left:590px;
	width:110px;
}

div#TitlePromo a, div#TitlePromo a:link, div#TitlePromo a:active, div#TitlePromo a:visited
{
	color:#FFF;
}

div#TitlePromo h3
{
	font-size:.75em;
	font-weight:bold;
	position:relative;
	top:10px;
	left:83px;
}

div#TitlePromo p
{
	font-size:.65em;
	line-height:1.1em;
	position:relative;
	top:10px;
	left:83px;
}

div#TitlePromo img
{
	position:absolute;
	top:0px;
	left:0px;
}

div#Masthead
{
	background:url(../images/dl-footer-repeat.gif) bottom left repeat-x #7fa0ba;
	padding-bottom:8px;
	width:990px;
	height:350px;
	margin:0px auto;
	position:relative;
}

div#Body
{
	margin:0px auto;
	width:990px;
	background:#FFF;
	margin-bottom:20px;
	font-size:.75em;
	line-height:1.35em;
	color:#666666;
}

div#Body h3, div#InsideNGMovies h3, div#DidYouKnow h3
{
	background:url(../images/h3-bullet.gif) no-repeat 0px 3px;
	font-size:1.5em;
	line-height:1.25em;
	font-weight:bold;
	padding-left:15px;
	margin-bottom:14px;
	color:#323232;
}

div#InsideNGMovies h3
{
	color:#FFF;
}

div#Body h4
{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:6px;
	color:#333;
}

div#Body h5
{
	font-size:1em;
	line-height:1em;
	font-weight:bold;
	margin-bottom:2px;
	color:#333;
}

div#Body a, div#Body a:link, div#Body a:active, div#Body a:visited
{
	color:#666;
	text-decoration:none;
}

div#Body a:hover
{
	text-decoration:underline;
	color:#666;
}

div#Content
{
	float:left;
	width:608px;
	border-right:1px solid #e6e6e6;
	margin:20px 0px 20px 20px;
	padding-right:20px;
}

div#SideContent
{
	float:right;
	width:300px;
	margin:20px;
}

div#Sections
{
	float:left;
	width:407px;
	border-right:1px solid #e6e6e6;
	padding-right:20px;
	margin-bottom:20px;
}

div#SideSections
{
	float:right;
	width:160px;
	margin-bottom:20px;
}

.ComingSoon p+p
{
	margin-top:6px;
}

div.section
{
	margin-top:20px;
	border-top:1px solid #e6e6e6;
	padding-top:20px;
}

div#DynamicLead
{
	margin-bottom:18px;
	position:absolute;
	top:0px;
	left:0px;
	width:608px;
	height:350px;
}

div#DynamicLead p
{
	padding:25px;
	text-align:center;
	background:#7fa0ba;
	width:558px;
	height:300px;
	color:#fff;
}

div#DynamicLead a, div#DynamicLead a:link, div#DynamicLead a:active, div#DynamicLead a:visited
{
	color:#fff;	
}

div#InternalAd
{
	clear:both;
}

div#AboutNGMovies p
{
	line-height:1.75em;
}


div#SuppContent
{
	clear:both;
	margin:0px 20px;
}

div#MoreFromNG
{
	width:auto;
	height:150px;
	background:#7fa0ba;
	border:1px solid #7fa0ba;
	position:relative;
	margin-bottom:20px;
	margin-top:35px;
}

div#MoreFromNG h3
{
	margin-top:-35px;
}


div#Carousel
{
	position:absolute;
	top:16px;
	left:31px;
	width:888px;
	height:125px;
	overflow:hidden;
}

div#Carousel ol
{
	width:2000px;
	display:block;
	position:relative;
}

div#Carousel ol li
{
	float:left;
	width:100px;
	height:112px;
	padding:5px;
	margin-right:1px;
}

div#Carousel ol li a, div#Carousel ol li a:link, div#Carousel ol li a:active, div#Carousel ol li a:visited, div#Carousel ol li a:hover
{
	color:#FFF;
}

div#Carousel ol li:hover
{
	background:#5480a3;
}

div#CarouselNav
{
	position:absolute;
	top:0px;
	left:0px;
}

li#PrevSet a, li#PrevSet a:link, li#PrevSet a:active, li#PrevSet a:visited, li#PrevSet a:hover
{
	background:url(../images/carousel-prev-active.gif) no-repeat top left;
	width:14px;
	height:19px;
	display:block;
	position:absolute;
	top:70px;
	left:8px;
	text-indent:-5000px;
	font-size:1px;
	line-height:1px;
}

li#NextSet a, li#NextSet a:link, li#NextSet a:active, li#NextSet a:visited, li#NextSet a:hover
{
	background:url(../images/carousel-next-active.gif) no-repeat top left;
	width:14px;
	height:19px;
	display:block;
	position:absolute;
	top:70px;
	left:926px;
	text-indent:-5000px;
	font-size:1px;
	line-height:1px;
}

li#PrevSet a.inactive
{
	background:url(../images/carousel-prev-inactive.gif) no-repeat top left;
}

li#NextSet a.inactive
{
	background:url(../images/carousel-next-inactive.gif) no-repeat top left;
}

div#LatestNews ol
{
	margin-left:3px;
}

div#LatestNews ol li
{
	background:url(../images/bullet.gif) no-repeat left 4px;
	font-size:1.07em;
	margin-bottom:10px;
	padding-left:12px;
}

div#NowPlaying ol li
{
	margin-top:20px;
	border-top:1px solid #e6e6e6;
	padding-top:20px;
	min-height:75px;
}

div#NowPlaying ol li:first-child
{
	margin-top:0px;
	border-top:none;
	padding-top:0px;
	overflow:auto;
}

div#NowPlaying ol li img
{
	float:left;
	width:100px;
	margin-right:20px;
	display:block;
}
div#NowPlaying ol li h4
{
	color:#323232;
}

div#NowPlaying ol li p
{
	color:#666;
}

div#Share ol li
{
	padding-bottom:8px;
}

div#Share ol li:last-child
{
	background:url(../images/double-arrows.gif) no-repeat 52px 5px;
	padding-right:20px;
	padding-left:0px;
	padding-bottom:0px;
}

div#Share ol li a, div#Share ol li a:link, div#Share ol li a:active, div#Share ol li a:visited, div#Share ol li a:hover
{
	padding-left:23px;
	display:block;
	height:16px;
}

#sendToFriend
{
	background:url(../images/icon_sendtofriend.gif) no-repeat 0px 0px;
}

#buzzUp
{
	background:url(../images/icon_buzzup.gif) no-repeat 0px 0px;
}

#digg
{
	background:url(../images/icon_digg.gif) no-repeat 0px 0px;
}

#stumbleUpon
{
	background:url(../images/icon_stumbleupon.gif) no-repeat 0px 0px;
}

.cta
{
	display:inline;
	color:#666;
}

div#Quotes ol li
{
	padding-bottom:25px;
}

div#Quotes ol li:last-child
{
	padding-bottom:0px;
}

div#Quotes h5
{
	margin-bottom:8px;

}

div#Quotes q
{
	font-size:1.1em;
	line-height:1.1em;
	font-style:italic;
	margin-bottom:8px;
	display:block;
	color:#666;
	background:url(../images/quote-left.gif) top left no-repeat;
	min-height:20px;
}

div#Quotes q span
{
	background:url(../images/quote-right.gif) bottom right no-repeat;
	display:block;
	min-height:20px;
	padding:20px;
}

div#Quotes cite
{
	font-style:italic;
	display:block;
	font-size:.90em;
	color:#999;
}

div#InsideNGMovies
{
	position:absolute;
	top:0px;
	left:608px;
	font-size:.75em;
	line-height:1.35em;
	padding-top:32px;
	padding-left:43px;
	padding-right:37px;
	width:300px;
	height:316px;
	border:1px solid #66869f;
	border-left:1px solid #5b7285;
	background:url(../images/form-bg-repeaty.gif) top left repeat-y;
}

div#InsideNGMovies h3
{
	margin-bottom:4px;
}



form#EmailForm
{
	margin-top:15px;
}

form#EmailForm input
{
	width:215px;
	margin-bottom:5px;
	border:1px solid #CCC;
	border-bottom:1px solid #FFF;
	padding:5px 3px;
	margin-top:0px;
}

form#EmailForm input:focus
{
	background:#efefef;
}

label
{
	font-weight:bold;
	width:65px;
	display:block;
	float:left;
	padding-top:5px;
	padding-right:10px;
	text-align:right;
}

label.error
{
	clear:both;
	color:red;
	display:block;
	font-weight:bold;
	position:absolute;
	right:-25px;
	text-align:right;
	top:0;
	width:300px;
}

form#EmailForm fieldset ol
{
	position:relative;
	display:block;
	width:300px;
	height:195px;
}

form#EmailForm fieldset ol li
{
	position:absolute;
}

li#EmailData
{
	top:0px;
	left:0px;
}

li#FirstNameData
{
	top:30px;
	left:0px;
}

li#LastNameData
{
	top:60px;
	left:0px;
}

li#CityData
{
	top:90px;
	left:0px;
}

li#StateData
{
	top:90px;
	right:2px;
}

form#EmailForm li#CityData input
{
	width:100px;
}

li#StateData select
{
	margin-top:3px;
}

li#ZipData
{
	top:120px;
	left:0px;
}

form#EmailForm li#ZipData input
{
	width:40px;
}

li#CountryData
{
	top:120px;
	right:2px;
}

form#EmailForm li#CountryData input
{
	width:90px;
}

li#FormReq
{
	top:150px;
	left:0px;
}

li#FormReq p
{
	color:#333333;	
	font-size:.80em;
	padding-left:10px;
	padding-top:10px;
	width:60%;
}

li#FormButton
{
	top:150px;
	right:2px;
}

li.left
{
	clear:left;
	float:left;
	margin-right:15px;
	width:125px;
}

li.right
{
	float:left;
}


form#EmailForm .button
{
	width:155px;
	height:23px;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold;
	background: url(../images/form-btn-bg.gif) repeat-x top left;
	border:1px solid #333333;
	color:#FFF;
	cursor:pointer;
	margin-top:10px;
}

form#EmailForm .button:hover
{

}


div#BoxAd h5
{
	font-size:.75em;
	color:#999;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:.20em;
	margin-bottom:5px;
}

a.button, a.button:link, a.button:active, a.button:visited
{
	background:url(../images/btn-light-bg.gif) repeat-x 0px 0px;
	width:300px;
	height:35px;
	text-align:center;
	display:block;
	color:#005498;
	cursor:pointer;
	margin-bottom:15px;
	font-size:14px;
	line-height:35px;
	font-weight:bold;
	border:1px solid #e5e5e5;
}

div#Body a.button:hover
{
	color:#000;
	text-decoration:none;
	background:url(../images/btn-light-bg-over.gif) repeat-x 0px 0px;
}

div#FilmsIndex
{
	position:relative;
}

div#FilmsIndexApp
{
	background:#124f7f;
	border:1px solid #124f7f;
	padding:10px;
	position:relative;
	height:250px;
}

ol#FilmsIndexNav
{
	position:absolute;
	top:10px;
	left:5px;
}

ol#FilmsIndexNav li
{
	float:left;
	color:#999;
	font-weight:bold;
	padding-right:3px;
	font-size:10px;
}

ol#FilmsIndexNav li.active a, ol#FilmsIndexNav li.active a:link, ol#FilmsIndexNav li.active a:active, ol#FilmsIndexNav li.active a:visited, ol#FilmsIndexNav li.active a:hover
{
	background:#5480a3;
	color:#FFF;
	padding:2px 2px;
}

ol#FilmsIndexNav li a, ol#FilmsIndexNav li a:link, ol#FilmsIndexNav li a:active, ol#FilmsIndexNav li a:visited, ol#FilmsIndexNav li a:hover 
{
	color:#FFF;
}

ol#FilmsIndexNav li:first-child:after
{
	content:" :";
}

div#FilmsIndexList
{
	clear:both;
	height:229px;
	width:288px;
	position:absolute;
	top:36px;
	left:5px;
	overflow:auto;
	background:#5480a3;
}

p#allFilms
{
	position:absolute;
	top:23px;
	left:115px;
	border-left:1px solid #e6e6e6;
	padding-left:15px;
	font-size:1.2em;
}


div#FilmsIndexList ol li a, div#FilmsIndexList ol li a:link, div#FilmsIndexList ol li a:active, div#FilmsIndexList ol li a:visited
{
	display:block;
	padding:10px 15px;
	border-bottom:1px solid #7fa0ba;
	color:#FFF;
}

div#FilmsIndexList ol li a:hover
{
	text-decoration:none;
	background:#7fa0ba;
	color:#FFF;
}

div#Breadcrumbs
{
	width:auto;
	height:40px;
	background:url(../images/ng-icon.gif) 10px 10px no-repeat #124f7f;
	border:1px solid #124f7f;
	position:relative;
	margin-bottom:20px;

}

div#Breadcrumbs ol
{
	position:relative;
	top:12px;
	left:23px;
}

div#Breadcrumbs ol li
{
	font-weight:bold;
	color:#ffcc00;
	display:inline;
	padding-left:7px;
}

div#Breadcrumbs ol li a, div#Breadcrumbs ol li a:link, div#Breadcrumbs ol li a:active, div#Breadcrumbs ol li a:visited
{
	color:#FFF;
	left:15px;
	background:url(../images/bg-arrow-white.gif) center right no-repeat;
	padding-right:12px;
}

div.pagination
{
	height:35px;
	background:#f5f5f5;
	border:1px solid #ebebeb;
	position:relative;
	margin-bottom:20px;
	margin-top:0px;
}

ol.pageNav
{
	position:relative;
	top:0px;
	left:0px;
	color:#999;
	z-index:1200;
}

ol.pageNav li.prevPage a, ol.pageNav li.prevPage a:link, ol.pageNav li.prevPage a:active, ol.pageNav li.prevPage a:visited
{
	position:absolute;
	top:10px;
	left:10px;
	background:url(../images/carousel-prev-active.gif) no-repeat center left;
	padding-left:20px;
	display:block;
}

ol.pageNav li.prevPage a.inactive, ol.pageNav li.prevPage a.inactive:link, ol.pageNav li.prevPage a.inactive:active, ol.pageNav li.prevPage a.inactive:visited, ol.pageNav li.prevPage a.inactive:hover
{
	background:url(../images/carousel-prev-inactive.gif) no-repeat center left;
}

ol.pageNav li.nextPage a, ol.pageNav li.nextPage a:link, ol.pageNav li.nextPage a:active, ol.pageNav li.nextPage a:visited
{
	position:absolute;
	top:10px;
	right:10px;
	margin:0px;
	padding:0px;
	border-top:none;
	margin-top:0px;
	background:url(../images/carousel-next-active.gif) no-repeat center right;
	padding-right:20px;
}

ol.pageNav li.nextPage a.inactive
{
	background:url(../images/carousel-next-inactive.gif) no-repeat center left;
}


ol.pageIndex
{
	position:relative;
	top:10px;
	left:0px;
	width:608px;
	text-align:center;
	z-index:1199;
}

ol.pageIndex li
{
	display:inline;
	padding-right:10px;
	border-left:1px dotted #ccc;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
	margin-left:-3px;
}

.first 
{
	border-bottom:1px solid #e6e6e6;
	margin-bottom:30px;
}

ol.pageIndex li:first-child
{
	padding-right:10px;
	border-left:none;
	padding-left:10px;
}


ol.pageIndex li.active
{
	background:#fff;
}

ol.filmIndex
{
	margin-top:-20px;
}

ol.filmIndex li
{
	border-top:1px solid #e6e6e6;
	position:relative;
	padding:20px;
	min-height:74px;
}

ol.filmIndex li:first-child
{
	border-top:none;
}

ol.filmIndex li img
{
	position:absolute;
	top:20px;
	left:0px;
}

ol.filmIndex li h4, ol.filmIndex li p
{
	position:relative;
	top:0px;
	left:100px;
	width:450px;
	padding-bottom:0px;
}

ol.filmIndex li p
{
	color:#000;
}

div#Body ol.filmIndex li h4
{
	color:#005498;
}

div#MoreMovieLinks ol li
{
	background:url(../images/bullet-bold.gif) top left no-repeat;
	background-position:0px 7px;
	padding-left:12px;
}


div#MoreMovieLinks ol li h4 a, div#MoreMovieLinks ol li h4 a:link, div#MoreMovieLinks ol li h4 a:active, div#MoreMovieLinks ol li h4 a:visited
{
	color:#333;
	background:url(../images/arrows-black.gif) center right no-repeat;
	padding-right:12px;
	line-height:1.4em;
}

div#MoreMovieLinks ol li h4 a span
{
	font-weight:normal;
}

div#Content h2
{
	color:#333;
	float:left;
	font-size:2.75em;
	font-weight:normal;
	margin-bottom:25px;
	margin-top:10px;
	width:50%;
}

div#Content a.header-breadcrumb
{
	float:right;
	margin-top:16px;
}

div#FeatureMovies
{
	border-top:1px solid #E6E6E6;
	clear:both;
	padding-top:25px;
}