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

html, body {
	height: 100%;
}


body {
	
font-family: helvetica, sans-serif;
/*background: url('graphics/120309_site-mockup-A.jpg');*/
background: black url('graphics/special-affects-bg.gif') repeat-x;
background-position: -20px 0px;
margin: 0;
padding: 0;
overflow-y:hidden;
overflow-x:scroll;
}

.blackbg {
background: black;
}

/*body div {
	border: 1px dashed pink;
	}*/

img, object {
	border: 0;
}

a {	
	text-decoration: none;
}

a:active
{
outline: none;
}

a:visited
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

.hidden {
	display: none;
}

.visible {
	display: inline;
}

.fl_right {
	float: right;
}

.fl_left {
	float: left;
	text-align: left;
}

.cl_left {
	clear: left;
}

.v-spaced {
	position: relative;
	top: 10px;
}

.l-spaced {
	padding-left: 20px;
}

.noscroll {
	overflow: hidden;
}

.wait {
	cursor: progress;
	}

/* Fonts */
.sans {
	font-family: "helvetica neue",sans-serif;
}	

.arial {
	font-family: arial;
}

.serif {
	font-family: "times new roman", serif;
}

.smaller {
	font-size: 9pt;
}

.small {
	font-size: 9pt;
	}

.medium {
	font-size: 13pt;
}

.large {
	font-size: 16pt;
}

.bigger {
	font-size: 19pt;
}

.caps {
	text-transform: uppercase;
}


.lows {
	text-transform: lowercase;
}

.bold {
	font-weight: bold;}



.italic {
	font-style: italic;
}


.underline {
	text-decoration: underline;
}


.strike {
	text-decoration: line-through;
}


.nobr {
	white-space: nowrap;
}


.off {
	display: none;
}


.on {
	display: block;
}


.linkon a {
	text-decoration: none;
}


.linkoff a {
	text-decoration: underline;
}




/* Colors */



.white {
	color: white;
}


.awhite a {
color: white;
}

.awhiteb a:link { color: white; }
.awhiteb a:visited { color: #E8E8E8; }
.awhiteb a:hover { color: #0066FF; }
.awhiteb a:active { color: #0066FF; }

a.awhiteb:link { color: white; }
a.awhiteb:visited { color: #E8E8E8; }
a.awhiteb:hover { color: #0066FF; }
a.awhiteb:active { color: #0066FF; }


.black {	color: black; }
.ablack a{	color: black; }

.apurple {
	color: purple;
	}
	
.blackbg {	background: black; }
.navy {
	color: #030352;
}


.anavy a {
	color: #030352;
}


.grey {
	color: #C1C0AB;
}


.agrey a {
	color: #C1C0AB;
}


.cyan {
	color: #8CCBCA;
}


.cyanbg {
	background: #8CCBCA;
}


.blue {	color: #0066FF;	}
.ablue a {	color: #0066FF;	}
.pink {
	color: #EB648D;
}


.pinkbg {
	background: #EB648D;
}


.green {
	color: #97CA59;
}


.greenbg {
	background: #97CA59;
}


.greybluebg {
	background: #B5D4D6;
}


.lavender {
	color: #9099B8;	
}


.lavenderbg {
	background: #9099B8;	
}


.peach {
	color: #FAC145;
}


.peachbg {
	background: #FAC145;
}


.goldbg {
	background: #FAC950;
}


.purplebg {
	background: #959EBD;;
}

.red {
	color: #FF5F5F;
}

.salmonbg {
	background: #E55A5D;;
}


.whitebg {
	background: white;
}


.yellowbg {
	background: #FAC145;
}


.greybg {
	background: #D1D1D1;
}


.bluebg {
	background: #95D0D0;
}



/* Tables and Boxes */

.relative {
	position: relative;
}

.fixed {
	position: fixed;
}

.absolute {
	position: absolute;
}

.full {
	width: 100%;
}



.thumb {
	width: 120px;
	height: 90px;
}

.inline {
	display: inline;
	}

.tableCell {
	display: table-cell;
	}
	
td.nopad {
	padding: 0px;
}

td.vertc {
	vertical-align: middle;
}


td.vertt {
	vertical-align: top;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.justify {
	text-align: justify;
}



.indented {
	padding-left: 10px;
}



.nobullets {
	list-style-type: none;
}

.noindent {
	margin: 0px;
	padding: 0px;
}

.indent2 {
	padding: 0px;
	margin-left: 10px;
	text-indent: -10px;
	}

.padded {
	padding: 20px;
}

.padded div {
	margin-top: 15px;
}

.padded-top {
	margin-top: 15px;
}

/* Special */



/* Main */


/* #container {
	
width: 760px;
	
margin: 0 auto 0;
	
padding:0 50px 100px;
    
min-height: 100%;
   
height: auto !important;

}
*/

.blackbg1 {
	background: black;
	opacity: 0.75;
	filter:alpha(opacity=75);
	}

#nav-left, #nav-left-bg {
	top: 50px;
	padding: 2px;
	width: 170px;
	height: 240px;
	}

#nav-left {
	z-index: 2;
	border-right: 2px solid white;
	background: black;
	}

#nav-left div {
margin-left: 30px;
}

#filter-table {
	margin-left: 6px;
	cursor: pointer;
	margin-top: 15px;
	}
	
#filter-table td {
	padding: 0;
	margin: 0;
	}

#nav-main {
	margin-top: 6px;
}

#nav-main li {
	line-height: 21pt;
}

#proj-images {
	position: absolute;
	top: 50px;
	left: 170px;
	text-align: left;
	margin-left: 17px;
	width: 300px;
	z-index: 0;
}

#proj-images div {
}

#proj-images table td img {
	height: 240px;
	border: 0;
	margin-top: 1px;
}

#proj-images table td {
	padding-right: 30px;
	vertical-align: top;
}

.p-info div {
	padding: 15px 12px 20px;
}

/* The P Box */

#pbox {
	background: black;
	border: 2px solid white;
}

#pboxHolder {
	top: 20px;
	left: 190px;
	z-index: 1;
}

#pbox {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px 15px 0px;
	z-index: 1;
}


.proj-list {width: 200px;}
.info {width: 680px;}
.screening {width: 400px;}

.proj-list li {
	line-height: 15pt;
}

#pboxLine {
	left: 174px;
	border-top: 2px solid white;
	width: 16px;
	z-index: 0;
}

#pboxClose{position:absolute; top:5px; right:5px; display:block; background:url(graphics/controls-custom-small.png) top center no-repeat; width:17px; height:12px; text-indent:-9999px; z-index: 3;}

#pboxClose.hover{background-position:bottom center;}

#info p {
	width: 640px;
}

#description {
	width: 500px;
	margin: 0 auto 0;
}

/* Screenings */

#screenings-all {
	width: 240px;
}

/* Info */

#info-box {
	width: 640px;
}

/* Mobile */

#projects-all {
	margin-top: 20px;
}

body.mobile {
width: 310px;
background: black url('graphics/special-affects-bg.gif') repeat-x;
background-position: 280px 0px;
}

div.mobile {
	width: 300px;
}

/* PLAYER STUFF */

#placeholder { 
	WIDTH: 100%; 
	display: none;
}

#placeholder img {
	height: 100%;
}

#det_image {
	display: block;
	overflow: hidden;
	cursor: pointer;
}


#det_image.std {
	height: 480px;
}



img.std {
	height: 480px;
}



img.large {
	width: 800px;
	max-height: 600px;
}