body
  {
  margin: 0;
  padding: 0 0 0 300px;
  color: #000;
  background: #fff;
  font-size: 0.9em;
  font-family:Arial, Helvetica, sans-serif;
  }
div#sidebar
  {
  overflow: auto;
  height: 100%;
  width: 300px;
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  }
div#content
  {
  padding: 1.5em;
  background:url("/img/nav_bg.gif");
  background-repeat:no-repeat;
  background-position: 300px 100px;
  background-attachment: fixed;
  }

div#column
  {
  width: 407px;
  }

@media screen
  {
  body>div#sidebar
    {
    position: fixed;
    }
  }
  
p img { float: left; 
margin-right: 10px;
margin-bottom: 5px;
border: 0px solid #000;
}

.section {
	padding: 10px 0 30px 0;
	background-image:url('/img/hr.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}
.about {

}
.projects {

}
.projects .artproject{
	clear: left;
	width: 100%;
}

.writing {

}
.other {

}
.interplay {
	padding: 10px 0 50px 0;
}

.contact {
	padding: 10px 0 40px 0;
	margin-bottom: 100px;
}
.contact form{
	width: 370px; 
	background-color: #DFDFDF;  
	padding: 15px; 
	margin: 0px auto;
}

.contact form label{
	font-size: 0.8em;
}


/* STANDARD FORMATTING */

a:link, a:visited {
	color: #333;
	padding: 1px 2px;
	white-space: nowrap;
}

a:hover {
	color: #333;
}

a img  {
	border: none;
}

#globalnav p{
margin: 10px;
}

h1 {
font-size:1.2em;
color:#CCCCCC;
}

h2 {
font-size: 1em;
color:#a00000;
}

h3 {
font-size: 1em;
color:#000000
}

h4 {
font-size: 0.9em;
color:#666666;
margin-bottom: -10px;
}

h5 {
}

.quote {
	margin: 0 20px;
	font-style:italic;
	font-size: 0.8em;
	}
	
	#small {
	font-style:italic;
	font-size: 0.8em;
	padding-bottom: 0px;
	padding-top: -3px;
	}
	
.filmbits {
color:#666666;
font-style:italic;
font-size: 0.8em;
font-weight:normal;
padding: 0;
margin:0;
}

.inprod {
color:#a00000;
}

hr.films {
clear: both;
color: #CCCCCC;
}

.formtext {
padding-left: 20px;
}

.tiny {
font-size: 0.8em;
color:#999999;
font-style:italic;
}

.experia {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
font-style:italic;
text-decoration:none;
}

.end {
margin-bottom: 10em;
}


.clear {
clear:both;
padding-bottom: 20px;
}

.screenshot img{
float: left;
border: 0px solid #000;
margin: 0px;
padding: 15px 0 0 0px;
clear:left;
}

.blurb {
width: 407px;
float: left;
margin-bottom: 10px;
}

.projects .blurb,.videos .blurb {
width: 280px;
float: left;
margin: 0 0 10px 0;
padding: 0 0 0 10px;
}

.projects .blurb h4,.videos .blurb h4{
margin: 0;
padding:0;
}
.projects .blurb p,.videos .blurb p{
margin: 0;
padding:5px 0 0 0;
}

.otherbits {
font-size: 0.9em;
color: #666666;
width: 150px;
margin-bottom: 10px;
margin-top: 10px;
clear: left;
float: left;
}

  #footer {
  clear:both;
  font-size: 0.7em;
color: #999999;
text-align:right;
padding-right: 15px;
  }
  
  #footer a, #footer a:link, #footer a:hover, #footer a:visited {
  font-size: 0.9em;
  font-weight: bold;
color: #afafaf;
  text-transform:lowercase;
  }
  

/* HEADINGS - COVERUP METHOD */


#hd_about {
      margin:0; padding:0;
      position:relative;
      width:179px; height:53px;
      margin:0; padding:0;
      overflow:hidden;
      }
#hd_about span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:179px; height:53px;
      margin:0; padding:0;
      background:url("/img/about.gif") top left no-repeat;
      }
	  
#hd_projects {
      margin:0; padding:0;
      position:relative;
      width:233px; height:48px;
      margin:0; padding:0;
      overflow:hidden;
      }
#hd_projects span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:233px; height:48px;
      margin:0; padding:0;
      background:url("/img/projects.gif") top left no-repeat;
      }

#hd_videos {
      margin:0; padding:0;
      position:relative;
      width:233px; height:48px;
      margin:0; padding:0;
      overflow:hidden;
      }  
#hd_videos span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:233px; height:48px;
      margin:0; padding:0;
      background:url("/img/videos.gif") top left no-repeat;
      }
      
#hd_writings {
      margin:0; padding:0;
      position:relative;
      width:233px; height:48px;
      margin:0; padding:0;
      overflow:hidden;
      }  
#hd_writings span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:233px; height:48px;
      margin:0; padding:0;
      background:url("/img/writings.gif") top left no-repeat;
      }
	  
#hd_other {
      margin:0; padding:0;
      position:relative;
      width:274px; height:46px;
      margin:0; padding:0;
      overflow:hidden;
      }	  
#hd_other span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:274px; height:46px;
      margin:0; padding:0;
      background:url("/img/other.gif") top left no-repeat;
      }

#hd_interplay {
      margin:0; padding:0;
      position:relative;
      width:154px; height:47px;
      margin:0; padding:0;
      overflow:hidden;
      } 
#hd_interplay span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:154px; height:47px;
      margin:0; padding:0;
      background:url("/img/interplay.gif") top left no-repeat;
      }
	  
#hd_contact {
      margin:0; padding:0;
      position:relative;
      width:171px; height:47px;
      margin:0; padding:0;
      overflow:hidden;
      } 
#hd_contact span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:171px; height:47px;
      margin:0; padding:0;
      background:url("/img/contact.gif") top left no-repeat;
      }
	
/* NAVIGATION */

#topnav
{
padding:0;
margin:0;
white-space:nowrap;
list-style-type:none;
font-size: 0.8em;
float: right;
}

#topnav li {display:inline;}
#topnav li a, #topnav li a:hover
{
color: #a00000;
margin-bottom: 15px;
}







#page {
	position: relative;
	top: -400px;
	right: 0;
	width: 13px;
	height: 430px;
	background: url(/img/nav_bg.jpg) left top no-repeat;
	float: right;
}



/* MAIN CONTENT */

#greybar {
	background-color:#CCCCCC;
	width: auto;
	height: 40px;
	position:relative;
	top: 10px;
	
}


div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 290px;
  text-align: left;
  } 
  
div.sidebar img {
line-height: 2px;
border: 0px;
margin: 0px;
padding: 0px;
}  





.sbox {
	padding: 10px;
	background: #fff;
}

.sbox ul {
	list-style-type: none;
	margin: 5px 0;
	padding: 0 0 0 15px;
	border-top: 0px solid #000;

}

.sbox ul li {
	padding: 4px 0 5px;
	border-bottom: 0px solid #000;
	font-size: 0.8em;
	color:#000000
}

.sbox ul li a {
	padding: 0 0 0 15px;
	border-bottom: 1px;
	font-size: 1.1em;
	width:372px;
	}

.sbox ul li#txt a {
	background: url(/img/icon_txt.gif) 0 1px no-repeat;
	}
	
.sbox ul li#www a {
	background: url(/img/icon_www.gif) 0 1px no-repeat;
	width:372px;
	}
	
.sbox ul li#pdf a {
	background: url(/img/icon_pdf.gif) 0 1px no-repeat;
	}
	
.sbox ul li#non em,.sbox ul li#non a em{
	padding: 0 0 5px 15px;
	border-bottom: 1px;
	width:372px;
	}
	
.sbox ul li#non{
	background: url(/img/icon_non.gif) 0 1px no-repeat;
	width:372px;
	}
	


.sbox ul li a:hover {
	text-decoration: underline;
	color: #000;
	}

.zemTextarea {
padding: 5px;
}
.zemThanks{
	text-align: center;
	padding: 15px;
	border: 2px solid #429F13;
	background-color: #EAFFDF;
}

.zemThanks p{
	
}