@charset "utf-8";
/* CSS Document */

body,html{
	padding:0;
	margin:0;
	color:white;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image:url(images/content_BG.png);
	background-repeat:repeat-x;
	background-color:#292e3e;
	height:100%;
}

#container{/* to make footer work */
	position:relative;
	width:100%;
	height: 100%;
	margin:0;
	padding:0;
	}

p{
	font-size:80%;
	padding: 0;
	margin:10px 0 15px 0;
	letter-spacing:.03em;
	line-height:1.6em;
}

a{
	outline:none;	
}

ul{
	letter-spacing:.03em;
	line-height:1.6em;
	font-size:14px;
}

li{
	list-style:none;	
}

/* content header */	
h1{
	font-size:110%;
	padding:0;
	margin:0;	
	letter-spacing:.2em;
	line-height:1em;
	clear:both;
}
	
/* thumb title */	
h2{
	font-size:70%;
	margin:0;
	padding:3px 0 0 8px;
}

/* thumb subTitle */	
h3{
	font-size:60%;
	margin:0 8px 0;
	padding:0;
	float:right;
}
h4{
	font-size:90%;
	padding:0;
	margin:0;
	font-weight:bold;	
}
h5{/* credits titles */
	padding:0;
	margin:0;
	font-weight:bold;
	font-style:italic;
	}
	
.credit{
	width:500px;
	padding:0;
	margin:10px;	
}
	
.credit ul{
	padding:5px 0 5px 0;
	margin:0;
	list-style-type:none;	
}

.credit li{
	padding:0;
	margin:0;
}
	
.credit p{
	margin:0 0 0 2em;
	color:#CCC;
}
	
a:link {
	color:#FFD78C;
	text-decoration: none;
}
a:visited {
	color:#FFD78C;
	text-decoration: none;
}
a:active {
	color:#FFF;
	text-decoration: none;
	}
a:hover {
	color:#e99b44;
	text-decoration: underline;
}

#header{
	padding:0;
	margin:0;
	width:100%;
	background-image:url(images/headerBG.jpg);
	background-repeat:repeat-x;
	height:53px;
}
	
#logo{
	padding:2px 0 0 15px; 
	margin:0;
}
	
#nav{
	padding:0;
	margin:0;
	width:100%;
	background-color:#323747;
	height:22px;
}
	
#nav ul{
	font-size:14px;
	padding:0;
	margin:0;
	list-style-type:none;
	display:block;
	letter-spacing:.2em;
}
	
#nav li{
	float:left;
	display:block;
	margin:0;
}
	
#nav li a{
	float:left;
	display:block;
	padding:0 20px 0 ;
	margin:0;
	text-decoration: none;
	color:#fff;
}
	
#nav li a.current{
	display:inline;
	background-color:#1d202c;
	float:left;
	border-left:1px solid #666;
	border-right:1px solid #666;
}

#contactBox{
	float:right;
	margin:0 10px 0 ;
	padding:0;
	
}

#contentFrame{
	width:760px;
	margin:50px auto 0 auto;
	padding:10px;
	position:relative;
	background-color:#222633;
	border:1px solid #333;
}
	
.tab { 
	margin-left: 20px; 
}

table .tab { 
	color:#CCC; 
}

#contentHeader{
	margin:0 0 10px 0;
	padding:0 15px;
	border-bottom:white 1px solid;
}

#contentSubHeader{
	clear:both;
	margin:0 0 10px 0;
	padding:0 15px;
	border-bottom:#999 1px solid;
}
	
#contentBlock{
	width:100%;
	margin:0;
	padding:0;
	overflow:auto;
}	

#thumbFrame{
	margin:0;
	padding:0;
}

.thumb{
	padding:0;
	margin:0 30px 15px 0;
	float:left;
	width:222px;
	height:118px;
	background-color:#191c26;
}

.thumb img{
	margin:0 8px 0 8px ;
	padding:0;
	border:1px solid #494e60;
	}

a.thumblink:hover img{
	border:1px solid #e99b44;
	}

.infoTable{
	vertical-align:text-top;	
}

.picLeft{
	float:left;
	margin:0;
	padding:0;
	border:1px solid #494e60; 
}

.reelBlock{
	float:right;
	padding:0;
	margin:0 10px;
	width:400px;
	background-color:#191c26;
	border:1px solid #666;
	outline:none;
}

#myAlternativeContent{
	outline: none;
	}

#footer{
	background-color:#323747;
	width:100%;
	font-size:60%;
	right:0;
	bottom:0;
	padding:0 10px 0;
	text-align:right;
	position:fixed;
}

.hidden{
	display:none;	
}