html { text-align: center; }
body {
	width: 800px;
	margin: 50px auto;
	text-align: left;
	font: 88%/1.6 Arial, Helvetica, sans-serif;  }
	
.skip,
hr      {	display: none; }

/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

a:link, a:active, a:visited { color: #222568; }
a:hover { text-decoration: none; }

div#content { 
	padding: 20px 40px 20px 40px; 
	border: 1px solid #ccc;
	background: url(../_img/bg-content.gif) no-repeat right top; }
div#featured { float: left; }
	
/* Navigation
---------------------*/
ul#navigation {
	padding: 0;
	margin: 0 0 100px 0;
	height: 20px;
	width: 504px;
	list-style: none;
	color: #fff; }
ul#navigation li { 
	float: left;
	width: 64px;
	height: 20px;
	margin-right: 20px; }
ul#navigation  li a { 
	display: block;
	padding-top: 20px;
	height: 0px !important;
	overflow: hidden;
	width: 64px;
	border-bottom: none; }

ul#navigation li.products a { background: url(../_img/navigation/products.gif) no-repeat top left; }
ul#navigation li.team a { background: url(../_img/navigation/team.gif) no-repeat top left; }
ul#navigation li.methodology a { background: url(../_img/navigation/methodology.gif) no-repeat top left; }
ul#navigation li.about a { background: url(../_img/navigation/about.gif) no-repeat top left; }
ul#navigation li.casestudies a { background: url(../_img/navigation/case-studies.gif) no-repeat top left; }
ul#navigation li.partners a { background: url(../_img/navigation/partners.gif) no-repeat top left; }
ul#navigation li.careers a { background: url(../_img/navigation/careers.gif) no-repeat top left; }

/* Logo Replacement */			
h1 {
	padding: 0;
	margin: 0 0 20px 0;
	width: 165px;
	height: 40px;
	background: url(../_img/logo.gif) top left no-repeat; }
h1 a { 
	height: 0px !important;
	width: 0px !important;
	padding: 40px 165px 0 0;
	overflow: hidden;
	display: block;
	font-size: 1px !important;
	border: none; }
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover { border: none; }

#tagline {
	padding: 0;
	margin: 0 0 0 480px;
	width: 160px;
	height: 300px; }

/* Subnavigation
---------------------*/
ul#subnavigation {
	padding: 0;
	margin: 10px 0 0 0;
	height: 20px;
	width: 180px;
	list-style: none;
	color: #fff;
	float: right; }
ul#subnavigation li { 
	float: left;
	width: 50px;
	height: 20px;
	margin-right: 10px; }
ul#subnavigation  li a { 
	display: block;
	padding-top: 20px;
	height: 0px !important;
	overflow: hidden;
	width: 50px;
	border-bottom: none; }

ul#subnavigation li.press a { background: url(../_img/subnavigation/press.gif) no-repeat top left; }
ul#subnavigation li.partners a { background: url(../_img/subnavigation/partners.gif) no-repeat top left; }
ul#subnavigation li.privacy a { background: url(../_img/subnavigation/privacy.gif) no-repeat top left; }
ul#subnavigation li.contact a { background: url(../_img/subnavigation/contact.gif) no-repeat top left; }

.copyright {
	padding: 0;
	margin: 10px 0 0 40px;
	float: left;
	width: 200px;
	height: 20px;
	text-indent: -9999px;
	background: url(../_img/copyright.gif) top left no-repeat; }
	
/* Content
--------------------*/

div#sidebar { 
	float: right;
	width: 250px;
	font: 76%/1.4 Verdana, "Times New Roman", Times, serif;
	line-height: 136%;
	color: #666;
	border: solid 1px #ccc;
	padding: 4px; }
html>body #sidebar { 
	padding: 4px 4px 0 4px; }
div#sidebar li {
	padding-bottom: 14px; }
div#sidebar p, div#sidebar h3 {
	padding: 0 10px; } 
html>body #sidebar p { 
	padding-bottom: 10px; }
div#sidebar strong { 
		color: #222568;
		font-weight: bold; }
#main { margin-right: 270px; }
#main h2 {
	font-size: 200%;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0;
	color: #222568;
	border-bottom: 1px solid #ddd; }
#main h3 {
	font-size: 130%;
	letter-spacing: -.03em;
	line-height: 1.2;
	padding: 0;
	margin-top: 1em;
	color: #333;
	font-weight: normal; }
#sidebar h3 { 
		font-size: 110%; }
html>body #sidebar h3 { 
		font-size: 130%; }
#main strong, #main b { 
	background-color: #ffc; 
	padding: 5px;
	font-weight: normal; }
#main ul { 
	list-style: none;
	padding: 0;
	margin: 0 0 0 1em; }
#main ul li {
	background: url(../_img/bullet.png) no-repeat 0 3px;
	padding: 0 0 0 20px;
	margin: 0; }
#main ul li.bul {
	list-style: disc; 
	background: none; 
	font-weight: bold;
	color: #000;
	line-height: 1.4; 
	padding: 0 0 10px 10px;}
#main .callout { 
	float: right;
	padding: 10px;
	margin : 2em -120px 10px 20px;
	width: 300px;
	border : 1px solid #aaa; }
#main .callout ol li { margin-bottom: 8px; }
#main table { 
	text-align: center;
	margin-top: 1em; }
#main table td { 
	vertical-align: middle;
	width: 50%;
	padding: 5px; }
#main table.contact { 
	text-align: left;
	margin-top: 1em; 
	border: solid 1px #ccc;}
#main table.contact td { 
	vertical-align: top;
	padding: 4px 10px; }
#main table.contact .req {
	color: #c00;
	font-size: 100%;}
#main table.contact .btn {
	padding: 24px;
	background-color: #eee;}

		
	/* Image Styles */
	.leftinline {
		float : left;
		margin : 3px 15px 10px 0; }
	
	.leftinlineborder {
		float : left;
		margin : 3px 15px 10px 0;
		border : 1px solid #aaa; }
	
	.rightinline {
		float : right;
		margin : 10px 200px 10px 10px; }
	
	.rightinlineborder {
		float : right;
		margin : 10px 200px 10px 10px;
		border : 1px solid #aaa; }