/* COLOR PALATTE


Mid yellow/orange:						#fca308
Lighter yellow/orange:				#fbc228




*/

html
{
height: 100%; /*background: #172e04 url(../i/poppies.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/
}
/*.fullBg*/
#backgroundImg
{
position: fixed; top: 0; left: 0; overflow: hidden; z-index: -200;
}
body, textarea
{
font-family: Arial, Verdana, Geneva, sans-serif; background: none; color: #222;
}
body
{
height: 100%;	
}
.minHeight
{
min-height: 700px; .height: 700px;
}

/*
Background
_________________________________________*/
#background
{
position:absolute; left:0; top:0; overflow: hidden; z-index:0; height:100%; width:100%; min-width: 1240px;
}


/*
Foreground
_________________________________________*/
#outerWrap
{
position: relative; width: 100%; min-width: 1240px; margin: 0px auto; min-height: 100%; height: auto; /*.height: 100%;*/ background: none; margin-bottom: -70px; z-index: 100;
}
#container
{
/*overflow:hidden;*/ height:100%; width:100%; min-width: 1240px; z-index: 100; .position: relative;
}


#footerwrap
{
/*position: fixed; .position: relative;*/ bottom: 0; height: 70px; overflow: hidden; width: 100%; min-width: 1240px; background: url(../i/bgFooter.png) repeat-x; z-index: 400; position: relative;
}
#footer
{
width: 1240px; margin: 0px auto 0; position: relative; height: 70px; text-align: center; overflow: hidden; color: #fca308;
}

#identity
{
position: absolute; left: 50%; margin: 54px 0 0 -620px;	 z-index: 400;
}


#contentWrap
{
position: relative; width: 1240px; margin: 0 auto; /*min-height: 500px;*/ top: 0px; z-index: 200; padding: 170px 0 80px;
}




/*
Inside page generic styles
_________________________________________*/
.contentCol > h1
{
display: block; width: 100%; height: 75px; text-indent: -9999em; background: url(../i/headings/press.png) 100% 0px no-repeat;	
}
.postWrap
{
display: block; position: relative; padding: 30px 30px 18px; background: url(../i/blocks/white90.png) 0 0 repeat; margin: 0px 0 20px!important;
}
.pressTwoCol .postWrap
{
padding: 35px 20px 28px; background: url(../i/blocks/white90.png) 0 0 repeat; margin: 0px 0 25px!important;
}
.postWrap h6
{
position: absolute; right: 10px; top: 10px; font-size: 13px; line-height: 16px; color: #707070; font-weight: normal; font-style: italic; letter-spacing: 1px;	
}
.postWrap h2
{
font-size: 16px; line-height: 19px; color: #222; padding-bottom: 5px; font-style: italic; font-weight: normal;
}
.pressTwoCol .postWrap h2
{
font-size: 19px; line-height: 22px; color: #7f0c13; font-style: normal; font-weight: bold;
}
.postWrap h3
{
font-size: 15px; line-height: 18px; color: #222; padding-bottom: 10px; font-style: italic; font-weight: normal;
}
.pressTwoCol .postWrap h3
{
font-size: 16px; line-height: 19px; color: #7f0c13; padding-bottom: 6px; font-style: italic; font-weight: normal;
}
.postWrap p, .postWrap h2 span
{
font-size: 14px; line-height: 20px; color: #222; padding-bottom: 5px;	
}
.pressTwoCol .postWrap p
{
font-size: 13px; line-height: 19px; color: #222; padding: 6px 0 7px!important;	
}
.postWrap h2 span
{
line-height: 19px;	
}
.postWrap p a, .postWrap h2 span a
{
color: #bb030b; font-weight: bold; font-style: italic;	
}
.postWrap p a:hover, .postWrap h2 span a:hover
{
text-decoration: underline;
}
.postWrap h4
{
font-size: 13px; font-weight: bold; font-style: italic;	padding-bottom: 12px;
}
.pressTwoCol .postWrap h4
{
font-size: 15px; font-weight: normal; font-style: normal; padding-bottom: 0px; padding-top: 8px;
}
.pressTwoCol .postWrap h4 a
{
color: #bb030b; font-weight: bold; font-style: italic;	text-decoration: none;
}
.pressTwoCol .postWrap h4 a:hover
{
text-decoration: underline;	
}
.postWrap h5
{
font-size: 15px; line-height: 18px; font-weight: normal; font-style: italic; padding-bottom: 6px; padding-top: 8px;
}
.postWrap h5:first-child
{
padding-top: 0px;	
}
.postWrap h4 em
{
font-weight: normal; padding-left: 10px;
}

/*
Press Page
_________________________________________*/
.pagePress .contentCol
{
width: 675px; position: relative; float: left; padding: 5px 0 30px 275px;	
}
.pagePress .contentCol .col1
{
width: 325px; float: left; overflow: hidden;	
}
.pagePress .contentCol .col2
{
width: 325px; float: right; overflow: hidden;	
}
.pagePress #rightCol
{
width: 290px; float: right; padding: 280px 0 20px;
}
.pagePress #radioBox
{
width: 240px; float: left; padding: 20px; margin: 0 0 30px 0px; background: url(../i/utopia/bgRedTile.png) repeat;	
}
.pagePress #radioBox h2
{
font-size: 18px; line-height: 21px; font-weight: bold; color: #fff; padding-bottom: 15px;
}
.pagePress #radioBox h4
{
font-size: 16px; line-height: 19px; font-weight: bold; color: #fbc228; padding-bottom: 10px;
}
.pagePress #radioBox h3
{
font-size: 16px; line-height: 20px; font-weight: bold; color: #fbc228; padding-bottom: 20px;
}
.pagePress #radioBox p, .pagePress #radioBox h5
{
font-size: 12px; line-height: 16px; font-weight: bold; color: #fff; margin-bottom: 3px;
}
.pagePress #radioBox ul
{
padding-bottom: 10px;	
}
.pagePress #radioBox li
{
display: block; padding-bottom: 10px; position: relative; z-index: 50;
}
.pagePress #radioBox li .imgCol
{
float: left; width: 70px; z-index: 100; position: relative;
}
.pagePress #radioBox li img
{
float: left; margin-right: 10px; z-index: 100;
}
.pagePress #radioBox li .imgCol span
{
display: block; position: absolute; top: 0; left: 0; background: url(../i/btnPlayTiny60x45.png) no-repeat; z-index: 200; height: 45px; width: 60px;
}
.pagePress #radioBox li p
{
font-size: 12px; line-height: 16px; font-weight: normal; color: #fff; padding-top: 12px;
}
.pagePress #radioBox li a
{
text-decoration: none;	
}
.pagePress #radioBox li a p
{
color: #fbc228;
}
.pagePress #radioBox .jp-flat-audio
{
margin-bottom: 15px;	
}
.pagePress .contentCol > h1
{
background: url(../i/headings/press.png) 100% 0px no-repeat;	
}
.pagePress #background
{
min-height: 865px;	
}
.pagePress #obama
{
position: absolute; left: 50%; display: inline-block; .display: inline; .zoom: 1; top: 200px; margin-left: 330px;
}
.pagePress #protest
{
position: absolute; left: 50%; display: inline-block; .display: inline; .zoom: 1; top: 300px; margin-left: -620px;
}
.pagePress #jesse
{
position: absolute; left: 50%; display: inline-block; .display: inline; .zoom: 1; top: 630px; margin-left: 330px;
}
.pagePress .orangeBlock
{
position: absolute; left: 50%; width: 180px; height: 46px; top: 812px; margin-left: 590px; background: url(../i/blocks/orange1.png) no-repeat;	
}
.pagePress .redBlock
{
position: absolute; left: 50%; width: 165px; height: 50px; top: 655px; margin-left: -786px; background: url(../i/blocks/redBlock1.png) no-repeat;	
}

/*
Theaters Page
_________________________________________*/
.pageTheaters .contentCol
{
width: 825px; position: relative; float: left; padding: 10px 0 30px 185px;	 min-height: 740px;
}
.theatreUpdate .contentCol
{
width: 902px; padding-left: 73px!important;
}
.multipleDates .contentCol
{
width: 989px;
}
.pageTheaters .contentCol > h1
{
background: url(../i/headings/theaters.png) 100% 0px no-repeat; width: 735px!important; height: 70px; margin-left: 117px;
}
.pageTheaters #background
{
min-height: 960px;	
}
.pageTheaters #splash
{
display: block; overflow: hidden; text-indent: -9999em; width: 790px; height: 400px; background: url(../i/splashTheaters.png) no-repeat;	
}
.theatreUpdate #splash
{
width: 623px; background: url(../i/splashTheatersFandango.png) no-repeat;	
}
.nowPlaying #splash
{
background: url(../i/splashUA.png) no-repeat;		
}
.theatreUpdate #announcement img
{
float: left;
}
.pageTheaters #bring
{
display: block; overflow: hidden; width: 790px; height: 149px; margin: 50px 0 0 0;
}
.theatreUpdate #bring
{
margin: 0px 0px 0 113px; position: relative;
}
.pageTheaters #bring a
{
display: block; overflow: hidden; text-indent: -9999em; width: 460px; height: 149px; margin: 0 auto; background: url(../i/bringIt.png) no-repeat;
}
.pageTheaters #poster
{
position: absolute; left: 50%; display: inline-block; .display: inline; .zoom: 1; top: 150px; margin-left: 355px;
}
.pageTheaters #chinese
{
position: absolute; left: 50%; display: inline-block; .display: inline; .zoom: 1; top: 700px; margin-left: -550px;
}
.pageTheaters #dorothy
{
position: absolute; left: 50%; display: inline-block; .display: inline; .zoom: 1; top: 700px; margin-left: 190px;
}
.pageTheaters .orangeBlock
{
position: absolute; left: 50%; width: 178px; height: 108px; top: 590px; margin-left: 640px; background: url(../i/blocks/orange2.png) no-repeat;	
}
.pageTheaters .redBlock
{
position: absolute; left: 50%; width: 200px; height: 100px; top: 849px; margin-left: -750px; background: url(../i/blocks/red2.png) no-repeat;	
}
.pageTheaters #announcement
{
float: right; width: 902px; height: 400px; margin-bottom: 50px;
}
.multipleDates #announcement
{
float: right; width: 902px; height: auto; margin: 0px 87px 0 0;
}
.pageTheaters #subDates
{
position: relative; width: 603px; margin: 30px 0px 0; padding: 0 10px; float: right; background: url(../i/utopia/bgRedTile.png) repeat;
}
.noPremiere #subDates
{
margin-top: 0px; padding-bottom: 15px;
}
.pageTheaters #subDates h2
{
font-size: 19px; line-height: 23px; padding: 17px 0 10px; color: #d0d0d0; font-weight: bold; text-align: center;
}
.pageTheaters #subDates #nowPlaying
{
display: block; margin: 15px auto 5px; padding: 0; width: 505px; height: 68px; text-indent: -9999em; background: url(../i/headings/nowPlaying.png) no-repeat; text-align: left;
}
.pageTheaters #subDates #opensHouston
{
display: block; margin: 15px auto 5px; padding: 0; width: 590px; height: 117px; text-indent: -9999em; background: url(../i/headings/opensHouston.png) no-repeat; text-align: left;
}
.pageTheaters #subDates .col1, .pageTheaters #subDates .col2
{
float: none; margin: 0 auto;
}
.additionalDates #subDates .col1, .additionalDates #subDates .col2
{
width: 295px; float: left;
}
.additionalDates #subDates .col2
{
float: right;
}
.pageTheaters #subDates .showing
{
padding: 10px 15px; width: 270px; margin-bottom: 0px; text-align: center;
}
.additionalDates #subDates .showing
{
text-align: left;
}
.pageTheaters #subDates .showing h3
{
color: #e89e02; font-size: 15px; font-weight: bold; line-height: 18px; padding-bottom: 6px;
}
.pageTheaters #subDates .showing h4
{
color: #e89e02; font-size: 14px; font-weight: normal; line-height: 18px; padding-bottom: 6px;
}
.pageTheaters #subDates .showing p
{
color: #e89e02; font-size: 13px; font-weight: normal; line-height: 18px;
}
.pageTheaters #subDates .showing p a
{
color: #e3e3e3; text-decoration: underline; font-style: italic;
}
.pageTheaters #getIt
{
width: 710px; position: relative; float: right; margin: 20px 0 20px 0; overflow: hidden;
}
.pageTheaters #bring
{
width: 460px; position: relative; float: left; margin: 0 0 0 0;
}
.multipleDates #dorothy
{
position: relative; left: auto; display: inline-block; .display: inline; .zoom: 1; top: auto; margin: 0 0 0 0; float: left;
}


/*
Buy DVD Page
_________________________________________*/
.pageDVD .contentCol
{
width: 825px; position: relative; float: left; padding: 10px 0 30px 185px;	 min-height: 800px;
}

.pageDVD .contentCol > h1
{
background: url(../i/headings/buy-dvd.png) 100% 0px no-repeat; width: 735px!important; height: 70px; margin-left: 105px;
}

.pageDVD #background
{
min-height: 1020px;	
}

.pageDVD #orderNow
{
position: relative; width: 550px; height: 330px; margin: 0; padding: 0; float: right; background: url(../i/utopia/bgRedTile.png) repeat;
}

.pageDVD #orderNow #dvdCase
{
position: absolute; left: 50%; top: 35px; margin-left: -725px;
}

.pageDVD #orderNow #orderLink
{
position: absolute; width: 257px; height: 27px; left: 50%; top: 565px; margin-left: -590px;	
}

.pageDVD #orderNow #orderLink a
{
display: block; width: 257px; height: 27px; text-indent: -99999em; background: url(../i/dvd/order-dvd-link.png) no-repeat;
}

.pageDVD #orderNow #orderLink a:hover
{
background: url(../i/dvd/order-dvd-link.png) 0 -27px no-repeat;
}

.pageDVD #orderNow #orderInfo
{
width: 480px; margin: 0 auto;
}

.pageDVD #orderNow #dvdCase
{
position: absolute; left: 50%; top: 35px; margin-left: -725px;
}

.pageDVD #orderNow #orderButton
{
width: 280px; height: 53px; margin: 35px auto 0; 
}

.pageDVD #orderNow #orderButton a
{
display: block; width: 280px; height: 53px; background: url(../i/dvd/order-dvd-button.png) no-repeat; text-indent: -99999em;
}

.pageDVD #orderNow #orderButton a:hover
{
background: url(../i/dvd/order-dvd-button.png) 0 -53px no-repeat;
}

.pageDVD #orderNow #creditCards
{
width: 280px; height: 57px; margin: 15px 0 0 99px; background: url(../i/dvd/creditcards.png) no-repeat;
}

.pageDVD #orderNow  #shipping
{
font-size: 16px; line-height: 30px; color: #fbc228; font-weight: normal; text-transform: uppercase; text-align: center; padding: 5px 0; 
border-top: 1px solid #a09f9f; border-bottom: 1px solid #a09f9f;
}

.pageDVD #orderNow  ul.mailinfo
{
margin: 25px 0 0 0;	
}

.pageDVD #orderNow  ul.mailinfo li
{
float: left; width: 260px; font-size: 13px; line-height: 20px; color: #cecfcf; 
}

.pageDVD #orderNow  ul.mailinfo li:first-child
{
width: 160px; padding-left: 58px;
}

.pageDVD #getPoster
{
position: absolute; width: 505px; height: 137px; background: url(../i/dvd/poster-bg-box.png) no-repeat; bottom: 240px; right: -60px;
}

.pageDVD #buyPoster
{
width: 225px; height: 66px;	 margin: 6px 0 0 24px;
}

.pageDVD #buyPoster a
{
width: 225px; height: 66px; display: block; padding: 1px; text-indent: -9999em; background: url(../i/dvd/buy-poster-button.png) no-repeat;	
}

.pageDVD #officialPoster
{
position: absolute; top: -80px; right: 74px;
}

.pageDVD #buyPoster a:hover
{

background: url(../i/dvd/buy-poster-button.png) 0px -66px no-repeat;	
}

.pageDVD #hw61-info
{
position: absolute; left: 50%; width: 297px; height: 167px; top: 655px; margin-left: 59px; font-size: 12px; text-align: center; background: url(../i/dvd/about-hw61.jpg) no-repeat;
}

.pageDVD #hw61-info #highway
{
display: block; height: 30px;  text-indent: 0em; padding: 20px 0; margin: 5px 0; text-indent: -99999em;
}

.pageDVD #hw61-info #weblink  a
{
display: block; width: 150px; height: 9px; padding: 3px 1px; margin: 38px auto 5px; text-indent: -99999em; overflow: hidden;
}

.pageDVD #hw61-info #contactLink a
{
display: block; width: 200px; height: 9px; padding: 3px 1px; margin: 0 auto 5px; text-indent: -99999em; overflow: hidden;
}

.pageDVD #dvdBg-box
{
position: absolute; left: 50%; width: 376px; height: 270px; top: 584px; margin-left: -535px; background: url(../i/dvd/utopia-dvd-bg-box.png) no-repeat;
}

.pageDVD #yellowLarge-box
{
position: absolute; left: 50%; width: 275px; height: 100px; top: 854px; margin-left: -766px; background: url(../i/dvd/large-yellow-box.png) no-repeat;
}

.pageDVD #yellowSmall-box
{
position: absolute; left: 50%; width: 54px; height: 56px; top: 770px; margin-left: -110px; background: url(../i/dvd/small-yellow-box.png) no-repeat;
}

.pageDVD #marx
{
position: absolute; left: 50%; width: 386px; height: 217px; top: 417px; margin-left: 450px; background: url(../i/dvd/utopia-carl-marx.jpg) no-repeat;
}


/*
Utopia Page
_________________________________________*/
.pageUtopia .contentCol
{
width: 1024px; position: relative; float: left; padding: 12px 0 30px 135px;
}
.pageUtopia .contentCol > h1
{
background: url(../i/headings/utopia.png) 100% 0px no-repeat; width: 630px!important; height: 70px;
}
.pageUtopia #background
{
min-height: 870px;	
}
.pageUtopia #content
{
/*background: url(../i/utopia/bgContentTile.png) repeat-y;*/ position: relative; width: 875px; margin-left: 90px; background: url(../i/blocks/white90.png) repeat;
}
.pageUtopia #content .level1
{
padding: 0 0 0 35px;	
}
.pageUtopia #content .level2
{
padding: 0 45px 0 0px;	
}
.pageUtopia #content .level1 img
{
float: right; margin: 0 0 2px; 
}
.pageUtopia #content .level2 img
{
float: left; margin: -17px 16px 0 -56px; 
}
.pageUtopia #content p
{
font-size: 14px; line-height: 20px; padding-bottom: 20px;	
}
.pageUtopia #content .stars
{
padding-top: 68px; background: url(../i/utopia/stars.png) 230px 18px no-repeat;
}
.pageUtopia #content p big
{
font-size: 18px;	
}
.pageUtopia #content .level2 .stars
{
padding-top: 34px; background: url(../i/utopia/stars.png) 465px 5px no-repeat;
}
.pageUtopia .contentCol .greyBlock
{
float: left; width: 410px; height: 38px; background: url(../i/utopia/bgGreyTile.png) repeat;	
}
.pageUtopia .contentCol .redBlock
{
float: right; width: 275px; height: 38px; background: url(../i/utopia/bgLightRedTile.png) repeat;	
}
.pageUtopia #redBlock1
{
position: absolute; left: 50%; width: 216px; height: 130px; top: 100px; margin-left: 400px; background: url(../i/utopia/bgRedTile.png) repeat;		
}
.pageUtopia #definition
{
position: absolute; right: 0px; width: 476px; height: 142px; top: 175px; z-index: 400;		
}

/*
Film Page
_________________________________________*/
.pageFilm #contentWrap
{
padding-top: 131px!important;	
}
.pageFilm .leftSidebar
{
width: 235px; position: relative; float: left; padding: 119px 0 30px 10px;
}
.pageFilm .leftSidebar h2
{
display: block; font-size: 18px; font-weight: bold; color: #fbc228; text-align: center; line-height: 50px; background: url(../i/bgRedBoxTile.png) repeat; margin-bottom: 7px;	
}
.pageFilm .leftSidebar img, .pageFilm .contentCol .col2 img
{
display: block; height: auto; overflow: hidden; border: 0; margin: 0; padding: 0;
}
.pageFilm .leftSidebar .caption
{
display: block; font-size: 12px; font-weight: normal; color: #fff; text-align: left; background: url(../i/bgRedBoxTile.png) repeat; margin-bottom: 9px; padding: 8px 30px; position: relative;
}
.pageFilm .leftSidebar .caption p
{
font-size: 12px; line-height: 17px;	
}
.pageFilm .contentCol
{
width: 965px; position: relative; float: left; padding: 0px 0 30px 30px;
}
.pageFilm .contentCol .col1
{
width: 710px; float: left; overflow: hidden;
}
.pageFilm .contentCol .col1 > h1
{
display: block; width: 670px; height: 70px; text-indent: -9999em; background: url(../i/headings/film.png) 100% 0px no-repeat;	
}
.pageFilm .contentCol .col1 #synopsis
{
padding: 35px; background: url(../i/blocks/white90.png) repeat; position: relative;
}
.pageFilm .contentCol .col1 #synopsis h2
{
font-size: 18px; font-weight: bold; color: #970303; line-height: 22px; padding-bottom: 8px;	
}
.pageFilm .contentCol .col1 #synopsis p
{
font-size: 14px; color: #222; line-height: 22px; padding-top: 12px;	
}
.pageFilm .contentCol .col1 #synopsis p big
{
font-size: 17px;
}
.pageFilm .contentCol .col1 #synopsis img
{
float: right; margin: 10px 0px 12px 12px;	
}
.pageFilm .contentCol .col2
{
width: 255px; float: left; overflow: hidden; padding-top: 18px;
}
.pageFilm .contentCol .col2 .downloads
{
width: 190px; float: left; overflow: hidden; padding: 30px 30px 30px 35px; background: url(../i/bgRedBoxTile.png) repeat; position: relative;
}
.pageFilm .contentCol .col2 h3
{
font-size: 16px; line-height: 20px; font-weight: bold; color: #fbc228;
}
.pageFilm .contentCol .col2 h4
{
font-size: 14px; line-height: 17px; font-weight: bold; color: #fff; padding-top: 14px;
}
.pageFilm .contentCol .col2 ul
{
font-size: 12px; line-height: 17px; font-weight: normal; color: #fff; padding-top: 0px;
}
.pageFilm .contentCol .col2 ul li
{
display: inline-block; .display: inline; .zoom: 1; padding-right: 6px; 
}
.pageFilm .contentCol .col2 ul li a
{
color: #fff; font-weight: normal; text-decoration: underline;
}
.pageFilm .contentCol .level2 .col1
{
width: 490px; float: left; overflow: hidden;
}
.pageFilm .contentCol .level2 .col1 #filmMeta
{
padding: 28px 30px 15px 30px; background: url(../i/bgRedBoxTile.png) repeat; position: relative;
}
.pageFilm .contentCol .level2 .col1 #filmMeta p
{
padding-bottom: 14px; font-size: 13px; line-height: 20px; color: #fff;
}
.pageFilm .contentCol .level2 .col1 #filmMeta p strong
{
color: #fbc228; font-weight: bold;
}
.pageFilm .contentCol .level2 .col1 #filmMeta p a
{
color: #fbc228!important;
}
.pageFilm .contentCol #discussion
{
background: url(../i/bgRedBoxTile.png) repeat; float: right; padding: 15px 15px 15px; width: 390px;
}
.pageFilm .contentCol #discussion img
{
float: right; margin: 0 0 6px 15px;
}
.pageFilm .contentCol #discussion h5
{
color: #fbc228; font-weight: normal; font-size: 12px; line-height: 18px;
}
.pageFilm .contentCol #discussion h5 a
{
color: #fbc228; font-weight: bold; text-decoration: underline; padding: 0 2px;
}
.pageFilm .contentCol #discussion h5 a:hover
{
color: #fff;
}
.pageFilm .contentCol #discussion p
{
color: #fff; font-weight: normal; font-size: 12px; line-height: 18px; padding-top: 4px;
}
.pageFilm .contentCol #discussion p a
{
color: #fff; font-weight: normal; text-decoration: underline; font-style: italic;	
}
.pageFilm .contentCol .level2 .col2
{
width: 475px; float: left; overflow: hidden; padding-top: 0px;
}
.pageFilm .contentCol .level2 .col2 .caption
{
display: block; background: url(../i/bgBlackBoxTile.png) repeat; text-align: center; padding: 0px 0px 11px; position: relative;
}
.pageFilm .contentCol .level2 .col2 .caption h3
{
font-size: 16px; line-height: 19px; padding-top: 11px;	
}
.pageFilm .contentCol .level2 .col2 .caption p
{
color: #fff; font-size: 14px; line-height: 17px; padding-top: 4px;	
}
.pageFilm #background
{
min-height: 970px;	
}
.contentCol #microFooter
{
background: url(../i/bgBlackBoxTile.png) repeat; text-align: center; padding: 8px 0px; margin-top: 6px;
}
.contentCol #microFooter p
{
font-size: 12px; line-height: 15px; color: #fff;
}
.contentCol #microFooter p a
{
color: #fff; text-decoration: underline; font-style: italic;
}
.contentCol #microFooter p span
{
display: inline-block; .display: inline; .zoom: 1; padding: 0 8px; 
}

/*
Contact Page
_________________________________________*/

.pageContact .contentCol
{
width: 835px; position: relative; float: left; padding: 10px 0 30px 0;
}
.pageContact #background
{
min-height: 960px;	
}
.pageContact .contentCol > h1
{
background: url(../i/headings/contact.png) 100% 0px no-repeat; width: 780px!important; height: 70px;
}

#formContent
{
background: url(../i/blocks/contact-bgbox.png) no-repeat; width: 600px; height: 460px; position: relative; padding: 10px 0px 30px 0px; margin-left: 235px;
}
#formContent fieldset
{
padding: 60px 0 0 60px; font-size: 14px; line-height: 17px;
}
#formContent fieldset label
{
color: #fff;
}
#formContent .row
{
width: 460px;	 margin-bottom: 30px; position: relative;
}
#formContent .submitRow
{
margin-bottom: 10px;
}
#formContent .row .col1
{
width: 110px; float: left; padding-top: 5px;
}
#formContent .row .col2
{
width: 340px; float: right;	
}
#formContent .row .col2 span
{
display: block; width: 340px; min-height: 30px; background: url(../i/bgInputTile.png) repeat;
}
#formContent .row .col2 input[type=text]
{
font-size: 14px; line-height: 17px; padding: 0 8px 2px; height: 19px; width: 320px; color: #222; margin-top: 5px;	
}
#formContent .row .col2 input[type=image]
{
float: right;
}
#pleaseWait
{
float: right; background: url(../i/btnSubmitBlank.png) no-repeat; text-align: center; width: 180px; height: 40px; padding-top: 9px;	
}
#formContent .row .col2 textarea
{
font-size: 14px; line-height: 18px; padding: 5px 1px 5px 8px; height: 90px; width: 326px; color: #222;
}
#formContent .row .col2 select
{
height: 30px; vertical-align: middle; width: 338px; border: 1px solid #cecece; background: #fff; padding: 5px 2px 5px 2px; font-size: 14px; line-height: 17px; color: #222;	
}
.pageContact .required
{
color: #fbc228;	
}
.pageContact .errorRow .col1
{
font-size: 13px; color: #fff;	
}
#errors
{
padding-top: 5px; text-align: right; color: #fff;
}
.pageContact .contentCol #microFooter
{
background: url(../i/bgBlackBoxTile.png) repeat; text-align: center; padding: 8px 0px; margin-top: 80px; width: 530px; margin-left: 235px; height: 18px; overflow: hidden;
}

.pageContact .contentCol h5
{
position: relative; float: left; width: 530px; height: 35px; left: 235px; font-size: 13px; color: #ffffff; text-align: center; line-height: 35px; font-weight: normal; letter-spacing: 1px; background: url(../i/blocks/contact-hw61-infobgBox.png) no-repeat;	
}

.pageContact a
{
color: #ffffff; font-weight: normal; font-style: oblique;
}

.pageContact a:hover
{
color: #e89e02; text-decoration: none;
}

.pageContact .rightCol
{
width: 285px; position: relative; float: left; padding: 0 0; min-height: 740px;
}
.pageContact form h3
{
text-align: center; font-size: 20px; line-height: 24px; padding: 0 0 10px 0; font-weight: bold; color: #fff; margin-left: -60px;
}
.pageContact form p
{
text-align: center; font-size: 14px; font-weight: normal; color: #fff; padding: 0 0 0 0; margin-left: -60px;
}

#logoId
{
position: absolute; top: 30px; width: 285px; height: 198px; background: url(../i/blocks/white1-contact.png) no-repeat;
}

#logoId img
{
overflow: hidden; width: 211px; height: 54px; margin: 42px auto 0; position: relative; display: block;
}

#logoId h3
{
font-size: 12px; line-height: 18px; font-weight: normal; font-style: oblique; padding: 12px 0 8px 24px;
}
#logoId p
{
font-size: 12px; line-height: 18px; font-weight: normal; font-style: oblique; padding: 0px 0 0px 24px;
}

#logoId a
{
color: #000000;
}

#logoId a:hover
{
color: #8b1117;
}

.pageContact #rainbowJoel
{
position: absolute; left: 50%; display: inline-block; .display: inline; .zoom: 1; top: 398px; margin-left: 215px;
}

.pageContact #hollywoodBama
{
position: absolute; left: 50%; display: inline-block; .display: inline; .zoom: 1; top: 450px; margin-left: -620px;
}

.pageContact .orangeBlock
{
position: absolute; left: 50%; width: 170px; height: 80px; top: 865px; margin-left: 145px; background: url(../i/blocks/orange3-contact.png) no-repeat;	
}

/*
Director Q&A Page
_________________________________________*/


.pageDirector .leftCol
{
position: relative; float:left; width: 206px; left; padding: 0; margin: 80px 30px 0 0;
}

.pageDirector .leftCol .joelPicts
{
margin-bottom: 15px;
}

.pageDirector .leftCol img
{
display: block; width: 206px; height: 140px;
}

.pageDirector .leftCol .joelPicts h5
{
display: block; width: 206px; height: 38px; font-size: 12px; line-height: 34px; color: #fbc228; text-indent: 25px; background: url(../i/blocks/director-red.png) no-repeat; 
}

.pageDirector .contentCol
{
width: 744px; position: relative; float: left; padding: 0; min-height: 740px; z-index: 1000;	
}

.QAsWrap
{
width: inherit; float: left;
padding: 0 0 30px 0; margin-bottom: 15px;	
}

.answers
{
position: relative; float: right; width: 558px; background: url(../i/blocks/white90.png) repeat;	
}

.answers p
{
width: 472px; font-size: 14px; line-height: 20px;  padding: 25px 0; margin-left: 54px;
}

.questions
{
position: absolute; width: 218px; margin-top: -30px; z-index: 1000; background: url(../i/bgRedBoxTile.png) repeat;	
}

.questions p
{
font-size: 16px; line-height: 24px; font-weight: bold; color: #fbc228; padding: 25px 15px 25px 25px;
}

.QAsWrap span
{
font-size: 17px;	
}

.pageDirector .contentCol > h1
{
background: url(../i/headings/director2.png) 100% 0px no-repeat; width: 705px!important; height: 103px; margin-top: -23px;
}

.pageDirector .rightCol
{
position: absolute; left: 50%; float: right; width: 230px; padding: 0 0 10px 0; margin: -20px 0 0 390px; background: url(../i/red-tile.png) repeat;
}

#biobox
{
width: 180px; margin: 30px 0 0 25px;
}

#biobox p
{
display: block; font-size: 11px; line-height: 22px; color: #dedddd; font-weight: normal; padding-bottom: 15px;
}

#biobox img
{
display: block; margin: 10px 0 12px 0; 
}

#biobox p.video
{
display: block; font-size: 12px; line-height: 22px; color: #dedddd; font-weight: normal; padding-bottom: 15px;	
}
#biobox p.video a
{
padding-left: 2px; padding-right: 2px;	
}

#biobox a
{
padding-bottom: 15px; font-weight: bold; color: #fbc228;
}

#biobox a:hover
{
color: #fff; text-decoration: none;
}

#biobox span
{
font-size: 12px; color: #fbc228;
}

#imgBox
{
display: block; width: 180px; padding: 20px 0;
}
#imgBox img.alignleft
{
float: left; margin: 0 12px 0 0;	
}
#imgBox p
{
padding: 0 0 0 0; margin: 0 0 0 0; line-height: 15px;	
}
#imgBox ul
{
padding-top: 8px;	
}
#imgBox ul li
{
display: block; float: left; margin-right: 4px; text-indent: 0; padding: 0; width: 14px;
}
#imgBox ul li a
{
display: block; width: 14px; text-align: center; font-size: 11px; line-height: 19px; background: #8b251a; font-weight: normal; text-decoration: none; color: #fff; padding-bottom: 0px;
}
#imgBox ul li a:hover
{
background: #222;
}



/*
Footer Content
_________________________________________*/
#footer h2
{
display: block; margin: 20px auto 0; height: 33px; width: 492px; text-indent: -9999em; overflow: hidden; background: url(../i/film.png) no-repeat;	
}
#footer h3
{
display: block; position: absolute; right: 10px; top: 0px; width: 184px; height: 70px; text-indent: -9999em; background: url(../i/hw61.png) no-repeat;	
}
#footer h3 a
{
display: block; width: 184px; height: 70px; background: url(../i/transparent.gif) repeat;
}
#footer ul
{
position: absolute; right: 180px; top: 24px; height: 24px; display: inline-block; .display: inline; .zoom: 1;	width: 190px;
}
#footer ul li
{
display: block; float: right; height: 24px; width: 24px; padding-right: 5px;	
}
#footer ul li.snLike
{
width: 80px; margin-top: 2px; margin-left: 10px; display: block; overflow: hidden;
}


/*
Home
_________________________________________*/
.home
{
background: none!important;	
}
.home body
{
background: #020302 url(../i/home/bgTile.jpg) center top repeat-x;	
}
.pageHome #outerWrap
{
background: url(../i/home/bg.jpg) center top no-repeat; margin-bottom: 0px; min-height: 900px;
}
.pageHome #footerwrap
{
bottom: auto; height: 33px; overflow: hidden; width: 100%; min-width: 1240px; background: none; z-index: 400; padding-bottom: 20px;
}
.pageHome #footer
{
width: 1240px; margin: 0px auto 0; position: relative; height: 33px; text-align: center; overflow: hidden; color: #fca308;
}
.pageHome #footer h2
{
display: block; margin: 0px auto 0; height: 33px; width: 492px; text-indent: -9999em; overflow: hidden; background: url(../i/film.png) no-repeat;	
}
.pageHome #footer h3
{
display: block; margin: 0px auto 0; right: 30px; top: -10px; width: 145px; height: 55px; text-indent: -9999em; background: url(../i/hw61b.png) no-repeat;	
}
.pageHome #footer ul
{
right: 180px; top:6px;
}
#filmLogo
{
height: 420px; position: relative; width: 960px; margin: 0 auto;	
}
#filmLogo h1
{
display: block; position: absolute; width: 476px; height: 155px; top: 173px; left: 342px;	
}
#filmLogo h2
{
display: block; position: absolute; text-indent: -9999em; width: 323px; height: 94px; top: 300px; left: 418px; background: url(../i/home/nowDVD.png) no-repeat;	
}
.pageHome #contentWrap
{
height: 380px; position: relative; width: 1060px; margin: 0 auto; padding: 0;
}
.pageHome #contentWrap img
{
float: right; margin-top: 112px;
}


/*
Nav
_________________________________________*/
#navWrap
{
position: absolute; top: 0; left: 0; height: 53px; overflow: hidden; width: 100%; min-width: 1240px; background: url(../i/bgNav.png) repeat-x; z-index: 400;
}
#nav
{
width: 1240px; margin: 0px auto 0; position: relative; height: 53px; text-align: center; overflow: hidden; color: #fbc228;
}
#nav li
{
float: left; height: 50px; display: block; background: url(../i/nav2.png) no-repeat;
}
#nav li a
{
display: block; height: 50px; width: 100%; overflow: hidden; text-indent: -9999em; background: url(../i/transparent.gif) repeat;
}

#nav #mmHome
{
margin-left: 148px; width: 101px; background-position: -178px 0px;
}
#nav #mmHome:hover, .pageHome #nav #mmHome
{
background-position: -178px -50px;	
}

#nav #mmFilm
{
width: 143px; background-position: -279px 0px;
}
#nav #mmFilm:hover, .pageFilm #nav #mmFilm
{
background-position: -279px -50px;	
}

#nav #mmQA
{
width: 151px; background-position: -422px 0px;
}
#nav #mmQA:hover, .pageDirector #nav #mmQA
{
background-position: -422px -50px;	
}

#nav #mmPress
{
width: 108px; background-position: -573px 0px;
}
#nav #mmPress:hover, .pagePress #nav #mmPress
{
background-position: -573px -50px;	
}

#nav #mmUtopia
{
width: 122px; background-position: -681px 0px;
}
#nav #mmUtopia:hover, .pageUtopia #nav #mmUtopia
{
background-position: -681px -50px;	
}

/*#nav #mmTheaters
{
width: 155px; background-position: -803px 0px;
}
#nav #mmTheaters:hover, .pageTheaters #nav #mmTheaters
{
background-position: -803px -50px;	
}*/

#nav #mmTheaters
{
width: 137px; background-position: -814px 0px;
}
#nav #mmTheaters:hover, .pageDVD #nav #mmTheaters
{
background-position: -814px -50px;
}

#nav #mmContact
{
width: 143px; background-position: -958px 0px;
}
#nav #mmContact:hover, .pageContact #nav #mmContact
{
background-position: -958px -50px;	
}




/*
Modal Window
_________________________________________*/
.fancybox-skin
{
background-color: #8c1117!important;
}
.infoModal
{
background: #fff;	
}
.infoModal .modalContent
{
padding: 10px; color: #555;
}
.infoModal .modalContent h2
{
font-family: Arial, Verdana, Geneva, sans-serif; font-weight: normal; color: #666;	 font-size: 25px; line-height: 29px; padding-bottom: 6px; border-bottom: 3px solid #ba5f01; margin-bottom: 12px;
}
.infoModal .modalContent h4
{
color: #2f6f9a; font-size: 16px; line-height: 20px; padding: 8px 0 8px; font-weight: bold;
}
.infoModal .modalContent h4 em
{
font-weight: normal; padding-left: 10px;	
}
.infoModal .modalContent p
{
color: #757575;	font-size: 13px; line-height: 19px; padding: 7px 0 7px;
}
.infoModal .modalContent ul
{
padding: 7px 0 12px; list-style: outside disc; padding: 0 0 0 10px; margin: 0 0 0 10px;	
}
.infoModal .modalContent li
{
color: #757575;	font-size: 13px; line-height: 16px; padding: 0px 0 6px;
}
.infoModal .modalContent a
{
color: #3a70a8;		
}
.infoModal .modalContent a:hover
{
color: #2a2a2a; text-decoration: underline;		
}


/*
Misc
_________________________________________*/
.bgcover
{
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.bgcontain
{
-webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;
}



/* Clearing floats ------------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	.display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clear
{
clear: both;	
}