@charset "utf-8";

.jqmVideo {

    position: absolute;
    top: 30px;
    right: 50%;
    margin: 0 -340px 0 0;
    width: 660px;
    height: 500px;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
    z-index: 1000;
}

.jqmWindow {

    position: absolute;
    bottom: 10px;
    right: 10px;
    margin-left: -300px;
    width: 600px;
    height: 300px;
    background: #ccc url('/images/backgroundContent.jpg') repeat-x;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
/*.jqmWindow {
	display: none;
	position: fixed;
	opqacity: .99;
	margin-left: 0px;
	width: 260px;
	background-color: #fff;
	color: #222;
	border: 1px solid black;
	padding: 12px;
}

.jqmOverlay { background-color: #666; }
*/

#header h1 a {
	overflow: hidden;
	text-indent: -1000px;
	height: 100px;
	width: 120px;
	display: block;
}
#container {
	width: 960px;
	margin: 10px auto auto;
	text-align: left;
	position: relative;
	
	
} 
#header {
	background: url(/images/headerTop.png) no-repeat ;
	padding: 0 20px; 
	margin: 0px;
	height: 100px;
	position: relative;
	width:960px;
} 
#header h1 {
	margin: 0; 
	padding: 0px;
	text-indent: -1000px;
	background: url(/images/header.png) no-repeat;
	text-align: left;
	width:120px;
	margin:0 0 0 10px;
	float:left;
	display:block;
}

#clients {
	width:120px;
	height:20px;
	padding: 10px 0 0 0;
	float:right;
	text-align: right;
	}
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 180px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 1px 0 0 0;
	overflow: hidden;
	height: 395px;
	position: relative;
	border-left: solid 1px #666;
	margin: 0;
}
#wrapper {
	
	
	width: 960px;
	background: #999 url('/images/backgroundContent.jpg') repeat-x;
	margin: 0;
	padding: 0;
}
#mainContent {
	border-right: solid 1px #666;
	padding: 1px 0 0 0;
	width: 777px;
	overflow: hidden;
	position: relative;
	margin: 0;
	height: 395px;
	float:right;
	background: #999 url('/images/backgroundContent.jpg') repeat-x;
} 
#mainContent h1, h2, h3{
	padding: 10px 15px 5px 20px;
	margin: 0;
} 
#mainContent p, ul{
	padding: 10px 25px 5px 30px;
	margin: 0;
	list-style: none;
} 
#footer {
	padding: 0 10px 0 10px; 
	background: url('/images/subtleFade.png') repeat-y;
	margin: 0 0 10px 0;
	height: 40px;
	position: relative;
	width: 940px;
	float: left;
	
}
.footernav {
	width:400px;
	display:block;
	margin: 0 auto;
	list-style: none;
	padding: 0;
	text-align:center;
}
.footernav li{
	display: block;
	height: 11px;
	float:left;
	padding: 0 5px 0 0;
	margin: 15px 0 0 0;
}
	
#form {
	font-size:90%;
	height:250px;
	margin:0;
	opacity:0.99;
	padding:4px;
	text-decoration:none;
	width:250px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
#form a {
	color: #ff0;
}
#footer p {
	margin: 0; 
	padding: 15px 0 10px;
	text-align: center;
	font-size: 90%;
	text-decoration: none;
	font-weight: normal;
	color: #666;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 0px;
    line-height: 0px;
}

/* FRONT PAGE */
	a.front_page{
	display: block;
	width: 580px;
	height: 60px;
	padding: 325px 10px 10px;	
    text-align: right;
	font-variant:small-caps;
	color: #FFF;
	text-decoration: none;
	}
	a.front_page:hover{
		color: #FFF;
	}
	a.front_page span{
		font-size: .6em;
		display: block;
		text-transform:uppercase;
	}

  .navigation {
	list-style: none;
	margin: 0;
	padding: 0px 0 35px;
	}	
	
  .navigation li{
	float: left;
	}
	
  .navigation li a {
	display: block;
	height: 35px;
	width: 180px;
	overflow: hidden;
	text-indent: -1000px;
	margin: 0;
	background: url(/images/menu_items.png);
	padding-top: 20px;
	}
	
.navigation li a.ads {
	margin: 0;
	height: 87px;
	width: 180px;
	overflow: hidden;
	text-align: center;
	position: relative;
	float: left;
	padding: 0px;
	cursor:pointer;
}

  .navigation li a.work  { 
			background-color: #c1c1c1;
			background-position: 0 -80px;
			}
  .navigation li a.work:hover { 
			background-color: #585858;
			}
			
  .navigation li a.press  { 
			background-color: #d1d1d1;
			background-position: 0 -120px; 
			}
  .navigation li a.press:hover { 
			background-color: #585858;
			}
  .navigation li a.bio  { 
			background-color: #ebebeb;
			background-position: 0 -165px;
			}
  .navigation li a.bio:hover { 
			background-color: #585858;
			}
			
  .navigation li a.links  { 
			background-color: #d1d1d1;
			background-position: 0 -210px; 
			}
  .navigation li a.links:hover { 
			background-color: #585858;
			}
	
#footer2 {
	display: none;
}

div.biocontact {
	height:275px;
	overflow:auto;
	width:585px;
}

/*   VIDEOS   */
  #video_info{
		width: 759px;
		height: 242px;
		overflow: auto;
		padding: 10px 10px 0 10px;
		position: relative;
		border-bottom: 1px solid #333
		}
  #video_info img{
			width: 250px;
			height: 165px;
			float: left;
			margin: 0 25px 5px 0;
			
			}
  #video_info h2{
			margin: 0;
			}
  #video_info h3{
			margin: 0;
			}
  #video_info p{
			padding: 5px;
			margin: 0;
			}
	
  #video_info .play{
			display: block;
			text-indent: -1000px;
			overflow: hidden;
			width: 65px;
			height: 20px;
			background: url(/images/play.gif) no-repeat;
			position: absolute;
			right: 20px;
			bottom: 5px;
			}
			
  #select_video{
	overflow: hidden;
	text-indent:-1000px;
	background: url(/images/select_video.gif) no-repeat;
	width: 107px;
	height: 20px;
	margin: 30px 0 -50px;
	padding: 0;
	}
	
  ul.video_thumbs {
	background-color: #000;
	width: 714px;
	height: 130px;
	padding: 11px 35px 0 30px;
	} 
  ul.video_thumbs li{
		float: left;
		margin: 0 !important;
		}
  sul.video_thumbs li a{
			float: left;
			}
  ul.video_thumbs li a img{
				width: 120px;
				height: 80px;
				margin: 10px 10px 0;
				border: 1px solid #aaa;
			}
			
  ul.video_thumbs li a img:hover {
				width: 120px;
				height: 80px;
				margin: 10px 10px 0;
				border: 1px solid #fff;
			}			
  .choices{
	margin: 0px;
	width: 600px;
	height: 330px;
	float: left;
	padding: 30px 0 5px 100px;
	margin: 0 auto;
	}
.choices li {
		float: left;
}
  .choices li a{
		display: block;
		text-indent: -1000px;
		overflow: hidden;
		margin: 65px 50px;
		width: 200px;
		height: 40px;
		background-repeat: no-repeat;
		}
  .choices li a:hover{
			background-position: 0 -40px;
			}
  .choices li a.musicvideos {
			background-image: url(/images/categories/music_videos.png);
			width: 180px;
			}
  .choices li a.other_works {
			background-image: url(/images/categories/other_work.png);
			width: 180px;
			}
  .choices li a.commercials {
			background-image: url(/images/categories/commercials.png);
			width: 180px;
			}
  .choices li a.tv {
			background-image: url(/images/categories/tv.png);
			width: 180px;
			}
  .choices li a.film {
			background-image: url(/images/categories/film.png);
			width: 180px;
			}

/*   Next/Prev links */
.next, .prev {
		text-indent: -1000px;
		overflow: hidden;
		width: 75px;
		height: 17px;
		position: absolute;
		margin-top: -27px;
		}
		.next {
			background: url(/images/next.png) right no-repeat;
			right: 15px;
		}
		.prev {
			background: url(/images/prev.png) no-repeat;
			left: 10px;
		}

#popup {
	padding: 20px 0 ;
	width:360px;
	margin: 0 auto;
}
#press {
	height: 330px;
	width: 768px;
	padding:25px, 0 0px 0px;
	overflow: auto;
	position: relative;
}

.pressTitle{
	padding: 5px;
	}


#bio {
	height: 330px;
	width: 768px;
	padding:25px, 0 0px 0px;
	overflow: auto;
	position: relative;
}
#videoImage {float:left; width:250px; padding: 10px 0 0 10px; overflow: hidden; text-align: center;}

#videoInfo {width:480px; padding: 0 5px; overflow: hidden; float:right;}

.alignRight{text-align:right;}

#videos {
    width:100%;
    margin:0 auto;
    position:relative ;
    overflow: auto;
    height: 358px;
	   	
}
.videoWindow{
    -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
    position: fixed;
    z-index: 3100;
    margin: 10px auto;
    width: 640px;
    height: 520px;
    background-color: #999;
    color: #333;
    border: 1px solid black;
    padding: 0 15px 0 15px;
  	top: 30px;
    right: 50%;
    margin: 0 -340px 0 0;
    
}

#videoPlayer {
   
  display:none;
    
    
}

.smaller {
	background-color: #CCC;
	position: fixed;
	top: 60px;
    right: 50%;
    margin: 0 -250px 0 0 !important;
    width: 400px !important;
    height: 200px !important;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
	
	
#divhide{
	height:20px;
	width:100%;
}
	
.vclose {
     background:   url(../images/close.png);
     float:right;
     margin:0 0 0 0;
}
.videoPanel {
    background:   #EEE url(../images/panel_background.gif) repeat-x;;
    border-top:   1px solid #EEE;
    border-bottom:1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left:  1px solid #EEE;
    margin:       0 auto;
    height:       172px;
    padding:      2px;
    width:        700px;
}

.videoPanel:hover{
	 background:   #DDD;
	border-bottom:   1px solid #DDD;
    border-top:1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right:  1px solid #DDD;
	}

.videoPanel img{
	text-align:center;
	float:left;
	margin:5px;
    background: #EEE;
    border:2px solid #DDD;
    height:120px;
    width:160px;
}
.videoPanel div.image{
    text-align:left;
    float:left;
    text-align: center;
    border:none;
    height:160px;
    width:172px;
    overflow: hidden;
}

.videoPanel div{
    text-align:left;
    float:left;
    margin:0px 5px;
    background: ;
    border:none;
    height:160px;
    width:485px;
    padding:5px;
}
.videoPanel h4{
    text-align:left;
	margin:5px 5px 10px 0;
}
.videoPanel p{
    text-align:left;
    padding:2px 0px 5px 0 !important;
}

.change {
    width:100px;
    margin:0;
    float:right;  
}
.close {
    width:18px;
    margin:0;
    float:right;  
}

.even {
		background-color:#f6f5f5;
		}
	.odd {
		background-color:#eee;
		}
	.off {
		background-color:red;
		}
	.on {
		background-color:blue;
		}
	.hover {
		color:red;
		cursor:crosshair;
		}
	.selected {
		font-style:italic;
		}