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


/************************************************
*************************************************
Colors
*************************************************
************************************************/

/*

C2 Colors (modified for scren legibility)
Yellow: #ddc200
Orange: #e29500
Green: #5f9e14
Blue: #4493d2

*/

/*.whoColor {
	color: #ddbb00;
}
.whatColor{
	color: #e29500;
}
.howColor {
	color: #5f9e14;
}
.resultsColor {
*/

.whoColor {
	color: #343433;
}
.whatColor{
	color: #343433;
}
.howColor {
	color: #343433;
}
.resultsColor {
	color: #343433;
}

/************************************************
*************************************************
HTML TAGS
*************************************************
************************************************/

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #343433;
}
a, a:link, a:visited  {
	color: #343433;
	border-bottom: 1px dotted;
	text-decoration: none;
}
a:hover, a:active {
	color: #767674;
	border-bottom: 1px solid;
	text-decoration: none;
}
a img, a:link img, a:visited img, a:active img, a:hover img {
	border: none;
	text-decoration: none;
}
.noDecoration {
	color: #ffffff;
	border-bottom: 1px dotted;
	text-decoration: none;
}
h1 {
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	line-height: 22px;
}
h2 {
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
p {
	padding: 0px 0px 15px 0px;
	margin: 0px;
}
ul {
	padding: 0px 0px 15px 30px;
	margin: 0px;
}
input {
	background-color:#E7E7E1;
}

/************************************************
*************************************************
BACKGROUNDS
*************************************************
************************************************/

.backgroundHome {
	background: #ffffff url(/images/background_home.gif) repeat-x left top;
}
.backgroundInternalA {
	background: #ffffff url(/images/background_internal_a.gif) repeat-x left top;
}
.backgroundInternalB {
	background: #ffffff url(/images/background_internal_b.gif) repeat-x left top;
}

/************************************************
*************************************************
MAIN CONTAINERS
*************************************************
************************************************/

#wrapper {
	position: relative;
	width: 975px;
	margin: 0 auto;
	height: auto;
	text-align: center;
}
#flashContent{
	width: 975px;
	height: 365px;
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px;
}
#flashWherePhotos {
	width: 470px;
	height: 250px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 35px 0px;
}
#contentWrapper {
	width: 950px;
	height: auto;
	float: left;
	clear: both;
	text-align: left;
}
.level2{
	padding: 25px 0px 30px 25px;
	margin: 0px;
}
.level3{
	padding: 40px 0px 30px 25px;
	margin: 10px 0px 0px 0px;
	background: transparent url(/images/pointer.gif) no-repeat 19px top;
}
.columns1ContentWrapper {
	width: 774px;
	height: auto;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.columns1 {
	width: 635px;
	height: auto;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 40px;
}
.column2 {
	width: 340px;
	height: auto;
	float: left;
	padding: 0px 0px 0px 40px;
	margin: 0px;
}
.column3 {
	width: 212px;
	height: auto;
	float: left;
	padding: 0px 0px 0px 40px;
	margin: 0px;
}
.column3wide {
	width: 290px;
	height: auto;
	float: left;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}
.columns4 {
	width: 150px;
	height: auto;
	float: left;
	padding: 15px 0px 0px 40px;
	margin: 0px;
}
.column1WithSidebar {
	width: 470px;
	height: auto;
	float: left;
	padding: 0px 40px 0px 40px;
	margin: 0px;
}
/************************************************/
.inlineWrapper {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	display: block;
	font-size: 11px;
	line-height: 16px;
}
.inlineStandout {
	background-color: #e7e7e1;
	padding: 10px;
	margin: 0px 0px 15px 0px;
}
.inlineMiddle {
	border-top: solid 3px #d5d5cf;
	border-bottom: solid 3px #d5d5cf;
	padding: 20px 0px 20px 0px;
	margin: 10px 0px 20px 0px;
}
.inlinebottom {
	border-top: solid 3px #d5d5cf;
	padding: 20px 0px 10px 0px;
	margin: 10px 0px 20px 0px;
}
.contentBlock {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}
.columnSplit{
	float: left;
	width: 40%;
	height: auto;
	display: block;
	padding: 0px 30px 30px 0px;
	margin: 0px;
}
/************************************************/
.column1WithTertiary {
	width: 524px;
	height: auto;
	float: left;
	padding: 0px 0px 0px 25px;
	margin: 0px;
}
.column1WithSidebarAndTertiary {
	width: 285px;
	height: auto;
	float: left;
	padding: 0px 40px 0px 20px;
	margin: 0px;
}
.sidebar {
	width: 210px;
	height: auto;
	float: left;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	line-height: 15px;
}
.sidebarItem {
	width: 210px;
	height: auto;
	float: left;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: solid 1px #d5d5cf;
}
.column1WithSidebarNoNav {
	width: 677px;
	padding: 0px 30px 0px 0px;
	margin: 0px;
	float: left;
}

/************************************************
*************************************************
GLOBAL NAV
*************************************************
************************************************/

#navWrapper1 {
	width: 945px;
	height: 105px;
	padding: 0px 15px 0px 15px;
	float: left;
	clear: both;
}
#navWrapper1 span{
	display: none;
}
#navWrapper1 a {
	border: none;
}
#navWrapper2 {
	width: 630px;
	height: 105px;
	float: right;
	padding: 0px;
	margin: 0px;
}
#logo {
	width: 105px;
	height: 105px;
	float: left;
	background: transparent url(/images/c2_logo.gif) repeat-x left top;
}
#logo a {
	width: 105px;
	height: 105px;
	display: block;
	float:left;
}

#navWrapper2 ul{
	padding: 0px;
	margin: 0px;
	width: auto;
	height: auto;
	list-style: none;
	display: block;
}
#navWrapper2 ul li{
	width: 104px;
	height: 105px;
	float: left;
	display: block;
	border-left-style:solid;
	border-left-width: 1px;
	border-left-color: #3e3e3c;
	
}
.nav1, .nav2, .nav3, .nav4 {
	display :block;
}
.nav1 a, .nav2 a, .nav3 a, .nav4 a {
	height: 105px;
	display: block;
	border-bottom: none;
	text-decoration: none;
}
.nav1 a{
	background: transparent url(/images/nav_who.gif) no-repeat left top;
}
.nav2 a{
	background: transparent url(/images/nav_what.gif) no-repeat left top;
}
.nav3 a{
	background: transparent url(/images/nav_how.gif) no-repeat left top;
}
.nav4 a{
	background: transparent url(/images/nav_results.gif) no-repeat left top;
}
.nav1 a, .nav2 a, .nav3 a, .nav4 a {
	background-position: 0px 0px;
	border-bottom: none;
	text-decoration: none;
}
.nav1 a:active, .nav2 a:active, .nav3 a:active, .nav4 a:active {
	background-position: 0px 0px;
	border-bottom: none;
	text-decoration: none;
}
.nav1 a:hover, .nav2 a:hover, .nav3 a:hover, .nav4 a:hover {
	background-position: 0px -105px;
	border-bottom: none;
	text-decoration: none;
}

/************************************************
*************************************************
UTILITY NAV
*************************************************
************************************************/

#utilityNav {
	width: 180px;
	height: 98px;
	background-color: #585856;
	color: #ffffff;
	float: left;
	padding: 7px 15px 0px 15px;
	text-align: left;
	font-size: 11px;
}
#utilityNav ul li {
	width: 160px;
	height: auto;
	float: left;
	clear: both;
	display: block;
	padding: 2px 0px 2px 15px;
	border: none;
}
#utilityNav a, #utilityNav a:link, #utilityNav a:visited  {
	color: #ffffff;
	border-bottom: none;
	text-decoration: none;
}
#utilityNav a:hover, #utilityNav a:active {
	color: #90908f;
	border-bottom: none;
	text-decoration: none;
}
.utility1 {
	background: transparent url(/images/utility_news.gif) no-repeat left center;
}
.utility2 {
	background: transparent url(/images/utility_careers.gif) no-repeat left center;
}
.utility3 {
	background: transparent url(/images/utility_contact.gif) no-repeat left center;
}
#quickMenu {
	position: absolute;
	top: 75px;
	left: 765px;
	width: 160px;
	height: auto;
	margin: 0px;
	padding: 0px;
	z-index: 10;
	text-align: left;
}
#quickMenu ul{
	padding: 0px;
	margin: 0px;
	width: auto;
	height: auto;
	list-style: none;
	display: block;
}
#quickMenu ul li {
	width: 180px;
	height: auto;
	float: left;
	clear: both;
	display: block;
	padding: 0px 0px 0px 0px;
	border: none;
}
#quickMenu li ul {
	/* suckerfish */
	display: none;
	position: absolute;
	top: 20px;
	left: -15px;
	/* my stuff */
	font-weight: normal;
	padding: 0px 15px 15px 15px;
	margin: 0px;
	width: 180px;
	height: auto;
	background-color: #585856;
}
#quickMenu li li {
	font-size: 11px;
	display: block;
	float: left;
	background: #7b7b78;
	padding: 2px 5px 2px 5px;
	margin: 0px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color: #aaaaa5;
	height: auto;
	width: 165px;
}
#quickMenu li:hover ul, #quickMenu li.over ul {
	display: block;
}
#quickMenu li li a {
	display: block;
	color: #ffffff;
	border: none;
}
#quickMenu li li:hover {
	background-color: #8e8e8b;
}


/************************************************
*************************************************
SECONDARY NAV
*************************************************
************************************************/

.subNav {
	width: 175px;
	height: auto;
	float: left;
	clear: both;
	text-align: left;
	font-size: 11px;
	line-height: 13px;
	font-weight:bolder;
}
.subNav a {
	border: none;
}
.subNav ul{
	padding: 0px 0px 20px 0px;
	margin: 0px;
	width: 175px;
	height: auto;
	list-style: none;
	display: block;
	clear: both;
	float: left;
}
.subNav ul li{
	width: 157px;
	height: auto;
	float: left;
	clear: both;
	padding: 5px 0px 5px 17px;
	display: block;
	border-bottom: solid 1px #d5d5cf;
	background: transparent url(/images/arrow_nav.gif) no-repeat left 5px;
}
.navSubhead {
	float: left;
	clear: both;
	font-weight: normal;
	font-size: 13px;
	padding: 0px 0px 5px 0px;
	border-bottom: solid 1px #d5d5cf;
	width: 175px;
}
.tertiary {
	padding: 10px 10px 100px 10px;
	margin: 0px 0px 0px 10px;
}
.tertiaryLines {
	border-left: solid 1px #d5d5cf;
	/*background: transparent url(/images/background_tertiary.gif) no-repeat -1px top;*/
}
.tertiary a {
	border: none;
	font-weight: normal;
}
.tertiary a:hover {
	border: none;
	font-weight: normal;
}


/************************************************
*************************************************
HOMEPAGE
*************************************************
************************************************/

.homeContentWrapper {
	width: 945px;
	height: auto;
	float: left;
	clear: both;
	line-height: 16px;
}
.homeContentWrapper h1 {
	display: block;
	margin: 0px;
	padding: 0px;
	font-size:17px;
	color: #539cd7;
}
.homeContentWrapper h3 {
	display: block;
	margin: 0px;
	padding: 0px;
	font-size:13px;
	font-weight: bold;
	color: #539cd7;
}
.layer1 {
	background: transparent url(/home/call_out_background.gif) no-repeat left top;
	padding: 0px 15px 5px 15px;
	margin: 0px 0px 5px 0px;
}
.layer2 {
	border-top: solid 1px #e7e7e1;
	padding: 15px 15px 10px 15px;
	margin: 0px 0px 5px 0px;
}
.homeContentBlock {
	width: 275px;
	height: auto;
	float: left;
	padding: 10px 20px 20px 20px;
	text-align: left;
}
.homeCallOut{
	background: transparent url(/home/call_out_top.gif) no-repeat left top;
}
.callOutHeader {
	padding: 0px 0px 20px 0px;
	width: 275px;
	height: auto;
	float: left;
	display: block;
}
.callOutHeader h2 {
	display: block;
	margin: 0px;
	padding: 0px;
	color: #8a8a87;
	font-size:10px;
	font-weight:bold;
}
.callOutHeader a, .callOutHeader a:link, .callOutHeader a:visited  {
	width: 275px;
	height: auto;
	display: block;
	color: #8a8a87;
	border-bottom: none;
	text-decoration: none;
}
.callOutHeader a:hover, .callOutHeader a:active {
	color: #353531;
	border-bottom: none;
	text-decoration: none;
}
.newsEntry {
	width: 275px;
	height: auto;
	padding: 0px 0px 10px 0px;
	float: left;
	clear: both;
}
.newsDate {
	width: 65px;
	height: auto;
	float: left;
	font-size: 10px;
	font-weight: bold;
}
.newsCopy{
	width: 205px;
	height: auto;
	padding: 0px 0px 0px 5px;
	float: left;
	font-size: 11px;
	line-height: 16px;
}
.callOutCopy {
	width: 265px;
	height: autox;
	padding: 0px 0px 0px 0px;
	float: left;
}

/************************************************
*************************************************
INLINE CALL OUT WITH THUMBS
*************************************************
************************************************/

.callOutPhoto {
	width: 85px;
	height: auto;
	background-color: #e7e7e1;
	padding: 5px 5px 15px 5px;
	float: left;
}
.callOutPhoto2 {
	width: auto;
	height: auto;
	padding: 5px 5px 15px 5px;
	float: left;
}
.callOutPhotoWrap {
	width: 85px;
	height: auto;
	background-color: #e7e7e1;
	padding: 5px 5px 15px 5px;
	margin: 0px 10px 5px 0px;
	float: left;
}

.callOutPhoto a, .callOutPhoto2 a, .callOutPhoto a:link, .callOutPhoto a:visited, .callOutPhoto a:active, .callOutPhoto a:hover {
	border: none;
	text-decoration: none;
}

.callOutPhotoWrap a, .callOutPhotoWrap a:link, .callOutPhotoWrap a:visited, .callOutPhotoWrap a:active, .callOutPhotoWrap a:hover {
	border: none;
	text-decoration: none;
}

/************************************************
*************************************************
THE RESULTS
*************************************************
************************************************/

.inlineThumb {
	width: 200px;
	height: auto;
	border: solid 1px #d5d5cf;
	padding: 4px;
}
.inlineThumb a {
	border: none;
}

.caseThumb1and3 {
	margin: 0px 0px 15px 0px;
	clear: both;
}
.caseThumb2 {
	position: relative;
	margin: 0px 0px 30px 10px;
	float: right;
	clear: both;
	left: 30px;
}
.inlineCaseStudy{
	width: 470px;
	height: auto;
	float: left;
	clear: both;
	padding: 0px 0px 25px 0px;
}
.inlineCaseStudyCopy {
	width: 365px;
	height: autox;
	padding: 0px 0px 0px 10px;
	float: left;
}
.clients a, .clients a:link, .clients a:visited  {
	font-size: 15px;
	color: #4493d2;
	border: none;
	text-decoration: none;
	background: transparent url(/images/plus_minus.gif) no-repeat left center;
	padding: 0px 0px 0px 15px;
}
.clients a:hover, .clients a:active {
	color: #343433;
	border: none;
	text-decoration: none;
}
.clientCategory {
	font-size: 15px;
	border: none;
}


/************************************************
*************************************************
NEWS
*************************************************
************************************************/
.columnsNewsWrapper {
	width: 515px;
	height: auto;
	float: left;
	padding: 0px 20px 0px 30px;
	border-left: solid 1px #d5d5cf;
}
#newsNav {
	width: 275px;
	height: auto;
	float: left;
	padding: 0px 30px 20px 0px;
	text-align: left;
}

/************************************************
*************************************************
FOOTER
*************************************************
************************************************/

#footer {
	width: 960px;
	height: auto;
	padding: 0px 0px 50px 15px;
	margin: 0px;
	float: left;
	clear: both;
	border-top: solid 3px #d5d5cf;
	background: transparent url(/images/c2_logo_small.gif) no-repeat 15px 5px;
	font-size: 11px;
}
#footerContact {
	width: 500px;
	height: 40px;
	text-align: right;
	padding: 10px;
	float: right;
}
#footerSiteMap {
	width: 75px;
	height: 40px;
	border-left: solid 1px #d5d5cf;
	padding: 10px;
	float: right;
}
#share {
	width: 125px;
	height: auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-left: solid 1px #d5d5cf;
	padding: 10px;
	float: right;
	text-align: left;
}
#share a, #share a:link, #share a:visited, #share a:active, #share a:hover {
	border: none;
	text-decoration: none;
}

/************************************************
*************************************************
INLINE CALL OUTS
*************************************************
************************************************/

.inlineFeature {
	float: left;
	clear: both;
	height: auto;
}
inlineFeatureWho {
	width: 340px;
}
.callOutCopyWho {
	width: 235px;
	height: auto;
	padding: 0px 0px 0px 10px;
	float: left;
}

/************************************************
*************************************************
MISC.
*************************************************
************************************************/


.inlineList {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.inlineList li {
	float: left;
	clear: both;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	line-height: 12px;
	font-size: 11px;
	width: 100%;
}
.specialList {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: auto;
	list-style: none;
	font-size: 11px;
	float: left;
	display: inline-block;
}
.specialList li {
	padding: 1px 0px 1px 10px;
	margin: 0px;
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	background: transparent url(/images/arrow_double.gif) no-repeat left 5px;
}
.featuredLinks {
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
}
.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height: 21px;
}
.credit {
	font-size:10px;
	font-weight: bold;
	line-height: 12px;
}
.learnMore {
	width: 100px;
	height: 20px;
	background: transparent url(/images/more.gif) no-repeat left top;
	float: left;
}
.learnMore a {
	width: 100px;
	height: 20px;
	display: block;
	border: none;
}
.learnMore span {
	display: none;
}
.smallerCopy {
	font-size:11px;
	line-height: 15px;
}
.featuredCopy {
	font-size:17px;
	line-height: 24px;
}