#preload {
	width: 0px;
	height: 0px;
	line-height:0;
	display: inline;
	background: url(../i/bg-header.jpg);
	background: url(../i/bg-body.jpg);
	background: url(../i/bg-wrapper-a.jpg);
	background: url(../i/bg-wrapper-b.jpg);
	background: url(../i/tab1.jpg);
	background: url(../i/tab2.jpg);
	background: url(../i/tab3.jpg);
	background: url(../i/tab4.jpg);
	visibility:hidden;
}

/*--- reset and basic styles ---*/

* {
	margin:0;
	padding:0;
}

body {
	font-family: Arial, Helvetica, sans-serif, serif;
	font-size:100%;
	color:#000;
	background:url(../i/bg-body.jpg);
}

img {
	border:none;
}

p {
 	padding:0 0 16px 0;
}

.list-title {
 	padding:0 0 8px 0;
}

a:link, a:visited, a:active {
	color:#003399;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#0544c4;
/*	text-decoration:underline;*/
} 

ul {
	margin:0;
	padding:0 0 16px 0;
}

ul li {
/*	list-style:disc;
	list-style-position:inside;*/
	list-style:none;
	background:url(../i/bullet.jpg) 0px 5px no-repeat;
}

ul li p{
/*	border:1px solid red;*/
	margin-left:8px;
	padding-bottom:0;
}

ol {
	margin:0 0 0 0;
	padding:0 0 16px 40px; 
}

ol li {
	list-style-position:inside;
    padding:0;
    margin:0;
}

ol li p {
    padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6 {
	line-height:normal;
}

h1 {
	padding:18px 0 10px 0;
	height:32px;
/*	color:#990000;
	font-family: Georgia, "Times New Roman", Times, serif, sans-serif;
	text-align:center;
	font-size:1.6em;*/
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif, serif;
	color:#336600;
	font-size:1.1em;
	padding-bottom:16px;
/*	color:#000066;
	font-family: Verdana, Arial, Helvetica, sans-serif, serif;
	text-align:center;
	font-size:1.1em;*/
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif, serif;
	font-weight:normal;
	font-size:1em;
}

.films h2 {
	padding-bottom:0;
	width:300px;
}

.films h3 {
	padding-bottom:16px;
	width:300px;
}

#headers-container {
/*	border:1px solid red;*/
	/*width:650px;*/
	width:647px;
}

#headers {
	float:left;
}

h4 {
	font-size:1.1em;
	font-weight:bold;
	padding-bottom:2px;
}

h5 {
	font-size:1.1em;
	font-weight:normal;
	padding-bottom:2px;
	color:#336600;
}

/*--- layout ---*/

#wrapper-a {
	background:url(../i/bg-wrapper-a.jpg) bottom left repeat-x;
/*	padding-bottom:100px;*/
	margin:0;
	min-height:400px;
	overflow:hidden;
	font-size:0.7em;
}

#wrapper-b {
	background:url(../i/bg-wrapper-b.jpg) top left repeat-x;
}

#content-container {
	width:952px;
	margin:0 auto;
	background:url(../i/bg-content-container-a.png) top left repeat-y;
}

#header {
	background:url(../i/bg-header.jpg) top left no-repeat;
/*	border:1px solid blue;*/
	width:952px;
}

#header p{
	padding:0;
}

#branding {
	width:617px;
/*	border:1px solid red;*/
	float:left;
	padding-left:76px;
}

#branding img {
	display:block;
}

#sponsors {
	width:84px;
	margin:8px 0 0 84px;
	border:1px solid #fff;
	float:left;
	background:url(../i/bg-sponsors.jpg) top left no-repeat;
}

#sponsors p {
	text-transform: uppercase;
	text-align:center;
	color:#fff;
}

#sponsors .pf {
	padding:22px 0 0 0;
	
}

#sponsors .nokia {
	padding:9px 0 8px 0;
}

#main-wrapper {
	width:798px;
	margin-left:77px;
/*	border:1px solid red;*/
}

#main {
	background:url(../i/bg-main.jpg) bottom left repeat-x;
}

#main-container {
	width:734px;
	margin-left:32px;
/*	border:1px solid red;*/
}

/*------*/

.intro {
	font-size:1.1em;
	line-height:1.3em;
	margin-bottom:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif, serif;
}

.section {
	padding-bottom:5px;
/*	border:1px solid blue;*/
}

.comingsoon {
	padding-top:15px;
}

.comingsoon ul {
	padding-top:6px;
}

.visual {
	float:left;
	margin-right:30px;
}

.visual p, .description p {
	padding:0 0 0 0;
}

.description {
	float:left;
	width:335px;
	margin-right:25px;
	margin-top:-3px; 
}

.controls {
	float:left;
	width:144px;
/*	margin-top:36px;*/
}

.controls p {
	padding:0 0 3px 0;
}

.controls a:link {
	display:block;
}

.top {
	margin-top:14px;
}

.carrot {
	width:11px;
	float:left;
}

.more {
	width:130px;
	float:left;
}

#headers-container .controls {
/*	border:1px solid red;*/
	float:right;
	width:300px;
	text-align:right;
	margin-right:7px;
}

/*------*/

/*#main-content-container {
	border:1px solid green;
}*/

.image-container {
	width:200px;
	float:left;
	margin:6px 0 0 0;
/*	border:1px solid red;*/
}

.image-container p {
	padding:0 0 5px 0;
}

.information {
/*	border:1px solid red;*/
	width:410px;
	float:left;
	margin:0 30px 0 0;
}

/*------*/

#profiles-container {
/*	border-top:1px solid #fff;*/
	margin-top:11px;
	width:640px;
}

#profiles-container-special {
	margin-top:16px;
	padding-top:6px;
	width:640px;
}

.films #profiles-container-special {
	margin-top:27px;
}


.narrow {
	float:left;
/*	border:1px solid green;*/
/*	background-color:white;*/
}

films .narrow {
	float:left;
/*	border:1px solid green;*/
/*	background-color:white;*/
	margin-right:30px;
}

.last {
	margin-right:none;
/*	border:1px solid red;*/
}

.title {
	padding:16px 0 16px 0;
}

.profile {
	width:290px;
	margin-right:30px;
/*	border:1px solid red;*/
	margin-bottom:16px;
}

.films .profile {
	width:288px;
/*	border:1px solid red;*/
	margin-bottom:32px;
}

.profile p {
	padding:0 0 0 0;
}


/*------*/

#videoplayer {
	width:640px;
}

#videoplayer p {
	padding:0;
	margin:15px 0 0 0;
/*	border:1px solid red;*/
}

.caption {
	margin-top:8px;
	padding-bottom:0;
	color:#7b7777;
	float:right;
/*	border:1px solid red;*/
	width:400px;
}

.caption p {
	padding-bottom:0;
	float:right;
}

.arrows {
/*	border:1px solid red;*/
	display:inline;
	float:left;
}

/*------*/

.thumbnail-container {
	float:left;
	padding-right:11px;
}

.discription-container {
	float:left;
	width:208px;
	margin-top:-3px;
}

.first {
	margin-top:8px;
}










/*------*/

#footer {
	background:url(../i/tile-devider.jpg) top left repeat-x;
	color:#7b7777;
	font-family:Verdana, Arial, Helvetica, sans-serif, serif;
/*	font-size:0.7em;*/
	margin-top:48px;
}

#footer p {
	padding:9px 0 15px 0;
	font-size:0.9em;
}

#footer a:link, #footer a:visited, #footer a:active {
	color:#7b7777;
}

#footer a:hover {
	color:#999595;
	text-decoration:none;
}

.copyright {
	float:left;
}

.utility {
	float:right;
}

/*------*/

.anchor {
	visibility:hidden;
	height:1px;
	display:inline;
}

/*-------*/

/*#listing .section {
	margin-bottom:5px;
	border:1px solid red;
}*/

#listing .description {
	float:left;
	width:410px;
}

#listing .visual {
	margin-right:20px;
}










/*--- clearfix ---*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */ 

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */