@charset "UTF-8";
/* CSS Document */
	
	
	
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */



html, body, #wrap {height: 100%; }

body > #wrap {height: auto; min-height: 100%;
	background-image:url(../css-images/wrapBg.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	}
	
	
h1 {
	color:#124764;
	margin:10px 0 10px 0;
	font-weight:normal;
	font-size:2em;
	line-height:.875em;
	}
	
h2, h3{
	color:#5a9bd3;
	margin:10px 0 10px 0;
	}
	
	
h4 {	
	color:#124764;
	margin:10px 0 0 0;
	font-weight:normal;
	font-size:1.15em;
	}
	
h5{
	color:#2d2d2d;
	margin:10px 0 0 0;
	padding:0;
	text-decoration:underline;
	font-size:.875em;
	}

body {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	}
	
#subContent a {
	text-decoration:none;
	font-weight:bold;
	color:#26a9e1;
		}
		
.module {
background:#FFFFFF none repeat scroll 0 0;
border:4px solid #EBF2EE;
float:left;
margin:0 -5px 1em;
overflow:hidden;
position:relative;
width:100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
	/*opacity:0.4;
filter:alpha(opacity=40);
*/

}

.module-content {
border:1px solid #C0CCC4;
overflow:hidden;
padding:0 16px 16px 16px;
}


.module-content h1{
font-size:1.5em;
}

.module-content p{
font-size:1em;
font-size:.875em;
}


.tlogo{
float:left;
display:inline;
margin:0 10px 10px 15px;
}

.tquote {
	float:left;
	display:inline;
	width:80%;
	text-indent:-5px;
	margin:0 0 0 10px;
	}
	
.tname {
	text-indent:-5px;
	margin:10px 0 0 10px;
	font-weight:bold;
	color:#2d2d2d;
	}

.tcompany {
	text-indent:-5px;
	margin:0 0 0 10px;
		color:#2d2d2d;
	}








		
#subContent a:hover {
background-color:#ff0000;
	color:#FFF;
	padding:0 5px 0 5px;
	}
	
.ContentTwoCol {
	float:left;
	display:inline;
	width:45%;
	margin:0 25px 0 0;
	padding:0 0 0 0;
	}
	
#subContent .ContentTwoCol ul {
	margin:0 0 10px 0;
	list-style:none;
	padding:0;
	}
	
#subContent .ContentTwoCol li {
	margin:0 0 2px 0;
}


	
.liHead {
	list-style:none;
	font-size:.975em;
	font-weight:bold;
	margin:5px 0 5px 0;
	color:#2d2d2d;
		}
		

	
	

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -150px; /* negative value of 
	 height */
	height: 150px;
	clear:both;
	background-image:url(../css-images/footer.png);
	background-repeat:repeat-x;
	background-color:#124764;
	} 
	
#footerContent {
	text-align:center;
	padding:40px 0 0 0;
	font-size:.875em;
	color:#fff;
	}
	
	
#footerContent a {
	color:#FFF;
	text-decoration:none;
	}
	
#footerContent a:hover {
	color:#FFF;
	text-decoration:underline;
	}
	
	
	
	
	

/* CLEAR FIX*/
.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 */

#header {
	width:950px;
	margin:auto;
	}
	
#header ul{
	list-style:none;
	float:right;
	margin:40px 60px 0 0;
	}
	
#header li {
	float:left;
	display:inline;
	margin:0 5px 0 0;
	font-size:24px;
	}
	
#header li.selected {
	float:left;
	display:inline;
	margin:0 5px 0 0;
	background-color:#fff;
	font-size:24px;
	}
	
#header li a {
	text-decoration:none;
	color:#126c92;
	display:block;
	padding:4px 30px 7px 30px;
	}
		
	
#logo {
	margin:20px 0 0 20px;
	float:left;
	display:inline;
	}
	
.clear {
	clear:both;
	height:-1px;
	}
	
#contentWrapper {
	width:950px;
	margin:-10px auto;
	background-image:url(../css-images/contentBg.png);
	background-repeat:no-repeat;
	min-height:600px;
	}
	
	
#navbar {
	background-image:url(../css-images/navbarBg.png);
	background-repeat:no-repeat;
	height:39px;
}

	
	
#hpContainer {
background-color:#5a9bd3;
background-image:url(../css-images/hpBg2.png);
background-repeat:no-repeat;
background-position:bottom;
width:902px;
height:242px;
position:relative;
top:5px;
margin:0 0 0 18px;
clear:both;
}


.leftNavCallout {
	margin:40px 0 0 0;
	border-bottom:10px solid #2d2d2d;
	background-image:url(../css-images/leftCalloutBg.png);
	background-repeat:repeat-x;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	
		}
		
.downloadLink a{
	color:#5a9bd3;
	background-image:url(../css-images/download-icon.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
	font-size:1.7em;
	height:60px;
	text-decoration:none;
	margin:10px 0 0 10px;
	padding:10px 0 10px 40px;
	}
	
.downloadLink a:hover{
	color:#FF0000;
	}
	
/*FORM STYLES*/

input {
margin:0 20px 10px 0;
float:left;
display:inline;
border:3px solid #CCC;

}

textarea {
margin:0 20px 10px 0;
float:left;
display:inline;
width:400px;
border:3px solid #CCC;

}

label {
margin:0 20px 0 0;
display:block;
clear:right;
margin:0 0 0 0;
}


#contactForm {
	border-bottom:1px dotted #ccc;
	border-top:1px dotted #ccc;
	margin:10px 0 10px 0;
	padding:10px 0 10px 0;
	}
	
#sendButton {
	padding:2px 10px 2px 10px;
	display:block;
	color:#FFF;
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size:.875em;
	background-color:#5a9bd3;


	}
	
.req {
	color:#FF0000;
	font-size:.775em;
	}
	

#sendButton:hover {
	padding:2px 10px 2px 10px;
	color:#FFF;
	display:block;
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size:.875em;
	background-color:#FF0000;


	}
	
	

.name {
	float:left;
	display:inline;
	clear:right;
	}

	
.formCol {
	float:left;
	display:inline;
	width:60%;
	margin:0 0 0 0;
	}
	
br {
	clear:both;
	}

	
#formName input {
margin:0 15px 10px 0;
width:240px;

}

#address {
	width:200px;
	border-right:1px dotted #ccc;
	width:265px;
	padding:10px 0 0 10px;
	float:left;
	display:inline;
}

.zip {
	width:50px;
	}
	
	
	
	

.leftNavCallout p{
	padding:0 5px 15px 10px;
	color:#2d2d2d;
	font-size:.875em;
	font-weight:bold;
	}


.bio {
	border-bottom:1px dotted #ccc;
	padding:0 0 10px 0;
	margin:10px 0 10px 0;
	}
	
.bio .photo{
	border:2px solid #ccc;
	float:left;
	padding:5px;
	margin:0 20px 15px 0;
	background-color:#fff;
	}




#introQuote {
	font-size:2.5em;
	color:#FFF;
	font-family: helvetica, calibri, arial, calibri;
	line-height:.85em;
	float:left;
	width:650px;
	margin:15px 0 0 12px;
	}

	
#hpHeadShot {
	float:right;
	display:inline;
	margin:-2px 0 0 0;
	}
	
#redBox {
	width:328px;
	height:130px;
	background-image:url(../css-images/redBoxBg.png);
	font-family:Cambria, "Times New Roman", Times, serif;
	color:#fff;
	font-size:1.6em;
	line-height:1em;
	float:left;
	clear:left;
	margin:0 0 0 15px;
	padding:17px 17px 24px 17px ;
	}
	
#redBox a{
	color:#fff;
	text-decoration:none;
	}
	
#redBox a:hover{
	background-color:#990000;
	text-decoration:none;
	padding:1px 20px 1px 20px;
	}
	
	
#promise {
	width:362px;
	height:158px;
	background-image:url(../css-images/promisesBg.jpg);
	background-repeat:no-repeat;
	float:left;
	clear:left;
	margin:5px 0 0 15px;
	}
	
#promise h1{
	font-size:1.15em;
	color:#eee;
	text-align:center;
	margin:-16px 0 0 0;
	padding:0 0 0 0;
	font-weight:normal;
	}
	
.p1 {
	font-size:.925em;
	text-align:center;
	padding:0;
	margin:20px 0 0 0;
	font-family:Helvetica, Arial, sans-serif;
	text-shadow: 1px 1px 1px #fff;
	}
	
.p2 {
	font-size:4em;
	text-align:center;
	font-weight:bold;
	text-transform:capitalize;
	margin:-10px 0 0 0;
	text-shadow: 1px 1px 1px #fff;
	padding:0;
	color:#126c92;
	}
	
	
#getOpti {
	width:328px;
	height:48px;
	background-image:url(../css-images/getOptiBg.png);
	background-repeat:no-repeat;
	float:left;
	clear:left;
	margin:5px 0 0 20px;
	padding:8px 12px 12px 12px;
	font-size:1.4em;
	color:#fff;
	font-weight:200;
	letter-spacing:-.05em
	}
	
#getOpti a {
	color:#fff;
	text-decoration:none;
	display:block;
	}
	
#attribution {
	float:left;
	display:inline;
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	color:#126c92;
	margin:-100px 0 0 0;
	position:relative;
	margin:15px 40px 83px 0;
	}
	
#attribution a{
	color:#126c92;
	text-decoration:none;
	padding:5px 20px 5px 20px;
	}
	
#attribution a:hover{
	color:#FFF;
	background-color:#126c92;

	}
	
	
	
.attributeTitle {
	color:#fff;
	font-size:.775em;
	line-height:.875em;
	margin:0 0 0 15px;
	}
	
#hpLeftCol {
	float:left;
	clear:left;
	display:inline;
	margin:15px 0 0 0;
	width:300px;
	}
	
#hpRightCol {
	float:right;
	display:inline;
	width:500px;
	padding:125px 0 0 0;
	}
	
#hpNav {
	background-image:url(../css-images/navbg.png);
	background-repeat:no-repeat;
	width:526px;
	height:62px;
	float:left;
	}
	
	
#hpNav #globalNav li a {
	color:#FFF;
	text-decoration:none;
	display:block;
	letter-spacing:-.055em;
	padding:5px 10px 0 10px;
	}
	
#hpNav #globalNav li a:hover {
	color:#003753;
	}
	
	
#globalNav {
	list-style:none;
	display:inline-block;
	float:left;
	clear:right;
	margin:0 0 0 6px;
	}
	
#globalNav li {
	float:left;
	display:inline;
	font-family: cambria, "Times New Roman", Times, serif;
	font-size:1.75em;
	color:#126c92;
	margin:0 5px 0 0;
	
	}
	
#globalNav li a {
	color:#124764;
	text-decoration:none;
	display:block;
	letter-spacing:-.055em;
	padding:5px 10px 0 10px;
	}

	
#globalNav li a:hover {
	color:#ee1c24;
	}
	
	
#hpContent {
	font-family:cambria, "Times New Roman", Times, serif;
	font-size:1em;
	color:#2d2d2d;
	width:460px;
	margin:10px 20px 0 0;
	float:right;
	}
	
#hpContent p{
margin:0 0 0 0;
	}
	
.bigLink a{
	font-family:cambria, "Times New Roman", Times, serif;
	font-size:1.5em;
	text-decoration:none;
	margin:10px 20px 0 0;
	float:right;
	text-align:left;
	color:#ee1c24;
	padding:0 15px 0 0;
	display:block;
	background-image:url(../css-images/rtArrow.png);
	background-repeat:no-repeat;
	background-position:right 10px;
	}
	
.bigLink a:hover{
	text-decoration:underline;
	}
	
	
/*SUB PAGE STYLES */

#subContainer {
width:902px;
position:relative;
margin:0 0 0 18px;
position:relative;
top:9px;
}
	
#subHeaderContainer {
background-color:#5a9bd3;
width:902px;
height:90px;
margin:0 0 0 0;
}

#subPageTitle {
	font-size:4em;
	color:#FFF;
	font-family: helvetica, arial, calibri;
	line-height:.85em;
	float:left;
	width:575px;
	margin:0 0 0 0;
	}

#subContent {
	font-family:Calibri, Helvetica, Arial, sans-serif;
	font-size:.875;
	line-height:1.15em;
	color:#666;
	width:530px;
	margin:30px 20px 40px 0;
	float:left;
	display:inline;
	}
	

#subContent strong{
	color:#2d2d2d;
	}

#subContent ul{
	margin:0 0 0 20px;
	list-style:none;
	}
	
#subContent li{
	margin:0 0 0 20px;
	background-image:url(../css-images/bullet.png);
	background-repeat:no-repeat;
	background-position:3px 4px;
	padding:0 0 0 15px;
	}
	
#subContent p{
	margin:5px 0 20px 0;
	
	}
	
#subContainer #globalNav {
	list-style:none;
	display:inline-block;
	float:left;
	clear:right;
	margin:-5px 0 0 250px;
	}
	
#subNavContainer {
	width:190px;
	margin:40px 60px 0 15px;
	float:left;
	display:inline;
	}
	
#subNavContainer ul {
	list-style:none;
	margin:0 0 0 0;
	width:190px;
	}
	
#subNavContainer li {
	border-bottom: 1px dotted #eee;
	padding:5px 10px 5px 0;
	text-align:right;
	}
	
#subNavContainer li a {
	color:#666;
	text-decoration:none;
	padding:3px 20px 3px 20px;
	}
	
#subNavContainer li a:hover {
	color:#FFF;
	background-color:#2c2d2d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	}
	
#subNavContainer li.subSelected a {
	color:#FFF;
	background-color:#FF0000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;


	}
	
	
.calloutOPTI {
	width:650px;
	margin:0 0 20px -50px;
		}
	
.calloutRight {
	font-size:1.25em;
	text-align:left;
	text-indent:-30px;
	font-family:Helvetica, calibri, Arial, sans-serif;
	line-height:1.15em;
	width:240px;
	background-color:#FF0000;
	background-image:url(../css-images/calloutBgNoise.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:20px 10px 20px 40px;
	color:#430000;
	float:right;
	margin:0 -150px 20px 20px;
	border-top:20px solid #2d2d2d;
		}
		
.calloutFirstLine {
	font-weight:bold;
	color:#fff;
	font-size:1.75em;
	letter-spacing:-.075em;
	}
		
.calloutRightCs {
	font-size:1.5em;
	background-repeat:no-repeat;
	background-position:top;
	text-align:left;
	text-indent:-10px;
	font-family:"cambria, Times New Roman", Times, serif;
	line-height:.875em;
	width:240px;
	border-left:5px solid #FF0000;
	padding:20px 10px 20px 20px;
	color:#126c92;
	float:right;
	margin:10px 10px 20px 20px;
		}	
		
.calloutAttributionCs {
	float:right;
	text-align:left;
	font-family:calibri, Arial, Helvetica, sans-serif;
	margin:8px 0 0 20px;
	font-size:.875em;
	}
	
.calloutAttribution {
	float:right;
	text-align:left;
	font-family:calibri, Arial, Helvetica, sans-serif;
	margin:8px 0 0 20px;
	color:#fff;
	font-weight:bold;
	}
	
.calloutAttribution img{
	margin:3px 0 0 -30px;
	}


	
	
.caseStudySummary {
	float:left;
	display:inline;
	margin:35px 10px 0 0;
	clear:right;
	width:600px;
	padding:0 0 10px 0;
	border-bottom:1px dotted #ccc;
	margin:10px 0 0 0;
	}
	
.CsPop {
	text-align:center;
	margin:20px;
	}

.CsPop2 {
	float:left;
	display:inline;
	margin:0 20px 0 0;
	}


#csBody {
	padding:15px 30px 15px 30px;
	} 
	
#csBody ul{
	margin:0 0 0 20px;
	}
	
#csBody li{
	margin:0 0 0 20px;
	}
	
#csBody h2{
	color:#FF0000;
	}
	
.csIcon {
	float:left;
	display:inline;
	margin:0 10px 0 0;
		padding:0;

	}
	
.csIcon img{
		padding:0;

	}
	
.csIcon a{
	background-color:none;
	padding:0;

	}
	
.csIcon a:hover{
	background-color:#fff;
	padding:0;
	}
	
	
.csSummaryText {
	float:left;
	display:inline;
	font-size:.875em;
	line-height:1em;
	width:65%;
	clear:right;	
	}
	

	
.csSummaryTextLink {
	margin:10px 0 0 0;
	}
	
.csSummaryTextLinkRight {
	margin:10px 0 0 0;
	text-align:right;
	}
	
.csSummaryTextLink a{
	text-decoration:none;
	font-weight:bold;
	color:#26a9e1;
	padding:10px 0 0 0;
		}
		
.csSummaryTextLinkRight a{
	text-decoration:none;
	font-weight:bold;
	color:#26a9e1;
	padding:10px 0 0 0;
		}
	
.csSummaryText a:hover{
	color:#FF0000;
	}
	
.csSummaryTextRight a:hover{
	color:#FF0000;
	}

	
#subContainer #globalNav li.selected a {
	color:#FFF;
	text-decoration:none;
	display:block;
	letter-spacing:-.055em;
	padding:5px 10px 0 10px;
	}

#subContainer #globalNav li a:hover {
	color:#fff;
	}
	
	

#optiHanger {
	width:49px;
	height:53px;
	float:right;
	margin:135px -59px 0 0;
	}