/* CSS Document */
/* Designed by Velvet Blues Web Design - http://www.velvetblues.com/ */

/***********************************************/
/* For use with Teatown.tv template      */
/***********************************************/

/***********************************************/
/* basic HTML tag styles                       */
/***********************************************/ 
<style type="text/css">

a {
	font-size: 14px;
	color: #666666;
}
a:link {
	text-decoration: none;
	color: #666666;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #666666;
}

#current_projects {
	color:#ca130e;
}

#current_projects a:hover #current_projects a:active {
	color:#000;
}

h2 {
	margin:0;
	padding:5px 0 10px 20px;
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
}
.style5 {font-size: 14px; color: #666666; }


</style>
html{
	height: 100%;
	min-height:100%;
}
body {
	background: #000000 50% 0;
	padding: 0px;
	margin: 0px;
	height: 100%;
	line-height: normal;
}
p {
	font-family: "arial", helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container{
	padding: 0;
	width: 800px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	text-align:center;
	
}
#white{
	background:#ffffff;
	position:relative;
	margin:0;
	padding:0;
	top:62px;
	height:442px;
}
#no_logo_background{
	background:url(images/content_no_logo.png) no-repeat;
	position:relative;
	margin:0;
	padding:0;
	top:62px;
	height:442px;
}
#slide{
	position:absolute;
	top: 30px;
	left:1px;
	padding:0;
	margin:0;
	width:800px;
	height:60px;
	overflow:hidden;
}
#slide object, #slide embed{
	margin:0;
	padding:0;
}
#nav{
	position:absolute;
	top:95px;
	width:169px;
	padding:0;
	margin:0;
	height:335px;
	left:24px;
	z-index:1;
}

#nav_list{
	position:absolute;
	top:115px;
	width:164px;
	padding:0;
	height:325px;
	left:24px;
	z-index:1;
	text-align:left;
}

#nav_list ul{
	text-align:left;
	padding-left:20px;
	margin:0;
	list-style-type:none;
}

#nav_list li{
	font-size: 14px;
	margin:0;
	color: #666666;
}

#left_text {
	margin-left:75px;
	float:left;
}




 /*Header Link Hover*/
 #menu ul.navmenu .menutop a:hover{color:#333;}
 /*Removes white border for the first header*/
 #menu ul.navmenu li:first-child .menutop a {border-width:0px;}

 /*Single Menu Width Fix*/
 #menu ul.navmenu .menusingle a{width:140px;}

 /*Border Radius and Special Border Width*/
 #menu ul.navmenu li:first-child .menutop{border-width:1px 1px 0 1px; -moz-border-radius:5px 5px 0 0;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;}
 #menu ul.navmenu li:last-child .menutop{border-width:0px 1px 1px 1px; -moz-border-radius:0 0 5px 5px; -webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;}
 #menu ul.navmenu li:last-child ul.submenu{-moz-border-radius:0 0 5px 5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;}
 #menu ul.navmenu li:last-child .menutop-open{-moz-border-radius:0;-webkit-border-radius:0px; border-width:0 1px;}




#nav2{
	position:absolute;
	top:480px;
	width:400px;
	padding:0;
	margin:0;
	height:20px;
	left:200px;
	z-index:1;
	
}
#navcurrent{
	position:absolute;
	top:390px;
	width:400px;
	padding:0;
	margin:0;
	height:20px;
	left:200px;
	z-index:1;
}
#conback{
	position:absolute;
	top:90px;
	left:2px;
	padding:0;
	margin:0;
	height:350px;
	width:797px;
	text-align:left;
	visibility:visible;
}

#content{
	position:absolute;
	top:9px;
	left:200px;
	padding:0 0 0 15px;
	margin:0;
	height:300px;
	width:539px;
	overflow-y:scroll;
	overflow-x:hidden;
	direction:ltr;
	text-align:left;
	scrollbar-track-color : #C0C0C0;
	scrollbar-face-color : #FFFFFF;
}

#content2{
	position:absolute;
	top:30px;
	left:190px;
	margin:0;
	height:314px;
	width:425px;
	overflow-y:hidden;
	overflow-x:hidden;
	direction:ltr;
	text-align:left;
	scrollbar-track-color : #C0C0C0;
	scrollbar-face-color : #FFFFFF;
}

#homecontent{
	position:absolute;
	top:19px;
	left:213px;
	padding:0 0 0 15px;
	margin:0;
	height:200px;
	width:539px;
	overflow-y:scroll;
	overflow-x:hidden;
	direction:rtl;
	text-align:left;
	scrollbar-track-color : #C0C0C0;
	scrollbar-face-color : #FFFFFF;
}
#image{
	position:absolute;
	top:100px;
	left:225px;
	padding:0 0 0 5px;
	margin:0;
	height:320px;
	width:550px;
	overflow-x:hidden;
	background-repeat:no-repeat;
	background-position:bottom;
	visibility:hidden;
	text-align:left;
}
#placeholder{
	margin:0;
	padding: 10px 0 0 0;
}
#imgtext{
	position:absolute;
	top:270px;
	left:5px;
	padding:0;
	margin:0;
}
#logo{
	background-image:url(images/logo.gif);
	height:160px;
	width:95px;
	top:275px;
	right:35px;
	position:absolute;
	left: 639px;
}
#content p{
	margin-bottom: 10px;
	text-align:left;
	font-size:14px;
	direction:ltr;
	width:370px;
}

#homecontent p{
	margin-bottom: 10px;
	text-align:left;
	font-size:14px;
	direction:ltr;
	width:370px;
}

#content ul{
	font-size:15px;
	direction:ltr;
	text-align:left;
	width:370px;
}
#content li{
	font-size:15px;
	font-family: "trebuchet ms", arial, sans-serif;
}
#none{list-style:none;}
#name{position:absolute; left:0px; top:38px;width:455px; height:15px; }
#name_media{position:absolute; left:0px; top:38px;width:200px; height:17px; }
#topbar{position:absolute; left:0px; top:62px;width:800px; height:20px; background-image:url(images/topbar.jpg);}
#bottombar{position:absolute; right:0; top:504px;width:800px; height:20px; background-image:url(images/bottombar.jpg);}
#email{position:absolute; left:0px; top:533px;width:230px; height:17px; }
#tt_media_top_right{position:absolute; left:600px; top:36px;width:194px; height:17px; }
#tt_media_bottom_left{position:absolute; left:0px; top:520px;width:194px; height:17px; }
#email_regular{position:absolute; left:10px; top:475px;width:230px; height:17px; }
#description{position:absolute; left:333px; top:534px;width:466px; height:17px;}
#contact{position:absolute; left:189px; top:559px;width:611px; height:14px; }
#youtube_top{position:absolute; top:30px; left:765px; width:30px; height:30px }
#youtube_bottom{position:absolute; top:550px; left:15px; width:30px; height:30px }
#links{position:absolute; left:0; width:800px; top:587px; color:#ffffff;text-align:left;}
#links a{color:#999999; text-decoration:none; font-size:11px;}
#links a:hover{color:#ffffff; text-decoration:underline;}
#background_logo_top{position:absolute; left:645px; top:140px; height:90px; width:90px}
#background_logo_bottom{position:absolute; left:645px; top:228px}
.head {
	font-family: "Trebuchet MS";
	font-size: 15px;
	color: #000000;
}

#movie {
	width:400px;
	height:224px;
  	box-shadow: 0px 15px 30px #000;
	margin-top:30px;

}

#movie_large {
	width:600px;
	height:338px;
  	box-shadow: 0px 15px 30px #000;
	margin:0 auto;

}

#movie_large_4x3 {
	width:452px;
	height:338px;
  	box-shadow: 0px 15px 30px #000;
	margin:0 auto;

}

#movie_swf {
	width:320px;
	height:240px;
  	box-shadow: 0px 15px 30px #000;
	margin:0 auto;

}

/*for jwplayer*/
/* some styling for triggers */
#triggers {
	text-align:left;
	position: relative;
}

#triggers img {
	margin:0 5px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;

	/* some fancy shadows for modern browsers */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;		
}

/* Let's overlay a fancy play image over the video thumbnail so people know they can click it*/
#triggers span {
	text-align:left;
	position: absolute;
	left:0;
	top:0;
	width: 326px; /* this is the width of the image + (1 px border + 2 px padding) times 2 */
	height: 100%;
	background: transparent url(img/play.png) no-repeat center center;
	cursor:pointer;
}

/* For the news page*/

.back_button {
	display:block;
	width:75px;
	height:20px;
	text-indent:-9999px;
	margin-left:75px;
	float:left;
}
.back_button a {
	display:block;
	width:100%;
	height:100%;
	background:transparent url(images/back_button.png) no-repeat top left;
	outline:none;
}
.back_button a:hover {
	background-position:0 -20px;
}

#fx_nav {
	padding:50px 10px 0 10px
}


#fx_nav ul li {
	list-style:none;
}

#fx_nav a {
	color:#009;
}