body{
font-size:12px;
color:#666666;
font-family: Century Gothic, verdana, helvetica, arial;
background-color:#ffffff;
}

.pagecontainer{
margin-right:auto;
margin-left:auto;
width:850px;
margin-top: 50px;
}

.header{
float:left;
width: 850px;
height: 40px;
padding-bottom:40px;
margin-bottom: 20px;
}

.footer{
float:left;
width:850px;
height:14px;
font-size: 10px;
margin-top: 90px;
text-align:right;
}

.logo{
float:left;
width:176px; 
height:40px;
}

.contactdetails{
float:right;
width: 145px;
height: 20px;
font-size: 11px;
margin-top:12px;
text-align:right
}

li {
	list-style-type: none;
}

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

a:link {
	color: #666666;
	text-decoration: none;
	}

a:visited {
	color: #666666;
	text-decoration: none;
	}

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

.menu{
width: 176px;
height:400px;
float:left;
margin-right: 50px;
text-align:right;
}

.button{
text-align: right;
width:176px;
height: 2px;
padding: 0px;
margin: 0px;
}

.menu a{
display:block;
background-repeat:repeat-y;
color:#666666;
padding-top: 1px;
text-decoration:none;
}
.menu a:hover {
background-image:url(images/roll_button.gif);
background-repeat:repeat-y;
color:#FFFFFF;
padding-top: 1px;
text-decoration:none;
}	
	
h1{
font-size:12px;
font-style:normal;
margin-top: 14px;
margin-bottom: 6px;
font-weight:normal;
color:#a2a2a2;
}	

h2{
font-size:12px;
font-style:normal;
margin-top: 14px;
margin-bottom: 6px;
font-weight:normal;
color:#666666;
}	
	
.content{
float:left;
width: 624px;
height: 400px;
padding: 0px;
}	

.projtitle{
float: left;
width: 624px;
height: 20px;
}
	
.thumbnailscolumn{
float: left;
padding-top: 0px;
width:100px;
height: 456px;
margin-top: 24px;
margin-right: 45px;
}

.thumb{
width: 40px;
height: 40px;
float: left;
margin: 0px 10px 10px 0px;
}
	
.picturename{
width: 400px;
float:left;
margin-top: 10px;
font-style: italic;
color: #a2a2a2;
}	

.picture{
float: left;
width:400px;
}	
	

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

.flashmovie{
}

.about{
float:left;
width: 624px;
height: 400px;
padding: 0px;
margin-top: 16px;
}

.cv{
float: left;
margin-top: 27px;
width:750px;
padding-bottom: 40px;
}

img{
border:none;
}

a:link.projname {	
	color:#a2a2a2;;	
	text-decoration: none;
	}
	
a:visited.projname {
	color: #a2a2a2;;	
	text-decoration: none;
	}

a:hover.projname{	
	color: #FFFFFF;
	text-decoration: none;
	}
	
a:link.menulink {	
	color: #666666;
	text-decoration: none;
	margin-bottom: 5px;
	}
	
a:visited.menulink  {
	color: #666666;
	text-decoration:none;
	margin-bottom: 5px;
	}

a:hover.menulink {	
	color: #FFFFFF;
	text-decoration: none;
	margin-bottom: 5px;
	}