/*
	BITS main stylesheet
*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

ul, ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	background: #003567 url('../images/wrapper/body-bg.jpg') 0 0 repeat-x;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	margin: 0 0 20px 0;
}

table tr td {
	font-size: 12px;
	vertical-align: top;
}

.clearit:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	font-size: 1px;
}

/* =Header + toolbar
--------------------------------------------------------------------------------------------------- */
#branding {
	background: url('../images/wrapper/branding-bg.jpg') 100% 0 no-repeat;
	min-height: 121px;
	height: auto !important;
	height: 121px;
}

#branding #logo {
	padding: 27px 0 0 20px;
	width: 228px;
	height: 71px;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	width: 980px;
	margin: 0 auto 0 auto;
	position: relative;
}

#main-content {
	background: #ffffff url('../images/wrapper/main-content-bg-repeat.gif') 0 0 repeat-y;
	clear: both;
	margin: 10px 0 0 0;
}

#main-content #main-content-inner {
	background: #ffffff url('../images/wrapper/main-content-bg.jpg') 0 0 no-repeat;
	min-height: 445px;
	height: auto !important;
	height: 445px;
}

#main-content #main-content-btm {
	background: url('../images/wrapper/main-content-border-btm.gif') 0 100% no-repeat;
	padding: 0 0 6px 0;
}

#main-content #left-col {
	float: left;
	width: 213px;
	padding: 35px 0 0 0;
}

#main-content #middle-col {
	float: left;
	width: 505px;
}

#main-content #right-col {
	float: right;
	width: 255px;
}

#main-content #text-content {
	padding: 0 18px 10px 24px;
	color: #000000;
}

/* =Layout Homepage
---------------------------------------------------------------------------------------------------- */
#home #home-main-content {
	background: #ffffff url('../images/wrapper/home-main-content-bg-repeat.gif') 0 0 repeat-y;
	clear: both;
	margin: 10px 0 0 0;
}

#home #home-main-content #main-content-btm {
	background: url('../images/wrapper/main-content-border-btm.gif') 0 100% no-repeat;
	padding: 0 0 6px 0;
}

#home #home-main-content #main-content-inner {
	background:  url('../images/wrapper/home-main-content-top.gif') 0 0 no-repeat;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding: 0 0 12px 0;
}

#home #home-main-content #left {
	float: left;
	width: 630px;
	padding: 21px 0 0 20px;
}

#home #home-main-content #right {
	float: right;
	width: 277px;
	padding: 21px 20px 0 0;
}

#home #home-main-content #left .content-feature {
	background: url('../images/wrapper/content-feature-bg.gif') 0 0 no-repeat;
	color: #317ec5;
	width: 644px; 
	height: 37px;
}

#home #home-main-content #left .content-feature p {
	background: url('../images/wrapper/icon-checkmark.gif') 0 0 no-repeat;
	line-height: 18px;
	margin: 0 0 0 9px !important;
	padding: 0 0 0 25px;
}

#home #home-main-content #left .content-feature ul li {
	font-size: 15px;
	padding: 10px 10px 0 0;
	float: left;
}

#home #home-main-content #left .content-feature .read-more-link {
	background: url('../images/wrapper/read-more-link-arrow.gif') 100% 0 no-repeat;
	display: block;
	float: left;
	color: #0055a4;
	font-size: 13px;
	height: 18px;
	padding: 0 22px 0 0;
}

#home #home-main-content #left .content-feature .read-more-link:hover {
	color: #ed174f;
}

#home #home-main-content #left .contracts {
	float: left;
	width: 300px;
}

#home #home-main-content #left .hardware {
	float: left;
	width: 300px;
}

#home #home-main-content #left .hardware ul, #home #home-main-content #left .contracts ul {
	margin: 4px 0 4px 0;
	padding: 0;
}

#home #home-main-content #left .hardware p, #home #home-main-content #left .contracts p {
	margin: 6px 0 2px 0;
	padding: 0;
}

#home #home-main-content #left .hardware ul li, #home #home-main-content #left .contracts ul li {
	background: url('../images/wrapper/list-bullet.gif') 0 5px no-repeat;
	line-height: 18px;
	padding: 0 0 2px 12px;
}

#home #feature {
	background: url('../images/wrapper/feature-btm.gif') 0 100% no-repeat;
	width: 648px; 
	padding: 10px 0 7px 0;
}

#home #feature #feature-bg {
	background: url('../images/wrapper/feature-bg.gif') 0 0 repeat-y;
}

#home #feature #feature-inner {
	background: url('../images/wrapper/feature-top.gif') 0 0 no-repeat;
	padding: 16px 19px 0 19px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

#home #feature #feature-inner ul li {
	float: left;
	width: 200px;
	padding-top: 9px;
}

#home #feature #feature-inner ul li a {
	display: block;
	color: #0055a4;
	text-decoration: none;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	padding: 0 0 0 57px
}

#home #feature #feature-inner ul li a:hover {
	color: #ed174f;
}

#home #feature #feature-inner ul li a.webinar {
	background: url('../images/wrapper/icon-webinar.gif') 0 50% no-repeat;
	padding-top: 19px;
}

#home #feature #feature-inner ul li.questionnaire {
	padding-top: 22px;
}

#home #feature #feature-inner ul li a.questionnaire {
	background: url('../images/wrapper/icon-questionnaire.gif') 0 50% no-repeat;
}

#home #feature #feature-inner ul li a.survey {
	background: url('../images/wrapper/icon-survey.gif') 0 50% no-repeat;
	padding-top: 19px;
}

/* Home sub content */
.home-sub-content {
	background: url('../images/wrapper/home-sub-divider.gif') 0 100% no-repeat;
	padding: 14px 0 25px 0;
	clear: both;
	min-height: 130px;
	height: auto !important;
	height: 130px;
}

.home-sub-content .txt {
	float: right;
	width: 166px;
}

.home-sub-content .content-thb {
	display: block;
	float: left;
}

.home-sub-block {
	clear: both;
	min-height: 130px;
	height: auto !important;
	height: 130px;
	padding: 14px 0 0 0;
}

.home-sub-block .rss {
	display: block;
	float: right;
}

/* =Left nav
---------------------------------------------------------------------------------------------------- */
#left-nav {
	background: url('../images/wrapper/left-nav-bg.jpg') 0 0 repeat-y;
	padding: 15px 0 0 20px;
}

#left-nav li {
	display: inline;
}

#left-nav li a {
	display: block;
	text-decoration: none;
	padding: 0 10px 10px 17px;
}

#left-nav li a.on, #left-nav li a.on:hover  {
	background: url('../images/wrapper/left-nav-item-bullet.gif') 0 4px no-repeat;
	font-weight: bold;
}

#left-nav li ul {
	padding-left: 14px;
}

#left-nav li ul li {
	padding: 0 0 6px 0;
}


/* =Toolbar - within main nav
---------------------------------------------------------------------------------------------------- */
#toolbar {
	position: absolute;
	z-index: 999;
	top: 0;
	left: 695px;
}

#toolbar-sub {
	position: absolute;
	z-index: 999;
	top: 0;
	left: 622px;
}


#toolbar li, #toolbar-sub li {
	float: left;
	padding: 10px 0 0 16px;
}
#toolbar li a, #toolbar-sub li a {
	display: block;
	float: left;
	color: #000000;
	text-decoration: none;
	padding: 0 0 0 23px;
	line-height: 23px;
}

#toolbar li a:hover, #toolbar-sub a:hover {
	text-decoration: underline;
}

#toolbar-sub li a.home {
	background: url('../images/icon-home.gif') 0 3px no-repeat;
}

#toolbar li a.contact, #toolbar-sub li a.contact {
	background: url('../images/icon-contact.gif') 0 3px no-repeat;
}

#toolbar li a.careers, #toolbar-sub li a.careers {
	background: url('../images/icon-careers.gif') 0 3px no-repeat;
}

#toolbar li a.search, #toolbar-sub li a.search {
	background: url('../images/icon-search.gif') 0 3px no-repeat;
}

/* =Breadcrumb
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
	padding: 35px 0 36px 25px;
}

/* =Font resize
---------------------------------------------------------------------------------------------------- */
ul#utils  {
	float: left;
	padding: 35px 18px 11px 0;
}

ul#utils li {
	float: left;
	padding: 0 0 0 14px;
}

ul#utils li.first {
	float: left;
	padding: 0;
}

ul#utils li ul#font-resize {
	float: left;
	padding: 0 !important;
}

ul#utils li ul#font-resize li {
	padding: 0 0 0 4px !important;
}

ul#utils li ul#font-resize li img {
	margin: -1px 0 0 0;
	position: relative;
} 

/* =Sub content / sidebar
--------------------------------------------------------------------------------------------------- */
.sub-content {
	background: url('../images/wrapper/sidebar-border-bg.gif') 0 0 no-repeat;
	clear: both;
	padding: 6px 35px 0 17px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

.sub-content-img {
	margin: 0 0 15px 0;
}

.sub-content a {
	color: #ed174f;
}

.sub-content a:hover {
	color: #000000;
}

.sub-content a.more-link {
	color: #ed174f;
}

.sub-content a.more-link:hover {
	color: #000000;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	background: #ffffff url('../images/wrapper/footer-btm.gif') 0 100% no-repeat;
	width: 980px;
	margin: 15px auto 0 auto;
	padding: 0 0 6px 0;
}

#footer #footer-inner {
	background: url('../images/wrapper/footer-top.gif') 0 0 no-repeat;
}

#footer #footer-inner p {
	float: left;
	margin: 0 !important;
	padding: 32px 0 5px 20px;
}

#footer #footer-inner p a {
	color: #000000;
	margin: 0 6px 0 6px;
}

#footer #footer-inner p a:hover {
	color: #0055a4;
}

#footer #footer-logos {
	float: right;
	padding: 15px 20px 6px 0;
}

#footer #footer-logos li {
	float: left;
	padding: 0 0 0 16px;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a {
	outline: none;
	color: #0055a4;
}

a:focus {
	outline: none;
	color: #0055a4;
}

a:hover {
	outline: none;
	color: #ed174f;
}

a.more-link {
	background: url('../images/wrapper/icon-more-link.gif') 100% 0 no-repeat;
	display: block;
	line-height: 21px;
	padding: 0 26px 0 0
}

#home a {
	color: #0055a4;
}

#home a:hover {
	color: #ed174f;
}

#home .sub-content-link {
	background: url('../images/wrapper/home-sub-content-link-bg.gif') 0 0 no-repeat;
	float: right;
	color: #363636;
	font-size: 14px;
	display: block;
	width: 166px; 
	height: 26px;
	text-decoration: none;
	text-indent: 13px;
	padding: 9px 0 0 0;
}

#home .sub-content-link:hover {
	color: #ed174f
}

/* =lists
--------------------------------------------------------------------------------------------------- */
#main-content #text-content ul {
 	margin: 0 0 16px 0;
	padding: 0;
}

#main-content #text-content ul li {
 	background: url('../images/wrapper/list-bullet.gif') 0 5px no-repeat;
	line-height: 18px;
	padding: 0 0 4px 12px;
}

.sub-content ul {
 	margin: 0 0 16px 0;
	padding: 0;
}

.sub-content ul li {
 	background: url('../images/wrapper/list-bullet.gif') 0 5px no-repeat;
	line-height: 18px;
	padding: 0 0 2px 12px;
}

.sub-content ul li ul {
 	margin: 0 0 4px 0;
	padding: 0;
}

.sub-content ul li ul li {
 	background: url('../images/wrapper/list-sub-bullet.gif') 0 5px no-repeat;
	line-height: 18px;
	padding: 0 0 2px 12px;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
#text-content p {
	margin: 0 0 16px 0;
	line-height: 18px;
}

#left-col h1 {
	background: url('../images/wrapper/left-nav-divider.gif') 0 100% repeat-x;
	width: 175px;
	margin: 0 0 10px 20px;	
	padding: 0 0 10px 0;
}

#text-content h1 {
	font-size: 18px;
	margin: 0 0 10px 0;
	color: #0055A4;
}

#text-content h2 {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 14px 0;
}

#text-content h3 {
	font-size: 13px;
	color: #666666;
	margin: 0 0 14px 0;
}

/* Sub content */
.sub-content p {
	margin: 2px 0 7px 0;
	line-height: 18px;
}

.sub-content h3 {
	margin: 14px 0 2px 0;
	color: #ED174F;
	font-size: 13px;
}

/* Homepage */
#home p {
	font-size: 13px;
	margin: 10px 0 14px 0;
	line-height: 16px;
}

#home #feature #feature-content h2  {
	color: #000000;
	font-size: 19px;
	line-height: 20px;
	margin: 10px 0 16px 0;
}

#home #left h1 {
	margin: 16px 0 0 0;
}

#home #feature h3 {
	background: url('../images/wrapper/hdr-keyline.gif') 0 100% repeat-x;
	padding: 0 0 10px 0;
}

.home-sub-content p, .home-sub-block p {
	margin: 0 0 12px 0 !important;
	line-height: 18px !important;
}

.home-sub-content p .quoter {
	color: #898989;
}	

.home-sub-content h3, .home-sub-block h3 {
	margin: 0 0 10px 0;
}

#home .home-sub-block h4 {
	color: #0055a4;
	font-size: 13px;
}

#testimonials p {
	margin: 2px 0 2px 0;
	padding: 0;
}

#management-bios span {
	text-transform: uppercase;
	font-weight: bold;
}

/* =Forms
---------------------------------------------------------------------------------------------------- */

fieldset {
	padding: 4px 4px 4px 12px;
}

.data td {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 4px;
}

.validation
{
	color: #0055A4;
}


/* =Misc.
---------------------------------------------------------------------------------------------------- */ 

.table-data
{
	border: 1px solid #DDDDDD;
	margin-bottom: 15px;
}

.table-data th
{
	border: 1px solid #DDDDDD;
	padding: 3px 2px 5px 5px;
	background-color: #E8E8E8;
	color: #0055A4;
	font-size: 12px;
	text-align: left;
}

.table-data td
{
	border: 1px solid #DDDDDD;
	padding: 6px 5px 5px 5px;
	font-size: 12px;
}

.table-data td.odd
{
	background-color: #D7DCED;
}

#testimonial {
	background: url('../images/wrapper/testimonial-btm.gif') 0 100% no-repeat;
	width: 466px; 
	padding: 10px 0 7px 0;
}

#testimonial #testimonial-bg {
	background: url('../images/wrapper/testimonial-bg.gif') 0 0 repeat-y;
}

#testimonial #testimonial-inner {
	background: url('../images/wrapper/testimonial-top.gif') 0 0 no-repeat;
	padding: 16px 19px 0 19px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

/* =CSS Menus core styles - Do not modify
---------------------------------------------------------------------------------------------------- */
.qmmc .qmdivider {display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.qmmc .qmdividery {float:left;width:0px;}
.qmmc .qmtitle {display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative; z-index:10;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div {visibility:hidden;position:absolute;}
.qmmc .qmcbox {cursor:default;display:block;position:relative;z-index:1;}
.qmmc .qmcbox a {display:inline;}
.qmmc .qmcbox div {float:none;position:static;visibility:inherit;left:auto;}
.qmmc li {z-index:auto;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none}
.qmmc li:hover > ul {left:auto;}
#qm0 ul {top:100%;}
#qm0 ul li:hover > ul {top:0px;left:100%;}
#qm1 ul {top:100%;}
#qm1 ul li:hover > ul {top:0px;left:100%}

/* =Main nav and dropdowns (modify at will)
---------------------------------------------------------------------------------------------------- */ 
/* =Main nav 
---------------------------------------------------------------------------------------------------- */
#main-nav {
	background: url('../images/wrapper/main-nav-btm-shadow.gif') 0 100% no-repeat;
	clear: both;
	position: relative;
	padding: 0 0 5px 0;
}

#main-nav #main-nav-left {
	display: block;
	width: 6px; 
	height: 41px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

#main-nav #qm0 a span {
	background: url('../images/wrapper/nav-item-divider.gif') 100% 0 no-repeat;
	float: left;
	display: block;
	min-height: 28px;
	height: auto !important;
	height: 28px;
	padding: 13px 17px 0 15px
}

/* (MAIN) Container */	
#qm0 {	
	background: url('../images/wrapper/main-nav-bg.jpg') 0 0 no-repeat;
	width: 980px; 
	padding: 0;
	margin: 0;
}

/* (MAIN) Items */	
#qm0 a {	
	background: url('../images/wrapper/nav-item-bg.jpg') 0 0 repeat-x;
	float: left;
	color: #363636;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
	min-height: 41px;
	cursor: pointer; /* IE6 */
}	

#qm0 a:hover, #qm0 a.on {
	background-position: 0 -41px;
	color: #363636 !important;
}

/* (MAIN) Parent Items */	
#qm0 .qmparent {	
}

/* (MAIN) Active State */	
body #qm0 .qmactive, body #qm0 .qmactive:hover {
	background-position: 0 -41px;
}

/* (SUB) Container */	
#qm0 div, #qm0 ul {	
	color: #000000;
}
 
/* (SUB) Items */	
#qm0 div a, #qm0 ul a {	
	background: #eaeaea;
	float: none;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	min-width: 160px;
	width: auto !important;
	width: 160px;
	margin: 0 !important;
	padding: 9px 10px 0 15px !important;
	border-top: 1px solid #ffffff;
}

/* (SUB) Hover State */	
#qm0 div a:hover {	
	background: #0055a4;
	float: none;
	color: #ffffff !important;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	min-width: 160px;
	width: auto !important;
	width: 160px;
	margin: 0 !important;
	padding: 9px 10px 0 15px !important;
	border-top: 1px solid #ffffff;
}

/* (SUB) Active State*/	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {	
	background: #0055a4;
	float: none;
	color: #ffffff !important;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	min-width: 160px;
	width: auto !important;
	width: 160px;
	margin: 0 !important;
	padding: 9px 10px 0 15px !important;
	border-top: 1px solid #ffffff;
}