/************ 
* OVERRIDES *
************/
* {
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-weight: 100;
	color: #8E8E8E;
	z-index: 2;
}

html {
	background:#282828;
	height: 100%;
}

body {
	color:#000;
	min-width:640px;
	text-align: center;
	height: 100%;
}

h1 {
	font-size:1.2em;
	margin-bottom:10px;
	text-align: center;
	color: white;
}

img {
	border:0;
	margin:10px 0;
}

p {
	margin:10px 10px;
}

.text {
	font-size: 12px;
	text-align: justify;
	color: #8E8E8E;
}

/*
p:first-letter {
	font-size:xx-large;
}*/

#distance { 
	width:1px;
	height:50%;
	margin-bottom:-340px;
	float:left;
}

#dropshadow {
	position: relative;
	margin:0 auto;
	text-align: center;
	height: 690px;
	width: 967px;
	background-image: url('../style/dropshadow.png');
	clear:left;
}

#box {
	margin: 20px;
	position:absolute; /* puts container in front of distance */
	text-align:left;
	height: 661px;
	width: 925px;
	z-index:90;
	left: 0px;
}

#logobox,#menu,#content,#filmselector {
	padding:10px 0;
	font-size:.9em
}

/********** 
* LOGOBOX *
**********/

#logobox {
	background:#403100;
	height:140px;
	width:230px;
	border-right: 1px solid white;
   	border-bottom: 1px solid white;
	float:left;
	text-align: center;
	font-size: 28px;
}

#logobox a {
	text-decoration: none;
	color: #C2B1A1;
}

#logobox img {
	margin: 0;
	padding: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/******* 
* MENU *
*******/

#menu {
	width:694px;
	background:#C43116;
	height:140px;
	float:right;
	font-size: 16px;
	z-index: 10;
	background-image:url('SunsetMatte.png');
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom: 1px solid white;
}

#menu ul{
	position: absolute;
	margin-left: 30px;
	/*top: 132px;*/
	top: 118px;
}

#menu ul li {
	display:inline;
	padding: 6px;
/*	background-color: green;*/
}

#menu A:link {text-decoration: none; color: white;}
#menu A:visited {text-decoration: none; color: white;}
#menu A:active {text-decoration: none; color: #FDD769;}
#menu A:hover {text-decoration: none; color: #FDD769;}


#menu a.top_selected:link, #menu a.top_selected:visited{
	color: #FDD769;
}

#menu img {
	position: absolute;
	top: -35px;
	left: 200px;
	z-index: 1;
	overflow: scroll;
}

/********** 
* CONTENT *
**********/

#content {
	width:644px;
	height: 430px;
	background-color:#12141D;
	float: right;
	overflow: auto;
	padding: 25px;
	margin-bottom: 20px;
}

#menuPageContent {
	width:694px;
	height: 480px;
	background-color:#12141D;
	float: right;
	/*border-top: 1px solid white;*/
	overflow: auto;
}

#content div {
	text-align: justify;
}

#content h3 {
	text-align: center;
	font-size: 1.3em;
	text-decoration: underline;
	margin-bottom: 25px;
}

#content A:link {text-decoration: none; color: #C03316; border-bottom: 1px dotted #C43116;}
#content A:visited {text-decoration: none; color: #C03316; border-bottom: 1px dotted #C43116;}
#content A:active {text-decoration: none; color: #FDD769; border-bottom: 1px dotted #FDD769;}
#content A:hover {text-decoration: none; color: #FDD769; border-bottom: 1px dotted #FDD769;}

#content object, #content embed {
	margin-top: 10px;
	margin-left: 33px;
}

#content img {
	padding: 0px 15px;
}

#iframeReplacement {
	width: 90%;
	height: 90%;
}


/********* 
* SLIDER *
*********/
.slider {	
	position:relative;
	overflow:hidden;
	height:87%;
}

.slidercontent {
	position:absolute;
	width: 100%;
}

.slidercontent .upper {
	border-bottom:1px solid #9ac1c9
}

/**************** 
* FILM SELECTOR *
****************/
.section {
	padding:10px;
}

#filmselector {
	background:#2A2B33;
	height: 480px;
	float:left;				
	width:230px;
	border-right: 1px solid white;
	overflow: hidden;
	padding: 0px;
}

#filmselector h3{
	color: white;
	text-align: right;
	margin-right: 33px;
	margin-top: 18px;
	margin-bottom: 5px;
}

/* ***************** */

#categorySelector {
	text-align: center;
	line-height:15px;
	border-top: 1px solid white;
	background-color: #12141D;
}

#categorySelector table {
	margin: 0 auto;
	width: 100%;
	border-width: 2px;
	border-style: outset;
	border-color: gray;
	font-size: 11px;
}

#categorySelector td {
	color: #8E8E8E;
	border-style: ridge;
	cursor: pointer; 
}

#categorySelector td:hover {
	color: #C43116;
	border-color: #C43116;
}

#categorySelector a {
	font-size: 11px;
	color: #C43116;
}

#categorySelector .selected {
	color:#C43116;
}
/* ***************** */


#filmselector ul a{
	float:right;
}

#filmselector span {
	padding-top: 10px;
}

.clipTitle {
	float: right;
	margin-right: 10px;
	margin-top: 16px;
}

.clipTitleTwoLine {
	float: right;
	margin-right: 10px;
	margin-top: 9px;
}

#menuitems{

}

#menuitems li{
	height: 46px;
	list-style-type: none;
	margin-bottom: 5px;
	cursor: pointer;
}

#menuitems li:hover {
	background-color: #C43116;
}

#menuitems a{
	text-decoration: none;
	text-align: right;
	color: white;
	font-size: 12px;
}

#menuitems li img {
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 10px;
	border: none;
}

#categorySelector A{
	font-size: 12px;
}

.pageLink {
	padding-right: 20px;
	text-decoration: none;
	text-align: right;
	color: white;
}

#menuitems .pageLink a {
	margin-top: 14px;
	font-size: 14px;
}

/******* 
* MISC *
*******/

#viewer,#viewer iframe {
	width: 100%;
	height: 100%;
	overflow: auto;
	padding: 0px;
	margin: 0px;
	border: 0px solid #12141D;
	border-style:none;
}

#contact span, #contact a {
	margin-left: 10px;
}

.selected {
	background-color:#12141D;
}

/*
MSIE display:inline-block is to make sure MSIE doesn't paint the backround 
above the containers, the overflow declaration is to make sure the containers 
do not drop below siblings if content pushes the width (in modern browsers it 
doesn't drop, but it spawns an orizontal scrollbar)

#logobox,#menu,#content,#filmselector {
	overflow:hidden;display:inline-block
}
*/

/*********
* SPLASH *
*********/

#splashbox {
	background-color:#000000;
	margin: 20px;
	position:absolute; /* puts container in front of distance */
	height: 641px;
	text-align:center;
	width: 925px;
	z-index:90;
}

#splashlayer {
	margin: 0px;
	text-align:left;
	height: 641px;
	width: 925px;
}

#splashmenu {
	width:694px;
	font-size: 16px;
	margin:0 auto;
}

#splashmenu ul{
	margin:0 auto;
}

#splashmenu ul li {
	display:inline;
	padding: 6px;
}

#splashmenu A:link {text-decoration: none; color: white;}
#splashmenu A:visited {text-decoration: none; color: white;}
#splashmenu A:active {text-decoration: none; color: #FDD769;}
#splashmenu A:hover {text-decoration: none; color: #FDD769;}

#splashmenu ul li a {
	color: #FFFFFF;
	text-decoration:none;
}

#splashlogo {
	margin:20px;
	padding-top:220px;
}

#splashnews {
	width:500px;
	margin:0 auto;
	padding:20px;
	color:#33FF33;
	text-align:left;
}