/* Abnology
OA: David Sargent | PINT */

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption { margin:0; padding:0; }

table { border-collapse:collapse; }
table, th, td { margin:0; }

html { min-height:100%; padding-bottom:1px; }

body { color:#595b55; font-size:12px; line-height:20px; font-family:arial,sans-serif; text-align:center; background:#f1f1f2; }
table, th, td { color:#595b55; font-size:12px; line-height:20px; font-family:arial,sans-serif; }
input, td input, select, td select, textarea, td textarea { color:#a2a3a0; font-size:12px; line-height:20px; font-family:arial,sans-serif; }

a img, :link img, :visited img { border:none; }

a:link { color:#76b124; text-decoration:none; }
a:visited { color:#76b124; text-decoration:none; }
a:hover, a:active { color:#76b124; text-decoration:underline; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }

blockquote { margin:0; padding:15px 15px 15px; color:#76b124 !important; background:#f1f1f2; }

ul { margin:0 0 12px 15px; }
ol { margin:0 0 12px 18px; }

/* Headlines */
h1, .h1 { margin:0 0 15px; color:#76b124; font-size:22px; line-height:22px; font-weight:normal; }
h2, .h2 { margin:0 0 18px; color:#595b55; font-size:16px; line-height:32px; font-weight:normal; }
h3, .h3 { margin:0 0 12px; color:#595b55; font-size:13px; line-height:15px; font-weight:normal; }
h4, .h4 { margin:0 0 15px; color:#595b55; font-size:12px; line-height:14px; font-weight:normal; }
h5, .h5 { margin:0 0 15px; color:#595b55; font-size:11px; line-height:13px; font-weight:normal; }
h6, .h6 { margin:0 0 15px; color:#595b55; font-size:10px; line-height:12px; font-weight:normal; }


/* COMPONENTS (WIDGETS) - [  .component- ] 
------------------------------------------------------------------------------------- */
.quoter { padding:7px 0 0 36px; line-height:14px; background:url(../images/bg-sprite-y.png) no-repeat 15px -258px; }
.quoter strong { margin:0 0 3px; display:block; font-size:14px; }
.quoter em { color:#adaeab; }

/* BUTTON STYLES - [  .btn- ] 
------------------------------------------------------------------------------------- */
.btn1 { padding:15px 15px 17px; display:block; color:#fff !important; font-size:14px; line-height:22px; background:#2060a3 url(../images/bg-btn1.png) repeat-x 0 0; }
.btn1:hover { text-decoration:none; background:#5aa4f0; }
.btn1 span { margin:0 0 0 10px; padding:0 0 0 5px; width:6px; height:10px; background:url(../images/bg-sprite-y.png) no-repeat 0 -86px; }

.btn2 { padding:2px 20px 4px 3px; width:162px; display:block; color:#fff !important; font-size:12px !important; background:url(../images/bg-btn2.png) no-repeat 0 0; }
.btn2:hover { color:#eee !important; text-decoration:none; }


/* FORMS - [  .form- ] 
------------------------------------------------------------------------------------- */
.select { position:relative; width:240px; height:25px; background:url(../images/bg-sprite-x.png) no-repeat -298px -34px; }
.select label { position:absolute; top:0; left:0; padding:2px 0 0 7px; width:233px; height:23px; color:#a2a3a0; cursor:pointer; z-index:1; }
.select select { position:relative; width:240px; height:25px; font-size:11px; opacity:0; cursor:pointer; z-index:2; }
.select option { padding:3px 6px; font-size:11px; }

/* LIST STYLES - [  .list- ] 
------------------------------------------------------------------------------------- */
.list-nobull li { list-style:none; }

.list-arrow { margin:0 29px 20px 0; }
.list-arrow li  { padding:0 0 0 8px; list-style:none; background:url(../images/bg-arrow.png) no-repeat 1px 8px; }

/* TABLE STYLES - [  .tbl- ] 
------------------------------------------------------------------------------------- */


/* SHARED
------------------------------------------------------------------------------------- */
#logo { position:absolute; top:0; left:0; width:247px; height:96px; background:url(../images/bg-sprite-x.png) no-repeat 0 0; z-index:100; }
#logo img { display:none; }

#container { text-align:left; background:#fff url(../images/bg-body.png) repeat-x 0 0; }
#container .inner { position:relative; margin:0 auto; padding:96px 0 0; width:990px; }

#header { position:absolute; top:0; left:0; width:100%; height:96px; z-index:50; }

/* BEGINS NAVIGATION **********************************************************************************************/

/* Generic Nav Styles */
.nav { position:absolute; margin:0; }
.nav li { float:left; position:relative; list-style:none; }
.nav li a { cursor:pointer; }
.nav li a:hover { text-decoration:none; }
.nav li a, .nav li div { position:relative; display:block; text-decoration:none; color:#fff; font-size:14px; }
.nav li span { position:absolute; top:0; left:0; display:block; }

.nav li table { margin:0 -1px -1px; border-collapse:collapse; }
.nav li td { font-size:11px; }
.nav li:hover, * html .nav a:hover { position:relative; }
.nav li li a { font-size:11px; text-align:left; }

/* Main Nav - Specific (Must also have .nav on element) */
#nav { top:38px; left:277px; width:503px; height:30px; overflow:hidden; background:#e1e8f0; }
#nav li { height:30px; }
#nav li a, #nav li div { padding:7px 0 0 10px; height:23px; color:#231f20; }
#nav li a:hover { color:#2060a3; }
#nav li span { height:30px; }
#nav li, #nav li a, #nav li span, #nav li div { background-image:url(../images/bg-nav.png); }

/* NORMAL STATE (NAV ITEM W/ DROPDOWN, NAV ITEM W/O DROPDOWN */
#nav li.nav-services, #nav li.nav-services a, #nav li.nav-services a span, #nav li.nav-services-nodrop, #nav li.nav-services-nodrop a, #nav li.nav-services-nodrop a span { background-position:0 0; width:76px; }
#nav li.nav-solutions, #nav li.nav-solutions a, #nav li.nav-solutions a span, #nav li.nav-solutions-nodrop, #nav li.nav-solutions-nodrop a, #nav li.nav-solutions-nodrop a span { background-position:-76px 0; width:90px; }
#nav li.nav-customers, #nav li.nav-customers a, #nav li.nav-customers a span, #nav li.nav-customers-nodrop, #nav li.nav-customers-nodrop a, #nav li.nav-customers-nodrop a span { background-position:-166px 0; width:100px; }
#nav li.nav-resources, #nav li.nav-resources a, #nav li.nav-resources a span, #nav li.nav-resources-nodrop, #nav li.nav-resources-nodrop a, #nav li.nav-resources-nodrop a span { background-position:-266px 0; width:92px; }
#nav li.nav-about, #nav li.nav-about a, #nav li.nav-about a span, #nav li.nav-about-nodrop, #nav li.nav-about-nodrop a, #nav li.nav-about-nodrop a span { background-position:-358px 0; width:70px; }
#nav li.nav-contact, #nav li.nav-contact a, #nav li.nav-contact a span, #nav li.nav-contact-nodrop, #nav li.nav-contact-nodrop a, #nav li.nav-contact-nodrop a span { background-position:-428px 0; width:75px; }

/* HOVER STATE - W/ DROP */
#nav li.nav-services:hover a, #nav li.nav-services:hover a span, #nav li.nav-services a:hover, #nav li.nav-services a:hover span, #nav li.nav-serviceson:hover a, #nav li.nav-serviceson:hover a span, #nav li.nav-serviceson a:hover, #nav li.nav-serviceson a:hover span { background-position:0 -30px; width:76px; }
#nav li.nav-solutions:hover a, #nav li.nav-solutions:hover a span, #nav li.nav-solutions a:hover, #nav li.nav-solutions a:hover span, #nav li.nav-solutionson:hover a, #nav li.nav-solutionson:hover a span, #nav li.nav-solutionson a:hover, #nav li.nav-solutionson a:hover span { background-position:-76px -30px; width:90px; }
#nav li.nav-customers:hover a, #nav li.nav-customers:hover a span, #nav li.nav-customers a:hover, #nav li.nav-customers a:hover span, #nav li.nav-customerson:hover a, #nav li.nav-customerson:hover a span, #nav li.nav-customerson a:hover, #nav li.nav-customerson a:hover span { background-position:-166px -30px; width:100px; }
#nav li.nav-resources:hover a, #nav li.nav-resources:hover a span, #nav li.nav-resources a:hover, #nav li.nav-resources a:hover span, #nav li.nav-resourceson:hover a, #nav li.nav-resourceson:hover a span, #nav li.nav-resourceson a:hover, #nav li.nav-resourceson a:hover span { background-position:-266px -30px; width:92px; }
#nav li.nav-about:hover a, #nav li.nav-about:hover a span, #nav li.nav-about a:hover, #nav li.nav-about a:hover span, #nav li.nav-abouton:hover a, #nav li.nav-abouton:hover a span, #nav li.nav-abouton a:hover, #nav li.nav-abouton a:hover span { background-position:-358px -30px; width:70px; }
#nav li.nav-contact:hover a, #nav li.nav-contact:hover a span, #nav li.nav-contact a:hover, #nav li.nav-contact a:hover span, #nav li.nav-contacton:hover a, #nav li.nav-contacton:hover a span, #nav li.nav-contacton a:hover, #nav li.nav-contacton a:hover span { background-position:-428px -30px; width:75px; }

/* ON STATE */
#nav li.nav-serviceson, #nav li.nav-serviceson span, #nav li.nav-serviceson div, #nav li.nav-serviceson-nodrop, #nav li.nav-serviceson-nodrop span, #nav li.nav-serviceson-nodrop div { background-position:0 -60px; width:76px; }
#nav li.nav-solutionson, #nav li.nav-solutionson span, #nav li.nav-solutionson div, #nav li.nav-solutionson-nodrop, #nav li.nav-solutionson-nodrop span, #nav li.nav-solutionson-nodrop div { background-position:-76px -60px; width:90px; }
#nav li.nav-customerson, #nav li.nav-customerson span, #nav li.nav-customerson div, #nav li.nav-customerson-nodrop, #nav li.nav-customerson-nodrop span, #nav li.nav-customerson-nodrop div { background-position:-166px -60px; width:100px; }
#nav li.nav-resourceson, #nav li.nav-resourceson span, #nav li.nav-resourceson div, #nav li.nav-resourceson-nodrop, #nav li.nav-resourceson-nodrop span, #nav li.nav-resourceson-nodrop div { background-position:-266px -60px; width:92px; }
#nav li.nav-abouton, #nav li.nav-abouton span, #nav li.nav-abouton div, #nav li.nav-abouton-nodrop, #nav li.nav-abouton-nodrop span, #nav li.nav-abouton-nodrop div { background-position:-358px -60px; width:70px; }
#nav li.nav-contacton, #nav li.nav-contacton span, #nav li.nav-contacton div, #nav li.nav-contacton-nodrop, #nav li.nav-contacton-nodrop span, #nav li.nav-contacton-nodrop div { background-position:-428px -60px; width:75px; }

/* ENDS NAVIGATION **************************************************************************************************/

#header-search { position:absolute; top:42px; right:20px; width:152px; height:24px; overflow:hidden; background:url(../images/bg-sprite-x.png) no-repeat -298px 0; }
#header-search input { margin:1px 0 0 1px; padding:0 0 0 4px; width:121px; height:22px; float:left; display:inline; color:#a2a3a0; font-size:12px; overflow:hidden; border:none; }
#header-search .btn { margin:0; padding:0; width:26px; height:24px; cursor:pointer; opacity:0; }

#tertnav { position:absolute; top:8px; right:28px; }
#tertnav li { float:left; list-style:none; font-size:13px; }
#tertnav a { color:#2060a3; }

.content { position:relative; padding:20px; min-height:400px; background:#fff; }
.content p { margin:0 0 23px; }

#sub-head { position:absolute; top:20px; left:20px; padding:29px 0 0 18px; width:932px; height:51px; color:#f7fbf4; font:normal 32px/32px 'Myriad Pro',arial,sans-serif; letter-spacing:3px; background:url(../images/bg-sprite-x.png) no-repeat 0 -110px; }


/* HOME PAGE
------------------------------------------------------------------------------------- */
#h-flash { margin:0 0 30px; padding:0; width:950px; height:340px; }

#layout-homepage blockquote { padding:15px; font-size:14px; line-height:22px; }
#layout-homepage p { margin:0; }
#layout-homepage #main p { margin:0 0 18px; color:#595b55; font-size:16px; line-height:32px; font-weight:normal; }
#layout-homepage h2 { color:#231f20; font:normal 20px/20px 'Myriad Pro',arial,sans-serif; }
#layout-homepage a { color:#2060a3; }

#row2 h2 { margin:0 0 7px; line-height:17px; }
#row2 h3 { color:#76b124; font-size:14px; }
#row2 p { margin:0 0 10px; height:50px; line-height:16px; }

#h-latest { color:#adaeab; font-size:14px; background:url(../images/bg-h-latest.png) no-repeat 100% 100%; }
#h-latest h2 { margin:0 0 21px; color:#adaeab; }
#h-latest h3 { margin:0 0 9px; color:#595b55; font-size:16px; }
#h-latest p { height:39px; line-height:18px; }


/* SUBPAGE
------------------------------------------------------------------------------------- */
#sub-toolbar { position:absolute; top:100px; left:20px; width:950px; height:35px; border-bottom:1px solid #f1f1f2; }

#breadcrumb { margin:7px 0 0 18px; }
#breadcrumb li { float:left; display:inline; color:#76b124; }
#breadcrumb a { margin-right:7px; padding-right:11px; color:#7f817c; background:url(../images/bg-arrow.png) no-repeat 100% 6px; }

#subnav { margin:0; }
#subnav ul { margin:12px 0 0; }
#subnav li { margin:4px 0 6px; padding:0 10px 6px 20px; color:#76b124; font-size:13px; line-height:14px; list-style:none; border-bottom:1px solid #f1f1f2; }
#subnav li li { margin:0 0 4px; padding:0 0 0 10px; font-size:11px; line-height:14px; border:0; background:url(../images/bg-arrow.png) no-repeat 2px 4px; }
#subnav a { color:#595b55; }


/* FOOTER
------------------------------------------------------------------------------------- */
#footer { color:#adaeab; border-top:3px solid #e6e7e8; }
#footer .inner { position:relative; margin:0 auto; width:990px; height:125px; text-align:left; }
#footer li { margin:0 18px 0 0; float:left; display:inline; list-style:none; }
#footer a { color:#7f817c; }

#footernav1 { position:absolute; top:22px; left:5px; }
#footernav2 { position:absolute; top:22px; right:30px; }
#footernav2 li { margin:0 0 0 20px; }
#footer p { position:absolute; top:53px; right:30px; font-size:11px; }


/* LAYOUTS
------------------------------------------------------------------------------------- */
#col1 { float:right; display:inline; }
#col2 { float:left; display:inline; }
#main { float:left; display:inline; }
#sidebar { float:left; display:inline; }

#layout-homepage { padding:20px 20px 62px; }
#layout-homepage #row1 { margin:0 0 30px; padding:0 0 23px; border-bottom:1px solid #f1f1f2; }
#layout-homepage #row2 { background:url(../images/bg-homepage.png) repeat-y 0 0; }
#layout-homepage #main { margin:0 40px 0 0; padding:10px 0 0; width:620px; }
#layout-homepage #sidebar { width:290px; }
#layout-homepage #h-services { margin:0 47px 0 0; width:284px; }
#layout-homepage #h-solutions { margin:0 49px 0 0; width:280px; }
#layout-homepage #h-latest { padding:0 105px 0 0; width:185px; }

#layout-3col { padding-top:136px; }
#layout-3col #layout { padding-top:30px; }
#layout-3col #col1 { width:749px; }
#layout-3col #col2 { padding:0 11px 0 0; width:149px; background:url(../images/bg-dots-y.png) repeat-y 100% 0; }
#layout-3col #main { margin:0 44px 0 0; width:505px; }
#layout-3col #sidebar { width:200px; }


/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
#skip { display:none; }
.show { display:block; }
.hide { display:none; }
.clear { clear:both; }
br.clear { line-height:0; height:0; }
.last { border:none !important; }
.col { float:left; display:inline; }
.pint { display:none !important; }
.color1 { color:#595b55 !important; }
.color2 { color:#76b124 !important; }

.link-abnology { padding:0 0 0 20px; background:url(../images/bg-sprite-y.png) no-repeat 0 0; }
.link-pdf { padding:0 0 0 20px; background:url(../images/bg-sprite-y.png) no-repeat 0 -331px; }

.clearfix:after, .content:after, .row:after, #layout:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix, .content, .row, #layout { display:inline-block; }
.clearfix, .content, .row, #layout { /*\*/display:block;/**/ }