/******************************************************************/
/************************** Page layout ***************************/
/******************************************************************/

html, body {
	height: 100%;
}

.clear {
	clear: both;
	height: 1px;
}
body {
	background-color: #F1F6F0;
	background-image: url(../images/page_layout/gradient2.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	padding: 0px;
	margin: 0px;
	color:#fff;
}


* html #page {
height: 100%;
}

#page {
	min-height: 100%;
	width: 600px;
	\width: 620px;
	w\idth: 600px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
    padding-bottom: 2em;
	background-color: #333333;
}

#footer {
	margin:0 20px 0 20px;
	text-align: center;
	font-size:50%;
	color: #c0c287;
	}
 
#footer a 
 { color: #ffffff;
   text-decoration: none; 
    }
    
#footer a:hover { 
    color: #c6c7c2;
	text-decoration: none;
	}

/******************************************************************/
/************************** Navigation Menus **********************/
/******************************************************************/

#navigation {
	list-style-type: none;
	margin:0;
	padding:0;
	font-size:80%;
	font-weight:400;
	text-align:right;			
}

#navigation li {
	margin:0;
	padding:0;
	display:inline;
	border-left:1px solid #666666;
	margin-right: 1em;
	padding-left: 1em;
}

#navigation li:first-child {
	border:none;
}

#navigation a {
	color: #fff;
	text-decoration: none;
}

#navigation a:hover,
#navigation a:visited:hover {
	color: #C0C287;
}

#sponsors {
	list-style-type: none;
	border-style: none;
	margin:0;
	padding:0;
	border: 0;
	text-align:center;
}

#sponsors li {
	list-style: none;
	border-style: none;
	border:0;
	margin:0;
	padding:0;
	display:inline;
	border-left:0;
	margin-right: 0;
	padding-left: 0;
}

a img {
border:0;
}

/******************************************************************/
/************************** Text Formatting ***********************/
/******************************************************************/
* {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 400%;
	line-height: 100%;
	letter-spacing: -6px;
	font-weight: normal;
	font-style: normal;
	color: #ffcccc;	
	margin:30px 50px 40px 20px;
	text-transform: lowercase;
	text-align:right;
	border-bottom:1px solid #c1c1c1;
	padding-bottom:0.2em;
}



h2 {
	font-size: 92%;
	margin:30px 50px 40px 20px;
	color: #c0c287;
	}
	
.heading {
	font-size: 92%;
	margin:30px 50px 30px 20px;
	color: #c0c287;
}


.sub-heading {
	font-size: 92%;
	margin:0 0 20px 20px;
	color: #bb6a68;
	
}

h3 {
	margin:30px 50px 0px 20px;
	color: #e76e6a;
	font-size:80%;
	text-transform: none;
}

.logo { 
	width: 600px; 
	height: 190px; 
 	background-image: url(../images/page_layout/header.jpg); 
	background-repeat: no-repeat;
	text-indent: -100em;
	margin:0;
} 


p {
	font-size: 70%;
    line-height: 180%;
	text-align:justify;
	margin:0 50px 2em 20px;
}

.video {
	font-size: 70%;
    line-height: 180%;
	text-align:justify;
	margin:0 50px 2em 20px;
}

.footer {
	font-size: 40%;
    margin:0 0 0 0;
}

blockquote {
    padding-left: 70px;
    margin-left: 0px;
	background-image: url(../images/icons/quote_small.gif);
	background-repeat: no-repeat;
    background-position: left center;
}


/******************************************************************/
/************************** Link Formatting ***********************/
/******************************************************************/

a {
	color: #c0c287;
	text-decoration: none;
}

a:hover, a:visited:hover {
	color: #fff;
	text-decoration: underline;
}





/******************************************************************/
/********************** Page Element layout ***********************/
/******************************************************************/

.films {
	margin:0;
	padding:0;
	list-style-type: none;
}

.films li {
	margin:30px 50px 40px 20px;
	padding:0;
	clear:left;
}

.films img {
	float: left;
}
.films .img {
	margin:0;
	padding:0;
	font-size:0px;
}

.films h3 {
	color: #e76e6a;
	font-size:80%;
	text-transform: none;
}

.films .date {
	font-size:80%;
	color: #ffcccc;	
}

.films .runningTime {
	color: #ffcccc;	
}

.films p, 
.films h3, 
.films h4 {
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	margin-left: 140px;
}

.films h4 {
	color: #ffa9a6;
	font-size:80%;
	font-weight: 300;
	text-transform: none;
	margin-top: 3em;
}

.summary p {
	margin-bottom: 1.5em;
}

.backLink {
	text-align: right;
}