/* CSS Document */

/* font sizes:  14pt=0.875, 13pt=0.8125, 12pt=0.75, 11pt=0.6875, 10pt=0.625, 9pt=0.5625, 8pt=0.5  */

/* to add dynamic effects to p, syntax is "p a:link {}" */

/* to remove the outline from a tags:  a {outline:none;}*/

/* SITEWIDE DIVS*/

*	{
	margin:0;
	padding:0;
}



body {
	min-width:850px; /*2x left column width + right column*/
	background-color: #0f0f10;
	font-family:"Helvetica", Arial, Verdana, sans-serif;
	font-size:16px;
	line-height:1.4em;
	text-align:center;
}




/* INDEX.HTML*/

#index_logo{
	width:100%;
	height:60%;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	bottom:0px;
	text-align:center;
	background-color:#0f0f10;
}


#index_footer{
	width:100%;
	height:45%;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	bottom:0px;
	border-top: 1px solid #3c3c40;
	text-align:center;
	background-color: #0f0f10;
}

#nav {
	width:240px;
	padding:0;
	margin:0 auto;
	font-family:"Helvetica", Arial, Verdana, sans-serif;
	font-size:0.6875em;
	text-align:center;
	
}

#nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#nav li {
	margin:0;
	padding:0;
	float:left;
	width:80px;
	text-align:center;
}

#nav li a {
	color:#ff411b;
	text-decoration:none;
	display:block;
	text-align:center;
	margin:0;
	padding:0;
	border-left:1px solid #3c3c40;
	border-bottom:1px solid #3c3c40;
}

#nav li a#current{
	background-color:#222222;
	color:#cccccc;
}

#nav li a#rightmost {
	border-right:1px solid #3c3c40;
}

#nav li a#current_rightmost {
	border-right:1px solid #3c3c40;
	background-color:#222222;
	color:#cccccc;
}

#nav li a:hover {
	background-color:#222222;
	text-decoration:none;
}

#nav li a:active {
	background-color:#3c3c40;
	text-decoration:none;
}



	
	

/*REEL.HTML*/


#reel_header{
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}

#reel_nav{
	text-align:center;
	position:relative;
	margin-top:5px;
	border-top: 1px solid #3c3c40;
	height:50px;
	
}


#container{
	padding-left:200px;
	padding-right:200px;
	overflow:hidden;
}


#container .column{
	position:relative;
	float:left;
	padding-bottom:20010px;
	margin-bottom:-20000px;
}

#center_playback{
	width:100%;
	padding-top:30px;
}

#catalog_video{
	width:180px;
	padding-left:20px;
	right:200px;
	margin-left:-100%;
	margin-bottom:20px;
}

#catalog_audio{
	width:180px;
	padding-right:20px;
	margin-right:-200px;
}

#choose_clip{
	width:480px;
	height:150px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	padding-top:120px;
	text-align:center;
	border:1px solid #3c3c40;
	background-color:#000;
	
}


#video_player{
  	text-align:center;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:300px;
	width:480px;
}


#video_player_tall{
  	text-align:center;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:390px;
	width:480px;
}

	
#video_title{
	width:300px;
	height:60px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	text-align:center;
}


.reel_item{
	width:200px;
	margin-bottom:10px;
	position:relative;
}

.project_title{
	margin-bottom:3px;
	position:relative;
	text-align:left;
}

.project_title_audio{
	margin-bottom:3px;
	position:relative;
	text-align:right;
}

.clip_title{
	margin-bottom:10px;
	position:relative;
	text-align:left;
}

.clip_title_audio{
	margin-bottom:10px;
	position:relative;
	text-align:right;
}

#reel_footer{
	position:relative;
	clear:both;
	margin-top:40px;
	border-top: 1px solid #3c3c40;
	text-align:center;
}


* html #left{
	left:200px;
}
	


/*CONTACT.HTML*/

#contact_block{
	position:relative;
	width:500px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:30px;
	text-align:left;
	border:1px solid #3c3c40;
}

#address{
	position:relative;
	width:300px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#contact_form{
	width:480px;
	position:relative;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;

}

#contact_form ul {
	position:relative;
	list-style:none;
	margin:0px;
	padding:0px;
	text-align:center;
	border: none;
}

#contact_form li {

	position:relative;
	margin: 7px;
	padding: 1px;
}

#contact_submit{
	width:100px;
	position:relative;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	outline:none;
}

#contact_ok{
	width:300px;
	position:relative;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;

}


/*BIO.HTML*/

#latest{
	position:relative;
	width:500px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#bio{
	position:relative;
	width:500px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	padding-bottom:30px;
	text-align:left;
	border-top:1px solid #3c3c40;
}

#quotes{
	position:relative;
	width:500px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	text-align:left;
	border-top:1px solid #3c3c40;
}

	
	


/*GLOBAL CLASSES*/


a {
	outline:none;
}

p {
	font-family: "Helvetica", Arial, Verdana, sans-serif;
	font-size:0.75em;
	line-height:1.5em;
}

p a{
	outline:none;
}

p a:link { 
	color: #ff411b;
	text-decoration: none;
}

p a:visited { 
	color: #ff411b;
	text-decoration: none;
}

p a:hover { 
	text-decoration: none;
	border-bottom:thin;
	border-bottom-style:dotted;
	border-bottom-color:#ff411b;
}

p a:active { 
	text-decoration: none;
}


.std_text {
	font-family: "Helvetica", Arial, Verdana, sans-serif;
	font-size:0.75em;
	line-height:1.5em;
}

.std_text a{
	outline:none;
}

.std_text a:link { 
	color: #ff411b;
	text-decoration: none;
	border-bottom:thin;
	border-bottom-style:dotted;
	border-bottom-color:#2e2e2e;
}

.std_text a:visited { 
	color: #ff411b;
	text-decoration: none;
	border-bottom:thin;
	border-bottom-style:dotted;
	border-bottom-color:#2e2e2e;
}

.std_text a:hover { 
	text-decoration: none;
	border-bottom:thin;
	border-bottom-style:dotted;
	border-bottom-color:#ff411b;
}


.white {color:#fff;}
.black {color:#000;}
.gray {color:#ccc;}
.darkgray {color:#666;}
.orange {color:#ff411b;}
.italic {font-style:italic;}
.bold {font-weight:bold;}
.big {font-size:0.875em;}
.medium {font-size:0.6875em;}
.small {font-size:0.625em;}
.smallest {font-size:0.5625em;}
.tight {line-height:1.4em}
.tightest {line-height:1.0em}
.loose {line-height:2em}
.loosest {line-height:2.5em;}