body
{
    background: url(../images/bg.gif) top left repeat-x #c3c3c1;
    text-align: center;
}
#masthead
{
    width: 960px;
    height: 180px;
    margin-bottom: 10px;
}
/* Main Content */
#wrapper
{
    background: url(../images/logo.png) 542px 10px no-repeat;
    padding-top: 60px;
    margin: 0 auto;
    text-align: left;
    width: 960px;
}
#flash_embed
{
   
    margin-bottom: 10px;
   
}
#main_content
{
    display:block;
    width:960px;
    position: relative;
    margin-bottom: 10px;
    background: #fff;
    
    clear:both;
    padding-bottom:10px;
    
}
#inner_content
{
    position:relative;
    display:block;
    background:url(../images/dot_vert.gif) top left repeat-y;
    display: block;
    padding: 20px 10px 20px 20px;
    margin:-9px 0 0px 201px;
    min-height:415px;
}

/* Navbar and Left Nav */
ul#navbar
{
    display: block;
    width: 100%;
    height: 47px;
    background: #fff;
    position: relative;
}
#navbar li
{
    position: relative;
    top: 10px;
    left: 11px;
    float: left;
    vertical-align: middle;
    margin-right: 10px;
}
#navbar li a
{
    display: block;
    text-decoration: none;
    color: #8E8E8E;
    padding: 5px 9px 6px 9px;
}
#left_nav #nav1 li a
{
    width:162px;   
}
#navbar li a:hover, #left_nav #nav1 li a:hover
{
    background:#222;
 
}

/* Left nav for main content*/
#left_nav 
{
    display: block;
    width: 190px;
    left: 0px;
    margin:0 10px 0 0px;
    position: relative;
    float:left;
    height: 100%;
}
#left_nav #nav1 li 
{
    margin:10px;
}
#left_nav #nav1 li a
{
    display: block;
    text-decoration: none;
    color: #8E8E8E;
    padding: 5px 9px 6px 9px;
}

.divider
{
    display:block;
    background:url(../images/dot_horiz.gif) top left repeat-x;
    height:1px;
}
.nav_div
{
    display:block;
    background:url(../images/dot_horiz.gif) top left repeat-x #fff;
    height:1px;
    margin:0 10px 10px 10px;
}
.sub_nav_div
{
    display:block;
    background:url(../images/dot_horiz.gif) top left repeat-x #fff;
    height:1px;
    margin:0 -10px 10px 10px;
}

#left_nav #nav2 
{
    
    margin-left:10px;
}

#trailer a
{
    background:url(../images/photo_watch_trailer_hover.jpg) top left no-repeat;
    display:inline-block;
    margin-bottom:10px;
}
#order a
{
    background:url(../images/photo_preorder_hover.jpg) top left no-repeat; 
    display:inline-block;
    margin-bottom:10px;
}
#distrify a
{
    background:url(../images/photo_distrify_hover.jpg) top left no-repeat;
    display:inline-block;
    margin-bottom:10px;
}
#itunes a
{
    background:url(../images/photo_itunes_hover.jpg) top left no-repeat; 
    display:inline-block;
}

/*The current active page*/
.active
{
    background: #222;
}
#left_nav .active 
{
    margin-right: 10px;
    width:180px;

}
/* Footer */
#footer
{
    display: block;
    position: relative;
    height: 290px;
    background: url(../images/footer_background.png) bottom left no-repeat #222;
    margin: 10px 0 10px 0;
    padding: 10px;
    color: #b2acaa;
    clear: both;
}
#footer a
{
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
#footer a:hover
{
    text-decoration: underline;
}
#footer #left_col
{
    display: block;
    background: url(../images/footer_logo.gif) 0px 10px no-repeat;
    margin-right: 10px;
    padding-top: 38px;
    position: relative;
    left: 10px;
    height: 240px;
    width: 180px;
}

#sponsors
{
    display: block;
    position: absolute;
    right: 0px;
    top: 10px;
    margin: 0 10px 0 0;
}

#sponsors td
{
    display: inline-block;
    position: relative;
    width: 246px;
    height: 121px;
}
#sponsors td img
{
    position: absolute;
}
/* Sponsor size and positioning */
#sponsors td #screen_au
{
    width: 150px;
    height: 34px;
    top: 39px;
    left: 42px;
}
#sponsors td #film_festival
{
    width: 98px;
    height: 41px;
    top: 36px;
    left: 75px;
}
#sponsors td #jerrycan_films
{
    width: 152px;
    height: 36px;
    top: 38px;
    left: 53px;
}
#sponsors td #pftc
{
    width: 186px;
    height: 30px;
    top: 48px;
    left: 25px;
}
#sponsors td #elastic_digital
{
    width: 171px;
    height: 35px;
    top: 49px;
    left: 37px;
}
#sponsors td #abc
{
    width: 51px;
    height: 59px;
    top: 36px;
    left: 103px;
}
#footer .legal
{
    display: inline-block;
    text-align: right;
    
    position: relative;
    width: 737px;
}
#footer .legal p
{
    display: block;
    width: 100%;
    position: absolute;
    top: 16px;
    right: 0px;
}
/* Utility Classes */
.photo_right
{
    float: right;
    position:relative;
    padding:5px 0 20px 20px;
    display:block;
   
}
.photo_left
{
    float: left;
    padding:5px 20px 20px 0;
    display:block;
    position:relative;
   
}
/* Info Table */
.info_area
{
    background:#222;
    padding:15px 10px 15px 15px; 
    display:block;
}

th
{
    font-weight:bold;
    padding-bottom:15px;
     
}
.info_area table th, .row1
{
    color:#fff;
      
}
.row1
{
    padding-left:10px; 
}
.right_nav
{
   
    background:url(../images/dot_vert.gif) top left repeat-y;
    width:240px;
    margin-left:10px;
}
.movie img
{
    background:#000;   
}

#masthead img
{
    display: none;
    
}
.order_form
{
    margin-top:20px;   
}

.order_form td
{
       padding-bottom:5px;
}
.order_form td input
{
       width:360px;
      
}

/*=== Order page listing
============================================================================*/
.clear
{	clear:both;
}
.l_pad
{	padding-left:220px;
}
.simple_listing { background:url(../images/dot_vert.gif) 202px top repeat-y; }
.simple_listing ul { padding:0 10px 10px;}
.simple_listing ul li
{	background:url(../images/dot_horiz.gif) bottom left repeat-x;
	margin-bottom:8px;
	padding-bottom:8px;
}
.simple_listing ul li .left_sec
{	width:180px;
	padding-right:10px;
	float:left;
}
.simple_listing ul li .right_sec
{	width:739px;
	padding-left:10px;
	float:left;
}
.columns
{
	float:right;
	margin-top:5px;
}