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


body {
	background-color:#000;
	background-image:url(bgs/03.jpg);
	margin:0px;
	/* background-image:url(imgs/bgt.jpg); */
}

#DEMO{
	margin-left:20px;
	font-size:20px;
}

#DEMO a:link{
	color:#fff;
}

#DEMO a:visited{
	color:#fff;
}

#DEMO a:hover{
	color:#FF3;
}

header{
	position:relativve;
	width:980px;
	height:135px;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#FFF; */
	background-image:url(imgs/ng.gif), url(imgs/bg_small2.gif);
	background-position: 0px 0px, 20px 100px;
	background-repeat:no-repeat;
	background-color:#000;
}

#translate{
	margin-left:750px;
}

#main{
	display:block;
	position:relative;
	width:980px;
	min-height:1850px;
	
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
	
}

#topNav{
	display:block;
	position:absolute;
	left:260px;
	top:10px;
	width:690px;
	height:40px;
	/* background-color:#000; */
}

#leftNav{
	display:block;
	position:absolute;
	left:20px;
	top:20px;
	width:150px;
	height:400px;
	
}

#qMedia{
	display:block;
	position:absolute;
	width:900px;
	height:500px;
	left:30px;
	top:90px;
	background-color:#FFF;
}

#logo{
	display:block;
	position:absolute;
	left:10px;
	top:10px;
	width:240px;
	height:60px;
	background-image:url(imgs/logo.png);
	background-repeat:no-repeat;
}

footer{
	display:block;
	position:relative;
	width:960px;
	height:60px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
	border-bottom-left-radius: 10px 10px;
	-moz-border-radius-bottomleft: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	-moz-border-radius-bottomright: 10px 10px;
}

.btn{
	display:block;
	float:right;
	min-width:60px;
	cursor:pointer;
	padding:5px;
	text-align:center;
	margin-top:3px;
}

.btn_l{
	display:block;
	cursor:pointer;
	min-height:40px;
}



#contact, #gallery, #about, #home, #film, #tv, #theater{
	display:block;
	float:right;
	cursor:pointer;
	height:30px;
	background-position: 0px -30px;
	background-repeat:no-repeat;
}

#contact.selected, #gallery.selected, #about.selected, #home.selected, #film.selected, #broadway.selected, #tv.selected, #theater.selected{
	background-position: 0px 0px;
}

#contact{
	width:110px;
	background-image:url(nav/contact.png);
}

#gallery{
	width:100px;
	background-image:url(nav/gallery.png);
}

#home{
	width:85px;
	background-image:url(nav/home.png);
}

#about{
	width:80px;
	background-image:url(nav/about.png);
}

#film{
	width:65px;
	background-image:url(nav/film.png);
}

#tv{
	width:115px;
	background-image:url(nav/tv.png);
}

#theater{
	width:95px;
	background-image:url(nav/theater.png);
}

#contact:hover, #gallery:hover, #home:hover, #about:hover, #film:hover, #tv:hover, #theater:hover{
	background-position: 0px 0px;
}


#all_films{
	display:block;
	position:absolute;
	top:400px;
	left:510px;
	width:400px;
	height:80px;
	z-index:10;
	
}

#all_clips{
	display:block;
	position:absolute;
	top:400px;
	left:25px;
	width:450px;
	height:80px;
	background-color:#ccc;
}

#all_thumbs{
	display:block;
	position:absolute;
	width:920px;
	min-height:720px;
	top:525px;
	left:20px;
	
	
}

.media_btn{
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:6px;
	padding-right:6px;
	margin-bottom:4px;
	float:left;
	border:1px solid;
border-radius:8px;
	border-color:#666;
	color:#FFCA1B;
	color:#ccc;
	margin-right:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#333;
	cursor:pointer;
}

.media_btn:hover{
	color:#FC6;
}

.p_media{
	display:block;
	float:left;
	padding:5px;
	cursor:pointer;
}

.mb_selected{
	color:#FC6;
}

#g_title{
	display:block;
	position:absolute;
	top:485px;
	left:25px;
	color:#FFCA1B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	
}

/* ------------------------------------------------------------  about */



#about-img{
	display:block;
	position:absolute;
	top:100px;
	left:30px;
	width:300px;
	height:400px;
	background-image:url(imgs/photo2.jpg);
}

#about-bio{
	display:block;
	position:absolute;
	top:90px;
	left:350px;
	width:580px;
	height:450px;
	
}

#about-bio p{
	padding-left:10px;
	color:#FC6;
	font-family:Arial, Helvetica, sans-serif;
	font-family: 'Calligraffitti', cursive;
	font-size:23px;
	line-height:32px;
}

#about-resume{
}

/* ------------------------------------------------------------  contact */

#contact-main{
	display:block;
	position:absolute;
	top:80px;
	left:30px;
	width:920px;
	height:600px;
	background-image:url(imgs/photo3.jpg);
	background-repeat:no-repeat;
	background-position: 260px 0px;
	
}

#contact-main h2{
	padding-left:10px;
	color:#FC6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}

#contact-left{
	display:block;
	position:absolute;
	top:150px;
	left:30px;
	width:400px;
	height:600px;
	
}

#contact-right{
	display:block;
	position:absolute;
	top:150px;
	left:700px;
	width:400px;
	height:600px;
	
}

#contact-left p, #contact-right p{
	padding-left:10px;
	color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

#contact-left a:link, #contact-right a:link, #about-bio a:link{
	color:#ccc;
	text-decoration:none;
}

#contact-left a:visited,#contact-right a:visited,#about-bio a:visited{
	color:#ccc;
}

#contact-left a:hover,#contact-right a:hover,#about-bio a:hover{
	color:#FC6;
}


#contact-main{
	display:block;
	position:absolute;
	top:80px;
	left:30px;
	width:920px;
	height:600px;
	background-image:url(imgs/photo3.jpg);
	background-repeat:no-repeat;
	background-position: 260px 0px;
	
}
/* ---------------------------------------------- home */

#main-description{
	display:block;
	position:absolute;
	top:530px;
	left:30px;
	width:920px;
	height:100px;

	
}

#main-description p{
	color:#FC6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align:center;
}

#main-description a:link{
	color:#fff;
	text-decoration:none;
}

#main-description a:visited{
	color:#fff;
}

#main-description a:hover{
	color:#FC6;
}


/* -------------------------------------------------------  tv clips */

.movie-clips a:link{
	font-size:12px;
}