@charset "UTF-8";


body {
background-color:#d0dfe2;
	}

#wrapper {
width:1000px;
background-color:#cccccc;
margin-left: auto;
margin-right: auto;
}

#logo {
padding:40px;
}


#content {
width:855px;
background-color:#FFFFFF;
padding:40px;
font:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:22px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
}

#navigation {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
float:right;
padding:10px;
letter-spacing:1px;

}

#navigation a {
	color:#999999;
	text-decoration: none;
}

#navigation a:hover {
color:#FFFFFF;
}

#subnavigation {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	padding: 2px 7px 1px 7px;
	letter-spacing:1px;
	width:130px;
	text-align:right;
	background-color:#ffffff;
	border:thin;
	border-color:#FFFFFF;
	border-style:solid;
	
}

#subnavigation a {
	color:#9db3b8;
	text-decoration: none;
}

#subnavigation a:hover {
color:#666666;

}

#portfolio_subnav_column {
width:250px;
float:left;
text-align:right;
}

#portfolio_image_column {
width:550px;
float:left;
margin-left:10px;
}

#subsubnavigation {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding: 2px 7px 1px 7px;
	letter-spacing:1px;
	width:180px;
	text-align:left;
	background-color:#aac3c8;
	border:thin;
	border-color:#FFFFFF;
	border-style:solid;
	margin-right:20px;
}

#subsubnavigation a {
	color:#ffffff;
	text-decoration: none;
}

#subsubnavigation a:hover {
color:#8dacb2;

}