/*
	interior.css
	Solution 48
	
	Christopher Berry (christopher.berry@gmail.com)
	11/15/08
*/

/* Home Page Styles */
/*
* 
{
    border:             1px solid black;
}
*/

#home #mainContent {
	position:			relative;
	width:				960px;
	
}
#home #mainContent h1 {
	display:			block;
	width:				288px;
	height:				68px;
	margin:				0 auto 0px auto;
	background:			transparent url("../images/home_welcome.png") no-repeat left top;
	text-indent:		-9999px;
}
#home #flashContent {
	display:			block;
	position:           absolute;
    top:                314px;
	left:               104px;
	width:				738px;
	height:				150px;
	margin:				0 0 -50px;
}
#home #mainContent #default 
{
    display:            block;
	height:				194px;
}
#home #mainContent #default p.image 
{
    text-align:         center;
    margin:             0;
    padding:            0;
}
#home #mainContent #default img.homeheader 
{
    display:            block;
    margin:             25px auto 30px auto;
}
#home #mainContent h2 {
	margin:				39px 0 20px 0;
	padding:			0 237px;
	font-size:			1.8em;
	line-height:		1.222em;
	color:				#303030;
}
#home #mainContent p {
	padding:			0 200px 20px 200px;
	font-size:			1.2em;
	line-height:		1.5em;
}
#home #mainContent p.link {
	position:			absolute;
	left:				446px;
	top:				314px;
	margin:				0;
	padding:			0;
	font-size:			1.1em;
}
#home #mainContent p a {
	padding:			0 0 0 10px;
	background:			transparent url("../images/arrow_right_red.gif") no-repeat left 2px;
}

/* Home Page - Main Navigation */
#home #mainContent {
	text-align:			center;
}
#home #mainContent #mainNav {
	width:				381px;
	margin:				0 0 0 322px;
}
#home #mainContent #mainNav li {
	display:			block;
	float:				left;
}
#home #mainContent #mainNav li a {
	position:			relative;
	display:			block;
	width:				127px;
	height:				47px;
	margin:				0 0 1px -10px;
	text-indent:		-9999px;
}
#home #mainContent #mainNav li.company a {
	background:			transparent url("../images/home_nav_our_company.gif") no-repeat left top;
}
#home #mainContent #mainNav li.capabilities a {
	background:			transparent url("../images/home_nav_our_capabilities.gif") no-repeat left top;
}
#home #mainContent #mainNav li.work a {
	background:			transparent url("../images/home_nav_our_work.gif") no-repeat left top;
}
#home #mainContent #mainNav li.active a,
#home #mainContent #mainNav li a:hover {
	z-index:			99;
	background-position:0 -47px;
}
#home #mainContent #navContainer div {
	width:				669px;
	position:			relative;
	z-index:			89;
	margin:				-5px auto 0 auto;
	background: 		transparent url("../images/home_promo_bg_top.jpg") no-repeat left top;
}
#home #mainContent #navContainer div div {
	height:				204px;
	margin:				0;
	padding:			35px 0 0 0;
	background:			transparent url("../images/home_promo_bg_bottom.gif") no-repeat left bottom;
}
#home #mainContent #navContainer h3 {
	margin:				0;
	padding:			0;
	font-size:			1.8em;
	line-height:		1.222em;
	color:				#FFF;
}
#home #mainContent #navContainer p {
	padding:			0 100px 20px 100px;
	color:				#E0E0E0;
}
#home #mainContent #navContainer p.link {
	position:			absolute;
	left:				200px;
	top:				194px;
}
#home #mainContent #navContainer p.link a {
	color:				#FFF;
	background:			transparent url("../images/arrow_right_white.gif") no-repeat left 2px;
}
#home #mainContent #navContainer #companyContent {
	display:			none;
}
#home #mainContent #navContainer #companyContent h3 {
	display:			block;
	width:				392px;
	height:				46px;
	margin:				0 auto 20px auto;
	text-indent:		-9999px;
	background:			transparent url("../images/header_home_company.gif") no-repeat left top;
}
#home #mainContent #navContainer #capabilitiesContent {
	display:			none;
}
#home #mainContent #navContainer #capabilitiesContent h3 {
	display:			block;
	width:				210px;
	height:				20px;
	margin:				0 auto 20px auto;
	text-indent:		-9999px;
	background:			transparent url("../images/header_home_capabilities.gif") no-repeat left top;
}

#home #mainContent #navContainer #workContent {
	display:			none;
}
#home #mainContent #navContainer #workContent h3 {
	display:			block;
	width:				382px;
	height:				20px;
	margin:				0 auto 20px auto;
	text-indent:		-9999px;
	background:			transparent url("../images/header_home_work.gif") no-repeat left top;
}


/* Interior Pages */
body #bodyinteriordiv 
{
    position:           relative;
    width:              100%;
    height:             100%;
    padding:            0 0 125px 0;
    margin:             0px 0 0 0;
    /*border:             1px solid #d5d5d5; */
    z-index: 1000;
}
body #mainContent {
	width:				810px;
	padding:			24px 0 0 0;
}
body #sideNav {
	float:				left;
	display:			block;
	width:				173px;
	margin-top:			60px;
}
body #sideNav img {
	margin:				0 0 2px 0;
}
body #sideNav #logo {
	float:				none;
	margin:				0;
}
body #mainContent #sideNav ul {
	padding:			0 16px 47px 0;
	text-align:			right;
}
body #mainContent #sideNav ul li {
	padding:			6px 0;
}
body #mainContent #sideNav ul li a {
	font-size:			1.1em;
	line-height:		1.286em;
	color:				#606060;
}
body #mainContent #sideNav ul li a.active {
	color:				#e4141b;
	font-weight:		bold;
}
body #mainContent #sideNav ul li a:hover {
	color:				#e4141b;
}
/* Subnav styles */
body #mainContent #sideNav ul li ul {
	padding:			6px 0 12px 0;
}
body #mainContent #sideNav ul li ul li {
	
}
body #mainContent #sideNav ul li.open ul li a {
	font-size:			1.1em;
	text-decoration:	underline;
	color:				#606060;
	background:			none;
}
body #mainContent #sideNav ul li.open ul li a:hover {
	color:				#e4141b;
}
body #mainContent #body {
	float:				left;
	display:			block;
	width:				637px;
	margin:				43px 0 0 0;
	background:			transparent url("../images/content_bg_repeat.gif") repeat-y left 40px;
}
body #mainContent #topNav {
	width:				627px;
	margin:				-43px 0 0 10px;
}
body #mainContent #topNav li {
	display:			block;
	float:				left;
}
body #mainContent #topNav li a {
	position:			relative;
	display:			block;
	width:				127px;
	height:				47px;
	margin:				0 0 0 -10px;
	text-indent:		-9999px;
}
body #mainContent #topNav li.company a {
	background:			transparent url("../images/nav_our_company.gif") no-repeat left top;
}
body #mainContent #topNav li.capabilities a {
	background:			transparent url("../images/nav_our_capabilities.gif") no-repeat left top;
}
body #mainContent #topNav li.work a {
	background:			transparent url("../images/nav_our_work.gif") no-repeat left top;
}
body #mainContent #topNav li.active a,
body #mainContent #topNav li.active a:hover {
	z-index:			99;
	background-position:0 -47px;	
}
body #mainContent #topNav li a:hover {
	z-index:			109;
	background-position:0 -94px;
}
body #mainContent #body #content 
{

	position:			relative;
	z-index:			89;
	width:				637px;
	margin:				-5px 0 0 0;
	background:			transparent url("../images/content_bg_top.gif") no-repeat left top;
}
body #mainContent #body #content div.wrap {
	width:				617px;
	padding:			20px 0 68px 20px;
	background:			transparent url("../images/fade_637x100.jpg") no-repeat left bottom;
}
body #mainContent #body #content div.col {
	float:				left;
	width:				250px;
}
body #mainContent #body #content div.col1 {
	float:				left;
	width:				340px;
}
body #mainContent #body #content strong {
	font-weight:		bold;
	color:				#303030;
}
body #mainContent #body #content p,
body #mainContent #body #content ul li {
	font-size:			1.1em;
	line-height:		1.364em;
	color:				#606060;
}
body #mainContent #body #content p {
	padding:			0 20px 20px 16px;
}
body #mainContent #body #content ul {
	padding:			0 20px 20px 32px;
}

body #mainContent #body #content ul.col {
	float:				left;
	display:			block;
	width:				250px;
}
body #mainContent #body #content img {
	margin:				0 0 20px -5px;
}
body #mainContent #body #content ul li {
	padding:			0 0 15px 0;
	list-style:			disc outside;
}
body #mainContent #body #content h3 {
	padding:			0 0 14px 16px;
	font-size:			1.4em;
	line-height:		1.286em;
	color:				#303030;
}
body #mainContent #body #content h3 span {
	font-size:			0.786em;
	color:				#606060;
}
body #mainContent #body #content div.col ul li,
body #mainContent #body #content div.col1 ul li {
	padding-bottom:		0;
}
body #mainContent #body #content h4 {
	font-size:			1.4em;
	line-height:		1.214em;
}
body #mainContent #body #content div.col h4 {
	padding:			40px 0 0 91px;
}
body #mainContent #body #content div.col p.link {
	padding:			20px 0 0 91px;
}
body #mainContent #body #content div.col p.link a {
	padding:			0 0 0 10px;
	background:			transparent url("../images/arrow_right_red.gif") no-repeat left 2px;
}
/* Company - Promises Page */
body #mainContent #body #content div.compass_art {
	position:			absolute;
	left:				5px;
	top:				165px;
	width:				71px;
	height:				132px;
	background:			transparent url("../images/content_art_compass.jpg") no-repeat left top;
}
body #mainContent #body #content.promise p,
body #mainContent #body #content.promise h3 {
	padding-left:		80px;
}
/* Company - Careers Page */
body #mainContent #body #content.careers ul {
	padding-right:		0;
}
body #mainContent #body #content.careers ul li {
	padding:			0;
}
/* Form */
body #mainContent #body #content form {
	padding-left:		20px; 
}
body #mainContent #body #content div.col2form {
	float:				left;
	width:				275px;
}
body #mainContent #body #content form label {
	font-size:			1.1em;
}
body #mainContent #body #content form div label {
	float:				left;
	display:            inline;
	width:				65px;
	padding:			5px 0 0 0;
}
body #mainContent #body #content form input.text {
	width:				184px;
	margin:				0 0 5px 0;
}
body #mainContent #body #content form textarea {
	width:				250px;
	height:				60px;
}
body #mainContent #body #content form input.submit {
	margin-top:			10px;
	float:				right;
}
body #mainContent #body #content form a.submitbutton {
	margin-top:			10px;
	float:				right;
	display:            block;
    background-image:   url(../images/Button_submit.jpg);
    background-repeat:  no-repeat;
    width:              94px;
    height:             22px;
}
body #mainContent #body #content form a:hover.submitbutton {
	margin-top:			10px;
	float:				right;
	display:            block;
    background-image:   url(../images/Button_submit_rollover.jpg);
    background-repeat:  no-repeat;
    width:              94px;
    height:             22px;
}

/* Capabilities - Marketing */
body #mainContent #body #content.marketing {
	text-align:			center;
}
body #mainContent #body #content.marketing ul {
	padding:			0 0 0 23px;
}
body #mainContent #body #content.marketing ul li {
	float:				left;
	display:			block;
	width:				177px;
	height:				142px;
	margin-right:		8px;
	text-indent:		-9999px;
	background:			transparent url("../images/marketing_tout_integrated.gif") no-repeat left top;
}
body #mainContent #body #content.marketing ul li.branding {
	background:			transparent url("../images/marketing_tout_branding.gif") no-repeat left top;	
}
body #mainContent #body #content.marketing ul li.web {
	background:			transparent url("../images/marketing_tout_web.gif") no-repeat left top;	
}
/* Methodology Page */
body #mainContent #body #content.methodology h3 {
	padding:			0 0 0 16px;
	color:				#c00;
}
body #mainContent #body #content.methodology ul {
	padding-left:		44px;
}
body #mainContent #body #content.methodology div.col p {
	padding-left:		32px;
}
/* Work Landing Page */
body #mainContent #body #content.work img.infoGraphic {
	margin:				0 35px 20px 20px;
	float:				right;
}
/* Sidebar Quote */
body #mainContent #sideNav div.quote {
	display:			block;
	width:				140px;
	height:				308px;
	background:			transparent url("../images/Quote_DeSilva.png") no-repeat left 2px;
	text-indent:		-9999px;
}
body #mainContent #sideNav div.quote p {
	display:			none;
}
/* Case Study */
body #mainContent #body #content ul.innerNav {
	float:				left;
	display:			block;
	width:				80px;
	padding:			0 5px 0 10px;
}
body #mainContent #body #content ul.innerNav li {
	padding:			0 0 6px 0;
	list-style:			none;
}
body #mainContent #body #content ul.innerNav li a {
	color:				#606060;
}
body #mainContent #body #content ul.innerNav li a.active {
	color:				#c00;
}
body #mainContent #body #content div.case {
	float:				left;
	display:			block;
	width:				500px;
}
body #mainContent #body #content div.case img {
	margin:				0 0 20px 0;
}
body #mainContent #body #content div.case p {
	padding:			0 0 16px 0;
}
body #mainContent #body #content div.case h3 {
	padding:			30px 0 16px 0;
}