/************************************************
*	global settings							*
************************************************/

*{margin:0;padding:0; }
html{/* to compensate for several browser bugs */font-size:100.01%;}
.clear{display: block; clear: both;}
.clearFix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ol, ul{list-style:none;}
a{outline:none; text-decoration:none; color:#666;}
a:hover{text-decoration:underline;}
img{border:0;}
table {border-collapse: collapse;}
span.red{color:#FF0000;}
span.black{color:#000;}
span.lbl{font-size:1.00em;}
p, a{font-size:1.10em;}
p.warning{color:#FF0000;}
span.warning{color:#FF0000;}

/************************************************
*	specific settings							*
************************************************/
body{
	background-color:#fff;
	font: 62.5%/1.5 "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#666;
	margin:15px 0px;
}



#wrapper{
	width:910px;
	margin: 0 auto;
	background-color: #fff;	
}

/************************************************
*	header settings							*
************************************************/
#header{
	border-bottom:1px solid #ccc;
	width:100%;
	height:85px;

}

#logo_nav{
	float:right;
	width:200px;
	text-align:right;
}

#logo_nav_home{
	float:right;
	width:200px;
    margin-top:59px;
text-align:right;
}

#logo_nav a, #logo_nav_home a{
	font-weight:bold;
}

#logo_nav ul, #logo_nav_home ul{
	width:200px;
	text-align:right;
}

#logo_nav ul li, #logo_nav_home ul li{
	display:inline;
}

#logo_nav ul li#nav_left, #logo_nav ul li#nav_middle, #logo_nav_home ul li#nav_left, #logo_nav_home ul li#nav_middle{
margin-right:20px;
}

h1#logo, h2#logo{
	padding-top:49px;
	height:0;
	overflow:hidden;
	background-image:url("../assets/logo.jpg");
	background-repeat: no-repeat;
	margin-bottom:10px;
	color:#FFF;
}




/************************************************
*	Home page settings							*
************************************************/
#logo_home{
	margin:48px auto 0px;
	width:250px;
	height:67px;
}

#logo_home h1#logo{
	padding-top:67px;
	height:0;
	overflow:hidden;
	background-image:url("../assets/logo_home.gif");
	background-repeat: no-repeat;
}

#search_home{
	margin:45px auto 83px;
	width:229px;
	height:40px;
	background:#fff url("../assets/search_box.jpg") no-repeat;
}


input#q{
	padding: 0px;
	padding-left:20px;
	padding-top:4px;
	margin: 8px 0 0 17px;
    border:0px solid #999;
    background: #333 url("../assets/search_black.jpg") no-repeat;
	width: 176px;
	height:16px;
	font-size:1.05em;
	color:#fff;
}

div#featured_films{
	margin:0px 0px 40px 105px;
	padding-top:30px;
	width:700px;
	height:177px;
	background:#fff url("../assets/featured_films_panel.gif") no-repeat;
}

table#featured td{
	padding:0 50px 40px 20px;
	vertical-align:top;
}

ul.featured{
	width:172px;
}

ul.featured li.search_image a img, ul.searched li.search_image a img{
	background:#fff;
	padding:2px 2px 2px 2px;
	border:1px solid #999;
}

ul.featured li.search_image a:hover img, ul.searched li.search_image a:hover img{
	background:#ccc;
}


ul.featured li.search_title h3, ul.searched li.search_title h3{
	color:#CCC;
	font-size:1.4em;
	line-height:1.9em;
}

ul.featured li.search_description, ul.searched li.search_description{
	font-size:1.0em;
}

ul.featured li.watch, ul.searched li.watch{
	margin-top:0.6em;
	background-image: url(../assets/play.png);
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding-left:20px;
	
}

ul.featured li.watch a, ul.searched li.watch a{
    font-size:1.0em;
}




/************************************************
*	Contact Us page settings							*
************************************************/
table#contact {
	width:420px;
	font-size:1.10em;
}

table#contact td{
	padding:10px;
}

table#contact input.formbox, table#contact textarea{
	padding:2px 2px;
	background-color:#F5f5f5;
	border:1px solid #999;
	font-size:1.10em;
	font-family:Arial, Helvetica, sans-serif;
	width:400px;
}

input.submit_btn{
	width: 88px;
	height: 23px;
	background: #fff url(../assets/btn.gif) no-repeat left top;
	outline: none;
	color:#FFF;
	font-weight:normal;
	cursor:pointer;
	font-size:1.0em;
	border:none;
}


/************************************************
*	View info page settings							*
************************************************/

#info{
	width:600px;
	padding:20px 0px;
	margin:0 auto 20px;
}

#info h1, #info h2{
	color:#000;
}

#info h1{
	margin-top:10px;
	margin-bottom:15px;
	font-size:2.0em;
}

#info a{
	font-size:1.0em;
	text-decoration:underline;
	color:#0000cc;
}

#info h2{
	margin:20px 0px 7px 0px;
	font-size:1.5em;
}

#info h3{
	font-size:1.5em;
	font-weight:normal;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
	margin-bottom:3px;
}

#info ul.info_left{
	float:left;
	width:290px;
}

#info ul.info_right{
	float:right;
	width:290px;
}


/************************************************
*	about_us.php page settings							*
************************************************/

#about_us, #contact_us{
	width:400px;
	padding:20px 0px;
	margin:0 auto 20px;
}

#about_us h1, #contact_us h1{
	margin-top:10px;
	margin-bottom:15px;
	font-size:2.0em;
}


/************************************************
*	Play page settings							*
************************************************/
#client_logo{
	float:left;
	width:300px;
	height:70px;
}

#client_logo img{
	position:relative;
	bottom:0;
}

#play{
	margin:60px auto;
	width:675px;
}


#view{
 	float:left;
	width:400px;
	margin-right:25px;
	ccctext-align:center;
}

#view_small{
 	float:left;
	width:400px;
	margin-right:25px;
	margin-top:43px;
	text-align:center;
}


#view ul, #view_small ul{
	margin-top:10px;
	text-align:center;
}

#view ul li, #view_small ul li{
	display:inline;
	padding:0px 15px;
}

#view ul li a, #view_small ul li a{
	font-size:1.1em;
}

#view ul li#current, #view_small ul li#current{
	color:#000;
	font-size:1.1em;
	font-weight:bold;
}

#text{
	float:left;
	width:250px;
}

#text ul li.film_title h1{
	font-size:1.7em;
	color:#ccc;
	margin-bottom:1.0em;
}

#text ul li.full_description{
	margin-bottom:2.4em;
}

#text ul li.full_description p{
	font-size:1.0em;
	text-align:justify;
}

#text ul li.high_definition, #text ul li.viewing_problems, #text ul li.share_this_film{
	margin-top:1.0em;
}

#text ul li.high_definition a, #text ul li.viewing_problems a, #text ul li.share_this_film a{
	font-size:1.0em;
	text-decoration:underline;
}

div#related_films{
	margin:0px 0px 40px 105px;
	padding-top:30px;
	width:700px;
	height:177px;
	background:#fff url("../assets/related_films_panel.gif") no-repeat;
}


/************************************************
*	login page settings							*
************************************************/
#login_form{
	padding:20px 0px;
}

input.submit_btn{
	margin-top:60px;
    margin-left:260px;
	width: 88px;
	height: 23px;
	background: #fff url(../assets/btn.gif) no-repeat left top;
	outline: none;
	color:#FFF;
	font-weight:normal;
	cursor:pointer;
	font-size:1.0em;
	border:none;
}

table#login {
	width:350px;
	margin-left:250px;
}

table#login td{
	padding:15px;
}

table#login input, table#login textarea{
	padding:2px 2px;
	background-color:#F5f5f5;
	border:1px solid #999;
	font-size:1.10em;
	font-family:Arial, Helvetica, sans-serif;;
}

table#login input, table#login textarea{
	width:335px;
}


table td.message{
	background-color:#F0E68C;
	border:1px solid #FFD700;
}


/************************************************
*	share page settings							*
************************************************/
#share{
	padding:20px 0px;
}




/************************************************
*	Search results page settings							*
************************************************/
#search{
	float:left;
	width:229px;
	height:40px;
	background:#fff url("../assets/search_box.jpg") no-repeat;
	margin-top:18px;
}

#searchresults{
	width:910px;	
}

#resultsbar{
	width:699px;
	height:31px;
	background:#fff url("../assets/topbar.jpg") no-repeat;
	margin:50px auto 20px;
}

#results{
	width:734px;
	height:468px;
	background:#fff url("../assets/searchresults_panel.jpg") no-repeat;
	margin:0px 0px 50px 103px;
}

p.left{
	margin:0.5em 0 0 1.7em;
	float:left;
}

p.right{
	margin:0.5em 1.7em 0 0;
	float:right;
}

p.no_results{
	padding-left:20px;
	padding-top:40px;
}

p.mes{
	padding-left:20px;
}

#searched_videos{	
	width:100%;	
}

ul.searched{
	width:172px;
	height:160px;
	float:left;
	margin-top:30px;
	margin-left:20px;
	margin-right:52px;
	margin-bottom:20px;
}

#pagination{
	width:704px;
	text-align:center;
}

/************************************************
*	View info page settings							*
************************************************/





/************************************************
*	footer settings							*
************************************************/
#footer{
	border-top:1px solid #ccc;
	text-align:center;
	padding:10px 0;
}

#footer p{
	font-size:1.0em;
	font-weight:bold;
	color:#999;
}