/*------------------------------------------------------------------
TABLE OF CONTENTS
.................
1. GENERAL
2. LAYOUT
3. HEADER
4. NAVIGATION
5. LINKS
6. CLEARFIX
------------------------------------------------------------------*/


/*------------------------------------------------------------------
1. GENERAL
------------------------------------------------------------------*/
* {
 margin             : 0;
 padding            : 0; 
 color				: #ffffff;
 background-color	: #000000;}

body {
 font-family        : arial, verdana, monospace;
 font-size          : 12px;
 background-color   :#000000;
/* commented out 'cos left aligned 
text-align         : center;*/
}

a {
 color              : #ffffff;
 cursor             : pointer;
 text-decoration    : none;
 font-size:11px;}

a:hover, a.current {
 color              : #999999;
 cursor				: hand;}

img {
 border             : 0;
 display            : block;}

h2 {
 height             : 1;
 overflow           : hidden;
 position           : absolute;
 text-indent        : -5000px;
 width              : 1;}

/*------------------------------------------------------------------
2. LAYOUT
------------------------------------------------------------------*/

div#page {
  width:			980px;
/* moved to left align
  margin-left:		auto;
  margin-right:		auto;
*/
  margin-left:		10px;
  margin-top:		15px;}

div#bg_container {
  display:			none;
  visibility:		hidden;}

div#content {
 text-align			: left;
 font-size          : 1.2em;
 width              : 980px;
 z-index            : 2;
 background-color   : #000;}

#bio {
  text-align		: left;
  padding-top		: 20px;
  padding-right		: 20px;
  font-size			: 11px;
  font-family		: courier-new, "courier new", courier, monospace;}

div#column1 {
  width:380px;
  float:left;}

div#column2 {
  width				: 580px;
  float				: left;
  text-align		: left;
  background-color	: #000000;
  font-family		: courier-new, "courier new", courier, monospace;
  line-height		: 1;}

div#column1 div.content {
  padding:22px 0px 20px 40px;}

div#column2 div.content {
  padding:22px 10px 20px 20px;
  font-size:11px;}

div#copyright {
	font-family: courier-new, "courier new", courier, monospace; 
	color:#666666;
	font-size:11px;
	padding:10px 0px 10px 40px;}

.showreel {font-size:11px;}

div#column2 a {color:#999999;}
div#column2 a:hover {color:#ffffff;}

#video {
width:480px;
height:380px;}

div#column2 .content .date {color:#666666;}

/*------------------------------------------------------------------
3. HEADER
------------------------------------------------------------------*/
div#header h1 a{
 display            : block;
 margin             : 40px 0px 0 45px;}


/*------------------------------------------------------------------
4. NAVIGATION
------------------------------------------------------------------*/
/*Header site navigation*/ 
#navigation div.link {margin:0px; padding:0px;font-size:12px; line-height:12px;}
#navigation a {font-size:12px;font-weight:normal;margin:0px;padding:0px;}

#navigation div.level1 div.link a {font-style:italic;font-size:12px;font-weight:normal;margin:0px;padding:0px;}
#navigation div.level1on div.link a {font-style:italic;font-size:12px;font-weight:normal;line-height:10px;}

#navigation div.level2, #navigation div.level3 a {font-style:italic;font-size:12px;font-weight:normal;line-height:12px;margin:0px;padding:0px;}
#navigation div.level2,#navigation div.level3on a {font-style:italic;font-size:12px;font-weight:normal;line-height:12px;}

/* this was simons size:
13 16
13 18

*/

#navigation a, #work a {line-height:10px;color:#ffffff;}


/*------------------------------------------------------------------
5. LINKS
------------------------------------------------------------------*/
/*example work links*/

.date, a.worklink {font-size:11px;line-height:12px;}
.mail_link {font-size:12px;color:#ffffff;font-weight:normal;}
.mail_link:hover {color:#999999;}
.contact {font-size:12px;}

div#contact_links a {color:#666666;}
div#contact_links a:hover {color:#ffffff;}

/*------------------------------------------------------------------
6. CLEARFIX
------------------------------------------------------------------*/
.clear {clear:both;}

.clearfix:after {
 clear              : both;
 content            : ".";
 display            : block;
 height             : 0;
 line-height        : 0;
 visibility         : hidden;}

.clearfix {
 display            : inline-block;}

html[xmlns] .clearfix{
 display            : block;}

* html .clearfix{
 height             : 1%;}