@charset "UTF-8";
/* CSS Document */

	body,
	html {
		margin:0;
		margin-bottom:20px;
		padding:0;
		background:#EFF0F0;
		color:#000;
	}
	body {
		min-width:960px;
	}
	
	#content a { color:#000000; text-decoration:underline; }
	#content a:hover { color:#038aa8;  }	
	
	.bluetext {color:#038aa8;}
	
	#wrap {
		margin:0 auto 20px auto;
		width:960px;
		overflow:hidden;		
	}
	#header {
		background:#ddd;
	}
	#nav {
		background:#c99;
	}
	#sidebar {
		margin-top:100px;
		background:#FFF;
		float:left;
		width:364px;
		height:480px;
		border-left:1px; 
		border-left-color:#999999; 
		border-left-style:solid;
		border-top:1px; 
		border-top-color:#999999; 
		border-top-style:solid;
		border-bottom:1px; 
		border-bottom-color:#999999; 
		border-bottom-style:solid;
		padding:20px 0 0 10px;
	}
	
	#sidebar h3 {
		text-indent:-99999px;
		border-top:3px solid #999;
		margin-top:10px;
		height:27px;
		width:352px;
		margin-bottom:13px;
	}
	
	#sidebar .departments {
		background:url("../images/navigation/departments.jpg") no-repeat 0 13px;
	}	
	#sidebar .features {
		background:url("../images/navigation/features.jpg") no-repeat 0 13px;
	}
	
	#credits {
	
		float:left;
		text-align:left;
		margin:10px 0 0 0;	
		width:auto;
	}
	
	#credits .credit {
		padding:0 0 0 10px;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		color:#aaa;
	}
	
	#credits a { color:#999; }
	
	.navigation li {
		text-indent:-9999px;
		border-bottom:1px solid #999;
		padding-bottom:5px;
		margin-bottom:7px;
		margin-right:10px;
	}
	
	.navigation li.last {
		padding-bottom:0;
		border-bottom-width:0;
	}
	
	.navigation li a {
		display:block;
		background-repeat:no-repeat;
	}
	
	.navigation li a:hover,
	.navigation li.current a {
		background-position:bottom left;
	}
	
	.navigation .contact { background-image:url("../images/navigation/contact.jpg");height:20px; }
	.navigation .inverse_approach { background-image:url("../images/navigation/inverse_approach.jpg"); height:26px; }
	.navigation .experience_capabilities { background-image:url("../images/navigation/experience_capabilities.jpg"); height:26px; }
	.navigation .portfolio { background-image:url("../images/navigation/portfolio.jpg"); height:21px; }
	.navigation .hear_spot_run { background-image:url("../images/navigation/hear_spot_run.jpg"); height:27px; }
	.navigation .one_liners { background-image:url("../images/navigation/one_liners.jpg"); height:21px;}
	
	
	#right {
		margin-top:100px;
		background:#ffffff;
		float:right;
		border:1px solid #999;
	}
	
	.two_column #right {
		width:583px;
		min-height:500px;
	}
	
	.subpage #right, .portfolio #right {
		min-height:480px;
		width:563px;
		height:100%;
		padding: 20px 10px 0;
	}
	
	
	h1 {
		height:176px;
		border-bottom:3px solid #999;
		text-indent:-9999px;
		margin-top:40px;
		padding-bottom:11px;
	}
	
	h1 img.one_line {
		padding-top:62px;
	}
	
	.two_column h1 {
		margin-left:10px;
		margin-right:10px;
		min-height:196px;
		height:auto;
	}
	
	.two_column h1 img.one_line {
		padding-top:78px;
	}
	
	.two_column #content h2 {
		font-size:19px;
		font-weight:bold;
		line-height:120%;
	}
	
	h1 img,
	.portfolio .screenshot img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	h1 img.contact{
		margin-bottom:-11px;
	}
	
	#content {
		padding:20px 40px;
		font-family:"Times New Roman",Times,serif;
		font-size:15px;
		line-height:120%;
		height:auto;
	}
	
	#content p, #content ol, #content ul {
		padding-bottom:15px;
	}
	
	#content ol {
		list-style:decimal;
		padding-left:40px;
	}
	
	#content ul {
		list-style:disc;
		padding-left:40px;
	}
	
	#content strong { font-weight:bold; }
	#content em { font-style:italic; }
	

	.two_column #content { 
		padding:0 0 20px 0;
		overflow:auto;
	}
	
	#content .left {
		margin-top:0px;
		float:left;
		width:280px;
		
	
		text-align:right;
		padding-top:15px;
	}

	#content .right {
		border-left:1px solid #999;
		margin-top:0px;
		float:right;
		width:271px;
		text-align:left;
		margin-left:10px;
		padding:15px 10px;
		min-height:115px;
	}
	
	#content .right .place_in_left_column {
		position:absolute;
		display:block;
		text-align:right;
		width:280px;
		margin-left:-300px;
	}
	

	h4 {font-weight:bold;}	
	.three_column {
		float:left;
		width:31%;
		margin-right:2%;
	}
	.last_column { margin-right:0;}
	#content .two_column {
		float:left;
		width:41%;
		margin-right:2%;
	}
	
	.portfolio .screenshot {
		margin-bottom:15px;
	}
	
	
	
	#samples {
		border-top:1px solid #999;
		border-bottom:3px solid #999;
		overflow:auto;
		padding:3px 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		height:18px;
	}
	
	#samples h3 {float:left;text-transform:uppercase;color:#999;margin-right:50px;padding:3px 0;}
	#samples ul {margin-right:10px;overflow:auto;float:left;}
	#samples li {float:left;margin-left:10px;}
	#samples li span {padding:3px;display:block;}
	#samples li a {color:#999;display:block;padding:3px;}
	#samples .current .header {background:#038aa8;color:#fff;}
	#samples li.current a {color:#038aa8;font-weight:bold;}
	#samples li.current {border-bottom:1px solid #038aa8;padding-bottom:1px;}
	
	.portfolio #content {padding:0 0 20px 0;overflow:auto;}
	.portfolio #content h2 {
		text-align:center;
		border-bottom:1px solid #999;
		padding:3px 0;
		text-transform:capitalize;
	}
	
	.portfolio #content a {
		color:#038aa8;
		text-decoration:none;
	}
	
	.tabs {border:1px solid #999;margin-top:39px;}
	.tabbed_content {padding:10px 20px;clear:both;line-height:130%;overflow:auto;zoom:1;}
	.tabbed_content h3 {font-weight:bold;font-size:17px;margin-bottom:30px;}
	#content .tabs ul {list-style:none;padding-left:0;position:absolute;margin-top:-34px;margin-left:-1px;}
	.tabs li {float:left;border:1px solid #999;color:#999;padding:7px 20px;margin-right:3px;cursor:pointer;font-weight:bold;}
	.tabs li.current {border-bottom-color:#fff;color:#000;}