/* css by Michael Tsang version 0.01 
main colours: 
1DBED0 - green
FFFFFF - white
404042 - dark grey
8C8C8E - light grey


*/

/* basic elements */
#footer {
	position:fixed;
	top:94%;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

.colour1 {
	color:#1DBED0;
}

.colour2 {
	color:#FFFFFF;
}

.logo {
border:0px;
}

body{
	background:#222222 none repeat scroll 0 0;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
} 

/* specific divs */
#photoproject {
	position:absolute; top:50%; height:500px; margin-top:-250px; /* margin-top should be negative half of the height */
}

#projectNavigationContainer { 
	background:#404042 none repeat scroll 0 0;
	float:left;
	height:500px;
	line-height:20px;
	width:300px;
	}

#projectTitleContainer {
	background:#404042 none repeat scroll 0 0;
	float:left;
	height:500px;
	width:500px;
	}

h1#projectTitle {
	margin-top:50px;
	margin-left:20px;
	font-size:50px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	letter-spacing:-3px;
	word-spacing: 6px;
	text-transform:lowercase;
}

h1#projectTitle:hover {
	color: #1DBED0;
}

h2#projectSubtitle {
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#8C8C8E;
	font-size:0.75em;
}

p#projectDescripton{
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	font-size:1em;
	color:#FFFFFF;
}

.photoBox {
	height:500px;
	line-height:20px;
	float:left;
}

#projectLeadingPhoto {
	background:#404042 none repeat scroll 0 0;
	float:left;
	height:500px;
	line-height:20px;
}

.projectDivider {
	background:#404042 none repeat scroll 0 0;
	position:relative;
	float:left;
	height:500px;
	line-height:20px;
	width:50px;
}

#projectNavigationText{
	border-top: 1pt solid #404042;
	border-right: 1pt solid #bbbbbb;
	height: 333px;
}

#projectNavigationLogo{
	height: 167px;
}

#projectHeading{
	height:167px;
	border-bottom: 1pt solid #bbbbbb;
	border-top: 1pt solid #404042;
}

ul {
	list-style-type: none;
	padding: 0px;
	margin: 20px;
	margin-left: 15px;
	margin-top: 23px;
	font-size:1.75em;
	line-height: 16pt; 
	font-family:Arial, Helvetica, sans-serif;
}



a:link {color: #FFFFFF; text-decoration:none;}
a:visited {color: #FFFFFF; text-decoration:none;}
a:hover {color: #1DBED0;}
a:focus {color: #1DBED0;}
a:active {text-decoration:none;}