* { margin: 0; padding: 0; }    a img { border: 0; background: transparent; }    fieldset { border: none; }    html { height: 100% }    body { min-height: 101% }

body {
	font: 70%/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	background: #f2f6f9 url(../images/body-bg.png) repeat-y 50% 0;
}
#container { width: 740px; margin: 0 auto; }


/* =TEXT STYLES
================================================ */
a { color: #079cd4; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: .05em 0 1.1em; }
p.intro { font-weight:normal; font-size: 1.1em; line-height: 1.4; color: #555; margin: .05em 0 .8em; }
h2 { color: #be181e; font-weight: normal; text-transform: uppercase; padding-bottom: 3px; border-bottom: 1px solid #f1f1f1; margin-bottom: .3em; font-size: 18px; }
p.subtitle { color: #777; font-weight: bold; margin: .3em 0 0; font-size: 119%; }
p.buy { color: #D40000; font-weight: bold; margin: .3em 0 0; font-size: 150%; }
p.bulletcontent { color: #717171; font-weight: normal; margin: .15em 0 0; font-size: 110%; }
p.next { color: #777; font-weight: bold; margin: .3em 0 0; font-size: 120%; }
#content h3 { color: #555; font-weight: normal; margin: .3em 0 0; font-size: 120%; }
a.pdf { background: url(../images/icon-pdf.png) no-repeat right center; padding-right: 18px; }
#content ul { margin: .2em 0 1em; }
#content ul li { background: url(../images/bul-arr-red.png) no-repeat 0 .5em; padding-left: 12px; list-style: none; }
#content hr { color: #fff; background-color: #fff; border: 1px solid #EEE; border-style: none none solid; margin: 1.1em 0; display: block; }
#aboutlist { color: #606060; text-decoration: none;}

#content2 h3 { color: #555; font-weight: normal; margin: .3em 0 0; font-size: 120%; }
a.pdf { background: url(../images/icon-pdf.png) no-repeat right center; padding-right: 18px; }
#content2 ul { margin: .2em  1em; }
#content2 ul li { background: url(../images/bul-arr-red.png) no-repeat 0 .5em; padding-left: 22px; list-style: none; }
#content2 hr { color: #fff; background-color: #fff; border: 1px solid #EEE; border-style: none none solid; margin: 1.1em 0; display: block; }



/* =SUB PAGE ELEMENTS
================================================ */
#content {
	width: 355px;
	float: left; display: inline;
	margin: 0 21px 12px 0;
	background-image: none;
}

#content2 {
	width: 520px;
	float: left; display: inline;
	margin: 0 0 21px 9px;
	background-image: none;
}

#sidebar-right { float: right; display: inline; width: 155px; margin: 0 0 12px 0; }
#sidebar-right img { margin: 0 0 12px 0; }
#bd-contact #sidebar-right h3 { font-weight: normal; margin: 0 0 .1em; font-size: 130%; }



/* =MASTHEADS (sub pages)
================================================ */
h1#masthead {
	width: 740px; height: 40px;
	text-indent: -9999em;
	margin: 0 0 25px;
	color: #be181e;
}
.h1-solutions { background: url(../images/mastheads/blank_masthead.png) no-repeat; }
.h1-partner { background: url(../images/mastheads/blank_masthead.png) no-repeat; }
.h1-industries { background: url(../images/mastheads/blank_masthead.png) no-repeat; }
.h1-about { background: url(../images/mastheads/blank_masthead.png) no-repeat; }
.h1-news { background: url(../images/mastheads/blank_masthead.png) no-repeat; }
.h1-careers { background: url(../images/mastheads/blank_masthead.png) no-repeat; }
.h1-relations { background: url(../images/mastheads/blank_masthead.png) no-repeat; }
.h1-blank { background: url(../images/mastheads/blank_masthead.png) no-repeat; }
.h1-contact { background: url(../images/mastheads/blank_masthead.png) no-repeat; }
.h1-login { background: url(../images/mastheads/blank_masthead.png) no-repeat; }
.h1-signup { background: url(../images/mastheads/blank_masthead.png) no-repeat; }
.h1-admin { background: url(../images/mastheads/blank_masthead.png) no-repeat; }
.h1-forgot { background: url(../images/mastheads/blank_masthead.png) no-repeat; }
.h1-privacy { background: url(../images/mastheads/blank_masthead.png) no-repeat; }
.h1-security { background: url(../images/mastheads/blank_masthead.png) no-repeat; }

/* =SIDEBAR LEFT
================================================ */
#sidebar-left { float: left; display: inline; width: 172px; margin: 1px 20px 12px 0; }
#sidebar-left2 { float: left; display: inline; width: 152px; margin: 0 0 12px 0; }

/* =leftnav */
#leftnav ul {  margin: 0 0 0 20px; padding: 0; list-style: none; font-size: 90%; width: 145px; }
#leftnav a.selected { text-decoration: underline; }

#leftnav li { text-transform: uppercase; list-style: none; border-bottom: 1px solid #EEE; }
#leftnav li h4 { font-size: 11px; font-weight: normal; }

#leftnav li.lastnav { border-bottom: none; }
#leftnav li.level3 { margin-left: 3px; list-style: none; background-image: none; padding-left: 0; }
#leftnav li.indhead { color: #656565; }
#leftnav ul.level3ul { margin-left: 20px; }
#leftnav ul.level3ul li { margin-left: 0; list-style: none; background-image: none; padding-left: 0; }
#leftnav li a { display: block; width: 150px; padding: 5px 12px 6px 16px; color: #656565; text-decoration: none; }
#leftnav li a:hover, #leftnav li a.selected { color: #be181e; text-decoration: none; }
#leftnav a.notinuse { cursor: default!important; }
#leftnav a.notinuse:hover { color: #656565; cursor: default!important; }


#leftnav ul ul { margin: 0; padding: 0; }
#leftnav ul li { background: url(../images/bul-arr-grey.gif) no-repeat 0 .5em; padding-left: 12px; list-style: none; color: #1b95cd; border-bottom: none; text-transform: none; margin: 0 0 .99em .25em; position: relative; }
#leftnav ul li h4 { font-weight: bold; font-size: 90%; }
#leftnav ul li a { color: #1b95cd; padding: 0; text-decoration: none; }
#leftnav ul li a:hover { color: #1b95cd; text-decoration: underline; }
#leftnav ul li a.selected { color: #1b95cd; text-decoration: underline; }

#leftnav ul#nolink { margin: 0; padding-left: 18px; }
#leftnav ul#nolink li { color: #656565; list-style: none; margin-left: 0; }



/* =leftnav2 */

#leftnav2 ul ul { margin: 0; padding: 0; }
#leftnav2 ul li { border-bottom: none; text-transform: none; margin: 0 0 .0em .10em; position: relative; }

#leftnav2 li { text-transform: none; list-style: none; border: 0px; margin: 0 0 .10em .05em; position: relative; }
#leftnav2 li h4 { font-size: 12px; font-weight: normal; }

#leftnav2 li a { display: block; width: 150px; padding: 0px 12px 6px 16px; color: #808080; text-decoration: none; }
#leftnav2 li a:hover { color: #079CD4; text-decoration: none; }


/* =TOUTS
================================================ */
#product-brochures { background: url(../../images/touts/product-brochures-bg.png) bottom center no-repeat;  }
#product-brochures p { margin:2px; padding:0; }
#product-brochures h3 { text-indent: -5000px; background: url(../../images/touts/product-brochures-header.png) 0 0 no-repeat; height: 18px; cursor: pointer; font-size:1px; }



/* =HOME PAGE
================================================ */
#bd-home #content {
	width: 740px;
	background: url(../images/hm-mid-bg.jpg) repeat-y;
	margin: -2px 0 0 0;
}
#bd-home #content #col-better, #bd-home #content #col-spotlight, #bd-home #content #col-works {
	float: left; display: inline;
	width: 246px;
}
#bd-home #content #col-works { width: 248px; }
#bd-home p { color: #777; }
#col-better h2 a, #col-spotlight h2 a, #col-works h2 a { display: block; width: 246px; height: 34px; text-indent: -9999em; overflow: hidden; }
#col-better h2 a { background: url(../images/homeH2-whatmakesbetter.png) no-repeat; }
#col-spotlight h2 a { background: url(../images/homeH2-industryspotlight.png) no-repeat; }
#col-works h2 a { background: url(../images/homeH2-howitworks.png) no-repeat; width: 248px; }
#col-better h2 a:hover, #col-spotlight h2 a:hover, #col-works h2 a:hover { background-position: 0 -34px; }

.col-inner { width: 210px; margin: 13px 18px; }
.inner-lastcol { margin: 13px 19px; }
#bd-home ul.attn { width: 210px; list-style: none; color: #777; }
#bd-home ul.attn li { background: url(../images/bul-redsquare.png) no-repeat 0 .9em; padding: .35em 0 .35em 12px; border-bottom: 1px solid #EEE; width: 198px; }
#bd-home ul.attn li.last { border-bottom: none; }

#bd-home ul.gattn { width: 210px; list-style: none; color: #777; }
#bd-home ul.gattn li { background: url(../images/bul-grnsquare.png) no-repeat 0 .9em; padding: .35em 0 .35em 12px; border-bottom: 1px solid #EEE; width: 198px; }
#bd-home ul.gattn li.last { border-bottom: none; }

#col-spotlight h3 a, #col-works h3 a { margin: 8px 0 4px; display: block; width: 210px; height: 29px; text-indent: -9999em; overflow: hidden; }
#col-spotlight h3 a { background: url(../images/hm-h3-spotlight.gif) no-repeat; }
#col-works h3 a { background: url(../images/hm-h3-howworks.png) no-repeat; }
#col-spotlight p strong a { color: #fea71e; text-decoration: none; font-weight: normal; background: url(../images/bul-arr-org.png) no-repeat right center; padding-right: 10px; }
#col-works p strong a { color: #71bd66; text-decoration: none; font-weight: normal; background: url(../images/bul-arr-grn.png) no-repeat right center; padding-right: 10px; }
#col-spotlight p strong a:hover, #col-works p strong a:hover { text-decoration: underline; }

#bd-home #content #lower { width: 740px; background: url(../images/hm-lower-bg.jpg) repeat-y; border-top: 1px solid #f3f3f3; clear: both; }

#bd-home #content #lower #col-wide { width: 456px; margin: 18px 0 6px 18px; float: left; display: inline; }
#bd-home #content #lower #col-wide h3 { width: 132px; height: 11px; margin-bottom: 5px; text-indent: -9999em; overflow: hidden; background: url(../images/hm-h3-akkennews.png) no-repeat; }

#lower #col-wide p em a { color: #58c3ec; font-style: normal; text-decoration: none; background: url(../images/bul-arr-ltblue.png) no-repeat right center; padding-right: 10px; }
#lower #col-wide p em a:hover { text-decoration: underline; }
#lower #col-wide ul { background: #efefef; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; width: 460px; list-style: none; margin: 6px 0; }
#lower #col-wide ul li { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; padding: 6px; margin-bottom: 1px; background: #f6f6f6; }
#lower #col-wide ul li a { color: #888; text-decoration: none; background: url(../images/bul-arr-blue.png) no-repeat right center; padding-right: 12px; }
#lower #col-wide ul li a:hover { color: #58c3ec; }
#lower #col-wide ul li.btmnews { margin-bottom: 0; }
#lower #col-wide ul li strong { color: #58c3ec; font-weight: normal; }

#bd-home #content-cap { width: 740px; height: 15px; background: url(../images/hm-cap-bg.jpg) no-repeat; clear: both; }

#bd-home #content #lower #col-narrow h3 { width: 124px; height: 11px; margin-bottom: 5px; text-indent: -9999em; overflow: hidden; background: url(../images/hm-h3-brochures.png) no-repeat; }

#lower #col-narrow { width: 206px; margin: 18px 20px 6px 0; float: right; }

#content #col-narrow dl { margin: 0 0 .5em; padding: 8px 6px 8px 2px; }
#content #col-narrow dl a { color: #079cd4; }
#content #col-narrow dt { color: #079cd4; font-weight: normal; font-size: 105%; margin: 0 0 2px 50px; }
#content #col-narrow dt.graphic { float: left; display: inline; margin: 0; clear: both; }
#content #col-narrow dd { margin: 0 0 2px 50px; }




/* =FORM
================================================ */
form { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 12px 0 0; }
form div { margin: 2px 0 12px; border: 1px solid #DDD; }
form label { font-size: 90%; margin-bottom: 3px; color: #777; }
form input, form textarea, form select { padding: 2px; border: 1px solid #CCC; color: #656565; background: #F9F9F9; border-color: #aaa #ccc #ccc #aaa; margin: 1px; }
form input:hover, form textarea:hover, form select:hover { background-color: #FFF; }
form input:focus, form textarea:focus, form select:focus { background-color: #FFF; border: 1px solid #CCC; color: #565656; border-color: #777 #aaa #aaa #777; }
form .radio { width: auto; }
form hr { color: #fff; background-color: #fff; border: 1px solid #EEE; border-style: none none solid; margin: 1em 0; display: block; }
form h4 { font-size: 110%; margin: 2em 0 .1em; }
form h5 { margin: 0 0 .15em; font-size: 115%; font-weight: normal; }
form textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 110%; }
.btn-login, .btn-submit, .btn-next {
	width: 77px; height: 27px;
	margin: 1em 0;
	outline: none;
	cursor: pointer;
	background: transparent url(../../images/btn-login.gif) no-repeat;
}
.btn-submit { background-image: url(../../images/btn-submit.gif); }
.btn-next { background-image: url(../../images/btn-next.gif); }
form td select { width: 200px; }
form td.lefthalf { padding-right: 10px; }

img.btn-login:hover { background: transparent url(../../images/btn-login.gif) no-repeat 0 -27px; }
img.btn-submit:hover { background: transparent url(../../images/btn-submit.gif) no-repeat 0 -27px; }
img.btn-next:hover { background: transparent url(../../images/btn-next.gif) no-repeat 0 -27px; }
p.no { display: none; }
div.form-button { border: none; }
input, textarea, select {
	background-color: #FFF;
	color: #333;
	border: 1px #C5C5C5 solid;
	border-bottom: 1px #E0E0E0 solid;
	border-top: 1px #909090 solid;
	padding: 2px !important;	/* FOR COMPETENT BROWSERS */
	padding: 0 2px 3px;			/* IE PC */
	margin: 1px !important;		/* FOR COMPETENT BROWSERS */
	margin: 0 1px;				/* IE PC */
	
}
select { width: 351px; }
em.required { color: #C00; }



/* =RIGHT SIDEBAR
================================================ */
h3#tout-signup a { margin: 2px 0 15px; width: 152px; height: 311px; background: url(../../images/touts/tout-whysignup.jpg); color: #a8b1b7; display: block; text-indent: -9999em; overflow: hidden; }
h3#tout-signup a:hover { background-position: 0 -311px; }

h4#tout-staffing a { margin: 2px 0 15px; width: 152px; height: 167px; background: url(../../images/touts/tout-staffing.jpg); color: #d1050d; display: block; text-indent: -9999em; overflow: hidden; }
h4#tout-staffing a:hover { background-position: 0 -167px; }

h4#tout-streamline a { margin: 2px 0 15px; width: 152px; height: 167px; background: url(../../images/touts/tout-streamline.jpg); color: #268a21; display: block; text-indent: -9999em; overflow: hidden; }
h4#tout-streamline a:hover { background-position: 0 -167px; }



/* =HEADER
================================================ */
#header {
	width: 740px;
	min-height: 90px;
	position: relative;
	background: #FFF;
}
#header h1 a {
	width: 178px;
	height: 37px;
	background: url(../../images/akken-logo.png) no-repeat;
	text-indent: -9999em; overflow: hidden;
	position: absolute; 
	top: 38px;
}
#header h3 { background: url(../images/head-tagline.png) no-repeat; width: 140px; height: 10px; text-indent: -9999em; position: absolute; right: -6px; bottom: 20px; }



/* =FOOTER
================================================ */	
#footer { margin: 1.2em 0; width: 740px; height: 40px; color: #AAA; font-size: 85%; position: relative; clear: both; }
#footer hr { background: #EEE; color: #EEE; border: none; height: 1px; margin-bottom: 8px; }
#bd-home #footer hr { display: none; }
#footer p { width: 500px; color: #BBB; }	
#footer p strong { font-weight: normal; }	

#footer p a { color: #BBB; text-decoration: none; }
#footer p a:hover { color: #696969; }
#footer p.siteby { text-align: left; margin: 0; width: 155px; position: absolute; right: 0; top: 9px; }	
#footer p.siteby a em { text-decoration: underline; font-style: normal; }
#footer p.siteby a:hover em {color: #be181e; }
#bd-home #footer p.siteby { text-align: left; margin: 0; width: 240px; position: absolute; right: 0; top: 0; }		



/* =NAVS MAIN
================================================ */
ul#nav-main {
    width: 397px; height: 30px;
	background-image: url(../images/nav-main.png); 
    margin: 0; padding: 0;
	position: absolute; z-index: 500;
	top: 0; right: 0;
}
ul#nav-main  li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
ul#nav-main  li, ul#nav-main  a { height: 30px; display: block; text-indent: -9999px; overflow: hidden; }
#main1 { left: 0px; width: 90px; }
#main2 { left: 90px; width: 88px; }
#main3 { left: 178px; width: 72px; }
#main4 { left: 260px; width: 70px; }
#main5 { left: 330px; width: 67px; }

#main1 a:hover, #bd-solutions ul#nav-main #main1 a {
    background: transparent url(../images/nav-main.png) 	0px -30px no-repeat; }
#main2 a:hover, #bd-industries ul#nav-main #main2 a {
    background: transparent url(../images/nav-main.png) 	-90px -30px no-repeat; }
#main3 a:hover, #bd-about ul#nav-main #main3 a {
    background: transparent url(../images/nav-main.png) 	-178px -30px no-repeat; }
#main4 a:hover, #bd-contact ul#nav-main #main4 a {
    background: transparent url(../images/nav-main.png) 	-260px -30px no-repeat; }
#main5 a:hover, #bd-login ul#nav-main #main5 a {
    background: transparent url(../images/nav-main.png) 	-330px -30px no-repeat; }




/* =EXTRAS (clears floats)
================================================ */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-block; }
.clearfix { display:block; }
* html .clearfix { height:1px; }


/* =SKIP NAV
================================================ */
ul#skipNav { position: absolute; left: -9999px; font-size: small; z-index: 200; }
ul#skipNav a:link, ul#skipNav a:visited { color: #F00; }
ul#skipNav a:focus { display: block; position: absolute; top: 20px; left: 10020px; font-size: 130%; background: #FFF; border: solid 1px #888; padding: 10px; width: 8em; z-index: 10000; }
ul#skipNav a:hover { color: #390; background: #EEE; border: solid 1px #333; }

font { color: red; font-size: 1.5em; }
font:before { content: "*** please style text using css, not the font tag ("; }
font:after { content: ") ***"; }