body {
	background: #FFF;
	font-family: Georgia, Times New Roman;
	color: #999;
	font-size:11px;
	line-height:160%;
	}

a {
	color: #BBB;
	text-decoration:none;
	border-bottom: solid 2px #FFF;
	}

a:hover {
	color: #888;
	text-decoration:none;
	border-bottom: solid 2px #EEE;
	}

#layout {
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	width:700px;
	}

#navigation {
	float:right;
	width:305px;
	padding-left:10px;
	border-left: dashed 1px #CCC;
	text-align:left;
	background: url('colour.png') top right no-repeat;
	height: 320px;
	margin-bottom:10px;
	}

#mainarea {
	float:left;
	width:374px;
	padding: 0 0 10px 0;
	text-align:justify;
	}

#footer {
	width:680px;
	clear:both;
	background: #F9F9F9;
	padding:10px;
	}

h1 {
	margin:0;
	padding:0;
	font-size:12px;
	letter-spacing:1px;
	font-weight:normal;
	color: #CCC;
	text-transform:uppercase;
	}

h2 {
	margin:0;
	padding:0;
	font-size:12px;
	letter-spacing:1px;
	font-weight:normal;
	color: #CCC;
	text-transform:lowercase;
	font-style:italic;
	}


p {
	margin:0;
	padding: 0 0 10px 0;
	}

i {
	color: #DCDCDC;
	}

ul {
	padding:0 0 10px 0;
	margin:0;
	list-style-type:none;
	}

li {
	padding: 0;
	}


#left {
	width:49%;
	float:left;
	}

#right {
	width:50%;
	float:right;
	}

#clear {
	clear:both;
	height:10px;
	}

#project {
	width:95px;
	float:left;
	padding: 0 5px 0 0;
	border-right: solid #EEE 1px;
	}

#description {
	width:268px;
	float:right;
	padding: 0 0 0 5px;
	}


.big {
	width:120px;
	}

.sm {
	width: 120px;
	}

input, textarea, option, select {
	background: #FFF;
	font-family: "Georgia","Times new Roman", "Arial";
	font-size: 10px;
	color: #999;
	border: solid 1px #EEE;
	padding:4px;
	}