html{
	background: white url("../images/html_back.png") repeat-x top left;
}

body{
	width:990px;
	margin:0 auto;
	background: transparent url("../images/body_back.png") no-repeat -25px top;
}

.container{
	border-top:6px solid white;
}
.content_block {padding: 0 20px;}

.required_text{
	color:#b41601;
}

ul.inline li{
	display:inline;
	margin: 0 5px 0 0;
}

/* ALTERNATE UNORDERED LIST STYLE
=================================*/
ul.alternate{
	list-style: none;
	margin-left:0;
	margin-bottom:0;
}

ul.alternate li{
	border-bottom:1px dotted #000;
	padding-bottom:8px;
	margin-bottom:8px;
	background: transparent url("../images/bullet.gif") no-repeat left 7px;
	padding-left:10px;
	width:auto;
}
ul.alternate li a {
	text-decoration: none;	
}

ul.alternate li.last{
	border:none;
}

h2 {
	font-family: Arial, "MS Trebuchet", sans-serif;
	color:#006cb0;
	font-size:14px;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	border-bottom:1px solid #e75e0a;
	line-height:18px;
}

.no_margin{
	margin:0;
}

a.arrow{
	font-weight:bold;
	padding-left:10px;
	background: transparent url("../images/orange_arrow.gif") no-repeat left center;
	text-decoration: none;
}
a {text-decoration: none;}


/*
======
HEADER
======
*/

.header{
	position:relative;
	height:100px;
	background: white url("../images/header_back.png") no-repeat top right;
}

.header p{
	width:292px;
	height:39px;
	display:block;
	text-indent:-9999px;
	background: transparent url("../images/brand.png") no-repeat top left;
	position:absolute;
	top:30px;
	left:25px;
	padding:0;
	margin:0;
}

.header p a{
	width:292px;
	height:39px;
	display:block;	
}

.header p.tag{
	width:261px;
	height:27px;
	display:block;
	text-indent:-9999px;
	background: transparent url("../images/tagline.png") no-repeat top left;
	position:absolute;
	top:37px;
	left:325px;
}

.header ul{
	position:absolute;
	top:15px;
	right:20px;
}

.header ul li{
	border-left: 1px solid #fff;
	padding: 0 0 0 6px;
	font-size:11px;
}

.header ul li.first{
	border-left:none;
	padding:0;
}

.header ul li a{
	color:#fff;
	text-decoration: none;
}

/*
==========
NAVIGATION
==========
*/

.nav{
	height:30px;
	background: white url("../images/nav_back.png") repeat-x top left;
}

.nav ul{
	margin:6px 0 0 0;
	padding:0;
	text-transform: uppercase;
}

.nav ul li{
	margin:0;
	background: transparent url("../images/nav_bar.gif") no-repeat top right;
	margin: 0;	
	padding: 7px 62px;
	font-size: 12px;
}

.nav ul li.selected{
	background: transparent url("../images/nav_back_selected.png") repeat-x top left;
}
.nav ul li.selected a {color:#006cb0;}

.nav ul li.last{
	background: none;	
}

.nav ul li a{
	color:#000;
	text-decoration:none;
	height: 30px;
}

.nav ul li:hover{
	background: transparent url("../images/nav_back_selected.png") repeat-x top left;
}

/*
=================================
SECONDARY NAVIGATION CONTENT PAGE
=================================
*/
.secondary_nav ul{
	list-style: none;
	margin-left:0;
	margin-top:30px;
}

.secondary_nav ul li{
	padding:7px 0 7px 5px;
	border-bottom:1px dotted #000;
}

.secondary_nav ul li.selected{
	background-color:#e9f6fc;
}

.secondary_nav ul li a{
	text-decoration: none;
	padding-right:10px;
	font-size:12px;
}

.secondary_nav ul li.selected a{
	background: transparent url("../images/arrow2.png") no-repeat center right;
}


/*
============
DYNAMIC LEAD
============
*/

.dl {
	position:relative;
	margin: 0 0 20px 0;
	width: 970px;
	height: 232px;
}

.dl h1{
	visibility:hidden;
	position:absolute;
	top: -9999px;
	left: -9999px;
}
.dl .learn_more {
	position:absolute;
	top: 145px;
	left:330px;
	width: 110px;
	height:20px;
	text-indent: -9999px;
	overflow:hidden;
}

#rotator
{
	cursor: pointer;
	margin: 0;
	position: relative;
	width: 970px;
	height: 232px;
}

#rotator img
{
	border: 0;
	cursor: pointer;
	width: 970px;
	height: 232px;
}

/*
============
HOME CONTENT
============
*/

.featured_service h3,
.featured_product h3,
.client_success h3{
	display:block;
	width:100%;
	height:90px;
	text-indent:-9999px;
}

.featured_service h3{
	background: transparent url("../images/dashboards.gif") no-repeat top left;	
}

.featured_product h3{
	background: transparent url("../images/digital_forms.gif") no-repeat top left;	
}

.client_success h3{
	background: transparent url("../images/kbslogo.gif") no-repeat top left;	
}


/*
============
CONTENT PAGE
============
*/

.bio-pic {
	float: right;
	border:1px dotted #000;
	padding: 3px;
	margin: 0 0 5px 10px;
}

/* PRIMARY
========== */
.body h1{
	margin:22px 0 20px;
	padding-bottom:5px;
	font-size:20px;
	font-family: Arial, "MS Trebuchet", sans-serif;
	color:#006cb0;
	border-bottom:1px solid #006cb0;
	position:relative;
}

.body h1 span{
	position:absolute;
	right:0px;
	top:4px;
	font-size:14px;
	background: transparent url("../images/arrow.png") no-repeat right 14px;
	padding-right:16px;
}

.body .primary{
	border-bottom:1px dotted #000;
	margin-bottom:20px;
}

/* SECONDARY
============ */
.body .secondary h2{
	border:none;
	margin-bottom:10px;
	padding-bottom:0;
}

.body .images ul {
	list-style: none;
	margin:0;
	padding:30px 0 8px 0;
	text-align:right;
}

.body .images ul li{
	display:inline;
	margin:0;
	padding:0 10px 0 0;
}

.body .images ul li.last{
	padding:0;
}

.body .images ul li img{
	display:inline;
	margin:0;
	padding:2px;
	border:1px solid #d1dde7;
}

.body .images p{
	position:relative;
	padding:0 0 0 7px;
	font-size:11px;
}

.body .images p span{
	position:absolute;
	right:3px;
}

/* TABBED BOX
============= */
.body hr{
	border-top: 1px dotted #000;
	background:none;
}

.body .tabbed_box, .body .info_box {
	border: 1px solid #d1dde7;
	margin:0;
	padding:0;
	width:99%;
}
/*.body .info_box {display:none;}*/
.ui-tabs-hide {display:none;}

.body .tabbed_box .box h3, .body .info_box .box h3 {
	width:auto;
	border:none;
	text-align:left;
}

.body .tabbed_box .box, .body .info_box .box{
	background:none;
	margin:0;
}

.body .tabbed_box ul.tabbed_navigation{
	list-style: none;
	background: transparent url("../images/tabbed_box_back.png") repeat-x 0 0;
	height:18px;
	margin: 0;
	padding:0;
}

.body .tabbed_box ul.tabbed_navigation li{
	display:block;
	width:24.5%;
	float:left;
	text-align:center;
	border-right:1px solid #ccc;
}

.body .tabbed_box ul.tabbed_navigation li a.selected{
	background: transparent url("../images/tabbed_box_back_selected.png") repeat-x 0 0;
	display:block;
}
.body .tabbed_box ul.tabbed_navigation li a.selected {color:#e75e0a;}

.body .tabbed_box ul.tabbed_navigation li.last{
	border-right:none;
}

.body .tabbed_box ul.tabbed_navigation li a{
	text-decoration: none;
	color:#006cb0;
}

/* CONTENT NAVIGATION ICON BOX
============================== */
/*.body #tabs_wrap {position:relative;}
.body #tabs_wrap div.capture, 
.body #tabs_wrap div.optimize, 
.body #tabs_wrap div.share, 
.body #tabs_wrap div.act, 
.body #tabs_wrap div.analyze {position:absolute;top: 90px;}*/

.body .icon_box h3{
	text-align:center;
	width:500px;
	border:1px solid #d1dde7;
	background: transparent url("../images/about_top_back.png") repeat-x bottom left;
}

.body .icon_box .box{
	background:none;
	margin:0;
}

.body .icon_box ul{
	list-style: none;
	height:18px;
	margin: 0;
	padding:0;
}

.body .icon_box ul li{
	display:block;
	float:left;
	text-align:center;
	height:45px;
	width:20%;
	padding-top:55px;
	font-size:18px;
}

.body .icon_box ul li.selected {
	color:#e75e0a;
	background: transparent url("../images/arrow_selected.png") no-repeat center top;
	padding-top:55px;
}

.body .icon_box ul li.selected a{
	color:#e75e0a;
}

.body .icon_box ul li a{
	padding-top:55px;
	padding-right:10px;
	padding-left:10px;
	text-decoration:none;
}

.body .icon_box ul li a#capture{
	background: transparent url("../images/capture.png") no-repeat center 20px;
}

.body .icon_box ul li a#optimize{
	background: transparent url("../images/optimize.png") no-repeat center 20px;
}

.body .icon_box ul li a#share{
	background: transparent url("../images/share.png") no-repeat center 20px;
}

.body .icon_box ul li a#analyze{
	background: transparent url("../images/analyze.png") no-repeat center 20px;
}

.body .icon_box ul li a#act{
	background: transparent url("../images/act.png") no-repeat center 20px;
}

.body .icon_box ul li.last{
	border-right:none;
}

.body .tabbed_box {
	background: transparent url("../images/about_bottom_back.png") repeat-x top left;	
}

/* PRESS RELEASES & JOB LISTINGS
================= */

ul.press_releases, ul.jobs{
	margin:0;
	padding:0;
}

ul.press_releases li, ul.jobs li{
	list-style: none;
	border-top:1px dotted #000;
	margin:0;
	padding:15px 0 0 0;
}

ul.press_releases li strong,
ul.press_releases li a,
ul.jobs li strong,
ul.jobs li a{
	display:block;
}

/* PRODUCT LANDING PAGE
======================= */
ul.products, ul.partners {
	list-style: none;
	margin:0;
}

ul.products li, ul.partners li{
	padding-top:22px;
	padding-bottom:15px;
	border-top:1px dotted #000;	
}

ul.products li h2, ul.partners li h2{
	border:none;
	clear:none;
	margin:0;
	padding:0;
}
ul.products li h2 a, ul.partners li h2 a {text-decoration: none;}

ul.products li img, ul.partners li img{
	max-width:80px;
	max-height:85px;
	display:block;
	float:left;
	margin:0 15px 0 0;
}
ul.products li ul li, ul.partners li ul li {
	border: 0;
	padding: 0;
}

/*
=====
FORMS
=====
*/

/* CONTACT FORM
=============== */

.contact_us{
	border:1px solid #D1DDE7;
	margin-bottom:30px;
}

.contact_us label{
	display:block;
	font-weight:bold;
}

.contact_us p.required_text{
	text-align:right;
	margin: 15px 15px 0 0;
}

.contact_us input.input_text{
	margin: 0 0 15px 0;
}

.contact_us input.input_text{
	width:205px;
	background-color:#ebf7fc;
}

.contact_us select{
	width:205px;
	margin: 0 0 15px 0;
	background-color:#ebf7fc;
}

.contact_us input.checkbox{
	width:13px;
	height:13px;
	float:left;
	background-color:#fff;
	margin:0 5px 15px 0;
}

.contact_us textarea{
	width:450px;
	height:125px;
	margin: 0 0 5px 0;
	background-color:#ebf7fc;
}

a.button, button {
	background-color:#006cb0;
	border:none;
	color:#fff;
	cursor:pointer;
	display:block;
	float:right;
	font-weight:bold;
	margin:0 0.583em 0.667em 0;
	padding:5px 10px 6px 7px;
	text-decoration:none;
}

.positive{
	color:#fff;
}

a.positive:hover, button.positive:hover {
	background-color:#006cb0;
	border:none;
	color:#fff;
}
button:hover, a.button:hover {
	background-color:##006cb0;
	border:none;
	color:#fff;
}

/*
=======
SIDEBAR
=======
*/

.sidebar{
	padding-top:28px;
}

.box{
	background-color:#ebf7fc;
}

.sidebar div.first{
	background-color:#f7f0dd;
}


/*
======
FOOTER
======
*/

.footer{
	border-top:7px solid #f5f5f5;
	height:50px;
	margin-top:65px;
	position:relative;
}	

.footer ul{
	position:absolute;
	top:13px;
	left:5px;
	margin:0;
	padding:0;
}

.footer ul li{
	border-left: 1px solid #666;
	padding: 0 0 0 6px;
	font-size:10px;
}

.footer ul li.first{
	border-left:none;
	padding:0;
}

.footer ul li a{
	text-decoration:none;
}

.footer p{
	position:absolute;
	top:15px;
	left:200px;
	margin:0;
	padding:0;
	color:#7f7e7e;
	font-size: 10px;
	font-family: Arial, "MS Trebuchet", sans-serif;
}

.footer p span{
	margin:0 0 0 65px;
	padding:0;
}