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

body {
	font: 100% Helvetica, Verdana, Arial, sans-serif;
	background: #000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/*text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
}
.oneColFixCtr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/*text-align:center;*/
}

.twoColL {
	width:46%;
	float:left;
	
	}

.twoColR {
	width:46%;
	float:left;
	
	}

a {
		color:#797979;
		text-decoration:none;
	}

a:hover {
		color:#dadada;
		text-decoration:underline;
	}

h1 {
	letter-spacing:20px;
	font-weight:100;
	margin-top:50px;
	
	}
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {
	text-decoration:none;
	color:#FFFFFF;
	}
	
body#home h1 {
	letter-spacing:20px;
	font-weight:100;
	margin-top:70px;
	
	}


h2 {
	margin:40px 0 0 0;
	}
	
a.menu {
		color:#797979;
		text-decoration:none;
	}

a.menu:hover {
		color:#dadada;
		text-decoration:none;
	}	

.menu {
	word-spacing:170px;
	font-weight:normal;
	padding:10px 0 40px 0;
	
	}
	
.menu a {
		color:#FFFFFF;
		text-decoration:none;
	}

.menu a:hover {
		color:#c7c7c7;
		text-decoration:underline;
	}

span.subNav {
float:right;
word-spacing:30px;
margin-right:10px;
margin-top:40px;
}

span.subNav a {
		color:#797979;
		text-decoration:none;
	}

span.subNav a:hover {
		color:#dadada;
		text-decoration:none;
	}
	
span.subNav a.selected {
	color:#fff;
}

.col {
	float:left;
	width:260px;
	}

/*----------------------------------

	Gallery
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */	
-----------------------------------*/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
height:180px;
}

img.thumbnail{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.gallery:hover{
background-color: transparent;
}

.gallery span{ /*CSS for enlarged image*/
position: absolute;
background-color: #333;
padding: 0px;
left: -1000px;
border: 1px solid white;
visibility: hidden;
color: white;
text-decoration: none;

}

.gallery:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 220px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

span.rollText {
	color:#333;
	margin:200px 100px 0 0;
	float:right;
	}
	


/*----------------------------------

	Showreel page
	
-----------------------------------*/
.marginIn {
	margin-left:-80px;
	}

.problemsText {
	color:#999999;
	font-size:smaller;
	}
	
.problemsText a {
	color:#c7c7c7;
	text-decoration:underline;
	}
	
.problemsText a:hover {
	color:#fff;
	text-decoration:none;
	}

/*----------------------------------

	CV
	
-----------------------------------*/

.client {
	font-weight:bold;
	color:#FFFFFF;
	}
	
.details {
	color:#7c7c7c;
	font-weight:lighter;
	font-style:italic;
	}

/*----------------------------------

	Films
	
-----------------------------------*/

.halfSizeVideo
{
	margin-left:20px;
	}
	
.dirText {
	color:#7c7c7c;
	font-weight:lighter;
	font-size:smaller;
	}
	
/*-----------------------------------*/

#credit
{
	color:#747474;
	text-align:center;
	width:100%;
	font-size:smaller;
	font-weight:lighter;
	margin-top:80px;
}

#credit a 
{
	color:#747474;
	text-decoration:none;
	}

#credit a:hover
{
	color:#4b4b4b;
	text-decoration:underline;
}