/*
     FILE ARCHIVED ON 14:37:33 Jan 19, 2012 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 2:30:31 Jan 27, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*  Reset styles see: http://meyerweb.com/eric/tools/css/reset/ 
------------------------------------------------------------------------ */  
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0; 	padding: 0; 	border: 0; 	outline: 0; 	font-size: 100%; 	vertical-align: baseline; 	background: transparent; } body { 	line-height: 1; } ol, ul { 	list-style: none; } blockquote, q { 	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; }  /* remember to define focus styles! */ :focus { 	outline: 0; }  /* remember to highlight inserts somehow! */ ins { 	text-decoration: none; } del { 	text-decoration: line-through; }  /* tables still need 'cellspacing="0"' in the markup */ table { 	border-collapse: collapse; 	border-spacing: 0; }

/*  Everything else
------------------------------------------------------------------------ */

body {
    font: 12px/1.22 helvetica, arial, sans-serif;
    background: #161616 url('http://www.companymenmovie.com/img/bg-body.png') no-repeat 50% 0;
    color: #000;
}

#page {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border-top: 15px solid #161616;
    border-bottom: 1px solid #fff;
    overflow: hidden;
}

#page .wrapper {
    position: relative;
    width: 960px;
    min-height: 729px;
    height: auto !important;
    height: 729px;
    margin: 0 auto;
    background: url('../img/bg-page.jpg') no-repeat 0 0;
}

#main {
    position: absolute;
    top: 220px;
    left: 0;
    width: 661px;
    height: 341px;
    padding: 15px;
    z-index: 1000;
    text-align: justify;
    background: url('../img/bg-main.png') no-repeat;
}

#main .scrollpane {
    width: 646px;
    height: 341px;
    padding: 0 15px 0 0;
    overflow: auto;
}

h3.title {
    position: absolute;
    top: 190px;
    left: 15px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}

#main h4 {
    font-size: 14px;
    text-transform: uppercase;
}

#main p {
    overflow: hidden;
    margin: 0 0 12px;
}

#start-date {
    position: absolute;
    top: 50px;
    left: 260px;
    width: 300px;
    z-index: 1000;
    text-align: right;
    color: #fff;
}

/*  Footer
------------------------------------------------------------------------ */

#footer {
    position: relative;
    width: 960px;
    padding: 20px 0 40px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    text-align: center;
    z-index: 1000;
}

#footer #links-one {
    clear: both;
    font-size: 14px;
    color: #808080;
}

#footer #links-one a {
    color: #555;
}

#footer .footer-links {
    margin: 0 0 6px;
    color: #373737;
    text-transform: uppercase;
    font-size: 9px;
}

#footer .footer-links a {
    color: #373737;
    text-decoration: none;
}

#logo-weinstein {
    position: absolute;
    top: 135px;
    right: 140px;
    z-index: 1000;
}

#buy-tix {
    width: 319px;
    height: 43px;
    padding: 34px 0 0;
    background: url('../img/bg-buy-tix.png') no-repeat;
    text-align: center;
}

#buy-tix a {
    display: inline;
    padding: 0 12px 0;
}

#footer ul {
    margin: 0 0 40px;
    overflow: hidden;
}
#footer ul li {
    position: relative;
    float: left;
    margin: 0 12px 0 0;
}

#share a {
    padding: 0 7px;
}

/*  Nav
------------------------------------------------------------------------ */

#nav {
    position: absolute;
    top: 0;
    left: 30px;
    width: 629px;
    height: 23px;
    color: #000;
    z-index: 1000;
    background: #161616;
    text-align: center;
}

#nav ul li {
    display: inline;
}

#nav ul li a {
    color: #fff;
    text-decoration: none;
    font-family: helvetica, arial, sans-serif;
    text-transform: uppercase;
    margin: 0 15px 0;
    font-size: 12px;
}

#nav ul li a.active,
#nav ul li a:hover {
    color: #ccc;
}

/*  Mailing-list
------------------------------------------------------------------------ */

#mailing-list {
    width: 230px;
}

#mailing-list input {
    vertical-align: top;
}

#ujkrdu-ujkrdu {
    width: 140px;
    height: 23px;
    padding: 0 0 0 7px;
    line-height: 23px;
    background: url('../img/input-txt.png') no-repeat;
    border: 0;
}

.cm-ol-itihjj {
    padding: 3px 0 0;
}

#confirmation {
    display: none;
    color: #fff;
}

/*  Movie title
------------------------------------------------------------------------ */

#billing {
    position: absolute;
    top: 37px;
    left: 20px;
    z-index: 1000;
}

/*  Now Playing
------------------------------------------------------------------------ */

#now-playing {
    position: absolute;
    top: 162px;
    left:172px;
    width: 500px;
    height: 22px;
    background: url('../img/now-playing.png') no-repeat;
    display: block;
    text-indent: -9999px;
    z-index: 1000;
}

#now-playing:hover {
    background-position: 0 -22px;
}

#cities {
    display: none;
    position: absolute;
    top: 120px;
    left: 50%;
    width: 860px;
    height: 455px;
    padding: 20px;
    display: none;
    margin-left: -450px;
    background: url('../img/bg-cities.png') no-repeat;
    z-index: 10000;
}

#cities h3 {
    font-size: 21px;
    margin: 0 0 12px;
    text-align: center;
    color: #000;
}

#cities p {
    text-align: center;
    clear: both;
    padding: 20px 0 0;
}

#cities img {
    margin: 0 10px;
}

#cities-list li {
    float:left;
    padding: 5px 0;
    width: 50%;
    text-align: center;
    font-size: 18px;
}


#close-cities {
    position: absolute;
    top: 0;
    left: -38px;
    cursor: pointer;
}

# {
    
}

#buy-dvd, #buy-blueray {
    float:left;
    margin: 0 75px 0 10px;
    height: 221px;
    display: block;
    text-indent: -9999px;
}

#buy-dvd {
    width: 149px;
    background: url('../img/buy-dvd.png') no-repeat 0 0;
}

#buy-blueray {
    width: 169px;
    background: url('../img/buy-blueray.png') no-repeat 0 0;
}

#buy-dvd:hover, #buy-blueray:hover {
    background-position: 0 -221px;
}

#features {
    list-style: disc inside none;
    margin: 0 0 5px;
}

.dvd {
    font-size: 16px;
}

#main.dvd {
    background: none;
}
/*  Video
------------------------------------------------------------------------ */

#home-page #video {
    position: absolute;
    top: 195px;
    left: 5px;
    width: 630px;
    height: 355px;
    padding: 25px;
    background: url('../img/bg-video.png') no-repeat;
    z-index: 1000;
}

#home-page #video-object {
    width: 620px;
    height: 345px;
    padding: 5px;
    background-color: #161616;
}

#btn-review-latimes {
    position: absolute;
    top: 525px;
    left: 194px;
    z-index: 1000;
}

/*  Quotes
------------------------------------------------------------------------ */

#quotes {
    position: absolute;
    top: 603px;
    left: 38px;
    width: 603px;
    height: 121px;
    overflow: hidden;
    z-index: 10000;
}

/*  Slideshow
------------------------------------------------------------------------ */

#slideshow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 729px;
    z-index: 1;
}

#slides {
    position: absolute;
    top: 0;
    right: -160px;
    width: 850px;
    height: 729px;
    overflow: hidden;
}


/*  Cast
------------------------------------------------------------------------ */

#bio-list {
    position: absolute;
    top: 200px;
    left: 0;
    width: 651px;
    padding: 15px;
    z-index: 1000;
    overflow: auto;
    text-align: justify;
}


#bio-list li {
    float: left;
    display: block;
    width: 141px;
    margin: 0 20px 16px 0;
}

body:after {
    /* Pre-load bg-image and lg bio images */
    display: none;
    content: url('../img/bg-bio.png') url('../img/cast-affleck-lg.jpg') url('../img/cast-bello-lg.jpg') url('../img/cast-cooper-lg.jpg') url('../img/cast-costner-lg.jpg') url('../img/cast-dewitt-lg.jpg') url('../img/cast-jones-lg.jpg') url('../img/cast-nelson-lg.jpg');
    
}

#bio {
    display: none;
    position: absolute;
    top: 120px;
    left: 50%;
    height: 385px;
    padding: 20px 20px 20px 20px;
    margin-left: -380px;
    background: url('../img/bg-bio.png') no-repeat;
    z-index: 10000;
}

#bio .content {
    width: 728px;
    height: 385px;
}

#bio-txt {
    float: right;
    width: 435px;
    height: 385px;
    padding-right: 10px;
    overflow: auto;
    text-align: justify;
}

#bio .content h3 {
    font-size: 21px;
    margin: 0 0 12px;
    text-align: left;
    color: #000;
}

#bio .content p {
    width: 420px;
    margin: 0 0 12px;
}


#bio .bio-image {
    float: left;
    display: inline;
    width: 265px;
    margin: 0 8px 0 0;
}

#close-bio {
    position: absolute;
    top: 0;
    left: -41px;
    cursor: pointer;
}

#overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1000;
}

/*  Creative
------------------------------------------------------------------------ */

#creative-list {
    width: 545px;
}

#creative-list h3 {
    padding-top: 24px;
    font-size: 24px;
    color: #fff;
}

#creative-list h3.first {
    padding-top: 0;
}


/*  Gallery
------------------------------------------------------------------------ */

#gallery {
    position: absolute;
    top: 210px;
    left: 0;
    width: 584px;
    height: 430px;
    padding-right: 10px;
    z-index: 1000;
    color: #fff;
    overflow: hidden;
    text-align: justify;
    background: url('http://www.companymenmovie.com/img/bg-gallery.png') no-repeat;
}

#photo-gallery {
    width: 584px;
    height: 430px;
}

#photo-gallery img {
    /* stop fouc, script will display first image */
    display: none;
}


#preload {
    /* Gallery images are preloaded on the index page  */
    position: absolute;
    top: 0;
    left: -9999px;
}

/* override galleria defaults */
.galleria-container {
    background: transparent !important;
}

.galleria-thumb-nav-left:hover,
.galleria-thumb-nav-right:hover {
    background-color: #2F2F3C;
}

#switch-galleries {
    position: absolute;
    top: 182px;
    left: 2px;
    z-index: 10000;
}

#switch-galleries li {
    float: left;
    width: 106px;
    margin: 0 3px 0 0;
}

#btn-video a,
#btn-photos a {
    display: block;
    float: left;
    width: 106px;
    height: 30px;
    background: url('http://www.companymenmovie.com/img/btn-switch-gallery.png') no-repeat;
    text-indent: -9999px;
}

#btn-video a {
    background-position: -324px 0px;
}

#btn-video a.active-gallery {
    background-position: -108px 0;
}

#btn-photos a {
    background-position: -216px 0px;
}

#btn-photos a.active-gallery {
    background-position: 0 0 !important;
}


/*  Video gallery
------------------------------------------------------------------------ */

#video-gallery {
    width: 565px;
    height: 400px;
    margin: 15px 0;
}

#video-gallery-screen {
    width: 556px;
    height: 305px;
    margin: 0 0 20px 11px;
    background-color: #000;
}

/*  Video gallery thumbnails
------------------------------------------------------------------------ */

#video-gallery-thumbnails {
    margin: 0 0 0 15px;
}

#video-gallery li {
    position: relative;
    float: left;
    height: 63px;
    width: 110px;
}

#video-gallery li a {
    display: block;
    float: left;
    width: 110px;
    height: 63px;
    text-indent: -9999px;
}

#video-gallery li a:hover,
#video-gallery li a.active-video {
    background-position: 0 -74px;
}

#vid-exercise a {
    background: url('http://www.companymenmovie.com/img/vid-th-exercise.png') no-repeat;
}

#vid-trailer-001 a {
    background: url('http://www.companymenmovie.com/img/vid-th-trailer-001.png') no-repeat;
}

#vid-on-helena-geoffrey a {
    background: url('http://www.companymenmovie.com/img/vid-th-working-with-helena-geoffrey.png') no-repeat;
}

#vid-what-attracted-her a {
    background: url('http://www.companymenmovie.com/img/vid-th-what-attracted-her.png') no-repeat;
}

#getting-actors-involved a {
    background: url('http://www.companymenmovie.com/img/vid-th-getting-actors-involved.png') no-repeat;
}

/*  News
------------------------------------------------------------------------ */

#press-listing li {
     overflow: hidden;
    padding: 20px 0 10px;
    margin: 0 10px;
    background: url('http://www.companymenmovie.com/img/divider.png') no-repeat 0 100%;
}

#press-listing li.first {
    padding: 0 0 10px;
}

#press-listing h4 {
    font-size: 16px;
    margin: 0 0 8px;
}

#press-listing small {
    display: block;
    font-size: 10px;
    margin: 0 0 8px;
    line-height: 1;
}

#press-listing .press-image {
    float: left;
    width: 80px;
    height: 80px;
    margin: 0 10px 0 0;
}

#press-listing p {
    overflow: hidden;
}

#press-listing a {
    color: #f00;
    font-weight: bold;
}


/*  jScrollPane
------------------------------------------------------------------------ */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

 .jspContainer {
     overflow: hidden;
     position: relative;
 }
 .jspPane {
     position: absolute;
 }
 #bio .jspVerticalBar {
     position: absolute;
     top: 0;
     right: 0;
     width: 12px;
     height: 100%;
 }
 .jspVerticalBar {
     position: absolute;
     top: 0;
     right: 4px;
     width: 12px;
     height: 100%;
     background: url('../img/bg-jspVerticalBar.png');
 }
 .jspHorizontalBar {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 16px;
     background: red;
 }
 .jspVerticalBar *,
 .jspHorizontalBar * {
     margin: 0;
     padding: 0;
 }
 .jspCap {
     display: none;
 }
 .jspHorizontalBar .jspCap {
     float: left;
 }
 .jspTrack {
     background: transparent;
     position: relative;
 }
 .jspDrag {
     background: white;
     position: relative;
     top: 0;
     left: 0;
     margin: 2px;
     cursor: pointer;
 }
 .jspHorizontalBar .jspTrack,
 .jspHorizontalBar .jspDrag {
     float: left;
     height: 100%;
 }
 .jspArrow {
     background: #50506d;
     text-indent: -20000px;
     display: block;
     cursor: pointer;
 }
 .jspArrow.jspDisabled {
     cursor: default;
     background: #80808d;
 }
 .jspVerticalBar .jspArrow {
     height: 16px;
 }
 .jspHorizontalBar .jspArrow {
     width: 16px;
     float: left;
     height: 100%;
 }
 .jspVerticalBar .jspArrow:focus {
     outline: none;
 }
 .jspCorner {
     background: #eeeef4;
     float: left;
     height: 100%;
 }
 /* Yuk! CSS Hack for IE6 3 pixel bug :( */
     * html .jspCorner {
         margin: 0 -3px 0 0;
     }