body {
	margin: 2em;
	padding: 0;
	background-color: #050505;
	min-width: 78.5em;
}

/** main page elements **/
#header {clear:both; height: 2.5em; margin: 0 0 10pt 0; padding: 0 0 0 8pt;}
#menu {clear:both; height: 21em; margin: 10pt 0 10pt 0; border-right: #1B2B33 solid 1px;}
#content.frontpage {clear:both; height: 500px; margin: 10pt 0 10pt 0; border-right: #1B2B33 solid 1px;}
#content {
	clear:both;
	margin: 10pt 0 10pt 0;
	border-right: #1B2B33 solid 1px;
	border-left: #1B2B33 solid 1px;
	overflow: hidden;
}
#footer {clear:both; margin: 10pt 0 10pt 0; padding: 0 0 0 8pt;}

/** menu layout **/
div#menu ul {margin: 0; padding-left: 0; clear: both;}
div#menu li {list-style: none; float: left; padding: 0 1em 0 1em; margin:0;	padding: 0;	border-left: #1B2B33 solid 1px;	}
div#menu li.about, div#menu li.year, div#menu li.type, div#menu li.client1, div#menu li.client2, div#menu li.contact {height: 21em; margin: 0 0 20pt 0; padding: 0 15pt 0 8pt;}

div#menu li p {margin: 0; padding: 0}
div#menu li.about {width: 12em;}
div#menu li.year {width: 4em;}
div#menu li.type {width: 5.5em;}
div#menu li.client1 {width: 10em;}
div#menu li.client2 {border-left: #1B2B33 dotted 1px; width: 11em;}
div#menu li.contact {width: 12em;}

div#menu ol {margin: 0; padding-left: 0;}
div#menu ol li {list-style: none; float: none; padding: 0;border-left: none;}
div#menu ol li a {padding: 0;}

/** content layout **/
div#content.frontpage {background:url(images/pattern_frontpage.jpg); height:500px; border: none;}

div#content ul {margin: 0; padding-left: 0; clear: both;}
div#content li {
	list-style: none; 
	float: left; 
	padding: 0 1em 0 1em; 
	margin:0;
	padding: 0;
}

/** content - project layout **/
div#content li.project_image {
	float: left;
	width: 700px;
	margin: 0 0 -4000px 0;
	padding: 0 15pt 4000px 8pt;
	border-left: 1px dotted #1B2B33;
	min-height: 400px;
}
div#content li.project_image p {margin: 0; padding: 0;}
div#content li.project_image img {margin: 0; padding: 0 0 1em 0;}

div#content li.project_desc {
	width: 12em;
	margin: 0 0 -4000px 0;
	padding: 0 15pt 4000px 8pt;
}

/** content - alternate layout **/
div#content li.alt_image {width: 30em; margin: 0 0 20pt 0; padding: 0 15pt 0 8pt;}
div#content li.alt_image p {margin: 0; padding: 0;}
div#content li.alt_image img {margin: 0; padding: 0;}

div#content li.alt_desc {width: 32em;margin: 0 0 20pt 0; padding: 0 15pt 0 8pt;}

/** categories page **/
div#type ul {margin: 0; padding-left: 0; clear: both;}
div#type li {list-style: none; float: left; padding: 0; margin:0; padding: 0;}
div#type li.alt_desc {
	margin: 0 0 5pt 0;
	padding: 9pt 15pt 0 8pt;
	display: block;
	float: none;
	clear: both;
	border-top: #1B2B33 solid 1px;
	border-bottom: #1B2B33 dotted 1px;
	height: 3em;
}
div#type li.project_list {
	margin: 0 0 5pt 0;
}
div#type li.project_list a {
	display: block;
	padding: 3px 8pt 8pt 8pt;
	border-bottom: none;
}
div#type li.project_list a p {
	margin: 0;
	padding: 3pt 0 2pt 0;
}
div#type li.project_list a:hover{color:#B4E5F8;	background-color:#1B2B33;}
div#type li.project_list a:hover{color:#B4E5F8;	background-color:#1B2B33;}
div#type li.project_list a:active {color:#1B2B33; text-decoration: none; background-color:#B4E5F8;}