#custom-doc { 
    width:46.15em;
    *width:45.04em;
    min-width:600px; 
    margin:auto; 
    text-align:left; 
}
body, html {
    background-color: #000000;
}
body {
    margin-top: 41px;
    font-family:verdana;
    color: #999999;
}
#hd {
    position: relative;
}
#navigation {
    position: absolute;
    right: 0px;
    top: 51px;
    padding-top: 14px;
    background: url("/res/pics/navigation-group.jpg") no-repeat 5px 0px;
}
#navigation a {
    color: #999999;
    text-decoration: none;
    font-size:77%;
    font-weight: bold;
    margin-left: 6px;
    letter-spacing: 1px;
}
#navigation a:hover {
    color: #ffffff;
}
#logo {
    position: relative;
    left: -3px;
    top: -6px;
}
#bd {
    padding-top: 10px;
    text-align: justify;
    line-height: 1.5;
    letter-spacing: 1px;
    font-size:77%;
    /*overflow: hidden;*/
}
#content {
    min-height: 338px;
    padding: 0px;
    margin: 0px;
}
#recent-projects {
    padding-top: 27px; 
    padding-bottom: 10px; 
    letter-spacing: 1px;
}
#ft {
    padding-top: 40px;
    font-size:85%;
    padding-bottom: 30px;
}
#ft a {
    color: #999999;
    text-decoration: none;
    font-size:85%;
    letter-spacing: 1px;
}
.left {
    float: left;
}
.right {
    float: right;
}
#ft {
    position: relative;
}
#ft .right {
    padding-right: 42px;
}
#logo-klein {
    position: absolute;
    right: 2px;
    top: 32px;
}
strong {
    font-weight: bold;
}

p {
    margin-bottom: 10px;
}
.project {
    line-height: 1.5;
    letter-spacing:1px;
    margin-bottom: 15px;
    text-align: left;
}
.project img {
    border: 1px solid #999999;
}
.project .title {
    margin-top: 2px;
}
.project .title, .project .title a {
    color: #CCCCCC;
}
.project .type, .project .type a {
    color: #FF6600;
}
.project .type {
    margin-top: -3px;
}
.project a {
    text-decoration: none;
}
.yui-u .project{
    margin-left: 4px;
}
.first .project{
    margin-left: 0px;
}
.recent-projects td{
    width: 33%;
    text-align: left;
}

.recent-projects .td1{
    padding-left: 1px;
}

.recent-projects .td2{
    padding-left: 6px;
}
.recent-projects .td3{
    padding-left: 11px;
}
#modal-overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	visibility: hidden;
	background: url("/res/pics/modal-bg.png");
}
.static #modal-overlay {
	visibility: visible;
}
#project-details-container {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 612px;
    height: 433px;
    margin-left:-300px;
  	margin-top:-216px;
}
.static #project-details-container {
	position: absolute;
}
#project-details-content {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
/*	top: 35px;
	left: -1px;
	width:600px;
	height:365px;*/
	z-index:205;
	
}
#projectDetailsBox {
    position: relative;
    top: -10px;
    left: -7px;
    z-index:200;
}
#projectDetailsCloseButton {
    padding: 7px;
    position: absolute;
    top: -1px;
    right: 26px;
    z-index:400;
}
#projectName {
    position: relative;
    top: -421px;
    left: 27px;
    letter-spacing:2px;
    z-index:300;
}
#project-details-content #projectName {
    position: absolute;
    top: 10px;
}
#video {
    position: absolute;
    top: 40px;
    left: 2px;
    z-index:1000;
}
#picture {
    position: absolute;
    top: 40px;
    left: 2px;
    z-index:1000;
}
#ajax-loader {
	position: absolute;
	top: 180px;
	left: 280px;
	z-index:210;
}
#ajax-failed {
	position: absolute;
	top: 110px;
	left: 107px;
	z-index:210;
	width:360px;
}