* {margin:0; padding:0;}

/* STRUCTURE */

body { 
    font-family: arial, helvetica, sans-serif;
    font-size: 62.5%;
    background-color: #111;
}

#wrapper {
    width: 703px;
    margin: 0 auto;
    border:2px solid #fff;
	background-color:#000;
	}

#header {
}

#navigation {
	margin-top:5px;
	background:#000 url(images/nav.jpg) top left repeat-x;
	text-align: center;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin:0;
    padding:0;
    
    
}

ul.navigation a {
	font-size:1.3em;
	text-transform: uppercase;
    padding: 10px 37px 10px 37px;
    color: #fff;
    text-decoration: none;
    cursor:hover;
    
  
}


ul.navigation li#nav_about a.selected, ul.navigation li#nav_about a:hover {
    background:#000 url(images/on_nav_about.jpg) top left repeat-x;
	cursor:hover;
}

ul.navigation li#nav_watch a.selected, ul.navigation li#nav_watch a:hover {
    background:#000 url(images/on_nav_watch.jpg) top left repeat-x;
	cursor:hover;
}

ul.navigation li#nav_buy_soundtrack a.selected, ul.navigation li#nav_buy_soundtrack a:hover {
    background:#000 url(images/on_nav_buy_soundtrack.jpg) top left repeat-x;
	cursor:hover;
}

ul.navigation li#nav_links a.selected, ul.navigation li#nav_links a:hover {
    background:#000 url(images/on_nav_links.jpg) top left repeat-x;
	cursor:hover;
}

ul.navigation li#nav_contact a.selected, ul.navigation li#nav_contact a:hover {
    background:#000 url(images/on_nav_contact.jpg) top left repeat-x;
	cursor:hover;
}
ul.navigation a:focus {
    outline: none;
}



#footer {
}


/* PAGES */

.page {
	margin:20px;
	position: relative;
}

#about {
 background:#fff url(images/bg-about.jpg) no-repeat left top;
}

#watch {
 background:#eee url(images/bg-watch.jpg) no-repeat left top;
}

#links {
 background:#666 url(images/bg-links.jpg) no-repeat left top;
}

#contact {
 background:#999 url(images/bg-contact.jpg) no-repeat left top;
}

p {
	text-align: justify;
	font-size:1.3em;
	line-height: 1.4em;
}

a {color:#111;}
a:hover {cursor:pointer;}

label {font-weight: bold;}

.page_left {
position:absolute; width:300px; left:10px; top:70px;
}

.page_right {
position:absolute; width:300px; left:350px; top:30px;
}

.page_right p {font-size:1em; margin-bottom:.5em; font-weight:bold;}

#watch .page_left {background-color:#000; width:140px; text-align: center; top:90px; left:123px;}

div.scenes ul{padding:0; margin:0;list-style-type: none;}

div.scenes ul li{padding:0; margin:0;}

div.scenes ul li a img {border:1px solid #000;}

div.scenes ul li a:hover img, div.scenes ul li a img.selected {border:1px solid #fff;}

#watch .movie-box-center {position:absolute; top:75px; right: 60px;}

#watch .movie-box-center h2 {margin-top:20px;}

#watch .movie-box-watchfilm {position:absolute; top:90px; right: 180px; background-color:#000; padding:1em; text-align:center;}

#watch .movie-box-watchfilm h2 {color:#fff; font-weight:normal;}

.movie-box {background-color:#000; color:#fff; font-weight:bold; padding:1em; text-align: center;}

#links .page_right {top:60px; left:265px; width:390px; height:380px; overflow:auto; }

#contact .page_right {top:70px;}



/* SLIDER */

#slider {
    width: 703px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 500px;
    width: 703px;
    overflow: hidden;
    /*overflow-x: hidden;*/
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer {
	width:703px;
	
	}

.scrollContainer div.panel {
    height: 500px;
    width: 703px;
}

/* SCROLL Left Right BUTTONS disabled for hopemovie.com */


.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
    display:none; /* disabled for hopemovie.com */
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.movie-controls {
	border:1px solid #eee;
	padding:.4em;
	background-color: #111;
	color:#eee;

}


/* UTILITY */

.clear_left {clear:left;}

.clear_right {clear:right;}

.clear_both {clear:both;}

.hide {
    display: none;
}