/* basic elements */

body {
	font: 10pt/12pt helvetica;
	color: #fff;
	background: #fff;
	margin: 0px;
	}

h1 {
	font: 14pt/18pt helvetica;
	color: #000000;
	}
	
h2 {
	font: 11pt/18pt helvetica;
	color: #000000;
	}

p {
	font: 10pt/14pt helvetica;
	color: #000000;
	text-decoration: none;
	}
	


a:link {
	text-decoration: none;
	}

a:visited {
	text-decoration: none;
	}

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



ul	{
	margin-left:-37px;
	}

li {
	font: 12pt/14pt helvetica;
	text-decoration: none;
	display:block;
	}
	
img	
	{
	border:2px solid black;
	margin-bottom:14px;
	}
	
/* divs... */

#wrapper	{
			margin-left:auto;
			margin-right:auto;
			width:640px;
			height:480px;
	}

/* header */
#header		{
			margin-top:100px;
			}
			
#header	h1	{
			width:640px;
			height:118px;}

/* page headers */
#header h1.main	{
			background:#fff url(../images/header.gif) top left no-repeat;
		}
		
#header h1.illustration	{
			background:#fff url(../images/illHeader.gif) top left no-repeat;
		}
		
#header h1.webDesign	{
			background:#fff url(../images/webHeader.gif) top left no-repeat;
		}
		
#header h1.graphicDesign	{
			background:#fff url(../images/graphHeader.gif) top left no-repeat;
		}
		
#header h1.photography	{
			background:#fff url(../images/photoHeader.gif) top left no-repeat;
		}

#header h1 span	{
			display:none;
	}
	


/* page */

#page		{
			width:640px;
	}
	
/* list links... */
#page div.menu{
		width:185px;
		float:left;
		clear:both;
	}
	
#page div.menu li a{
	font: 12pt/14pt helvetica;
	width:185px;
	height:70px;
	text-decoration: none;
	display:block;
	}

/* illustration */
#page li.ill	{
			background:transparent url(../images/ill.gif) top left no-repeat;
	}

#page li.ill a:hover	{
			background:transparent url(../images/illHover.gif) top left no-repeat;
	}

/* web design */
#page li.web	{
			background:transparent url(../images/web.gif) top left no-repeat;
	}
	
#page li.web a:hover	{
			background:transparent url(../images/webHover.gif) top left no-repeat;
	}

/* graphic design */
#page li.graph	{
			background:transparent url(../images/graph.gif) top left no-repeat;
	}
	
#page li.graph a:hover	{
			background:transparent url(../images/graphHover.gif) top left no-repeat;
	}
	
/* photography */
#page li.photo	{
			background:transparent url(../images/photo.gif) top left no-repeat;
	}
	
#page li.photo a:hover	{
			background:transparent url(../images/photoHover.gif) top left no-repeat;
	}
	
	
#page li span	{
			display:none;
	}


/* Illustration page... */

#page div.imgThumb li{
			display:inline;
			font: 9pt/11pt helvetica;
			color:#000000;
			padding:7px;
		}
		
#page div.webThumb li a {
			font: 9pt/11pt helvetica;
			color:#000000;
			padding:7px;
		}
		
#page div.webThumb li a:hover {
			font: 9pt/11pt helvetica;
			color:#666666;
			padding:7px;
		}
		
		
/* back button */

#page div.backBtn a	{
		font:9pt/11pt helvetica;
		color:#000;
		width:50px;
		height:20px;
		display:block;
		}
		
#page div.backBtn	{
		margin-top:42px;
		background:transparent url(../images/backBtn.gif) top left no-repeat;
	}
	
#page div.backBtn a:hover	{
		background:transparent url(../images/backBtnHover.gif) top left no-repeat;
	}
	
#page div.backBtn a span	{
		margin-left:-2000px;
	}
	
#showreel{
		width:400px;
		height:225px;
		background:#0F0;
		float:right;
		margin:40px 0 0 0;
}


/* footer */

#footer {
		margin:0;
		padding:0;
		background: #fff;
		clear:both;
	}
	
#footer div.CV{
		width:70px;
		height:70px;
		margin-left:580px;
		margin-top:20px;
		position:absolute;
		background:transparent url(../images/cv.gif) top left no-repeat;
	}
	
#footer div.CV a{
		font:9pt/11pt helvetica;
		color:#000;
		width:70px;
		height:70px;
		display:block;
	}
	
#footer div.CV a:hover{
		background:transparent url(../images/cvHover.gif) top left no-repeat;
	}
	
#footer div.CV a span{
		margin-left:-2000px;
	}
	
#footer div.email{
		width:70px;
		height:70px;
		margin-left:20px;
		margin-top:20px;
		position:absolute;
		background:transparent url(../images/email.gif) top left no-repeat;
	}
	
#footer div.email a{
		font:9pt/11pt helvetica;
		color:#000;
		width:70px;
		height:70px;
		display:block;
	}
	
#footer div.email a:hover{
		background:transparent url(../images/emailHover.gif) top left no-repeat;
	}
	
#footer div.email a span{
		margin-left:-2000px;
	}