/*
=============================================================================================

Legal Age ID Systems, Inc.
General Layout Style Sheet

Created by Delaware.Net
http://www.delaware.net
Copyright 2007

=============================================================================================
*/

/* General
========================================== */
body {background:#D6D4AD url(/images/layout/content_bg.jpg) left top repeat-x; font:12px Arial, Helvetica, sans-serif; color:#444; margin:0;}

a {outline-style:none;} /* Removes dotted lines around links when active */
a:link {color:#444; text-decoration:underline;}
a:visited {color:#444; text-decoration:underline;}
a:hover {color:#444; text-decoration:none;}

img {border:none;}
strong {font-weight:bold;}


ul#access {display: none;} /* Use to add jump link to main content and navigation for screen readers */
.thumbnail {padding:3px; margin:3px; border:1px solid #444; background:#ccc;}

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

.rightalign {text-align:right;}


/* Layout
========================================== */

#wrapper {margin:0 auto; width:923px;}

/*=== Header ===*/
#header {background:url(/images/layout/header_bg.jpg) left top no-repeat; position:relative; height:154px;}
#header h1 {text-indent:-9999px; overflow:hidden; position:absolute; left:49px; top:24px; width:339px; height:82px;}
#header h1 a:link, #header h1 a:visited, #header h1 a:hover {display:block; width:339px; height:82px;}

#login {text-align:center; font:9pt Arial, Helvetica, sans-serif; font-weight:200; color:#0f640f; position:absolute; right:24px; top:15px; width:326px; height:125px;}

/*=== Navigation ===*/
/* MAIN NAV*/
#navMain ul {width:131px; margin:0; padding:0;}
#navMain ul li {list-style:none; background:url(/images/layout/nav_button.png) left top no-repeat; }
#navMain ul li, #navMain ul li a {height:39px; width:131px; display:block;}
#navMain ul li a {text-decoration:none; font:12px Arial, Helvetica, sans-serif; color:#054305; line-height:30px; text-align:center;}

/* TOP SUB NAV*/
#navSub { margin-right:15px; color:#000; text-align:right; height:22px; line-height:22px;}
#navSub a:link, #navSub a:visited {color:#036; text-decoration:none;}
#navSub a:hover {color:#036; text-decoration:underline;}

/* LEFT SUB NAV */
#product_nav ul {width:127px; margin:0; padding:0; list-style:none;}
#product_nav ul li, #product_nav ul a {height:94px; display: block; padding-left:0; padding-right:0;}
#product_nav ul li a {text-indent: -9999px; overflow: hidden; text-decoration: none;}

#legalage a:link, #legalage a:visited {background:url(/images/layout/legalage.png) left top no-repeat; width:127px;}
#sdkproducts a:link, #sdkproducts a:visited {background:url(/images/layout/sdkproducts.png) left top no-repeat; width:127px;}
#idcheck a:link, #idcheck a:visited {background:url(/images/layout/idcheck.png) left top no-repeat; width:127px;}
#combatmeth a:link, #combatmeth a:visited {background:url(/images/layout/combatmeth.png) left top no-repeat; width:127px;}

#banner {float:right; padding-right:31px; padding-bottom:15px;}
/*=== Content ===*/
#content {padding:0px 0px 0px 20px; background:url(/images/layout/bg.png) top left repeat-y; width:923px;}

#left_menu {width:136px; float:left;}
#left_column {width:183px; float:left; padding-left:8px; padding-right:7px}
#right_column {width:555px; float:left;}
#flash {width:549px; height:270px; display:block;}

#title {margin-left:170px; padding-top:20px; font:14px Arial, Helvetica, sans-serif; font-weight:bold; position:relative;}
#title span {margin:0; font-size:11px; font-weight:normal; text-decoration:none; padding:0; position:absolute; right:50px; top:176px;}
#title span a {text-decoration:none;}
#title span a:hover {text-decoration:underline;}

#body_txt {margin-left:190px; width:670px;}

#news_support ul {width:550px; margin:0; padding:0; list-style:none;}
#news_support ul li {width:260px; height:67px; display: block; padding-left:0; padding-right:0; float:left;}
#news_support ul li a {width:260px; height:67px;text-indent: -9999px; overflow: hidden; text-decoration: none; display:block;}

#news a:link, #news a:visited {background:url(/images/layout/news_btn.jpg) left top no-repeat; width:260px;}
#support a:link, #support a:visited {background:url(/images/layout/support_btn.jpg) left top no-repeat; width:260px;}

#software li {padding:5px 0; line-height:18px;}

#prodNav {margin:0; padding:0; height:100px;}
#prodNav ul {margin:0; padding:0;}
#prodNav ul li {list-style:none; float:left; display:inline; width:25%;}
#prodNav ul li h3 {background:url(../images/layout/gradient_bg_sm.jpg) left top no-repeat; height:17px; padding:2px 15px 0 5px; margin:0; font-size:14px;}
#prodNav ul li ul {margin:5px 0; padding:0 0 0 10px;}
#prodNav ul li ul li {list-style:disc; float:none; display:block; width:auto; padding:3px 0;}

#barcode_txt {border:solid #bed1c2; border-width:3px 0; margin:0; padding:10px 0 5px; height:130px;}
#barcode_txt img {float:left; margin-right:20px;}
#barcode_txt p {line-height:20px;}

#counter_desc {background:url(../images/layout/gradient_bg.jpg) left bottom no-repeat; padding:0 0 35px 0; line-height:18px;}

#ing710 {width:48%; height:205px; float:left; border:solid #AECFBE; border-width:0 2px 2px 0; position:relative;}
#ing710 h3 {position:absolute; left:120px; top:0;}
#ing710 p {position:absolute; width:190px; left:120px; top:25px; line-height:20px;}
#ing710 a {position:absolute; left:120px; top:108px; width:190px;}
div#ing710 .logo {position:absolute; left:3px; top:150px; height:23px; width:108px;}

#ing510 {width:48%; height:205px; float:left; border:solid #AECFBE; border-width:0 0 2px; position:relative;}
#ing510 h3 {position:absolute; left:155px; top:0;}
#ing510 p {position:absolute; width:165px; left:155px; top:25px; line-height:20px;}
/*#ing510 a {position:absolute; left:155px; top:150px; width:165px;}*/
#ing510_links {position:absolute; left:155px; top:108px; width:165px;}
div#ing510 .logo {position:absolute; left:3px; top:150px; height:23px; width:108px;}

#ver374 {width:48%; height:205px; float:left; border:solid #AECFBE; border-width:0 0 2px 0; position:relative;}
#ver374 h3 {position:absolute; left:140px; top:3px;}
#ver374 p {position:absolute; width:190px; left:140px; top:28px; line-height:20px;}
/*#ver374 a {position:absolute; left:140px; top:113px; width:170px;}*/
#ver374_links {position:absolute; left:140px; top:108px; width:170px;}
div#ver374 .logo {position:absolute; left:3px; top:153px; height:34px; width:113px;}

#ver320 {width:48%; height:205px; float:left; border:solid #AECFBE; border-width:0 0 2px 2px; position:relative;}
#ver320 h3 {position:absolute; left:140px; z-index:10; top:3px;}
#ver320 p {position:absolute; width:170px; left:140px; top:28px; line-height:20px;}
/*#ver320 a {position:absolute; left:140px; top:113px; width:180px;}*/
#ver320_links {position:absolute; left:140px; top:108px; width:180px;}
div#ver320 .logo {position:absolute; left:5px; top:153px; height:34px; width:113px;}

#symmc5 {width:48%; height:205px; float:left; border:solid #AECFBE; border-width:0 2px 2px 0; position:relative;}
#symmc5 h3 {position:absolute; left:120px; top:0;}
#symmc5 h3 span {display:block; font-weight:normal; font-size:11px;}
#symmc5 p {position:absolute; width:190px; left:120px; top:35px; line-height:20px;}
#symmc5 p.soft_links {position:absolute; left:120px; top:100px; width:190px;}
div#symmc5 .logo {position:absolute; left:3px; top:150px; height:23px;}

#eseek {width:48%; height:205px; float:left; border:solid #AECFBE; border-width:0 0 2px; position:relative;}
#eseek h3 {position:absolute; left:155px; top:0;}
#eseek p {position:absolute; width:165px; left:155px; top:25px; line-height:20px;}
#eseek p.soft_links {position:absolute; left:155px; top:90px; width:165px;}
div#eseek .logo {position:absolute; left:3px; top:150px; height:23px;}

#datagry {width:48%; height:205px; float:left; border:solid #AECFBE; border-width:0 2px 2px 0; position:relative;}
#datagry h3 {position:absolute; left:155px; z-index:10; top:3px;}
#datagry p {position:absolute; width:170px; left:155px; top:28px; line-height:20px;}
#datagry a {position:absolute; left:155px; top:145px; width:160px;}
div#datagry .logo {position:absolute; left:5px; top:153px; height:34px; width:113px;}

#datagry2d {width:48%; height:205px; float:left; border:solid #AECFBE; border-width:0 0 2px 0; position:relative;}
#datagry2d h3 {position:absolute; left:155px; z-index:10; top:3px;}
#datagry2d p {position:absolute; width:170px; left:155px; top:28px; line-height:20px;}
#datagry2d a {position:absolute; left:155px; top:145px; width:160px;}
div#datagry2d .logo {position:absolute; left:5px; top:153px; height:34px; width:113px;}

#m200 {width:48%; height:205px; float:left; border:solid #AECFBE; border-width:0 2px 2px 0; position:relative;}
#m200 h3 {position:absolute; left:140px; z-index:10; top:3px;}
#m200 p {position:absolute; width:170px; left:140px; top:28px; line-height:20px;}
#m200 a {position:absolute; left:140px; top:150px; width:160px;}
div#m200 .logo {position:absolute; left:5px; top:153px; height:34px; width:113px;}

#m250 {width:48%; height:205px; float:left; border:solid #AECFBE; border-width:0 0 2px 0; position:relative;}
#m250 h3 {position:absolute; left:140px; z-index:10; top:3px;}
#m250 p {position:absolute; width:170px; left:140px; top:28px; line-height:20px;}
#m250 a {position:absolute; left:140px; top:150px; width:160px;}
div#m250 .logo {position:absolute; left:5px; top:153px; height:34px; width:113px;}

#voyager {width:48%; height:205px; float:left; border:solid #AECFBE; border-width:0 2px 2px 0; position:relative;}
#voyager h3 {position:absolute; left:140px; z-index:10; top:3px;}
#voyager p {position:absolute; width:170px; left:140px; top:28px; line-height:20px;}
#voyager a {position:absolute; left:140px; top:113px; width:180px;}
div#voyager .logo {position:absolute; left:5px; top:160px; height:34px; width:113px;}

#focus {width:48%; height:205px; float:left; border:solid #AECFBE; border-width:0 0 2px 0; position:relative;}
#focus h3 {position:absolute; left:140px; z-index:10; top:3px;}
#focus p {position:absolute; width:170px; left:140px; top:28px; line-height:20px;}
#focus a {position:absolute; left:140px; top:145px; width:180px; z-index:10;}
div#focus .logo {position:absolute; left:5px; top:160px; height:34px; width:113px; z-index:1;}

.prodImg {position:absolute; left:3px; top:0;}
#prodimg_alt {position:absolute; left:30px; top:15px;}
#prodimg_alt1 {position:absolute; left:30px; top:65px;}

.style1 {color: #539653;font-weight: bold;}
.style2 {color: #fafd25;font-weight: bold;}
.style3 {color: #e76108;font-weight: bold;}


#login_txt {margin-left:375px; padding-top:140px; text-align:center; width:280px; height:50px; font:14px Verdana, Arial, Helvetica, sans-serif;}
/* OLD Products Page Nav */

/*#product2_nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#product2_nav a {
	color: #000;
	display: block;
	width: 10em;
}

#product2_nav li {
	float: left;
	width: 10em;
}

#product2_nav li ul a{
	color: #FFFFFF;
}

#product2_nav li ul{
	position: absolute;
	color: #FFFFFF;
	background: #9CB2B9;
	width: 10em;
	left: -999em; 
}

#product2_nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}*/

/*=== Footer ===*/

#footerContent {width:923px; margin:0 auto; font:10px Arial, Helvetica, sans-serif; color:#000; text-align:center;}