@import url('reset.css');

img, div, span {-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;}

/* LAYOUT */
html{font-size: 101%;}

body{
	font: 1em/1.5em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
	margin: 0.938em 0 0;
	background: #f8f8f8;}

.page{
	width: 61.25em;
	margin: 0 auto;
	position: relative;}

.page ul{margin-left: 40px;}

.clear{clear: both;}

.center{text-align: center;}

#middleWrap{
	width: 100%;
	clear: both;
	min-height: 18.75em;
	background: #888888 url('../../images/middleBG.png') repeat-y 50% 55%;
	margin-top: 1.25em;}
	
#middleContent{
	width: 61.25em;
	margin: 0 auto;}

#leftSlide{
	width:31em;
	float: left;
	padding: 0.85em;}
	
#leftSlide h2{
	padding-top: 3em;}
	
#leftSlide p{margin: 0.4em}

p.benefits{
	font-size: 85%;
	line-height: 120%;;
	clear: both;
	padding: 0.3em 1.9em}

#leftSlide p.space{margin: 1em;}
	
#leftSlideImg{
	float: left;
	width: 16.875em;
	height: 14.375em;
	margin: 0 0.9em 0.9em 0;}
	
a.leftLink, a.leftLink:visited{
	text-decoration: none;
	padding: 0.3em 0.5em;
	background: #888888;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	color: black;
	font-size: 120%;
	box-shadow: 0 0.125em 0.250em #575757;
	border: 0.063em solid #575757;
	border-bottom: 0.063em solid #9b9a9a;
	z-index: 1;
	position: relative;
	zoom: 1;
	behavior: url('/includes/scripts/ie-css3.htc');}
	
a.leftLink:hover{
	background: #575757;
	border: 0.063em solid black;
	border-bottom: 0.063em solid #3a3a3a;
	box-shadow: 0 0.125em 0.250em #000;
	color: #c0c0c0;}
	
#rightSlide{
	width:28.25em;
	float: right;
	text-align: center;
	position: relative;}
	
#footer{font-size: 90%;
	padding: 0.75em 0 0.375em;
	width: 100%;
	background: #000;
	color: #fff;}

/* HEADER */
#topMenu{height: 7.188em;
	margin-bottom: 2.188em;}

#logo{
	width: 239px;
	height: 115px;}


/* DEFAULT STYLES */
a{}
a:link, a:visited, a:active{}
a:hover{}

h1,h2,h3,h4{font-weight: bold;}
h2,h3,h4{line-height: 112.5%;}
h1{font-size:150%; line-height: 2.247em;}
h2{font-size: 125%;}
h3{font-size: 100%;}
h4{font-size: 80%;}

img{
	behavior: url('/includes/scripts/iepngfix.htc'); 
	border: 0;}

/*FOOTER */
#footer div{width: 61.25em; margin: 0 auto; padding: 0;}

#footer h2{text-align: center;}

#footer h2 a,#footer h2 a:visited{
	margin: 0 .75em 0;
	text-decoration: none;}
	
#footer a, footer a:visited{color: #c0c0c0; text-decoration: none;}
#footer a:hover{color: #fff;}
#footer a:active{color: #000;}

	
#footer div ul{
	float: right;
	width: 15em;
	font-size: 90%;
	list-style-type: none;
	padding: 0px;
	margin: 1.5em 0 2em;}
	
#footer p{
	clear: both;
	text-align: center;
	font-size: 80%;
	color: #484848;}

#footer p a{
	clear: both;
	text-align: center;
	color: #484848;}

@media screen and (max-device-width: 25em){html{-webkit-text-size-adjust: none;} }









/* menu styles */

#headMenu{
	font-size: 100%;
	float: right;
	margin-top: 3.8em;
	padding: 0;
	z-index: 30;
	position: relative;}

#headMenu a{
	color: #646464;
	text-decoration: none;
	padding: 0.125em 0.375em;
		-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url('/includes/scripts/PIE.htc');}
	
#headMenu a:hover, #headMenu li ul li a:hover{
	color: #000;
	background: #c1bfbf;
	opacity: 1 !important;
	text-shadow: 0 0 0 #000 !important;}

#headMenu li{
	float: left;
	list-style: none;
	line-height: 120%;}
	
#headMenu ul{
	-moz-border-radius: 0 10px 10px 10px;
	-webkit-border-radius: 0 10px 10px 10px;
	-khtml-border-radius: 0 10px 10px 10px;
	border-radius: 0 10px 10px 10px;
	behavior: url('/includes/scripts/PIE.htc');
	border: 0.094em solid #ececec;
	box-shadow: 0.188em 0.188em 0.188em #000;}
	
#headMenu li a:hover{
	background: none;}
	
#headMenu ul li ul{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	behavior: url('/includes/scripts/PIE.htc');
	margin: 0;
	padding: 0;}

#headMenu li a{
	display: block;
	white-space: nowrap;
	margin: 0 .5em;}

#headMenu li ul{
	margin: 0;
	padding: 0.2em 0 0 0;
	position: absolute;
	visibility: hidden;
	border-top: 0.094em solid #ececec;
	z-index: 15;
	background: #fff;
	opacity: .95;}

#headMenu li ul li{	
	float: left;
	display: block;
	clear: both;
	margin-top: .3em;
	margin-bottom: .3em;
	padding: 0;
	position: relative;
	zoom: 1;}

#headMenu li ul li a{	
	font-size: 80%;
	text-shadow: 0.063em 0.063em 0.063em #ececec;}
	
#headMenu li ul li a:hover{
	text-shadow: 0.063em 0.063em 0.063em #fff;}
	
#tagline{
	display: inline-block;
	position: absolute;
	top: 7em; 
	left: 1em;
	width: 100%;
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	text-align: center;
	color: #000}
	
#tagline b{
	font-size: 110%}

.rightSide{text-align: right;}


/* Existing Styles */


/* Page Attributes  */

body a{
	text-decoration: none;
	color: #975d1e;}

body a:hover{
	color: #c78237;}

#content{
}
	
#frame {
	display: block;
	background: #fff;
	padding: 20px 30px 0px 30px;
	margin-top: -10px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	-moz-border-radius: 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
	-khtml-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;
	behavior: url('/includes/scripts/PIE.htc');
	min-height: 300px;
	position: relative;}

#frame ul{
	font-size: 90%;}
	
.textPage ul, #frame ul{
	list-style-type: none;}
	
#frame h3{
	margin-top: 25px;
	margin-bottom: 8px;}

#frame p{font-size: 90%}
	
#frame p:last-child{
	margin-bottom: 22px;}
	
.textPage li{
	padding: 0;
	margin: 0;}
	
.iconImage{
	position: absolute;
	bottom: 0;
	right: 20px;}


/* Header Styles */

#menu{	
	background: #000 url("/images/montage1.jpg");
	width: 800px;
	height: 85px;}

#menu4 {	
	display: block;
	color: #bbb;
	font-size: 8pt;
	position: relative;
	top: 123px;
	left: 20px;
	line-height: 20px;
	width: 180px;
	vertical-align: middle;}
	
#headimage {
	border: 0px;
	margin: 0px;
	padding: 0px;}
	
a.sim{
	color: #bbb;
	background: url("/images/redcircle.gif") bottom center no-repeat;}

a.sim:hover{
	color: gold;
	background: url("/images/whitecircle.gif") center center no-repeat;}
	
a.sim2, a.sim2:hover{
	color: #bbb;
	background: url("/images/whitecircle.gif") center center no-repeat;}
	
#circle10, #circle2, #circle3, #circle4, #circle5, #circle6{
	display: block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	text-align: center;
	line-height: 20px;
	position: absolute;
	top: 0px;}

#circle10{
	left: 45px;}
	
#circle2{
	left:  70px;}
	
#circle3{
	left: 95px;;}
	
#circle4{
	left: 120px;}

#circle5{
	left: 145px;}
	
#circle6{
	left: 170px;}

.nav {
	display: block;
	position: relative;
	width: 600px;
	height: 30px;
	line-height: 30px;
	text-align: middle;
	text-align: right;
	top: -35px;
	left: 190px;
	}

.nav a, .nav a:visited {
	font-size: 9pt;
	color: #bbb;
	padding: 0px 9px 0px 5px;
	font-weight: normal;
	background: transparent;
	border: 0px solid #000;}
	
.nav a:hover {
	color: #fff;
	font-weight: normal;}
	
#selected, #selected:hover, #selected:visited{
	color: #fff;
	cursor: default;}
	



/*  visual Menu */

#visualMenu{
	display: block;
	margin: 25px 0px 20px 0px;
	padding: 0px;}
	
div.vmf{
	display: block;
	float: left;
	width: 220px;
	height: 107px;
	background: url("/images/dropbox1.gif") no-repeat;
	margin: 5px 5px 0px 10px;
	padding: 4px 8px 4px 8px;}
	
div.vmf a{
	color: #6a6969;
	font-size: 9pt;
	line-height: 130%;}
	
.vmf img{
	border: 0px;
	margin: 0px 10px 15px 0px;}
	
.vmf h3{
	color: #4b4b4b;
	font-weight: normal;
	font-size: 10.5pt;
	margin: 0px 0px 5px 0px;}
	
.vmf a:hover h3, {
	color: #000;}

#frame .vmf a:hover{
	color: #c78237;}	

#frame a{
	border-bottom: 1px solid #dedede;}


#frame .vmf a{
	border-bottom: 1px solid #fff;}
	
	
	
	
/* Default Container Styles */

.bold {
	font-weight: bold;}	

p span {
	font-style: oblique;}
	
p {
	margin: 0px 0px 7pt 0px;
	line-height: 150%;}

ul {
	margin-bottom: 25pt;
	margin-top: 5pt;}	

li {
	margin-bottom: 10pt;
	line-height: 140%;}
	
li p {
	margin-top: 10pt;}
	
dl {
	margin: 15px 0px 0px 20px;
	padding: 0px;}
	
dt {
	margin: 0px 0px 2px 7px;
	font-weight: bold;}

dd {
	padding-bottom: 10px;}
	
dd p{
	margin: 8pt 0px 0px 0px;}
	
table.sub {
	margin-top: 25pt;
	margin-bottom: 25pt;}
	
#calculationsTable {
	background: #ededed;}
	
#calculationsTable th{
	background: #bab9bb;
	font-weight: bold;
	border-bottom: 4px solid #d2d1d3;}
	
.tLable{
	background: #d2d1d3;
	text-align: right;
	vertical-align: top;
	width: 100px;}
	
#calculationsTable td{
	padding: 5px 8px 15px 5px;
	font-size: 9pt;
	border-bottom: 4px solid #d2d1d3;
	line-height: 150%;}
	
.sub th {
	background-color: #c0c0c0;}

.sub td {
	background-color: #f1f1f1;}

.contactInfo {
	width: 270px;
	padding-top: 10px;
	color: #000;
	font-size: 8pt;
	margin: 0px 0px 0px 480px;}

.contactInfo b{
	font-size: 9pt;
	font-weight: normal;
	display: block;
	margin: 0px 0px 1px 0px;
	padding: 0px;
	letter-spacing: 1px;}
	
.contactInfo p{
	line-height: 145%;
	margin-bottom: 10px;}

#warnings {
	border-top: 0px solid #c0c0c0;
	padding: 10px;
	font-size: 8.5pt;
	color: #000;
	width: 680px;
	margin-left: 30px;}
	
#warnings p{
	line-height: 130%;}



/* DL stylized */

.nonBold dt {
	font-weight: normal;
	margin-bottom: 5pt;}
	
.nonBold dl {
	margin-bottom: 5pt;}

.nonBold dd {
	margin-bottom: 25pt;}
	
.nonBold p {
	text-indent: 20pt;}
	
	
	

#menueHolder{
	display: block;
	width: 180px;
	float: right;
	text-align: center;
	margin: 0px 12px 0px 0px;
	background: #e6e6e6;
	position: relative;
	top: -10px;
	left: -10px;
	padding: 0px;}
	
#menueHolder img{
	border: 0px;
	margin: 0px;
	padding: 0px;
	display: none;}

#subMenu {
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: left;
	margin-left: 5px;}
	
#subMenu dl  {
	margin: 0px;}

#subMenu dt  {
	margin: 8px 0px 0px 0px;
	vertical-align: middle;
	line-height: 150%;
	font-size: 10pt;
	background: #c4c4c4;}

#subMenu dt a{
	display: block;
	color: #000;
	padding: 2px 5px 2px 7px;
	margin-left: 0px;
	font-weight: normal;}

#subMenu dd {
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
	line-height: 150%;
	vertical-align: middle;}

#subMenu dd a{
	display: block;
	color: #2b2b2b;
	padding: 4px 5px 4px 7px;}

#subMenu a:hover{
	color: #000;}




#menueHolder2 {
	display: block;
	font-size: 9pt;
	line-height: 165%;
	margin: 0px;
	padding: 0px;
	background: #353535;
	width: 800px;}
	
#menueHolder2 span{
	padding: 10px 0px 10px 10px;
	display: inline;
	float: left;}
	
a.mainc{
	color: #fff;
	padding: 0px;}

.mainc:hover, .smallLink:hover{
	color: #8fc5d9;}
	
a.smallLink {
	font-size: 8pt;
	color:#c0c0c0;
	display: block;
	line-height: 130%;
	margin: 0px 0px 5px 0px;}








/* sub menu highligts */

.subhighlight:hover, .subhighlight:visited{
	cursor: default;
	color: #f8eeac;}






/* Forms */


.formsholder {
	padding: 0pt 0px 15pt 0px;
	margin: 0px 0px 0px 0px;}

.formsholder .label {
	width: 120px; 
	text-align: right; 
	margin: 0px; 
	padding: 0px; 
	color: #000; 
	font-weight: normal; 
	line-height: 22px; 
	font-size: 9pt;
	vertical-align: top;}
	
.formsholder .inputs {
	display: block; 
	text-align: left;
	margin:0px;
	padding: 0px;
	vertical-align: top;} 
	
.formsholder input, .formsholder textarea, .formsholder select {
	color: black;
	font-size: 10pt;
	text-indent: 2px;
	margin: 2px 0px 2px 8px;
	vertical-align: top;} 





/* Styles */
	
.linklist a{
	display: block;
	border-bottom: 0px solid black;}
	

.linklist img{
	margin: 25px;}
	
.cimage {
	text-align: center;
	font-size: 8pt;
	margin: 25pt;}

.linklist2 {
	border: 1px solid #c0c0c0;
	background: #ededed;
	padding: 35px 0px 0px 0px;}
	
#frame .linklist2 a{
	display: block;
	width: 233px;
	height: 80px;
	float: left;
	text-align: center;
	border: 0px solid #ededed;}
	
#partners1, #partners2, #partners3{
	width: 700px;
	margin: 0 auto;}
	
.smallFont {
	font-size: 9pt;}





/*  Suport levels */

#level1, #level2, #level3, #level4{
	border: 1px solid #c0c0c0;
	background: #ededed;
	padding: 10px 0px 0px 0px;
	width: 700px;
	margin: 0 auto 30px;}
	
#level1 ul, #level2 ul, #level3 ul, #level4 ul{
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-left: 30px;}	
	
#level1 b, #level2 b, #level3 b, #level4 b{
	display: block;
	text-indent: 12px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 0px;}	
	
#sectionLinks{
	width: 702px;
	margin: 10px auto 0;
	text-align: center;
	background: #c0c0c0;
	padding-bottom: 4px;}
	
#sectionLinks a{
	border-bottom: 0px solid black;}
	
a.sectionLinksnotSelected img{
	width: 20px;
	height: 20px;
	background: #9f9e9e;
	position: relative;
	top: 4px;
	padding: 0px:}

a.sectionLinksSelected img{
	width: 20px;
	height: 20px;
	background: #fff;
	position: relative;
	top: 4px;
	padding: 0px:}
	
	
	
a.sectionLinksSelected{
	padding: 0px 10px 0px 10px;
	color: #000;
	font-size: 10pt;}
	
a.sectionLinksSelected:hover{
	color: #000;
	cursor: default;}
	



	
a.sectionLinksnotSelected {
	padding: 0px 10px 0px 10px;
	color: #5d5d5d;
	font-size: 10pt;}
	
a.sectionLinksnotSelected:hover{
	color: #000;}
	
a.sectionLinksnotSelected:hover img{
	background: #6c0303;}
	
	
div.textbox{
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background: #ededed;
	padding: 10px 20px 0px 20px;
	width: 660px;
	margin: 0 auto 20px;}

.imageCenter img{
	margin: 20px 0px 20px 20px;}
	
.imageCenter{
	margin: 0px;
	padding: 0px;}
	
#frame div.textbox span.wallpaper{
	display: block;
	font-size: 8pt;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: center;}
	
#frame div.textbox span.wallpaper img{
	border: 0px;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	position: relative;
	top: 1px;
	height: 10px;
	width: 10px;}
	
#frame div.textbox span.wallpaper a{
	margin-left: 12px;
	border-bottom: 0px solid black;}
	
#frame div.textbox span.wallpaper a img{
	background: #797979;}

#frame div.textbox span.wallpaper a:hover img{
	background: #690000;}
	
div.textbox p{
	line-height: 130%;}

div.textbox b{
	display: block;
	margin-bottom: 12px;}
	
.textbox table, .textbox tr, .textbox td{
	background: transparent;
	font-size: 8pt;
	margin: 0px;}

.textbox td{
	width: 50%;
	vertical-align: top;
	padding-right: 35px;}
	
.fontsizing a{
	font-size: 8pt;}
	
	



/*  Site Menu Styles */

#frame .sitemenu{
	float: left;
	width: 48%;
	margin-top: 10px;
	margin-bottom: 10px;}

#frame .sitemenu h5 a{
	display: block;
	color: black;
	margin: 0px 0px 5px 0px;
	border-bottom: 0px solid black;}
	
#frame .sitemenu span a{
	display: list-item;
	list-style-type: none;
	font-size: 8pt;
	margin: 0px 0px 0px 6px;
	padding: 0px;
	line-height: 150%;
	border-bottom: 0px solid black;}
	
	
	
	
/*  Products Programs Simple */	

.programSection {
	display: block;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background: #ededed;
	padding: 10px 20px 0px 20px;
	width: 660px;
	margin: 0px 0px 15px 30px;}
	
.programSection a{
	font-weight: bold;}
	
.module{
	border: 1px solid gray;
	margin-bottom: 12px;
	padding: 8px;}
	
.module h2{
	margin: 0px;
	border: 0px;
	font-size: 12px;
	line-height: 12pt;
	}
	
.module h3{
	margin: 0px 0px 8px 0px;
	border: 0px;
	font-size: 11px;
	line-height: 11px;}

.module p{
	font-size: 10px;}
	
.allPrograms p {
	width: 40%;
	float: left;
	margin: 0px 8px 10px 8px;}
	
.allPrograms p a{
	font-size: 10px;}
	
#indents {
	margin-left: 20px;
	margin-right: 50px;}
	
.nonList li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;}
	
/* New Home Tags */

#turnTable{width:750px; height:469px; position: relative; left: 5px; z-index: 1; background: #ececec url('/images/home_page/bg2.gif') center center no-repeat; margin: 12px 0;}
#turnBack{width:750px; height:469px; position: absolute; top: 0;left: 0; z-index: 3;}

#crime_scene, #crime_sceneH{width:376px; height:188px; position: absolute; top: 0; right: 0; z-index: 8;}
#crime_sceneScreen{width:630px; height:392; position: absolute; top: 42px; left: 60px; z-index: 2;}
#crime_sceneLink{width:376px; height:188px; position: absolute; top: 0; right: 0; z-index: 11;}

#latent_ace,#latent_aceH{width:187px; height:263px; position: absolute; top: 165px; right: 0; z-index: 14;}
#latent_aceScreen{width:630px; height:392; position: absolute; top: 42px; left: 60px; z-index: 2;}
#latent_aceLink{width:187px; height:263px; position: absolute; top: 165px; right: 0; z-index: 15;}

#bag_tag, #bag_tagH{width:439px; height:79px; position: absolute; bottom: 0; left: 155px; z-index: 16;}
#bag_tagScreen{width:630px; height:392; position: absolute; top: 42px; left: 60px; z-index: 2;}
#bag_tagLink{width:439px; height:79px; position: absolute; bottom: 0; left: 155px; z-index: 19;}

#video_interview, #video_interviewH{width:188px; height:263px; position: absolute; top: 165px; left: 0; z-index: 20;}
#video_interviewScreen{width:630px; height:392; position: absolute; top: 42px; left: 60px; z-index: 2;}
#video_interviewLink{width:188px; height:263px; position: absolute; top: 165px; left: 0; z-index: 23;}

#property_evidence, #property_evidenceH{width:375px; height:188px; position: absolute; top: 0; left: 0; z-index: 24;}
#property_evidenceScreen{width:630px; height:392; position: absolute; top: 42px; left: 60px; z-index: 2;}
#property_evidenceLink{width:375px; height:188px; position: absolute; top: 0; left: 0; z-index: 29;}

a.wLink:hover #crime_sceneH, a.wLink:hover #latent_aceH, a.wLink:hover #bag_tagH, a.wLink:hover #video_interviewH, a.wLink:hover #property_evidenceH{visibility: visible;}

#w2, #w3, #w4, #w5, #crime_sceneH, #latent_aceH, #bag_tagH, #video_interviewH, #property_evidenceH{visibility: hidden;}

#crime_sceneMainLink, #latent_aceMainLink, #bag_tagMainLink, #video_interviewMainLink, #property_evidenceMainLink{}
.leftBlock, .centerBlock, .rightBlock{position: absolute;z-index: 1200;}

.leftBlock, .rightBlock{top: 160px; width: 98px; height: 153px;}
.leftBlock{left: 90px;}
.rightBlock{right: 90px;}
.centerBlock{top: 82px; left:188px; width: 277px; height: 308px;}

#footer:before, .page:after, #frame:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;}
	
.error {color: #FF0000;}