html
{
	background-color: #c8c8c8;
}
body
{
	background-color: #c8c8c8;
	color: black;
	font: 1em "Century Gothic", Trebuchet, "Trebuchet MS", "Lucida Grande", Tahoma, Arial, sans-serif;
	margin: 1px;
}
#screen
{
	height: 440px;
	left: 50%;
	margin-left: -377px;
	margin-top: -220px;
	position: absolute;
	top: 50%;
	width: 754px;
}
#content
{
	background-color: #c0c0c6;
	border: none;
	height: 438px;
	top: 1px;
	width: 438px; /*430px;/*438px;*/
	/* center content */
	
	left: 50%;
	margin-left: -146px;
	padding: 0px;
	
	position: absolute; 
	overflow:auto;
	
}
#content .box
{
	font: 1em "Century Gothic", Trebuchet, "Trebuchet MS", "Lucida Grande", Tahoma, Arial, sans-serif;
	padding: 10px;
}
#content .box.title
{
	border-bottom: #c00 1px solid;
	color: #c00;
	font-size: 1.2em;
	margin-left: 20%;
	padding: 10px 0px;
	width: 80%;
}
#photo
{
	bottom: 0px;
	left: 0px;
	position: absolute;
}

#iconnavigation
{
	font: .75em "Century Gothic", Trebuchet, "Trebuchet MS", "Lucida Grande", Tahoma, Arial, sans-serif;
	/* align with the right side of #content */
	/* leaving 5px distance */
	left: 50%;
	margin-left: 305px;/*297px;*/
	position: absolute;
	top: 1px;
	width: 75px;
}

#iconnavigation.image{
	margin-left: 298px;/*289px;*/ 
}

#iconnavigation a
{
	color: black;
	display: block;
	margin: 0px 0px 20px 0px;
	text-decoration: none;
}
#iconnavigation a:hover
{
	text-decoration: underline;
}
#iconnavigation a.current
{
	text-decoration: underline;
}
#iconnavigation a.special
{
	color: #CC0000;
}
#iconnavigation img
{
	border: none;
}

#iconnavigation.image a{
	margin-bottom:2px; 
}

#mainnav
{
	font-size: .75em;
	left: 50%;
	margin-left: -381px;
	position: absolute;
	top: 3px;
	width: 230px;
}
#mainnav a
{
	color: black;
	display: block;
	margin: 1px 0px;
	text-decoration: none;
}
#mainnav a:hover
{
	text-decoration: underline;
}

#projectnav
{
	padding-right: 12px;
	text-align: right;
}
#projectnav a
{
	display: inline;
}
#projectnav img
{
	border: none;
	margin-right: 3px;
}

#projecttext
{
	font: 1em "Century Gothic", Trebuchet, "Trebuchet MS", "Lucida Grande", Tahoma, Arial, sans-serif;
	height: 338px;
	top: 100px;
	/* align with the left side of #content */
	/* leaving at least 5px distance */
	left: 50%;
	margin-left: -381px;
	position: absolute;
	width: 230px;
}
#projecttext .title
{
	font-size: 1.2em;
}
#projecttext .comment
{
	color: gray;
	margin-bottom: 20px;
}
#casalogo
{
	bottom: 0px;
	left: 0px;
	position: absolute;
}
.downloadpdf
{
	font-size: .75em;
	margin-right: 20px;
	margin-top: 8px;
}
.downloadpdf a
{
	color: black;
	text-decoration: none;
}
.downloadpdf a:hover
{
	text-decoration: underline;
}
.downloadicon, .nodownloadicon
{
	border: none;
	height: 10px;
	margin: 0px 15px 0px 0px;
	vertical-align: middle;
	width: 10px;
}
.downloadicon
{
	background-color: black;
}
.nodownloadicon
{
	background-color: #c0c0c6;
}