/*
	Envisage Technologies website stylesheet
	Table of contents

	1.) Default element styles
	2.) Containers, columns and rows
	3.) Accessibility-related rules
	4.) Header-related rules
	5.) Navigation
		5.1) Top Navigation
		5.2) Left Navigation
		5.3) Left Navigation (2 Column Layout)
	6.) Content-related rules
		6.1) Right Sidebar
		6.4) Lifetime Tracking graphic
	7.) Footer-related rules
	8.) Utility classes
*/





/*
	1.) Default element styles
---------------------------------------------------------------*/

html {
	background: #f5f5f5 url('../images/bg-html.png') 50% 0 repeat-y;
}

body {
	margin: 0;
	padding: 0;
	background: url('../images/bg-slope.png') 50% 0 no-repeat;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .75em; /* 16px -> 12px */
}

a {
	color: #2862AD;
}

a:visited {
	color: #18529D;
}

a:hover {
	color: #4882cD;
}

h2 {
	margin: 0;
}

h3, h4, h5 {
	font-family: "Century Gothic", "Trebuchet MS", Arial, Sans-Serif;
	margin: 0 0 1.5em 0;
}

h3 {
	font-size: 1.667em; /* 12px -> 20px */
	line-height: 1.4em; /* 20px -> 28px */
	color: #2862AD;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin: 0 0 .25em;
}

h4 {
	text-transform:  uppercase;
	font-size: 1.167em; /* 12px -> 14px */
	line-height: 1.429em; /* 14px -> 20px */
}

h5 {
	text-transform:  uppercase;
	font-size: 1.167em; /* 12px -> 14px */
	line-height: 1.429em; /* 14px -> 20px */
	margin: 2em 0 .5em;
}

h6 {
	font-size: 1em;
	margin: 0 0 1.5em 0;
}

img {
	border: 0;
}

p,
dl {
    margin: 0 0 1em 0;
}

dt {
	font-weight: bold;
	margin: 1em 0 .5em 0;
}

dd {
	margin: 0 0 .5em 2em;
}

ul {
	margin: 0 0 1em 2.5em;
	list-style-position: outside;
	padding: 0;
}

li {
	margin: 0 0 .5em 0;
}

abbr {
	border: none;
}

blockquote {
	margin: 0 0 1em;
	padding: 0;
	font-size: 1.25em; /* 12px -> 15px */
	line-height: 1.6em; /* 15px -> 24px */
}

cite.bq_attribution {
	color: #2862AD;
	font-style: normal;
	font-weight: bold;
	display: block;
	margin: 0 0 1em;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}






/*
	2.) Containers, columns and rows
---------------------------------------------------------------*/

.row-top {
}

.top {
	width: 900px;
	height: 79px;
	text-align: left;
	margin: 0 auto;
	background: url('../images/top-sprites.png') repeat-x 0 71px;
	position: relative;
}

.row-main {
	clear: both;
}

.main {
	width: 900px;
	text-align: left;
	margin: 0 auto;
	background: url('../images/bg-3col.png') no-repeat 898px 0 #fff;
	min-height: 300px;
	position: relative;
	z-index: 1;
}

/*.main_2col-content, */.main_2col-content-b {
	width: 496px;
	min-height: 589px;
	padding: 24px 36px 0 36px;
	background: url('../images/main-content-bg.png') no-repeat 0 0;
	margin: 0 0 0 332px;
	line-height: 1.333em; /* 12px -> 16px */
}

.main_3col-content, .main_2col-content {
	width: 534px;
	min-height: 589px;
	padding: 28px 36px 0 36px;
	background: url('../images/bg-3col.png') no-repeat 0 0;
	margin: 0 0 0 294px;
	line-height: 1.5em; /* 12px -> 18px */
}

.main-left {
	float: left;
}

.row-bottom {
	clear: both;
}

.bottom {
	width: 868px;
	text-align: left;
	margin: 0 auto;
	padding: 40px 0 40px 32px;
	color: #666666;
	font-size: .833em; /* 12px -> 10px */
}







/*
	3.) Accessibility-related rules
---------------------------------------------------------------*/

#skipnav {
	position: absolute;
	top: -1000px;
	left: -10000px;
}

.accessible_hide {
	display: block;
	position: absolute;
	top: -10000px;
	left: -10000px;
}







/*
	4.) Header-related rules
---------------------------------------------------------------*/

.top-logo {
	padding: 22px 0 9px 11px;
	margin: 0;
	background: url('../images/top-sprites.png') no-repeat 0 -73px;
}

.top-logo a {
	display: block;
	width: 183px;
	height: 48px;
	text-indent: -1000px;
	overflow: hidden;
	background: url('../images/top-logo.png') no-repeat;
}







/*
	5.) Navigation
		5.1) Top Navigation
---------------------------------------------------------------*/

#top-nav {
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url('../images/top-sprites.png') repeat-x #1d4d97;
	margin: 0;
	padding: 0;
}

#top-nav li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#top-nav a {
	color: #fff;
	text-transform: uppercase;
	display: block;
	padding: 16px 9px 12px 9px;
	text-decoration: none;
}

ul#top-nav li a:hover {
	background: url('../images/top-sprites.png') repeat-x 0 -411px #b5d3ff;
	color: #183d7c;
}

#top-nav li.top-nav-current a {
	background: url('../images/top-sprites.png') repeat-x 0 -346px;
}

#top-nav li.top-nav-home {
	background: url('../images/top-sprites.png') no-repeat 0 -144px;
}

#top-nav li.top-nav-home span {
	display: block;
	padding-left: 19px;
	background: url('../images/top-sprites.png') no-repeat 0 100%;
}

#top-nav li.top-nav-about_us {
	padding-right: 19px;
	background: url('../images/top-sprites.png') no-repeat 100% -244px;
}

ul.top-nav-about li.top-nav-about a {
	background: url('../images/top-sprites.png') no-repeat 100% -346px;
}





/*
		5.2) Left Navigation
---------------------------------------------------------------*/

ul.left_3col-nav,
ul.left_2col-nav {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 13px 0 0 24px;
}

ul.left_3col-nav li,
ul.left_2col-nav li {
	display: block;
	padding: 2px 5px 1px;
	margin: 0;
}

ul.left_2col-nav a:hover, ul.left_3col-nav a:hover {
	background-position: -520px -5px;
}

ul.left_3col-nav li, ul.left_2col-nav li {
	background: url('../images/left_3col-nav.png') no-repeat 0 -3px;
	width: 244px;
}

ul.left_3col-nav a, ul.left_2col-nav a {
	display: block;
	color: #000 !important;
	text-decoration: none;
	padding: 10px 0 0 34px;
	background-image: url('../images/left_3col-nav.png');
	background-position: -5px -5px;
/*	text-transform: uppercase; */
	height: 25px;
	width: 200px;
}

ul.left_2col-nav-b li {
	background: url('../images/left_2col-nav.png') no-repeat 0 -3px;
	width: 245px;
}

ul.left_2col-nav-b a {
	display: block;
	color: #000 !important;
	text-decoration: none;
	padding: 10px 0 0 34px;
	background-image: url('../images/left_2col-nav.png');
	background-position: -5px -5px;
/*	text-transform: uppercase; */
	height: 25px;
	width: 211px;
}

ul li.left-nav-first {
	padding-top: 5px;
	background-position: 0 0;
}

ul li.left-nav-last {
	padding-bottom: 8px;
}

/* Current State Style */
/* Acadis section */
ul.left-nav-scheduling li.left-nav-scheduling a,
ul.left-nav-registration li.left-nav-registration a,
ul.left-nav-housing li.left-nav-housing a,
ul.left-nav-training li.left-nav-training a,
ul.left-nav-testing li.left-nav-testing a,
ul.left-nav-compliance li.left-nav-compliance a,
ul.left-nav-portal li.left-nav-portal a,
ul.left-nav-system_admin li.left-nav-system_admin a
{
	background-position: -263px -5px;
	color: #fff !important;
}

/* About section */
ul.left-nav-about-home li.left-nav-about-home a,
ul.left-nav-about-about_agile_development li.left-nav-about-about_agile_development a,
ul.left-nav-about-agile_benefits_and_principles li.left-nav-about-agile_benefits_and_principles a,
ul.left-nav-about-meetings_and_artifacts li.left-nav-about-meetings_and_artifacts a
{
	background-position: -263px -5px;
	color: #fff !important;
}

/* Clients section */
ul.left-nav-clients-home li.left-nav-clients-home a,
ul.left-nav-clients-evaluations li.left-nav-clients-evaluations a
{
	background-position: -263px -5px;
	color: #fff !important;
}








/*
		5.3) Audience mini-nav
---------------------------------------------------------------*/

div.nav-audience_mini {
	height: 115px;
}

ul.nav-audience_mini {
	position: absolute;
	top: 49px;
	right: -5px;
	list-style: none;
	background: url('../images/nav-audience_mini.png');
	margin: 0 !important;
	padding: 0;
	width: 597px;
	height: 61px;
}

ul.nav-audience_mini_3col {
	top: 44px;
	left: 278px;
	background: url('../images/nav-audience_mini.png') no-repeat 0 -183px;
	width: 597px;
	height: 61px;
}

ul.nav-audience_mini li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

ul.nav-audience_mini a {
	background-image: url('../images/nav-audience_mini.png');
	display: block;
	text-indent: -10000px;
	overflow: hidden;
}

li.nav-audience_mini-military a {
	width: 186px;
	height: 44px;
	margin: 4px 0 0 12px;
	background-position: -12px -4px;
}

li.nav-audience_mini-military a:hover {
	background-position: -12px -65px;
}

div.nav-audience_mini-military li.nav-audience_mini-military a {
	background-position: -12px -126px;
}

li.nav-audience_mini-law_enforcement a {
	width: 186px;
	height: 44px;
	margin: 4px 0 0 6px;
	background-position: -204px -4px;
}

li.nav-audience_mini-law_enforcement a:hover {
	background-position: -204px -65px;
}

div.nav-audience_mini-law_enforcement li.nav-audience_mini-law_enforcement a {
	background-position: -204px -126px;
}

li.nav-audience_mini-public_safety a {
	width: 193px;
	height: 44px;
	margin: 4px 0 0 5px;
	background-position: -395px -4px;
}

li.nav-audience_mini-public_safety a:hover {
	background-position: -395px -65px;
}

div.nav-audience_mini-public_safety li.nav-audience_mini-public_safety a {
	background-position: -395px -126px;
}








/*
	6.) Content-related rules
---------------------------------------------------------------*/

img.photo-right {
	float: right;
	margin: 0 0 18px 18px;
/*	padding: 18px 0 18px 18px;
	border-left: 1px solid #2862AD;*/
	border: 1px solid #2862AD;
}

div.left_2col-flag {
	position: relative;
	left: -12px;
	width: 324px;
	height: 50px;
	background: url('../images/left_2col-flag.png') no-repeat;
	padding: 17px 8px 0 49px;
	margin-right: -50px;
}

div.left_2col-flag a {
	color: #000;
	font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
	font-size: 1.333em; /* 12px -> 16px */
	font-weight: bold;
	width: 264px;
	height: 27px;
	text-decoration: none;
	padding: 0 0 2px 0;
}

div.left_2col-flag a:hover {
	text-decoration: underline;
}

a.left-sidebar-pdf {
	color: #000;
	font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
	font-size: 1.333em; /* 12px -> 16px */
	font-weight: bold;
	width: 264px;
	height: 27px;
	text-decoration: none;
	padding: 0 0 2px 0;
	margin: 0 0 0 32px;
}

div.left_2col-flag a.pdf, a.left-sidebar-pdf {
	background: url('../images/icon-pdf_lg.png') no-repeat 100% 0;
	padding-right: 30px;
}

h3.left_2col {
	padding: 24px 0 0 36px;
}

div.left_2col-content {
	font-size: .955em; /* 12px -> 10.5px */
	width: 220px;
	margin: 24px 36px;
}

div.left_2col-content blockquote {
	font-size: 1em;
}

h2.logo-acadis_2col {
	margin: 36px 0 12px 26px;
}

h2.logo-acadis_2col a {
	display: block;
	width: 260px;
	height: 79px;
	background: url('../images/logo-acadis_2col.png') no-repeat;
	text-indent: -10000px;
	overflow: hidden;
}

h2.logo-acadis_3col a {
	display: block;
	width: 239px;
	height: 73px;
	background: url('../images/logo-acadis_3col.png') no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	margin: 33px 0 22px 26px;
}

.main_3col-content p,
.main_3col-content h3,
.main_3col-content h4,
.main_3col-content h5,
.main_3col-content h6,
.main_3col-content ul,
.main_3col-content dl {
	margin-right: 274px;
}

span.form-req {
	color: #dd0000;
}

table.content-table {
	width: 100%;
	margin: 1em 0 2em 0;
	border-collapse: collapse;
	border-bottom: 5px solid #bebebe;
}

table.content-table td,
table.content-table th {
	vertical-align: top;
	text-align: left;
}

table.content-table thead {
	background: url(../images/bg-th.png) repeat-y #589bf2;
}

table.content-table th {
	color: #fff;
	font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
	font-size: 1.167em; /* 12px -> 14px */
	text-transform: uppercase;
	padding: .25em;
}

table.content-table td {
	border-bottom: 1px solid #bebebe;
	padding: .75em .25em;
}

.content-link-pdf {
	text-align: right;
}





/*
		6.1) Right Sidebar
---------------------------------------------------------------*/

div.right-sidebar {
	float: right;
	width: 274px;
	background: url(../images/3_col-right-bg.png) no-repeat 0 0;
	margin: 0 -36px 0 0;
	min-height: 400px;
}

div.right-sidebar-slot {
	padding:  18px 30px;
	font-size: 11px;
	border-bottom: 1px solid #bebebe;
}

p.right-sidebar-end {
	padding: 18px 30px;
	font-size: 11px;
	width: 214px;
}

div.right-sidebar a.lightbox {
	padding: 23px 30px;
	display: block;
}





/*
		6.2) Feature photos
---------------------------------------------------------------*/

.main-feature span {
	display: block;
	height: 279px;
	position: relative;
	width: 900px;
	margin: 0 auto;
	background: #fff;
	z-index: 2;
}

.main-feature img {
	position: absolute;
	top: 0;
	left: -28px;
	padding: 10px 22px 22px 28px;
	background: url(../images/bg-feature_photo.png) no-repeat;
}






/*
		6.3) Two column listings
---------------------------------------------------------------*/

dl.content-dl-2col {
	margin: 0;
	padding: 0;
}

dl.content-dl-2col dt {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	margin: 1.5em 0 .5em 0;
}

dl.content-dl-2col dd {
	display: block;
	float: left;
	width: 220px;
	margin: 0;
	padding: 0 20px 1em 0; /* 12px -> 12px */
}

dl.content-dl-2col strong {
	color: #2862ad;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.167em; /* 12px -> 14px */
	display: block;
}






/*
		6.4) Lifetime Tracking graphic
---------------------------------------------------------------*/

.content-lifelong_tracking {
	width: 495px;
	height: 613px;
	background: url('../images/content-lifelong_tracking.jpg') no-repeat;
	overflow: hidden;
}

.content-lifelong_tracking li,
.content-lifelong_tracking dt,
.content-lifelong_tracking dd {
	text-indent: -10000px;
	display: block;	
}

.content-lifelong_tracking ul {
	list-style: none;
}







/*
		6.5) Big action links
---------------------------------------------------------------*/

a.link-big_action {
	display: block;
	color: #000 !important;
	background: url('../images/icon-link.png') no-repeat 0 0;
	line-height: 1.2em;
	text-decoration: none;
}

a.link-big_action span {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em; /* 12px -> 15px */
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	text-indent: 18px;
	margin: 0 0 .5em 0;
}






/*
	7.) Footer-related rules
---------------------------------------------------------------*/

div.bottom-copyright {
	float: left;
}

div.bottom-linkedin {
	margin: -8px 0 0 0;
	display: block;
	float: right;
}

a.bottom-link-gsa {
	position: relative;
	top: 1px;
	margin: 0 5px 0 0;
}



/*
	8.) Utility classes
---------------------------------------------------------------*/

span.block {
	display: block; /*(used to create line breaks in CSS user agents only)*/
}

div.clear {
	clear: both;
}