@charset "utf-8";
@import "reset.css";

/****************************************

	client:   Formic Software
	author:   Nicola Hibbert
	agency:	  Akiko Design
	url:	  http://www.akikodesign.com

/****************************************/
/******************************************* HTML Elements */
html { overflow-y: scroll }
body { font: 11px/13px Arial, Verdana, Helvetica, sans-serif; text-align: center; min-width: 923px; background-color: #898989 }
h1, h2, h3, h4 { text-transform: uppercase }
a, a:hover { text-decoration: none }

/******************************************* Layout */ 
#doublewrap { background-color: white }
#wrapper { position: relative; width: 923px; margin: 0 auto; text-align: left }

/******************************************* Header */
#header { position: relative; width: 100%; height: 118px }
#header a.logo { display: block; height: 46px; width: 210px; background: url(../../images/ico/logo.png) top left no-repeat; 
	position: absolute; left: 3px; top: 13px; text-indent: -9999px }

#header #nav { width: 683px; height: 100%; float: left; text-transform: uppercase }
#header #nav ul { clear: left }
#header #nav li { float: left }
#header #nav li a { display: block; background-image: url(../../images/bg/sprite_text.png); background-repeat: no-repeat; text-indent: -9999px }

#header #nav ul#first { position: absolute; left: 5px; top: 78px }
#header #nav ul#first li a { color: #878787; margin-right: 12px; height: 8px }
#header #nav ul#first li.nav-1 a { width: 26px; background-position: 0 0 }
#header #nav ul#first li.nav-2 a { width: 45px; background-position: -39px 0 }
#header #nav ul#first li.nav-3 a { width: 132px; background-position: -96px 0 }
#header #nav ul#first li.nav-4 a { width: 57px; background-position: -240px 0 }
#header #nav ul#first li.nav-1 a:hover, #header #nav ul#first li.nav-1 a.selected { background-position: 0 -9px }
#header #nav ul#first li.nav-2 a:hover, #header #nav ul#first li.nav-2 a.selected { background-position: -39px -9px }
#header #nav ul#first li.nav-3 a:hover, #header #nav ul#first li.nav-3 a.selected { background-position: -96px -9px }
#header #nav ul#first li.nav-4 a:hover, #header #nav ul#first li.nav-4 a.selected { background-position: -240px -9px }

#header #nav ul#second { position: absolute; left: 4px; top: 95px }
#header #nav ul#second li a { color: black; margin-right: 22px; height: 12px }
#header #nav ul#second li.nav-1 a { width: 103px; background-position: 0 -256px }
#header #nav ul#second li.nav-2 a { width: 178px; background-position: 0 -274px }
#header #nav ul#second li.nav-3 a { width: 89px; background-position: 0 -292px }
#header #nav ul#second li.nav-1 a:hover, #header #nav ul#second li.nav-1 a.selected { background-position: 0 -200px }
#header #nav ul#second li.nav-2 a:hover, #header #nav ul#second li.nav-2 a.selected { background-position: 0 -218px }
#header #nav ul#second li.nav-3 a:hover, #header #nav ul#second li.nav-3 a.selected { background-position: 0 -236px }

#header #search { position: relative; width: 236px; padding-left: 4px; height: 100px; margin: 9px 0; float: right; 
	background: url(../../images/bg/bg_main-content.png) top left repeat-y }
#header #search p.phone { width: 130px; height: 13px; background: url(../../images/bg/sprite_text.png) 0 -740px no-repeat; 
	text-indent: -9999px; position: absolute; /*top: 54px;*/ top: 85px; left: 16px }
#header #search p.email { width: 96px; height: 10px; background: url(../../images/bg/sprite_text.png) 0 -760px no-repeat; 
	text-indent: -9999px; position: absolute; /*top: 56px;*/ top: 86px; right: -12px }
#header #search p.search { height: 21px; width: 100%; position: absolute; bottom: 1px; left: 16px; 
	background: url(../../images/bg/bg_search.jpg) top left no-repeat }
#header #search p.search input.kwsearch { border: 0; background: transparent; width: 178px; float: left; margin: 4px 13px 0 7px;
	font-size: 10px; font-family: Verdana, Geneva, sans-serif }

/******************************************* Banner */
#banner { position: relative; width: 100%; clear: both; margin-bottom: 18px }
#banner h1 { /*text-indent: -9999px*/ font-size: 30px; line-height: 30px; color: #A5D100; font-weight: bold }
#banner h1 span { color: black; font-size: 22px }
#banner ul { width: 193px; float: left; padding: 4px 11px 4px 7px; margin: 0 4px; background: url(../../images/bg/pixel.png) top left repeat; 
	text-transform: uppercase }
#banner li { height: 23px; border-bottom: 1px dashed #999 }
#banner li.last { border-bottom: 0 }
#banner li a { display: block; height: 10px; background-image: url(../../images/bg/sprite_text.png); background-repeat: no-repeat; 
	text-indent: -9999px; position: relative; top: 7px; left: 2px }
#banner li.nav-1 a { width: 63px; background-position: 0 -113px }
#banner li.nav-2 a { width: 127px; background-position: 0 -127px }
#banner li.nav-3 a { width: 80px; background-position: 0 -141px }
#banner li.nav-4 a { width: 47px; background-position: 0 -155px }
#banner li.nav-5 a { width: 91px; background-position: 0 -169px }
#banner li.nav-6 a { width: 112px; background-position: 0 -183px }
#banner li.nav-1 a:hover, #banner li.nav-1 a.selected { background-position: 0 -28px }
#banner li.nav-2 a:hover, #banner li.nav-2 a.selected { background-position: 0 -42px }
#banner li.nav-3 a:hover, #banner li.nav-3 a.selected { background-position: 0 -56px }
#banner li.nav-4 a:hover, #banner li.nav-4 a.selected { background-position: 0 -70px }
#banner li.nav-5 a:hover, #banner li.nav-5 a.selected { background-position: 0 -84px }
#banner li.nav-6 a:hover, #banner li.nav-6 a.selected { background-position: 0 -98px }
#banner p a { display: block; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 12px; font-weight: bold; text-transform: uppercase }
#banner a#ctl00_banner_livedemo, #banner a#ctl00_main_livedemo { display: block; width: 166px; height: 64px;background: url(../../images/bg/btn_live_demo.png) top left no-repeat; position: absolute; bottom: 10px; right: 0 }
	
/******************************************* Content */
#content { width: 100%; clear: both; overflow: auto; padding-bottom: 20px }
#content li { /*border-top: 1px dashed #999;*/ padding: 10px 0 }
#content li.first { padding-top: 0; border-top: 0 }
#content p { margin-bottom: 10px }
#content h2 { background-image: url(../../images/bg/sprite_text.png); background-repeat: no-repeat; text-indent: -9999px; 
	text-transform: none; border-bottom: 1px dashed #999; margin-bottom: 7px }
#content h2.casestudies { /*width: 102px;*/ height: 13px; padding-bottom: 10px; background-position: 0 -570px }
#content h2.events { /*width: 134px;*/ height: 14px; padding-bottom: 10px; background-position: 0 -538px }
#content h2.news { /*width: 127px;*/ height: 16px; padding-bottom: 10px; background-position: 0 -598px }
#content h2.emergencysolutions { /*width: 269px;*/ height: 20px; padding-bottom: 4px; background-position: 0 -361px }
#content h2.essolutions { /*width: 111px;*/ height: 16px; padding-bottom: 8px; background-position: 0 -480px }
#content h2.edusolutions { /*width: 176px;*/ height: 16px; padding-bottom: 8px; background-position: 0 -390px }
#content h2.datacapture { /*width: 222px;*/ height: 20px; padding-bottom: 6px; background-position: 0 -449px }
#content h2.testimonials { /*width: 113px;*/ height: 16px; padding-bottom: 8px; background-position: 0 -510px }
#content h2.healthsolutions { /*width: 186px;*/ height: 16px; padding-bottom: 8px; background-position: 0 -331px }
#content h2.deployment { /*width: 180px;*/ height: 20px; padding-bottom: 4px; background-position: 0 -420px; margin-bottom: 0 }
#content h2.healthcare { /*width: 233px;*/ height: 15px; padding-bottom: 8px; background-position: 0 -307px }
#content h2.clients { height: 14px; padding-bottom: 9px; background-position: 0 -970px }
#content h2.resource { height: 17px; padding-bottom: 6px; background-position: 0 -1000px }
#content h2.contact { height: 14px; padding-bottom: 9px; background-position: 0 -1030px }
#content h2.dcsolutions { background-image: none; text-indent: 0; font-size: 17px; padding-bottom: 6px }
#content a { display: block; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 12px; font-weight: bold; /*text-transform: uppercase*/ }
#content a.more { display: block; text-indent: -9999px; background-image: url(../../images/bg/sprite_text.png); background-repeat: no-repeat; 
	width: 85px; height: 14px; background-position: 0 -720px }
#content a.viewall { display: block; text-indent: -9999px; background-image: url(../../images/bg/sprite_text.png); background-repeat: no-repeat;
	width: 200px; height: 26px }

/******************************************* CONTENT DIVS */
/******************************************* [MENU] */
#menu { width: 192px; float: left; padding: 0 19px 0 4px; }
#menu li { padding: 0; border-bottom: 1px dashed #999; overflow:hidden; width:192px; text-transform:uppercase; }
#menu li a { display: block; width: 168px; float: right; padding: 8px 0 }
#menu li a.current { color:#A8D400; font-weight:bold}
#menu li span { display: block; height: 14px; width: 14px; float: left; position: relative; top: 7px; margin-right: 10px;
	background: url(../../images/bg/sprite_text.png) left -720px no-repeat }

#menu .subnav { clear:both}
#menu ul.subnav li { text-transform:none; border-top: 1px dashed #999; border-bottom:none; float:left}
#menu ul.subnav li a { color:#666; font-size:11px;  margin-left:24px; font-weight:normal }

/******************************************* [MAIN CONTENT] */
#main-content { width: 435px; min-height: 260px; float: left; padding: 0 16px 66px 21px; background: url(../../images/bg/bg_main-content.png) top left repeat-y }

/******************************************* [SIDEBAR] */
#sidebar { width: 212px; /*209*/ float: left; padding: 0 3px 0 21px /*24*/ }
#sidebar ul { width: 212px }
#sidebar li { border-top: 1px dashed #999; padding: 10px 0 }
#sidebar li h3 { width: 96%; margin-bottom: 3px }
#sidebar li img { margin-top: 1px }
#sidebar p { clear: both }

/******************************************* Footer */
#footerwrap { width: 100%; height: 118px; clear: both; background-color: #898989 }
#footer { position: relative; width: 923px; margin: 0 auto; text-align: left }
#footer ul { text-transform: uppercase; position: absolute; top: 50px; right: 0 }
#footer li { float: left; margin-right: 15px }
#footer li.last { margin-right: 0 }
#footer li a { display: block; background-image: url(../../images/bg/sprite_text.png); background-repeat: no-repeat; height: 8px; text-indent: -9999px }
#footer li.nav-1 a { width: 67px; background-position: 0 -17px }
#footer li.nav-2 a { width: 73px; background-position: -82px -17px }
#footer li.nav-3 a { width: 49px; background-position: -170px -17px }
#footer li.nav-4 a { width: 33px; background-position: -233px -17px }
#footer li.nav-5 a { width: 57px; background-position: -281px -17px }
#footer li.nav-6 a { width: 43px; background-position: -352px -17px }
#footer .akiko { height: 15px; width: 111px; background: url(../../images/bg/sprite_text.png) left -853px no-repeat; 
	position: absolute; top: 17px; left: 1px; text-indent: -9999px }
#footer .formic { height: 24px; width: 110px; background: url(../../images/bg/sprite_text.png) left -821px no-repeat;
	position: absolute; top: 15px; right: 0; text-indent: -9999px }
#footer p { display: inline; color: white; position: absolute; top: 68px; right: 0 }

/******************************************* BODY CLASSES */
/******************************************* [HOME] */
.home #header #nav { width: 578px }
.home #header #search { width: 300px }
.home #banner { height: 250px; margin-bottom: 16px }
.home #banner ul { height: 241px }
.home #content { min-height: 410px }
.home #left-sidebar { padding: 0 18px 0 5px; margin-top: 2px; float: left; width: 278px }
.home #main-content { width: 278px; padding: 0 22px; background: url(../../images/bg/bg_home_main-content.png) top left repeat-y }
.home #sidebar { padding: 0 0 0 18px; width: 282px }
.home #content a.viewall { background-position: 0 -630px }

/******************************************* [SUB-CAT HOME PAGES] */
.main #banner { height: 250px }
.main #banner ul { height: 241px }
.main #main-content li { border-bottom: 1px dashed #999;/* padding: 7px 10px 10px 95px*/ padding: 8px 10px 7px 0; overflow: auto; clear: both }
.main #main-content li .image { width: 95px; min-height: 80px; float: left }
.main #main-content li .text { width: 330px; float: right }
.main #main-content li.paper { /*background: url(../../images/bg/sprite_asset.jpg) 0 -271px no-repeat;*/ padding-top: 0 }
.main #main-content li.mobile { /*background: url(../../images/bg/sprite_asset.jpg) 0 -367px no-repeat*/ }
.main #main-content li.web { /*background: url(../../images/bg/sprite_asset.jpg) 0 -470px no-repeat;*/ border: 0 }
.main #main-content p { margin-bottom: 5px }
.main #main-content h3 { display: block; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 12px; 
	font-weight: bold; text-transform: uppercase; line-height: 14px }	
.main #main-content h3.green { width: 100%; margin-top: 8px; color: #a8d400; 
	font-size: 14px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; text-transform: none }	
.main #content a.viewall { background-position: 0 -630px }

/******************************************* [SUB-CAT SUB PAGES] */
.sub #banner { height: 150px; margin-bottom: 20px }
.sub #banner ul { height: 141px }
.sub #menu #asset { height: 120px; width: 190px; background: url(../../images/bg/bg_healthcare_sub_asset.jpg) top left no-repeat; margin-top: 20px }
.sub #main-content { width: 432px; padding: 0 20px }
.sub #main-content h3 { width: 100%; margin: 18px 0 5px; color: #a8d400; 
	font-size: 14px; line-height: 14px; font-family: Arial, Helvetica, sans-serif }
.sub #content a.viewall { background-position: 0 -661px }
.sub #sidebar h3 { font-family: Arial, Helvetica, sans-serif; margin-bottom: 7px; width: 140px; float: right }

/******************************************* PAGES */
/******************************************* [HOME] */
.home #doublewrap { background: white url(../../images/bg/bg_home.jpg) center 118px no-repeat }
.home #header #search p.phone { left: 22px }
.home #header #search p.email { right: 48px }
.home #header #search p.search { left: 23px; background: url(../../images/bg/home_search.png) top left no-repeat }
.home #header #search p.search input.kwsearch { width: 225px }
.home #banner h1 { width: 270px; position: absolute; top: 88px; left: 235px }
.home #banner p { width: 320px; position: absolute; left: 236px; top: 153px }
.home #banner a.more { margin-top: 9px }
.home #left-sidebar li.es { background: url(../../images/bg/sprite_asset.jpg) 0 35px no-repeat; padding-bottom: 27px }
.home #left-sidebar li.edu { background: url(../../images/bg/sprite_asset.jpg) 0 -91px no-repeat }
.home #left-sidebar p { width: 186px; margin-left: 92px; margin-bottom: 0 }
.home #left-sidebar li.es a.more, .home #left-sidebar li.edu a.more { margin-left: 92px; position: relative; top: 9px }
.home #main-content p.links a { display: block; text-indent: -9999px; background-image: url(../../images/bg/sprite_text.png); 
	background-repeat: no-repeat; height: 14px; margin-bottom: 12px }
.home #main-content p.links a.movie { width: 128px; background-position: 0 -881px }
.home #main-content p.links a.capture { width: 210px; background-position: 0 -910px }
.home #main-content p.links a.library { width: 139px; background-position: 0 -939px }
.home #main-content li.testimonial { border-bottom: 1px dashed #999 }
.home #main-content li.testimonial p.quote { background: url(../../images/ico/rsq.png) right bottom no-repeat; text-indent: 10px; 
	padding-right: 20px; line-height: 16px }
.home #main-content li.testimonial p span { display: block; height: 11px; width: 16px; float: left; background: url(../../images/ico/lsq.png) top left no-repeat }
.home #main-content li.testimonial p.from { font-family: Arial, Helvetica, sans-serif; color: black; font-size: 11px; font-weight: bold; 
	text-transform: uppercase; margin-bottom: 0 }
.home #main-content a.viewall { background-position: 0 -692px}

/******************************************* [HEALTHCARE HOME] */
.healthcare .main { background: url(../../images/bg/bg_healthcare_home.jpg) center 117px no-repeat }
.healthcare #banner h1 { width: 270px; position: absolute; top: 19px; left: 233px }
.healthcare #banner p { width: 189px; position: absolute; left: 234px; top: 85px }

/******************************************* [EMERGENCY HOME] */
.emergency .main { background: url(../../images/bg/bg_emergency_home.jpg) center 117px no-repeat }
.emergency #banner h1 { width: 270px; position: absolute; top: 19px; left: 235px }
.emergency #banner p { width: 189px; position: absolute; left: 236px; top: 118px }

/******************************************* [EDUCATION HOME] */
.education .main { background: url(../../images/bg/bg_education_home.jpg) center 117px no-repeat }
.education #banner h1 { width: 270px; position: absolute; top: 19px; left: 235px }
.education #banner p { width: 189px; position: absolute; left: 236px; top: 86px }

/******************************************* [DATA CAPTURE HOME] */
.datacapture .main { background: url(../../images/bg/bg_datacapture_home.jpg) center 117px no-repeat }
.datacapture #banner h1 { width: 270px; position: absolute; top: 19px; left: 233px }
.datacapture #banner p { width: 189px; position: absolute; left: 234px; top: 118px }

/******************************************* [HEALTHCARE SUB] */
.healthcare .sub { background: url(../../images/bg/bg_healthcare_sub.jpg) center 117px no-repeat }
.healthcare .sub #banner h1 { width: 330px; position: absolute; top: 70px; left: 235px }
.healthcare .sub #menu ul { margin-top: 0 }
.healthcare .sub #menu ul.subnav { margin-top: 0 }

/******************************************* [TERMS, PRIVACY, PARTNERS, COMPANY, CONTACT] */
.docs #main-content { width: 578px !important }
.docs #main-content h2 { background-image: none; text-indent: 0; font-size: 17px; padding-bottom: 6px }
.docs #main-content li { border: none; padding-left: 30px }

/******************************************* [RESOURCE LIBRARY ] */
.resourcelibrary #main-content h2 { background-image: none; text-indent: 0; font-size: 17px; padding-bottom: 6px }
.resourcelibrary #main-content table { border: 1px solid #666 }
.resourcelibrary #main-content th, .resourcelibrary #main-content td { padding: 10px; border: 1px solid #666; text-align: left }
.resourcelibrary #main-content th { background: #999; color: white }

/******************************************* [LIVE DEMO FORM] */
.demo .sub #banner h1 { top: 100px; left: 232px; width: 350px }
.demo #main-content h2 { background-image: none; text-indent: 0; font-size: 17px; padding-bottom: 6px }
.demo #main-content h3 { padding-bottom: 10px }
.demo #main-content p { margin-bottom: 10px; height: 20px }
.demo #main-content p a { display: inline }
.demo #main-content label { display: block; float: left; width: 120px; font-size: 12px; height: 20px; line-height: 20px }
.demo #main-content input { float: left; width: 300px }
.demo #main-content input.submit { width: 100px; float: right; margin-right: 5px }
.demo #main-content select { float: right; margin-right: 9px; width: 306px }

/******************************************* [DOWNLOADS] */
#downloads { /*border-top: 1px dashed #999999;*/ width:100%; overflow:hidden; padding-top:20px}
#downloads a { float:left; margin-right:10px}

/******************************************* [IMAGES] */
#pictures { width:100%; overflow:hidden; padding-top:20px}
#pictures img { float:left; margin-right:20px}

/******************************************* [MODAL] */
#overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; display: none; background: #333 }
#mdlPopup { position: absolute; height: 430px; display: none; width: 600px; padding-bottom:10px; z-index: 101 }
#mdlPopup .modal-close { position: absolute; top: -8px; right: -8px; height: 29px; width: 25px; background: url(../../images/bg/x.png) top left no-repeat }

/******************************************* Generic Classes */
.grey { color: #898989 }
.green { color: #a8d400 }

ul#tempnav { position: absolute; top: 10px; left: 10px; height: 80px; width: 100px; background: #FFF }