* {  margin:0; padding:0; } 
html, body { height: 100%; }

/* = = = = = = = = = = = = = = = = = BEGIN base layout */
body { 
    margin: 0; 
    padding: 0; 
    text-align: center; 
    min-height: 562px; 
    background: #0A0A0A;  
    font-size: 80%;  
    font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
    color: #fff;
}
#container { 
    position: relative; 
    margin: 0 auto; 
    text-align: left; 
    width: 900px; 
    height: 100%; 
}
#main { 
    position: absolute; 
    top: 50%; 
    margin-top: -281px; 
    width: 900px; 
    height: 562px; 
    background: #0a0a0a; 
}
#content { 
    margin: 0 auto; 
    text-align: left; 
    width: 900px; 
    padding: 0; 
    min-height: 100%; 
    height: auto;  
    position: relative;
}
* html content { height: 100%; }

#footer {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 900px;
    height: 20px;
    margin: 0;
    padding: 0;
    text-align: right;
}

#footer p {
    margin: 0;
    padding: 4px 3px 0px 0px;
    font-size: 11px;
    color: #454545;
}

#footer p a { color: #454545; text-decoration: none; }
#footer p a:hover { color: #e5e5e5; text-decoration: none; }

#homeContent, #cinemaContent, #newsContent, #trailerContent, #storyContent,
#creditsContent, #pressContent, #photosContent, #contactContent {
   position: relative;
   display: block;
   width: 900px;
   height: 517px;  
   margin: 0;
   padding: 0;
}

#pageLogo {
    position: absolute;
    bottom: 30px;
    right: 40px;
    width: 219px;
    height: 52px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(../img/page_logo.png) 0 0 no-repeat;
}

.clear { clear: both; }

/* = = = = = = = = = = = = = = = = = END base layout */

/* = = = = = = = = = = = = = = = = = BEGIN main menu */
    
#navBlock { 
    width: 900px; 
    height: 25px; 
    margin: 0; 
    padding: 0; 
    background: #B92F01; 
}

#menu { 
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
}

#menu li { float: left; }

#menu li a { 
    float: left; 
    display: inline block; 
    margin: 0; 
    padding: 0; 
    text-indent: -9999px; 
    overflow:hidden; 
}
    
.menu_hom { width: 71px; height: 25px; background: url(../img/menu_hom.gif) 0 0 no-repeat; }
.menu_hom:hover { width: 71px; height: 25px; background: url(../img/menu_hom.gif) -71px 0px no-repeat; }

.menu_cine { width: 81px; height: 25px; background: url(../img/menu_cine.gif) 0 0 no-repeat; }
.menu_cine:hover { width: 81px; height: 25px; background: url(../img/menu_cine.gif) -81px 0px no-repeat; }
    
.menu_news { width: 62px; height: 25px; background: url(../img/menu_news.gif) 0 0 no-repeat; }
.menu_news:hover { width: 62px; height: 25px; background: url(../img/menu_news.gif) -62px 0px no-repeat; }
    
.menu_trai { width: 76px; height: 25px; background: url(../img/menu_trai.gif) 0 0 no-repeat; }
.menu_trai:hover { width: 76px; height: 25px; background: url(../img/menu_trai.gif) -76px 0px no-repeat; }
    
.menu_stor { width: 68px; height: 25px; background: url(../img/menu_stor.gif) 0 0 no-repeat; }
.menu_stor:hover { width: 68px; height: 25px; background: url(../img/menu_stor.gif) -68px 0px no-repeat; }
    
.menu_cred { width: 76px; height: 25px; background: url(../img/menu_cred.gif) 0 0 no-repeat; }
.menu_cred:hover { width: 76px; height: 25px; background: url(../img/menu_cred.gif) -76px 0px no-repeat; }
    
.menu_pres { width: 65px; height: 25px; background: url(../img/menu_pres.gif) 0 0 no-repeat; }
.menu_pres:hover { width: 65px; height: 25px; background: url(../img/menu_pres.gif) -65px 0px no-repeat; }
    
.menu_phot { width: 74px; height: 25px; background: url(../img/menu_phot.gif) 0 0 no-repeat; }
.menu_phot:hover { width: 74px; height: 25px; background: url(../img/menu_phot.gif) -74px 0px no-repeat; }
    
.menu_cont { width: 81px; height: 25px; background: url(../img/menu_cont.gif) 0 0 no-repeat; }
.menu_cont:hover { width: 81px; height: 25px; background: url(../img/menu_cont.gif) -81px 0px no-repeat; }

/* = = = = = = = = = = = = = = = = = END main menu */

/* = = = = = = = = = = = = = = = = = BEGIN Front page content */

#homeContent {
   position: relative;
   display: block;
   width: 900px;
   height: 517px;
   background: url(../img/home_v4_bg.jpg) 0 0 no-repeat;  
   margin: 0;
   padding: 0;
}

#homeReviews {
    position: absolute;
    top: 185px;
    left: 115px;
    width: 680px;
    padding: 0;
    margin: 0;
}

#homeReviews h3, #homeAwardsBlock h3 {
    font-size: 1.2em;
    font-weight: 200; 
    color: #fff;
    font-style: oblique;
    margin-bottom: 0.2em;
    letter-spacing: -1px;
}

#homeReviews p { margin-bottom: 1em; text-indent: 4px; }

#homeReviews .highlight {
    font-size: 0.9em;
    font-weight: 700; 
    color: #fff;
    padding: 0px 4px 0px 2px;
    letter-spacing: -1px;
    background: #D33601;
    display: inline block;
}

#homeDatesBlock {
    position: absolute;
    display: block;
    bottom: 0px;
    left: 101px;
    width: 106px;
    height: 48px;
    padding: 0;
    margin: 0;
}

#homeHmvBlock {
    position: absolute;
    display: block;
    bottom: 0px;
    left: 207px;
    width: 86px;
    height: 48px;
    padding: 0;
    margin: 0;
}

#homePlayBlock {
    position: absolute;
    display: block;
    bottom: 0px;
    left: 293px;
    width: 102px;
    height: 48px;
    padding: 0;
    margin: 0;
}

#homeDatesBlock h2 {
    font-size: 1.6em;
    font-weight: 200; 
    color: #fff;
    margin-bottom: 0.3em;
    letter-spacing: -1px;
}

#homeDatesBlock h3 {
    font-size: 1.2em;
    font-weight: 200; 
    color: #D33601;
    margin-bottom: 0.3em;
    letter-spacing: -1px;
}


#homeDatesBlock ul { margin-left: 14px; padding: 0; list-style-type: square; list-style-position: outside; }
#homeDatesBlock ul li { color: #0a0a0a; font-size: 11px; font-weight: normal; line-height: 13px; }
#homeDatesBlock ul li a { color: #EC2F00; text-decoration: none; }
#homeDatesBlock ul li a:hover { color: #EC2F00; text-decoration: underline; }


#homeAwardsBlock {
    position: absolute;
    margin: 0;
    padding: 0;
    display: block;
    bottom: 15px;
    right: 15px; 
    width: 520px; 
    height: 90px;
}

#homeAwardsBlock p { text-align: right; margin-bottom: 0.3em; text-indent: 4px; }
#homeAwardsBlock h3 { text-align: right; }
#homeAwardsBlock a { text-decoration: none; color: #fff; }
#homeAwardsBlock a:visited { text-decoration: none; color: #fff; }

#homeAwardsBlock .highlight {
    font-size: 0.85em;
    font-weight: 700; 
    color: #fff;
    padding: 0px 2px 0px 2px;
    letter-spacing: -1px;
    background: #D33601;
    display: inline block;
}

/* = = = = = = = = = = = = = = = = = END Front page content */

/* = = = = = = = = = = = = = = = = = BEGIN page content */

#newsWrapper, #creditsWrapper, #storyWrapper, #pressWrapper {
    position: absolute;
    top: 90px;
    left: 50px;
    width: 800px;
    padding: 0;
    margin: 0;
    text-align: left;
}

#cinemasWrapper {
    position: absolute;
    top: 90px;
    left: 50px;
    width: 800px;
    padding: 0;
    margin: 0;
    text-align: left;
}

#contactWrapper {
    position: absolute;
    top: 120px;
    left: 50px;
    width: 800px;
    padding: 0;
    margin: 0;
    text-align: left;
}

#photosWrapper, #trailerWrapper { 
    position: absolute; 
    top: 80px;
    left: 90px;
    width: 720px;
    height: 340px;
    padding: 0;
    margin: 0;
    text-align: center;
    background: #0a0a0a;
}

#newsTopCol1, #newsRelCol1, #newsAwardsCol1, #newsArticlesCol1, #newsShowingCol1, #contactEmailCol1, #contactSalesCol1, #contactPressCol1,
#creditsProdCol1, #creditsCastCol1, #storyMainCol1, #pressReviewsCol1, #pressInterCol1, #cinemasCol1, #contactDistCol1 {
    float: left;
    display: inline;
    padding: 0;
    margin-bottom: 25px;
    text-align: left;
}

#newsTopCol1, #newsRelCol1, #newsAwardsCol1, #newsArticlesCol1, #newsShowingCol1, #contactEmailCol1, #contactSalesCol1, #contactPressCol1,
#storyMainCol1, #pressReviewsCol1, #pressInterCol1, #contactDistCol1 { width: 150px; }

#creditsProdCol1, #creditsCastCol1 { width: 200px; }
#cinemasCol1 { width: 100px; }

#newsTopCol1 h3, #newsRelCol1 h3, #newsAwardsCol1 h3, #newsArticlesCol1 h3, #newsShowingCol1 h3, #contactEmailCol1 h3, #contactSalesCol1 h3, #contactPressCol1 h3, 
#creditsProdCol1 h3, #creditsCastCol1 h3, #storyMainCol1 h3, #pressReviewsCol1 h3, #pressInterCol1 h3, #cinemasCol1 h3, #contactDistCol1 h3 {
    font-size: 11px;
    font-weight: normal; 
    line-height: 13px;
    color: #fff;
    letter-spacing: -0px;
}

#newsTopCol2, #newsRelCol2, #newsAwardsCol2, #newsArticlesCol2, #newsShowingCol2, #contactEmailCol2, #contactSalesCol2, #contactPressCol2, #creditsProdCol2, 
#creditsCastCol2, #storyMainCol2, #pressInterCol2, #contactDistCol2 {
    float: left;
    display: inline;
    width: 600px;
    padding: 0;
    margin-bottom: 25px;
    text-align: left;
}

#pressReviewsCol2, #pressReviewsCol3 {  
    float: left;
    display: inline;
    padding: 0;
    margin-bottom: 25px;
    text-align: left;
}

#pressReviewsCol2 { width: 210px; }
#pressReviewsCol3 { width: 300px; }

#cinemasCol2, #cinemasCol3 {
    float: left;
    display: inline;
    width: 330px;
    padding: 0;
    margin-bottom: 25px;
    text-align: left;
}

#cinemasCol2 ul li, #cinemasCol3 ul li { margin-bottom: 1px; color: #fff; font-size: 11px; font-weight: normal; line-height: 13px; }
.cinemaNoLink { color: #FF3F0F; text-decoration: none; }
#cinemasCol2 ul li span a, #cinemasCol3 ul li span a { color: #FF3F0F; text-decoration: none; }
#cinemasCol2 ul li span a:hover, #cinemasCol3 ul li span a:hover{ color: #fff; text-decoration: underline; }

#storyMainCol2 p { 
    color: #fff; 
    font-size: 12px; 
    font-weight: normal; 
    line-height: 15px; 
    letter-spacing: -0px;
    margin-bottom: 20px; 
    margin-top: 90px;
}

#newsTopCol2 ul, #newsRelCol2 ul, #newsAwardsCol2 ul, #newsArticlesCol2 ul, #newsShowingCol2 ul, 
#contactEmailCol2 ul, #contactSalesCol2 ul, #contactPressCol2 ul, #creditsProdCol2 ul,
#creditsCastCol2 ul, #pressReviewsCol2 ul, #pressReviewsCol3 ul, #pressInterCol2 ul, #cinemasCol2 ul, #cinemasCol3 ul, #contactDistCol2 ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
}

#newsTopCol2 ul li, #newsRelCol2 ul li, #newsAwardsCol2 ul li, #newsArticlesCol2 ul li, #newsShowingCol2 ul li, 
#contactEmailCol2 ul li, #contactSalesCol2 ul li, #contactPressCol2 ul li, #creditsProdCol2 ul li,
#creditsCastCol2 ul li, #pressReviewsCol2 ul li, #pressReviewsCol3 ul li, #pressInterCol2 ul li, #contactDistCol2 ul li { 
    color: #fff; 
    font-size: 11px; 
    font-weight: normal; 
    line-height: 13px; 
    letter-spacing: -0px; 
}

#newsTopCol2 ul li a, #newsRelCol2 ul li a, #newsAwardsCol2 ul li a, #newsArticlesCol2 ul li a, #newsShowingCol2 ul li a, 
#contactEmailCol2 ul li a, #contactSalesCol2 ul li a, #contactPressCol2 ul li a, #creditsProdCol2 ul li a,
#creditsCastCol2 ul li a, #pressReviewsCol2 ul li a, #pressReviewsCol3 ul li a, #pressInterCol2 ul li a, #contactDistCol2 ul li a { 
    color: #FF3F0F; 
    text-decoration: none; 
}

#newsTopCol2 ul li a:hover, #newsRelCol2 ul li a:hover, #newsAwardsCol2 ul li a:hover, #newsArticlesCol2 ul li a:hover, #newsShowingCol2 ul li a:hover, 
#contactEmailCol2 ul li a:hover, #contactSalesCol2 ul li a:hover, #contactPressCol2 ul li a:hover, #creditsProdCol2 ul li a:hover,
#creditsCastCol2 ul li a:hover, #pressReviewsCol2 ul li a:hover, #pressReviewsCol3 ul li a:hover, #pressInterCol2 ul li a:hover, #contactDistCol2 ul li a:hover { 
    color: #fff; 
    text-decoration: underline; 
}

.custom-tip {
	color: #000;
	width: 300px;
	z-index: 13000;
	text-align: left;
}
 
.custom-title {
	display: none;
}
 
.custom-text {
    font-family: Georgia, Times, serif;
	font-size: 11px;
	line-height: 15px;
	padding: 16px;
	background: #EEECE0;
	opacity:.90;
	font-style: italic;
}

/* = = = = = = = = = = = = = = = = = END page content */
#cinemaContent {
   background: url(../img/cinemas_bg.jpg) 0 0 no-repeat;  
}

/* = = = = = = = = = = = = = = = = = BEGIN News page content */

#newsContent {
   background: url(../img/news_bg.jpg) 0 0 no-repeat;  
}
/* = = = = = = = = = = = = = = = = = END News page content */


/* = = = = = = = = = = = = = = = = = BEGIN Trailer page content */

#trailerContent {
   background: url(../img/trailer_bg.jpg) 0 0 no-repeat;  
}

/* = = = = = = = = = = = = = = = = = END Trailer page content */

/* = = = = = = = = = = = = = = = = = BEGIN Story page content */

#storyContent {
   background: url(../img/story_bg.jpg) 0 0 no-repeat;  
}

/* = = = = = = = = = = = = = = = = = END Story page content */

/* = = = = = = = = = = = = = = = = = BEGIN Credits page content */

#creditsContent {
   background: url(../img/credits_bg.jpg) 0 0 no-repeat;  
}

/* = = = = = = = = = = = = = = = = = END Credits page content */

/* = = = = = = = = = = = = = = = = = BEGIN Press page content */

#pressContent {
   background: url(../img/press_bg.jpg) 0 0 no-repeat;  
}

/* = = = = = = = = = = = = = = = = = END Press page content */

/* = = = = = = = = = = = = = = = = = BEGIN Photos page content */

#photosContent {
   background: url(../img/photos_bg.jpg) 0 0 no-repeat;  
}

#photosGridWrapper {
    float:left;
    display: inline;
    width: 380px;
    height: 260px;
    padding: 0;
    margin: 10px 10px 0px 17px;
}

#photosGrid {
    width: auto;
    text-align: center;
    border: 0;
    padding: 0;
    margin: 0;
}

#photosGrid td {
    text-align: center;
    border: 0;
    padding: 2px;
    margin: 0;
}

img, img a { border: 0; }

#photosGrid img { border: 1px solid #f5f5f5; }
#photosGrid img:hover { border: 1px solid #F73100; }

#photosGalleryFooter { text-align: left; padding: 0; margin-left: 12px; }
#photosGalleryFooter p { 
    color: #f5f5f5; 
    font-size: 11px; 
    font-weight: normal; 
    line-height: 13px; 
    letter-spacing: -0px; 
}

.tabcontentstyle{ /*style of tab content container*/
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
    width: 380px;
    height: 260px;
    margin: 12px 0px 0px 12px;
}

.tabcontent{
    display:none;
}

@media print {
.tabcontent {
    display:block!important;
}
}

/* = = = = = = = = = = = = = = = = = END Photos page content */

/* = = = = = = = = = = = = = = = = = BEGIN Contact page content */

#contactContent {
   background: url(../img/contact_bg.jpg) 0 0 no-repeat;  
}

/* = = = = = = = = = = = = = = = = = END Contact page content */

.ex { color: #FF3F0F; }