/* default styles */
body.subPage, body.home
{
	background:#cbd1c0 url("/images/shared/bg.gif") repeat-x;
	font-size: 76%;
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	line-height:1.4em;
	}
	
body.popup
{
	background:#000;
	font-size: 76%;
	color: #fff;
	margin:10;
	text-align:center;
	}

.skiplink
{
	display:none;
	}
	
td
{
	font-size:1em;
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
	}

form
{
	padding:0;
	margin:0;
	}
	
img
{
	border:0;
	}

a:link, a:visited, a:hover
{
	color:#004ca9;
	text-decoration:underline;
	}

a:hover
{
	color:#555;
	}
	
a.noLine
{
	text-decoration:none;
	}
	
p
{
	margin: 0 0 12px 0;
	}
	
/* header  nav footer */
	
#headerContainer
{
	position:relative;
	height:110px;
	background:url("/images/header/bg.gif") no-repeat;
	}
	
.logo
{
	position:relative;
	top:43px;
	left:4px;
	width:305px;
	}
	
.demoButton
{
	position:relative;
	top:-32px;
	left:750px;
	width:170px;
	height:32px;
	text-align:right;
	}
	
.mainNav
{
	position:relative;
	top:-8px;
	left:320px;
	width:595px;
	text-align:right;
	color:#ccc;
	font-size:1.2em;
	}
	
.mainNav span
{
	word-spacing: 10px
	}
	
.mainNav a
{
	display:inline;
	text-decoration:none;
	}
	
.mainNav a:link, .mainNav a:visited
{
	color:#555;
	}
	
.mainNav a:hover, .mainNav a.navon
{
	color:#0068a9;
	}
	
.footerContainer
{
	width:920px;
	margin:0 auto 0 auto;
	background:#3f678f url("/images/shared/bg-footer.gif") repeat-x;
	}
	
.footer
{
	font-size:.9em;
	color:#98c4ce;
	padding:12px;
	}
	
.footerNav span
{
	display:inline;
	margin:0 12px 0 12px;
	}

.footerNav span.fbLink
{
	display:inline;
	margin:0 0 0 210px;
	}

.footerNav span.fbLink img
{
	vertical-align:-.3em;
	}
	
.footerNav a, .capLogin a
{
	color:#98c4ce;
	line-height:1.6em;
	text-decoration:none;
	}
	
.footerNav a:hover
{
	color:#e1e1e1;
	}
	
.footerInfo
{
	float:left;
	width:725px;
	padding-top:8px;
	}
	
.footerInfo a
{
	color:#98c4ce;
	}
	
.capLogin
{
	float:right;
	width:100px;
	padding-top:8px;
	text-align:right;
	}
	
.clearCapLogin
{
	clear:both;
	font-size:1px;
	line-height:1em;
	}

#pageContainer
{
	background-color:#fff;
	width:920px;
	margin:0 auto 0 auto;
	}
	
/* home page */
#bodyContainerHome
{
	background:#fff url("/images/home/bg-banner.jpg") no-repeat;
	}
	
.bannerCopy
{
	position:relative;
	height:338px
	}
	
.tagline
{
	position:relative;
	top:198px;
	left:102px;
	width:632px;
	}
	
.homeCallOuts
{
	position:relative;
	width:858px;
	height:370px;
	top:0;
	left:31px;
	}
	
.callOutOne
{
	float:left;
	}
	
.callOutTwo
{
	float:left;
	margin-left:30px;
	}
	
.callOutThree
{
	float:right;
	}
	
.clearCallOuts
{
	clear:both;
	font-size:1px;
	line-height:1em;
	}
	
/* subpages */
.mainPage
{
	background:#fff url("/images/shared/main-page-bg.gif") repeat-y;
	}
	
.mainPageBody
{
	float:right;
	width:676px;
	}

.pageLeft
{
	float:left;
	width:243px;
	}
	
/* left navigation */
.navImage
{
	font-size:1px;
	line-height:1em;
	}
	
.subNav
{
	padding:0 9px 18px 9px;
	}
	
ul.secondary
{	
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
ul.secondary li
{	
	margin:0;
	color:#0068a9;
	}
	
ul.secondary li a 
{	
	display:block;
	margin:0 0 4px 12px;
	padding-left:18px;
	background: url("/images/shared/navblt-off.png") no-repeat  0 .3em;
	font-weight:bold;
	color:#0068a9;
	text-decoration:none;
	}
	
ul.secondary li a:link,  ul.secondary li a:visited
{	
	color:#0068a9;
	}
	
ul.secondary li a:hover, ul.secondary li a.on
{	
	background: url("/images/shared/navblt-on.png") no-repeat 0 .3em;
	color:#0068a9;
	}
	
ul.secondary li a.ontert /*when a tertiery nav is selected, no underline */
{	
	background: url("/images/shared/navblt-off.png") no-repeat  0 .3em;
	color:#383838;
	}
	
ul.secondary li a:hover.ontert /*when a tertiery nav is selected, no underline except on hover */
{	
	background: url("/images/shared/navblt-on.png") no-repeat  0 .3em;
	color:#0068a9;
	}
	
ul.tertiary
{	
	margin:0 0 0 18px;
	padding:0;
	list-style-type:none;
	}
	
ul.tertiary li
{	
	margin:0;
	}
	
ul.tertiary li a 
{	
	display:block;
	margin:6px 0 0 12px;
	padding-left:0;
	background: url("/images/shared/blank.png");
	font-weight:bold;
	color:#383838;
	text-decoration:none;
	}
	
ul.tertiary li a:link,  ul.tertiary li a:visited
{	
	color:#383838;
	}
	
ul.tertiary li a:active, ul.tertiary li a:hover, ul.tertiary li a.tert
{	
	background: url("/images/shared/blank.png");
	color:#0068a9;
	}
	
.demoCallOut
{
	background:url("/images/shared/demo-btn-bg.gif") repeat-x;
	}
	
.demoAction
{
	margin:12px 30px 20px 15px;
	}
	
.demoAction ul
{
	margin: 0 0 12px 12px;
	padding: 0;
	list-style: none;
	}

.demoAction ul li
{
  padding: 0 0 4px 12px;
  background: url("/images/shared/blt-left.png") no-repeat;
  background-position: 0 .5em;
	font-size:1.1em;
	}
	
.demoAction a
{
	text-decoration:none;
	color:#2b2b2b;
	}
	
.rightCallout
{
	float:right;
	width:270px;
	border:1px solid #d54d12;
	}
	
.postingsTitle
{
	background-color:#d54d12;
	padding:3px 0 2px 6px;
	}
	
.rightCallout ul
{
	margin: 9px 6px 12px 9px;
	padding: 0;
	list-style: none;
	}

.rightCallout ul li
{
  padding: 0 0 4px 12px;
  background: url("/images/shared/blt-left.png") no-repeat;
  background-position: 0 .4em;
	font-size:1.1em;
	}
	
.rightCallout ul li span
{
  font-size:11px;
	}
	
.rightCallout a
{
	text-decoration:none;
	color:#d54d12;
	}
	
.rightCallout a span
{
	color:#333;
	}
	
.leftOfCallout
{
	float:left;
	width:320px;
	}
	
.clearCallout
{
	clear:both;
	font-size:1px;
	line-height:1em;
	}
	
.clearMainPage
{
	clear:both;
	font-size:1px;
	line-height:1em;
	}
	
.aboutTitle, .contactTitle, .solutionsTitle, .ourWorkTitle
{
	position:relative;
	width:920px;
	height:82px;
	}
	
.aboutTitle
{
	background:url("/images/subpage/about-title.jpg") no-repeat;
	}
	
.contactTitle
{
	background:url("/images/subpage/contact-title.jpg") no-repeat;
	}
	
.solutionsTitle
{
	background:url("/images/subpage/what-we-do-title.jpg") no-repeat;
	}
	
.ourWorkTitle
{
	background:url("/images/subpage/our-work-title.jpg") no-repeat;
	}
	
.headerText
{	
	position:relative;
	top:20px;
	left:410px;
	width:490px;
	height:60px;
	font-size:1.8em;
	line-height:1.1em;
	color:#2c434a;
	text-align:right;
	}
	
.pageContent
{
	padding:0 40px 30px 30px;
	font-size:1.1em;
	}
	
.pageContent p
{
	line-height:1.4em;
	}
	
.newsContent a
{
	text-decoration:underline;
	}
	
.subTitle
{
	margin:0 0 12px 0;
	font-size:1.1em;
	line-height:1.3em;
	color:#7ca334;
	font-weight:bold;
	}
	
.bolder
{
	font-weight:bold;
	color:#b07530;
	}
	
.indent
{
	margin-left:20px;
	margin-right:30px;
	}
	
ul.content
{
	margin: 9px 0 12px 12px;
	padding: 0;
	list-style: none;
	}

ul.content li
{
  padding: 0 0 4px 12px;
  background: url("/images/shared/blt.gif") no-repeat;
  background-position: 0 .5em;
	}
	
p.testimonial
{
	margin:18px 0 3px 0;
	padding-bottom:6px;
	border-bottom:1px solid #ccc;
	}

p.testimonial strong
{
	color:#b07530;
	}

p.testimonial em
{
	color:#6b6b6b;
	}

.portfolioSites img
{
	float:left;
	margin-top:9px;
	margin-right:20px;
	margin-bottom:20px;
	}
	
.supRTtl, .supR
{
	font-size:.5em;
	vertical-align:.4em;
	}

.learnMore
{
	text-align:right;
	margin: 0 0 12px 0;
	padding-right:0 9px 12px 0;
	}
	
.callOutBlue
{
	margin-top:11px;
	background:#b2d1e5;
	border-bottom:1px solid #a4aeb0;
	}
	
.callOutContent
{	
	width:212px;
	margin:0 auto 0 auto;
	padding:9px 0 9px 0;
	}
	
.callOutContent p
{	
	margin:9px 16px 16px 2px;
	color:#4c4c4c;
	}
	
.callOutContent p.indent
{	
	margin:9px 16px 16px 16px;
	color:#4c4c4c;
	} 
	
.nameBio
{
	color:#306180;
	font-weight:bold;
	margin:18px 0 0 0;
	}

.jobTtl
{
	color:#666;
	}
	
p.bio
{
	margin:2px 0 22px 0;
	padding:0;
	}
	
.columnLeft
{
	float:left;
	width:48%;
	}
	
.columnRight
{
	float:right;
	width:48%;
	}
	
.farLeftColumn
{
	float:left;
	width:192px;
	}
	
.middleColumn
{
	float:left;
	width:192px;
	margin-left:30px;
	}
	
.farRightColumn
{
	float:right;
	width:192px;
	}
	
.clearColumns
{
	clear:both;
	font-size:1px;
	line-height:1em;
	}
	
.faqs
{
	margin:18px 0 0 0;
	}
	
.faqQuestion
{
	font-weight:bold;
	color:#306180;
	}
	
/* contact and demo forms */
.required, .error
{
	font-weight:bold;
	color:#f44;
	}

.formInputLeft
{
	float:left;
	width:45%;
	padding-bottom:9px;
	}
	
.formInputRight
{
	float:right;
	width:53%;
	padding-bottom:9px;
	}
	
.formInput
{
	padding-bottom:9px;
	}
	
.formInput label, .formInputLeft label, .formInputRight label
{
	font-weight:bold;
	color:#306180;
	}
	
.formInputClear
{
	font-size:1px;
	line-height:1em;
	clear:both;
	}
	
.button
{
	border-top: 1px solid #888;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	border-left: 1px solid #888;
	background-color: #5d8c07;
	font-weight: bold;
	color: #fff;
	}