body {
	background-color: #2f2f2f;
}
#container {
	width: 1000px;
	margin-left: -500px;
	margin-top: -300px;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
}
.work #container {
	background: #000 url(/img/brackets.gif) 386px 22px no-repeat;
}
#content {
	float: left;
	width: 390px;
	color: #666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	height: 600px;
}
#ssp {
	float: left;
	width: 610px;
	height: 600px;
	margin: 0;
}
#ssp object {
	vertical-align: baseline !important;
}
#ssp-work {
	float: right;
	width: 493px;
	height: 552px;
	margin-top: 33px;
	margin-right: 72px;
}

#content h1 {
	margin: 15px 0 0 27px;
}
#content h1.work,
#content h1.home {
	margin-top: 268px;
	text-align: center;
	padding-right: 20px;
}
#content p.intro {
	font-size: 18px;
	margin: 60px 30px 0px 30px;
	line-height: 1.3em;
}
#content p.intro strong {
	display: block;
}
#content h3 {
	text-transform: uppercase;
	color: #d7d336;
	font-weight: normal;
}
#news {
	margin: 14px 30px 20px 30px;
	line-height: 1.3em;
}
#news p strong {
	color: #d7d336;
	text-transform: uppercase;
	padding-right: 5px;
}
a {outline:none;}
#news a:link, #news a:visited {
	color: #999;
	text-decoration: none;
}
#news a:hover, #news a:active {
	color: #fff;
}

ul#nav {
	list-style:none;
	position: absolute;
	bottom: 8px;
	left: 26px;
	padding: 0;
}
#nav li {
	display:inline;
	padding: 0 6px 0 3px;
	border-right: 1px solid #333;
}
#nav li.last {
	border: none;
}
#nav a:link, #nav a:visited {
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
#nav a:hover, #nav a:active {
	color: #fff;
}
#nav li.active a {
	color: #fff;
}

#contact {
	display: none;
}


.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}