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

/*
COLOURS
Text Hover Light Grey: #C8C8C8
Background Rectangle Work Hover: #F8F8F8
Selected Black: #000000
Blue Not Selected: #0296ce
*/

/* Work Title */
body {
	margin: 1;
	padding: 0;
	font-family: Helvetica Neue, Helvetica, sans-serif;
	color: #000000;
	}

img { 
	behavior: url(iepngfix/iepngfix.htc); 
	}
	
/* WAC Links */
a {
	border: none;
	outline: none;
	text-decoration: none;
	color: #000000;
	}	
		
#navcontainer {
	margin-right: 20px;
	width: 200px;
	position: fixed;
	top: 55px;
	left: 0;
	}
	
#header {
	position: relative;
	left: 0px;
}

/* WAC Titles */
#navcontainer ul {
	margin-top: 6px;
	padding-left: 0;
	list-style-type: none;
	text-decoration: none;
	font-family: Helvetica Neue, Heveltica, sans-serif;
	font-weight: lighter;
	font-size: 11px;
	text-align: right;
	}

/* Work/About/Contact */
#WAC {
	margin: 6px 0 6px 0;
	position: relative;
	display: block;
	padding: 6px;
	width: 192px;
	color: #000000;
	text-decoration: none;	
	background-color: #FFFFFF;
	border: 1px solid #000000;
	}

/* WAC Text Hover */	
#navcontainer a:hover {
	color: #C8C8C8;
}

/* Work Text */
#subnavlist a {
	margin: 0;
	display: block;
	padding: 1px 5px 3px 30px;
	width: 169px;
	font-family: Helvetica Neue, Heveltica, sans-serif;
	font-size: 9px;
	color: #0296ce;
	text-decoration: none;
	}

/* Work Highlight Colours */
#navcontainer ul ul a:hover {
	color: #0296ce;
	background-color: #F8F8F8;
	text-decoration: none;
	}

/* Photo Frame */
#contentcontainer {
	position: relative;
	top: 47px;
	left: 220px;
	width: 740px;
	}

/* Photo Frame w/out Border */	
#contentcontainer2 {
	position: relative;
	top: 47px;
	left: 235px;
	width: 685px;
	height: 443px;
	}
	
/* Photo Frame 342*443 */	
#contentcontainer3 {
	position: relative;
	top: 47px;
	left: 220px;
	width: 342px;
	height: 443px;
	border:1px solid #000000;
	}	

/* Photo Frame 384*443 */	
#contentcontainer4 {
	position: relative;
	top: 47px;
	left: 220px;
	width: 384px;
	height: 443px;
	}
	
/* Photo Frame 244*443 */	
#contentcontainer5 {
	position: relative;
	top: 47px;
	left: 220px;
	width: 244px;
	height: 443px;
	border:1px solid #000000;
	}	
	
/* Photo Frame 640*443 */	
#contentcontainer6 {
	position: relative;
	top: 47px;
	left: 220px;
	width: 640px;
	height: 443px;
	}		

/* Contact Text */	
#contact {
	position: absolute;
	top: 255px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 200px;
	font-size: 11px;
	color: #000000;
	text-align: right;
	}
	
#contact ul {
	list-style-type: none;
	text-align: right;
	}
	
#contact li {
	padding: 11px 0 5px 0;
	margin: 0;
	}

/* Email Text */	
#contact a {
	text-decoration: none;
	color: #000000;
	}
	
/* Email Hover */	
#contact a:hover {
	color: #C8C8C8;
	}	
	
/* Contact Lines */
#contact hr {
	position: relative;
	left: -37px;
	top: 3px;
	margin: 3px 0 3px 0;
	width: 204px;
	border: none;
	color: #000000;
	height: 1px;
	}

/* Work Description Line */		
hr {
	margin: 30px 0 0 0;
	top: 464px;
	padding: 0;
	position: absolute;
	height: 1px;
	background: #000000;
	border: none;
	width: 335px;
	}
	
#description a:hover {
	color: #C8C8C8;
	}	

/* Description Text */	
#description {
	width: 685px;
	color: #000000;
	font-size: 11px
	}
	
/* Description Text2 */	
#description2 {
	width: 197px;
	position: absolute;
	top: 290px;
	text-align: left;
	text-decoration: none;
	font-family: Helvetica Neue, Heveltica, sans-serif;
	font-weight: light;
	padding: 0;
	color: #000000;
	font-size: 10px
	}