﻿/* default css file for consilium internal pages */
.logo, .clientLink img{_behavior: url(iepngfix.htc);}
/* BASIC HTML */
html, body {
	margin:0;
	padding:0;
	min-width:950px;
	height:100%; /* needed for container min-height */
	background-color:#254237;
	font-family:Arial, sans-serif, Helvetica;
	font-size:10px;
	color:#ffffff;
	background-image:url(../images/home/home_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
p {
	margin:0 0 10px 0;
}
strong {
	font-weight:bold;
}
a {
	color:#ffffff;
	text-decoration:none;
}
em {
	font-style:italic;
}
h2 {
	color:#7c8e87;
	border-bottom:2px solid #7c8e87;
	font-size:18px;
	font-family:Helvetica;
	font-weight:100;
	padding:0 0 10px 0;
	margin:0 0 25px 0;
}
h3 {
	color:#7c8e87;
	font-size:18px;
	font-family:Helvetica;
	font-weight:100;
	padding:0 0 10px 0;
	margin:0 0 0px 0;
}
h4 {
	color:#7c8e87;
	font-size:16px;
	font-family:Helvetica;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0 0 0px 0;
}
table td {
	padding:0px 10px 5px 0px;
}
.clear {
	clear:both;
}
.divider {
	border-bottom:2px solid #7c8e87;
	padding:0;
	margin:0 0 25px 0;
}
/* BASIC LAYOUT */
#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:910px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	font-size:1.2em;
	line-height:1.3em;
}
#header {
	width:910px;
}
#header .logo {
	float:left;
	margin-top:40px;
}
#header .newsletter {
	float:right;
	margin-top:0px;
}
#header .newsletter a {
	display:block;
	width:126px;
	height:29px;
	background:url(../images/newsletterSignup.png) no-repeat;
	text-indent:-9999px;
}
#header .newsletter a:hover {
	background:url(../images/newsletterSignup_over.png) no-repeat;
}
#navigation {
	width:910px;
	clear:both;
	margin:30px 0 0 0;
	padding:30px 0 50px 0;
}
#navigation ul {
}
#navigation li {
	display:block;
	float:left;
	width:160px;
	height:20px;
	font-style:normal;
}
#navigation li a {
	display:block;
	height:15px;
	width:160px;
	background:url(../images/navIcon.png) left no-repeat;
	padding:0 0 0 15px;
	color:#FFFFFF;
	text-decoration:none;
	font-style:normal;
}
#navigation li a.current {
	background:url(../images/navIconBlock.png) left no-repeat;
}
#navigation li a:hover {
	background:url(../images/navIconBlock.png) left no-repeat;
	text-decoration:none;
}
#subNav {
	display:block;
	width:150px;
	float:left;
}
#subNav ul {
}
#subNav li {
	display:block;
	width:130px;
	height:20px;
	clear:both;
	margin:0 0 5px 0;
}
#subNav li a {
	display:block;
	height:15px;
	width:130px;
	background:url(../images/navIcon.png) left no-repeat;
	padding:0 0 0 15px;
	color:#FFFFFF;
	text-decoration:none;
	font-style:normal;
}
#subNav li a.current {
	background:url(../images/navIconBlock.png) left no-repeat;
}
#subNav li a:hover {
	background:url(../images/navIconBlock.png) left no-repeat;
	text-decoration:none;
}
#content {
	padding:22px 0 30px 0; /* bottom padding for footer */
}
#captionBig {
	margin-top:0px;
	border-left:2px solid #7c8e87;
	color:#7c8e87;
	font-size:30px;
	font-family:Helvetica;
	font-weight:100;
	line-height:36px;
	padding:0 0 0 20px;
	margin:0 0 40px 0;
}
.leftCol {
	width:752px;
	float:left;
	margin-right:20px;
}
.rightCol {
	width:126px;
	float:left;
	min-height:370px;
}
.mainText {
	float:left;
	width:auto;
	display:block;
}
.mainText .col {
	float:left;
	width:275px;
	margin-right:20px;
	diplay:block;
}
.footer {
	display:block;
	width:910px;
	border-top:1px solid #7c8e87;
	clear:both;
	text-align:center;
	padding:5px 0 0 0;
}
.footer p {
	color:#7c8e87;
}
.footer a {
	color:#7c8e87;
}
.footer a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.footer .right {
	float:right;
	padding:0 0 20px 0;
	color:#7c8e87;
}
.footer .left {
	float:left;
	padding:0 0 20px 0;
	color:#7c8e87;
}
/* ************************
	CONTACT PAGE
************************* */

#contact {
	background-image:url(../images/contactBg.png);
	padding:15px 15px 15px 15px;
	width:630px;
	height:192px;
}
#contact .left {
	display:block;
	float:left;
	width:310px;
	margin-right:10px;
}
#contact .right {
	display:block;
	float:left;
	width:310px;
}
#contact .label {
	display:block;
	width:105px;
	height:25px;
	float:left;
	margin-right:10px;
}
#contact .txt {
	display:block;
	width:180px;
	height:15px;
	padding:5px 5px 5px 5px;
	float:left;
	border:0;
	background:#1E362C;
	margin:0 0 10px 0;
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#contact .txtarea {
	display:block;
	width:193px;
	height:140px;
	/* block safari resizer */
		min-width:193px;
	max-width:193px;
	/* block safari resizer */
		min-height:140px;
	max-height:140px;
	padding:5px 5px 5px 5px;
	float:left;
	border:0;
	background:#1E362C;
	margin:0 0 5px 0;
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	overflow:auto;
}
#contact .txtarea:focus, .txtarea:active {
	background:#1E362C;
}
#contact .txt:focus, .txtarea:active {
	background:#1E362C;
}
#contact .btn {
	background-image:url(../images/btn.jpg);
	border:0;
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:98px;
	height:36px;
	color:#1F372D;
	text-indent:-9999px;
	cursor:pointer;
	float:right;
	margin-top:10px;
}
#contact .btn:hover {
	background-image:url(../images/btn_over.jpg);
}
#contactPage .leftCol {
	width:660px;
	float:left;
	margin-right:20px;
}
#contactPage .rightCol {
	width:220px;
	float:left;
	min-height:370px;
}
/* *************************
PEOPLE PAGE STYLING
************************** */

#people .leftCol {
	width:280px;
}
#people .rightCol {
	width:578px;
}
#people #subNav {
	width:140px;
}
#peopleMain #subNav {
	width:150px;
	height:200px;
}
.sm {
	list-style:none;
	width:910px;
	height:214px;
	display:block;
	margin:0 0 40px 0;
	overflow:hidden;
}
.sm li {
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}
/* *********************
COMMITMENT PAGE
********************** */
.mainText {
	width:600px;
}
/* *******************************
	Accordian
********************************* */
ul.ui-accordion-container {
	border:none;
	list-style-type:none;
	margin:0px 0px 30px 0px;
	font-style:normal;
}
ul.ui-accordion-container li {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:normal;
	font-size:14px;
	padding:5px 0 10px 0px;
	border-bottom:1px solid #7C8E87;
	background:url(../images/plus.png) no-repeat top right;
	font-style:normal;
}
ul.ui-accordion-container li.selected {
	background-image:url(../images/minus.png);
}
ul.ui-accordion-container li ul li {
}
ul.ui-accordion-container li a {
	text-decoration:none;
	color:#ffffff;
	font-style:normal;
}
ul.ui-accordion-container li div {
	font-family:Arial, sans-serif, Helvetica;
	font-size:12px;
	color:#F3A600;
	padding:10px 0 1px 0;
}
/* ************************
CLIENT LIST
************************* */

#clientList {
	float:left;
	padding:0 0 0 0px;
	_padding:0 0 0 0px;
	width:712px;
	height:auto;
	margin-bottom:40px;
}
/*#clientList a img {
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}
#clientList a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}*/
.clientLink{
	display:block;
	width:140px;
	height:106px;
	overflow:hidden;
	float:left;
	margin:0px 2px 2px 0px;
}

.clientLink a{ display:block; width:106px; height:212px; margin-top:-106px;}
.clientLink a:hover{margin-top:0px;}




/* *************************
	BESPOKE SERVICES
************************** */
#bespoke .mainText {
	width:540px;
	_width:530px;
	margin:0 0 0 50px;
	_margin:0 0 0 30px;
}
#bespoke #subNav {
	width:160px;
}
#bespoke #subNav li {
	width:160px;
}
#bespoke #subNav li a {
	width:160px;
}

/* *************************
	STANDARD SERVICES
************************** */

#standard #subNav {
	margin-bottom:30px;
}
#standard #subNav li {
	display:block;
	width:160px;
	height:20px;
	margin:0 0 15px 0;
}
#standard #subNav li a {
	display:block;
	width:160px;
	height:15px;
	background:url(../images/navIcon.png) left no-repeat;
	padding:0 0 0 15px;
	color:#FFFFFF;
	text-decoration:none;
}
#standard #subNav li a.current {
	background:url(../images/navIconBlock.png) left no-repeat;
}
#standard #subNav li a:hover {
	background:url(../images/navIconBlock.png) left no-repeat;
	text-decoration:none;
}
#standard .mainText {
	width:550px;
	margin:0 0 0 50px;
}
.smallPrint {
	font-size:10px;
}
#casestudies .leftCol {
	width:598px;
}
#casestudies .rightCol {
	width:270px;
}
#casestudies .mainText {
	width:445px;
}
.rightNav {
	margin:10px 20px 0px 0px;
	padding:0;
}
.rightNav a {
	display:block;
	padding:5px 0px 5px 10px;
	color:#ffffff;
	font-weight:100;
	text-decoration:none;
}
.rightNav a:hover {
	text-decoration:none;
	background-color:#163328;
}
.rightNav a#select {
	display:block;
	padding:10px 10px 10px 10px;
	color:#F3A600;
	background-color:#163328;
	text-decoration:none;
}
.caseTable {
	margin-bottom:20px;
}
#casestudies .mainText {
	background:#163328;
	padding:15px 15px 15px 15px;
	width:415px;
	margin-bottom:30px;
}
#casestudies .mainText ul {
	list-style-type:square;
	margin-left:25px;
}
#casestudies .mainText li {
	margin-bottom:10px;
}
.caseTable {
	width:400px;
}
