/* Information and Credits
---------------------------------------------------------------------------------------
Title: Main Stylesheet
Last Updated: 01-16-2009
--------------------------------------------------------------------------------------*/

/* Style Imports
------------------------------------------------------------------------------------- */
@import url('reset.css');
@import url('grid.css');
@import url('typography.css');
@import url('forms.css');

/* Basic Elements
------------------------------------------------------------------------------------- */
a { color: #339e35; }
a:hover { color: #0084c9; }

.arrow-link, .user { 
	background: url(/images/interface/small-icons.gif) -2px -5px no-repeat;
	padding-left: 18px;
	text-decoration: none; }

.user { background-position: -2px -384px; }

#access {
	text-indent: -9999px;
	height: .01em;
	overflow: hidden;
	}


/* Elements and Misc.
------------------------------------------------------------------------------------- */
.quote {
	color: #339e35;
	font-size: 17px;
	float: right;
	margin: 0 20px 18px 20px;
	}
	
/*-- Graphic Container and elements --*/
.box-container, .promo-container { 
	background: #f7f7f7; 
	margin-bottom: 1.5em; 
	}

.promo-container img {
	border: 1px solid #e9e9e9;
	margin: 9px 9px 7px 9px;
	}

.promo-container .box, .box-container .box {
	background: #ffffff;
	border: 1px solid #e9e9e9;
	margin: .75em;
	padding: 1em 0 0 0;
	overflow: hidden;
	}
	
.promo-container .box h4, .box-container .box h4 {
	color: #339e35;
	font-size: 125% /* 15px */;
	line-height: 1.2em;
	margin: .067em .8em .267em .8em;
	}
	
.promo-container .box p, .box-container .box p {
	font-size: 92% /* 11px */;
	line-height: 1.36em;
	margin: 0 1.09em 1.64em 1.09em;
	}
	
.promo-container .box.plain, #.box-container .box.plain { 
	background: #ffffff url(/images/interface/promo_plain.jpg) bottom left repeat-x;
	padding-bottom: 3.67em;
	}
	
.promo-container .box img, .box-container .box img {
	margin: -1.5em 0 0 -20px;
	padding: 0;
	overflow: hidden;
	}

.box {
	background: #ffffff;
	border: 1px solid #e9e9e9;
	margin: .75em;
	padding: 1em 0 0 0;
	overflow: hidden;
	}
	
.box h4 {
	color: #339e35;
	margin: .067em .8em .2em .8em;
	}
	
.box p {
	font-size: 92% /* 11px */;
	line-height: 1.36em;
	margin: 0 1.09em 1.64em 1.09em;
	}
	
dl.box {
	padding-bottom: .75em;
	}

.box dt { 
	color: #339e35; 
	margin: -4px 14px 0 14px;	
	}

.box dt span { font-weight: normal; }

.box dd {
	margin: 0 14px;
	}
	
.box.plain { 
	background: #ffffff url(/images/interface/promo-plain.jpg) bottom left repeat-x;
	padding-bottom: 2.58em;
	}
	
.box img {
	margin: -1.2em 0 0 -20px;
	padding: 0;
	overflow: hidden;
	}
	
table.basic { }

table.basic td.theader {
	background: #f6f6f6;
	color:#000000;
	font-weight:bold;	
	}
	
table.basic td {
	border-bottom:1px solid #e6e6e6;
	padding:4px 4px 3px 4px;
	margin:0; }
	
table.basic th {
	border-bottom:1px solid #339e35;
	padding:4px 4px 3px 4px;
	text-transform:uppercase;
	color:#339e35;
	font-size:.85em;
	margin:0; }
	
/*-- Vertical Case Study --*/

.vertThumb {
	display: inline;
	float: left;
	margin: 0 0 1.5em 20px;
	width: 188px;
	overflow: hidden; 
	}
	
.vertThumb h4 {	margin-top: 1em; margin-bottom: .3em; }

.vertThumb p { font-size: 92%; line-height: 1.64em; }

.vertThumb img, .vertThumb img a {
	background: #333;
	display: block;
	height: 108px;
	margin-bottom: .75em;
	width: 188px;
	}
	
.vertThumb img a:hover {
	background: #339e35 url(/images/thumbs-hover.gif) top left;
	}
	


/* Header
------------------------------------------------------------------------------------- */
#header {
	background: #fff;
	border-bottom: 4px solid #339e35;
	height: 77px;
	overflow: hidden;
	width: 100%;
	}
	
#header .main-logo { 
	height: 77px;
	overflow: hidden;
	}
	
.sdvosb {
	display: block;
	float: right;
	height: 41px;
	line-height: 1.167em /* 14px */;
	position: relative;
	width: 214px;
	}
	
.sdvosb em { 
	background: url(/images/interface/sdvosb-head.gif) 0px -8px no-repeat; cursor: pointer; 
	position: absolute;
	width: 100%;
	height: 100%;
	}

/* --- Main Navigation --- */

ul.IR li { position: relative; }
		
.IR em {
	display: block;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
	}
	
* html>body .IR em  { position: static; }

#main-nav {
	margin: 36px 0 0 0;
	list-style: none;
	}
	
#main-nav.span-9 { margin-left: 0; }
	
#main-nav li { float: left; }
#main-nav li, #main-nav li em { height: 41px; }

.mn1 em, .mn2 em, .mn3 em, .mn4 em, .mn5 em { background: url(/images/interface/main-nav.gif) no-repeat; cursor: pointer; }

.mn1 { left: 0; }
	.mn1 em { background-position: -20px 0; }
	.mn1:hover em { background-position: -20px -41px; }
	#home-page .mn1 em { background-position: -20px -82px; }
	.mn1, .mn1 em { width:56px; }

.mn2 { left: 0px; }
	.mn2 em { background-position: -76px 0; }
	.mn2:hover em { background-position: -76px -41px; }
	#company-page .mn2 em { background-position: -76px -82px; }
	.mn2, .mn2 em { width:98px; }

.mn3 { left: 0px; }
	.mn3 em { background-position: -174px 0; }
	.mn3:hover em { background-position: -174px -41px; }
	#services-page .mn3 em { background-position: -174px -82px; }
	.mn3, .mn3 em { width: 91px; }

.mn4 { left: 0px; }
	.mn4 em { background-position: -265px 0; }
	.mn4:hover em { background-position: -265px -41px; }
	#casestudies-page .mn4 em { background-position: -265px -82px; }
	.mn4, .mn4 em { width: 119px; }

.mn5 { left: 0px; }
	.mn5 em { background-position: -384px 0; }
	.mn5:hover em { background-position: -384px -41px; }
	#contracts-page .mn5 em { background-position: -384px -82px; }
	.mn5, .mn5 em { width: 99px; }
	
	/* --- Hides from IE-mac \*/
		* html .clear { height: 1%; }
		.clear { display: block; }
	
		/* --- For IE5.x mac only --- */
		* html>body	.IR { 
			position: static;
			overflow: visible;
			font-size: 12px;
			}
		* html>body ul#main-nav li em { margin-bottom: -24px; } 
	/* end for ie-mac only */


/*-- Top Navigation --*/
ul#top-nav { height: 18px; }

#top-nav li {
	display: inline;
	list-style: none;
	}
	
#top-nav {
	color: #e6e6e6;
	font-size: 83%;
	margin: 9px 0 0 0;
	text-align: right;
	white-space: nowrap;
	}
	
#top-nav li a {
	text-decoration: none;
	padding: 0 3px;
	}
	
#top-nav li a:hover { color: #0084c9; }


/* Content
------------------------------------------------------------------------------------- */
#content {
	background-color: #fff;
	min-height:360px;
	height:auto !important;
	height:360px;
	position: relative;
	padding-bottom: 36px;
	}
	
#header-divider {
	background: #339e35 url(/images/interface/header-divider.gif) 0 0px repeat-x;
	height: 36px;	
	margin-bottom: 18px;
	text-indent: -9999px;
	}
	
/* --- side bar and navigation ---*/
#side-bar {
	background: #f6f6f6;
	min-height: 450px;
	height:auto !important;
	height:450px;
	margin: 18px 0 18px 20px;
	padding-bottom: 36px;
	position: relative;
	}
	
ul#section, ul#section ul	{
	margin: 0; 
	padding: 0;
	}
	
ul#section { margin-bottom: 27px; }
	
#section li	{ list-style: none; display: inline; }

#section li a:link, #section li a:visited {
	background: #00833d url(/images/interface/green-stripe.gif) 0 31px repeat-x;
	border-bottom: 1px solid #e1e1e1;
	color: #ffffff;
	display: block; /*\*/height: 1%;/**/ 
	font-size: 125% /* 15px */;
	padding: 5px 12px 8px 12px;
	text-decoration: none;
	}
	
#section li li a:link, #section li li a:visited	{
	border-bottom: 1px solid #e1e1e1;
	color: #4f565c;
	display: block;
	font-size: 92% /* 11px */; 
	height: 1%; 
	padding: 6px 12px 7px 12px;
	background: #f7f7f7; 
	}

#section li li a:hover { background: #f1f1f1; }

.asubnav1 ul li a#asubnav1,
.asubnav2 ul li a#asubnav2,
.asubnav3 ul li a#asubnav3,
.asubnav4 ul li a#asubnav4,
.asubnav5 ul li a#asubnav5,
.asubnav6 ul li a#asubnav6 { 
	background: #ffffff url(/images/interface/small-icons.gif) 3px -26px no-repeat;
	font-weight: bold;
	padding-left: 25px;	
	}

/* --- breadcrumbs menu ---*/
#breadcrumbs {
	color: #339e35;
	border-bottom: 1px solid #85c586;
	font-size: 92% /* 11px */;
	padding: 18px 0 9px 0;	
	}
	
#breadcrumbs a {
	color: #339e35;
	text-decoration: none;
	padding: 0px 1px;
	}

	
/* --- tools menu ---*/
#tools {
	border-top: 1px solid #85c586;
	list-style: none;
	margin: 0 0 18px 0;
	padding: 7px 0 0 0;
	position: absolute;
	top: 44px;
	right: 20px;	
	}
	
#tools li a {
	font-size: 83% /* 10px */;
	line-height: 1.8em; 
	text-decoration: none;	
	}
	
#tools .printer, #tools .email { 
	background: url(/images/interface/small-icons.gif) no-repeat;
	padding-left: 24px;
 	}
	
#tools .printer { background-position: 0px -85px; }

#tools .email { background-position: 0 -111px; }

/* --- Bios ---*/
.bio {
	margin-left: 0px;
	}
	
.bio-box {
	background: #f6f6f6;
	border: 0;
	float: right;
	margin: 0 0px 0 20px;
	padding: 0;	
	}

.bio-box img {
	border-bottom: 6px solid #339e35;
	margin: .75em .83em;
	}
	

/* Footer
------------------------------------------------------------------------------------- */	
#footer {
	background: #f9f9f9 url(/images/interface/dotted-line.gif) top left repeat-x;
	border-top: 4px solid #339e35;
	min-height:233px;
	height:auto !important;
	height:233px;
	width: 956px;
	}
	
#footer h6 {
	border-bottom: 1px solid #d4d4d4;
	font-size: 92% /* 11px */;	
	padding: 20px 0 7px 0;
	margin: 0 0 11px 0;
	}
	
#footer p {
	color: #858a8f;
	font-size: 92% /* 11px */;
	line-height: 1.63em;
	}
	
#footer ul { 
	font-size: 92% /* 11px */;
	list-style: none; 
	margin: 0;	
	}
	
#footer li {
	border-bottom: 1px solid #d4d4d4;
	width: 136px;
	}
	
#footer li a {
	color: #858a8f;
	display: block;
	height: 21px;
	padding-top: 3px;
	text-decoration: none;
	}
	
#footer li a:hover {
	background: #fff;
	color: #0084c9;
	}
	
#footer .sdvosb-logo, #footer .gsa-logo {
	background: url(/images/interface/footer-logos.gif);
	background-repeat: no-repeat;
	border-top: 1px solid #d4d4d4;
	float: left;
	margin: 44px 0 0 20px;
	padding-top: 64px;
	width: 136px
	}
	
#footer .sdvosb-logo { background-position: 0 11px; }

#footer .gsa-logo { background-position: -156px 11px; }

#copyright p {
	color: #ccc;
	clear: both;
	text-align: right;
	padding: 18px 20px 9px 20px;
	}


/* Home Page
------------------------------------------------------------------------------------- */

/*-- Banner Container and Elements --*/	
.banner {
	background: url(/images/interface/banner-border.png) bottom left repeat-x;
	width:956px; 
	height:360px; /* Started out at 324px */
	margin-bottom: .75em;
	padding-bottom: 18px; 
	position:relative; 
	}
	
.banner .bnr-slide .bnr-slideicon {display:none;}

.banner .bnr-icon {
	position:absolute;  
	top: 114px; 
	left: 254px; 
	z-index: 4; 
	}

/* Slide Links */
.banner .bnr-slide .bnr-slidelink {display:none;}

.banner .bnr-link {
	position: absolute;
	top: 314px;
	left: 30px;
	z-index: 6;
	}
	
.banner .bnr-link a {
	color: #fff;
	font-weight: bold;
	padding: 2px 4px;
	text-decoration: none;
	}
	
.banner .bnr-link a:hover { 
	background: #00833D;	
	color: #fff; 
	}

	
.banner .bnr-slide .bnr-slidetitle {display:none;}

.banner .bnr-title {
	height: 153px;
	width:458px;
	overflow: hidden; 
	position:absolute; 
	top: 0px; 
	left: 10px;
	z-index: 9;
	}
	
.banner .bnr-title img {
	position: absolute;
	top: 9px;
	left: 0;
	 }

.banner .bnr-title h1  {
	padding: 0;
	margin: 0;	
	font-size: 408% /* 49px */;
	line-height: 1em;
	color: #00833d;
	font-weight: normal;
	margin: 33px 0 0 20px;
	}

.banner .bnr-Link a:hover {
	color: #ffffff;
	}	
	
	
/* Slide Background Image */		
.banner .bnr-slide .bnr-slideBackground {display:none;}

.banner .bnr-bgimg {
	background: #00833d; 
	width:956px; 
	height:360px; 
	margin:0; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index: 1;
	}

.banner .bnr-bgimg span {
	height:324px;
	width:956px;  
	display: block; 
	margin:0; 
	text-indent:-9999em;
	}
	
/* Slide paragraph and header */	
.banner .bnr-slide .bnr-slidecontent {display:none;}

.banner .bnr-hrtxt { 
	height: 342px;
	width:458px; 
	position:absolute;
	top:9px; 
	left:10px;
	z-index: 8;
	}
	
.banner .bnr-hrtxt h3 {
	color: #4f565c;
	font-size: 133% /* 16px */;
	margin-top: 161px;
	margin-bottom: 0px;
	}
	
/* Slide Buttons */	
.banner .bnr-btngrp {
	position: absolute;
	top: 10px;
	right: 10px;
	}

.banner .bnr-btnwrpr {
	background: #339e35 url(/images/interface/color-strip.gif) center left no-repeat;
	width:936px;
	height: 36px; 
	top:306px; 
	left:10px; 
	position:absolute; 
	text-align:center;
	z-index: 5;
	}

.banner .bnr-btnoff, .banner .bnr-btnon {
	width:16px; 
	float:left; 
	font: bold 75% /* 9px */ Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding: 1px 0px 3px 0; 
	margin-right: 2px;
	text-align: center; 
	display:block; 
	cursor:pointer; 
	display:inline;
	}

.banner .bnr-btnoff {
	background-color:#339e35;
	}

.banner .bnr-btnon {
	background-color:#fff;
	color: #00833d;
	}
	

.banner .bnr-btnwrpr .mrftrs {
	background: #ccc;
	width:100%; 
	float:left; 
	font-size:10px; 
	color:#8ea4bc; 
	text-align:center; 
	padding:8px 0;}
	
/* --- banner end  ---*/
	
#about-box {
	background: #fff;
	height: 243px;
	margin-bottom: 18px;
	width: 956px;
	}
	
#contract-box {
	background: #fff;
	height: 252px;
	width: 956px;
	}
	
#about-box h3 {
	font-size: 133% /* 16px */; 
	line-height: 1.125em; 
	font-weight: bold;
	color: #4f565c;
	margin: 18px 0 10px 0;	
	}
	
#contract-box h3 {
	border-bottom: 1px solid #85c586;
	color: #339e35;
	margin: 0px 10px 18px 10px;
	padding: 20px 0 15px 10px;
	}
	
.announcement {
	background: #339e35;
	clear: both;
	height: 36px;
	margin: 18px 0 18px -20px;
	padding: 0;
	width: 722px;
	}
	
.announcement p {
	color: #fff;
	padding: 8px 20px
	}
	
/* --- services list --- */

.service-list h6 {
	font-size: 1.08em;
	margin: 16px 0 7px 0;	
	}
	
.service-list {
	float: left;
	height: 171px;
	width: 214px;	
	}

.service-list ul {
	margin: 0;
	list-style: none;	
	}
	
.service-list li {
	background: url(/images/interface/small-icons.gif) -4px -50px no-repeat;
	width: 214px;
	}
	
.service-list li a {
	background: url(/images/interface/dotted-line.gif) top left repeat-x;
	color: #686f75;
	display: block;
	padding: 3px 10px 0 14px;
	height: 21px;
	text-decoration: none;
	}
	
.service-list li a:hover {
	background: #f9f9f9 url(/images/interface/small-icons.gif) -4px -50px no-repeat;
	color: #0084c9;
	}
	
/* --- promo box --- */	

.promo-box {
	background: url(/images/engaging-people.jpg) bottom right no-repeat;
	float: right;
	height: 243px;
	width: 234px;
	}
	
.promo-box h2 {
	font-size: 167% /* 22px */;
	font-weight: normal;
	line-height: 1.2em;
	margin: 12px 0 0 0;
	}
	
.promo-box h2 span { color: #339e35; }


/* --- contracts box --- */
.easy-contracting {
	background: url(/images/easy-disc.jpg) -5px -3px no-repeat;
	float: left;
	margin-left: 20px;
	padding-left: 52px;
	width: 396px;
	}
	
	
/* EZ mobile page Elements
------------------------------------------------------------------------------------- */
.device-bg { 
/*background: transparent url(/images/grid.gif) left top repeat;*/
background: #fff url(/images/ezmm-devices.jpg) -5px 164px no-repeat; }

#ez { 
	display:inline;
	float:left;
	margin:0;
	width:100%;}
	
#ez h5 { margin-bottom:9px; padding-bottom:0px; border-bottom:0px solid #f4f4f4; }

#ez .repurpose {
	background: #f4f4f4;
	border: 1px solid #eaeaea; }
	
#ez .repurpose div {
	padding: 8px 10px; }
	
#ez .demo {
	background:#339e35;
	margin:27px 0;
	width: 956px;
	padding:27px 0;
	position:relative; }
	
.demo-img {
	position:absolute;
	bottom:0;
	left:20px;
	}
	
#ez .demo span {}
	
#ez .demo h5, #ez .demo p {
	margin: 0px;
	color:#fff; }
	
#ez .demo p { color:#02381d; }

#ez .demo p a {color:#aae2ac;}

	
#ez .footnote {
	clear:both;
	display:block;
	margin: 0 20px;
	width: 916px; }
	
#ez .footnote  ul {
	margin:18px 0 0 0;
	list-style: none;
	font-size:10px; }
	
#ez .footnote ul li {
	display:block;
	padding:2px; }
	
#ez .footnote ul li sup { margin-right: 5px; }


/* Sifr Style
------------------------------------------------------------------------------------- */
@media screen {
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	}
	
.sIFR-active object {
	display: block;
	}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
	}
}

@media print {
.sIFR-flash {
	display    : none !important;
	height     : 0;
	width      : 0;
	position   : absolute;
	overflow   : hidden;
	}

	
.sIFR-alternate {
	visibility : visible !important;
	display    : block   !important;
	position   : static  !important;
	left       : auto    !important;
	top        : auto    !important;
	width      : auto    !important;
	height     : auto    !important;
	}
}