@import url("reset.css");

/* float clearing for IE6 */ 
* html .clearfix {
	height:1%;
	overflow:visible;
}

/* float clearing for IE7 */
*+html .clearfix {
	min-height:1%;
}

/* float clearing for all other browsers */
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
	
html { height:100%; }

body {
	background-color:#b4b4b4;
	color:#000;
	direction:ltr;
	font:12px/15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height:100%;
	text-align:left;
}

html>body #wrapper { height:auto; }

#wrapper {
	background-color:#d9d9d9;
	border:1px solid #5d5d5d;
	border-width:0 2px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
	width:962px;
}

/* @group Header */

#header {
	background-color:#fff;
	border-bottom:9px solid #5d5d5d;
	height:64px;
}

#header img {
	margin:19px 0 0 38px;
}

ul#metaNav {
	float:right;
	margin:20px 11px 0 0;
}

ul#metaNav li {
	float:left;
	font-size:11px;
	line-height:13px;
}

ul#metaNav li a {
	border-right:1px solid #909090;
	color:#370084;
	padding:0 14px;
	text-decoration:none;
}

ul#metaNav li a.last {
	border-width:0;
}

ul#metaNav li a:hover {
	text-decoration:underline;
}

/* @end */

/* @group Splash */

#splash {
	background:transparent url(/images/home/splash.jpg) no-repeat left top;
	border-bottom:2px solid #5d5d5d;
	height:245px;
	position:relative;
}

ul#primaryNav {
	padding:2px 0 0 46px;
}

ul#primaryNav a {
	background:url(/images/nav/primary_nav.gif) no-repeat 0 0;
	display:block;
	height:25px;
	margin:0;
	padding:0;
	width:150px;
}

/* Counteracts mistaken 28px height for <li> in IE 6+ */
ul#primaryNav li {
	display:inline;
}

ul#primaryNav li#pnwork a { background-position:0 -25px; }
ul#primaryNav li#pnservices a { background-position:0 -50px; }
ul#primaryNav li#pnabout a:hover { background-position:0 -75px; }
ul#primaryNav li#pnwork a:hover { background-position:0 -100px; }
ul#primaryNav li#pnservices a:hover { background-position:0 -125px; }

ul#primaryNav a span {
	display:none;
}

#splash h1, #splash p {
	text-indent:-9999px;
}

#splash p a {
	position:absolute;
	width:150px;
	height:20px;
	left:790px;
	top:150px;
}

/* @end */

/* @group Content */

#content {
	background:#e8e9d7 url(/images/home/splash_shadow.png) repeat-x left top;
	border-bottom:10px solid #5d5d5d;
	margin-bottom:0;
	padding:16px 15px 5px 29px;
	color:#666;
}

#content div {
	float:left;
}

.thumbnail {
	background:#999;
	border:3px #fff solid;
	padding:1px;
	margin-right:9px;
}

#content h3 {
	font-size:14px;
	margin-bottom:10px;
	line-height:18px;
}

/* Hides sIFR-replaced h3 tags on the home page */
/* This is necessary because sIFR is sort of kludged on the home page */
.sIFR-alternate {
	display:block;
	height:0;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:0;
}

#content h5 a {
	color:#370084;
	font-size:11px;
	font-weight:bold;
	line-height:15px;
	text-decoration:none;
}

#content #caseStudy {
	margin-right:15px;
	width:195px;
}

#content #caseStudy img {
	float:left;
}

#content #caseStudy h5 {
	margin-bottom:8px;
}

#content #news {
	border-left:1px dashed #c6c6c6;
	margin-right:30px;
	padding-left:22px;
	width:330px;
}

#content #news img {
	float:left;
	margin-bottom:20px;
}

/* IE ignores the bottom margin declared above, so we need some hacks */
/* proper spacing for IE6 */
* html #news li {
	margin-bottom:20px;
}

/* proper spacing for IE7 */
*+html #news li {
	margin-bottom:20px;
}

#content #services {
	width:325px;
}

#content #services li {
	margin-bottom:12px;
}

#content #services li img {
	float:left;
	margin:2px 10px 15px 0;
}

/* @end */

/* @group Footer */

#footer {
	font-size:11px;
	line-height:13px;
	margin:14px 20px 0 38px;
	padding-bottom:15px;
}

#footer a {
	color:#351f96;
	text-decoration:underline;
}

#footer p {
	float:left;
}

#footer p#copyright {
	color:#333;
	float:right;
}

#footer p span {
	margin:0 5px;
	color:#909090;
}

/* @end */