/*  
Integrity CSI
by Net Profit Services, Inc.
NetProfitServices.com
*/

@import "reset.css";
/*~~~~~( body / universal )~~~~~~*/

body {
	text-align: center;
	font: 90% arial, helvetica, sans-serif;
	line-height:1.3em;
	background:#535353 url(../img/bg.gif) repeat fixed top left;
}
#content img {
	position:relative;
	margin:0 -1px -5px;
}

hr {
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:1px dotted #ccc;
	margin:0 0 20px 0;
	padding:0 !important;
	height:1px;
	position:relative;
}
/*~~~~~( Layout )~~~~~~*/
.ui-accordion-header {
	background:#eee;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	cursor: pointer;
	padding:6px
}
.ui-accordion-header.selected {
	background:#e2e2e2;
}

div#wrapper {
	color: #333;
	text-align: left;
	background-color:#fff;
	width:970px;
	margin:0 auto;
	border-width:0 3px;
	border-color:#404040;
	border-style:solid;
}
div#header {
	background:#202020 url(../img/header.jpg) repeat-x top;
	padding:28px 24px;
	position:relative;
}
div#header h1 {
	float:left;
	position:absolute;
	top:50%;
	margin-top:-42px;
}
div#info {
	background:url(../img/info.gif) no-repeat left;
	padding-left:16px;
	float:right;
	width:680px;
}
div#info div {
	background:#404040 url(../img/infoi.gif) no-repeat right bottom;
	padding:12px;
	color:#fff;
	font-size:0.9em;
}
div#banner {
	width:970px;
	height:190px;
	background:url(../img/banner_integrity.jpg) no-repeat top left;
}
#quote td.left {
	padding-left:156px;
	vertical-align:middle;
	height:186px;
	width:293px;
}
#quote td.left a {
	border:0 !important;
	background: 0 !important;
}
#quote td.right {
	height:186px;
	padding-left:100px;
	vertical-align:middle;
	padding-right:60px;
}
div#content {
	background:url(../img/bottom.gif) no-repeat bottom right;
	width:970px;
}
.mainContent {
	float:left;
	width:570px;
	padding:16px 24px 0;
	margin:0 0 0 8px;
	overflow:hidden;
}
.subContent {
	float:right;
	width:294px;
	padding:24px 18px 0 24px;
	margin:-16px 0 0 0;
	background:url(../img/sep.gif) no-repeat 2px top;
}
.mainContent.column {
	width:264px;
	padding:12px 28px 12px;
	margin:-8px 0 0 2px;
	display:inline;
	overflow:hidden;
}
.mainContent.columnwide {
	width:584px;
	padding:12px 28px 12px;
	margin:-8px 0 0 2px;
	display:inline;
	overflow:hidden;
}
.subContent.column {
	float:left;
	width:263px;
	padding:12px 28px;
	margin:-8px 0 0 0;
	overflow:hidden;
}
div.dynamicbox {
	background:url(../img/dbox.gif) repeat-y right bottom;
	width:294px;
	position:relative;
	margin:8px 0 16px -11px;
	padding:0 !important;
}
div.dynamicbox .cycle {
	padding:12px 14px 12px 10px;
	background:url(../img/dbox2.gif) no-repeat right bottom;
	overflow:hidden;
	width:270px;
}
div.dynamicbox .cycle div {
	width:265px;
	margin:4px 0 0 12px;
	text-align:center;
}
.dynamicbox p {
	margin-bottom:4px !important;
}	
.dynamicbox h3 {
	margin:4px 0 !important;
}	
div.box {
	float:right;
	width:590px;
	background:#EDE9EA url(../img/qu.gif) no-repeat right bottom;
	border:3px solid #D8CFD0;
	margin:0 24px 20px 0;
	display:inline;
	padding:12px;
}
	div.box h2 {
		text-transform:uppercase;
		margin:0 0 8px !important;
		color:#4A4A4A;
	}
	div.box li {
		position:relative;
		background:none !important;
		margin:0 0 12px 0 !important;
		padding:0 !important;
	}
	div.box img {
		padding:3px !important;
		margin:0 !important;
		border:1px solid #CCCCCC;
		background:#efefef;
		position:absolute !important;
		left:4px;
		top:6px;
	}
	div.box a {
		border:0 !important;
		background:none !important;
		color:#333 !important;
		display:block;
		padding:4px 0 4px 64px !important;
		height:1%;
	}
	div.box a:hover,div.box a:focus {
		background:#ddd !important;
		color:#333 !important;
	}
	div.boxleft {
	float:left;
	width:590px;
	background:#EDE9EA url(../img/qu.gif) no-repeat right bottom;
	border:3px solid #D8CFD0;
	margin:0 24px 20px 0;
	padding:12px;
}
	div.boxleft h2 {
		text-transform:uppercase;
		margin:0 0 8px !important;
		color:#4A4A4A;
	}
	div.boxleft li {
		position:relative;
		background:none !important;
		margin:0 0 12px 0 !important;
		padding:0 !important;
	}
	div.boxleft img {
		padding:3px !important;
		margin:0 !important;
		border:1px solid #CCCCCC;
		background:#efefef;
		position:absolute !important;
		left:4px;
		top:6px;
	}
	div.boxleft a {
		border:0 !important;
		background:none !important;
		color:#333 !important;
		display:block;
		padding:4px 0 4px 64px !important;
		height:1%;
	}
	div.boxleft a:hover,div.box a:focus {
		background:#ddd !important;
		color:#333 !important;
	}
div#footer {
	border-top:2px solid #565656;
	background-color:#404040;
	padding:12px 24px;
	font-size:0.9em !important;
	clear:both;
}
div#footer p, div#footer a {
	color:#fff;
}
div#footer p, div#footer ul {
	margin-bottom:4px;
}
div#footer ul li {
	display:inline;
	margin-right:2px;
}
/*~~~~~( Headings & paragraphs )~~~~~~*/

h1, h2, h3, h4, h5, h6, legend {
	font-weight:bold;
	margin:8px 0 12px;
	font-size:1.2em;
	color:#333;
}
h2 {
	font-size:1.6em;
	font-weight:normal;
	letter-spacing:-0.02em;
}
h3 {
	font-size:1.3em;
	font-weight:normal;
}
h4 {
	font-size:1.1em;
	font-weight:bold;
	color:#555;
}
h5 {
	font-size:1em;
	font-weight:bold;
	color:#888;
}
strong {
	font-weight:bold;
}
#content p {
	line-height:1.4em;
	margin-bottom:20px;
}
h2.black, h2.red {
	background:#303030 url(../img/headingbot.gif) no-repeat bottom left;
	color:#fff;
	font-size:1.3em !important;
	width:294px;
	text-transform:uppercase;
	letter-spacing:-0.05em;
	line-height: 1.3em;
	font-weight:normal;
}
h2.blackwide, h2.redwide {
	background:#303030 no-repeat bottom left;
	color:#fff;
	font-size:1.3em !important;
	width:598px;
	text-transform:uppercase;
	letter-spacing:-0.05em;
	line-height: 1.3em;
	font-weight:normal;
}
.subContent.column h2.black,.subContent.column h2.red,
.mainContent.column h2.black,.mainContent.column h2.red {
	position:relative;
	margin-left:-11px;
}
h2.black span, h2.red span {
	background:url(../img/headingtop.gif) no-repeat top left;
	padding:11px 26px 14px 10px;
	display:block;
}
.dynamicbox h2.black  {
	background:#303030 url(../img/headingbot2.gif) repeat-y top left;
	margin:0 !important;
}
.dynamicbox h2.black span  {
	padding:11px 26px 8px 10px;
}
.rss {
	position:absolute;
	right:16px;
	top:10px;
	border:0 !important;
	background:none !Important;
}
.rss img {
	margin:0 !Important;
}
h2.red {
	background:#303030 url(../img/headingbotred.gif) no-repeat bottom left;
}
h2.red span {
	background:url(../img/headingtopred.gif) no-repeat top left;
}
.indent {
	position:relative;
	margin-left:-11px;
}
/*~~~~~( IMG )~~~~~~*/
.floatright {
	float:right;
	margin:4px 0 4px 4px !Important;
}
.floatleft {
	float:left;
	margin:4px 4px 4px 0 !Important;
}
img.border, a.thickbox img {
	padding:3px !important;
	border:1px dotted #ccc !important;
	background:#fff !important;
}
a.thickbox img {
	border:1px dotted #D72A3F !important;
}
a.thickbox, a.thickbox:hover, a.thickbox:focus {
	border:0 !important;
	background:transparent !important;
}
a.thickbox:hover img {
	background:#D72A3F !important;
	border:1px solid #C12437 !important;
}
.free-download {
	float:right;
	border:0 !important;
	padding:0 !important;
	margin-top:18px;
	margin-right:34px;
	background:none !important;
}
.free-download img {
	background:none !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
}
.consult {
	margin-bottom:12px;
	display:block;
	background:none !important;
	border:0 !important;
	padding:0 !important;
}
.column .consult {
	position:relative;
	margin-left:-10px !important;
}
/*~~~~~( Links )~~~~~~*/

#content a, #info a, #footer a {
	text-decoration:none;
	color:#CC0000;
	padding:2px 1px 1px;
	border-bottom:1px dotted #ccc;
}
#content a:focus, #info a:focus, #footer a:focus, #content a:hover, #info a:hover, #footer a:hover {
	text-decoration:none;
	background:#E12F40;
	padding:2px 1px 0;
	border-bottom:2px solid #CC0000;
	color:#fff;
}
/*~~~~~( Lists )~~~~~~*/
#content ul, #content ol {
	margin-bottom:20px;
	overflow:hidden;
}
#content ol li {
	list-style:lower-roman;
	margin-left:40px;
	margin-bottom:4px;
	padding-top:4px;
}
#content ul li {
	background:url(../img/bull.gif) no-repeat left 5px;
	padding-left:16px;
	padding-bottom:8px;
	margin-left:24px;
}
#content ul.arrow li, .subContent ul li {
	background:url(../img/arrow.gif) no-repeat left 5px !important;
}

ul#mainNav {
	text-transform:uppercase;
	color:#fff;
	border-top:2px solid #A70E1B;
	border-bottom:2px solid #A70E1B;
	background:#D0051D url(../img/nav.gif) repeat-x top;
	padding-left:24px;
}
ul#mainNav li {
	float:left;
}
ul#mainNav li a {
	display:block;
	color:#fff;
	float:left;
	padding:11px 12px 9px 12px;
	border-right:1px solid #A50C19;
	border-left:1px solid #DE5061;
	text-decoration:none;
	height:1%;
}
ul#mainNav li a:hover, ul#mainNav li a:focus, ul#mainNav li.active a {
	text-decoration:none;
	background:#D72A3F url(../img/navhover.gif) repeat-x top;
	color:#F9DDE0;
}
ul#breadcrumb {
	background-color:#efefef;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
	padding:4px 24px;
	color:#644F51;
	margin-bottom:16px;
}
ul#breadcrumb li {
	color:#644F51;
	display:inline;
}
ul#breadcrumb a {
	color:#644F51;
}
ul.tick, ul.star,ul.block,ul.custom {
	margin-bottom:12px;
}
ul.tick p, ul.star p, ul.block p,ul.custom p,div#banner p {
	margin:0 !important;
	padding:0 !important;
}
ul.tick h3, ul.star h3,ul.custom h3 {
	font-weight:bold;
	font-size:1em !important;
	margin:0 0 4px 0 !important;
	padding:0 0 0 24px !important;
	color:#333 !important;
	background:url(../img/tick.gif) no-repeat left 2px !important;
}
ul.star h3 {
	background:url(../img/star.gif) no-repeat left 1px !important;
}
ul.custom h3.cell { background:url(../img/icon_cell.gif) no-repeat left 2px !important; }
ul.custom h3.phone { background:url(../img/icon_phone.gif) no-repeat left 2px !important; }
ul.custom h3.bar { background: transparent url(../img/icon_bar.gif) no-repeat left 2px !important; }
ul.custom h3.box { background: transparent url(../img/box.png) no-repeat left 2px !important; }
ul.custom h3.contract { background: transparent url(../img/contract.png) no-repeat left 2px !important; }

ul.tick li, ul.star li, ul.custom li {
	background:none !important;
	margin:0 0 12px 0 !important;
	padding:0 !important;
}
ul.tick h3 small, ul.star h3 small, ul.custom h3 small {
	color:#999;
}
ul.block {
	position:relative;
	margin-left:-10px;
	margin-right:-10px;
}
ul.block li {
	display:block;
	border-top:2px solid #D8CFD0;
	background:url(../img/blockbg.gif) repeat-x top !important;
	padding:10px !important;
	font-size:0.9em;
	margin:0 !important;
}

ul.block li ul, ul.custom li ul, ul.star {
	margin-bottom:0 !important;
}
ul.custom li ul li, ul.block li ul li {
	border:0 !important;
	margin:0 !important;
	padding:2px 0 2px 10px !important;
	background:transparent url(../img/bull.gif) no-repeat scroll 1px 8px !important;
}

ul.block li h3 {
	font-weight:bold;
	font-size:1.2em !important;
	margin:0 0 4px 0 !important;
	padding:0 !important;
	color:#333 !important;
}
ul.block li h3 a {
	border:0 !important;
	padding:4px 1px 4px 28px !important;
	display:block;
}
ul.block li h3 a:hover, ul.block li h3 a:focus {
	border-bottom:2px solid #CC0000 !important;
	padding:4px 1px 2px 28px !important;
}
.wop a {
	background:url(../img/icon_wop.gif) no-repeat 2px 2px;
}
.wop a:hover, .wop a:focus {
	background:#E12F40 url(../img/icon_wop2.gif) no-repeat 2px 2px !important;
}
.wsh a {
	background:url(../img/icon_wsh.gif) no-repeat 2px 2px;
}
.wsh a:hover, .wsh a:focus {
	background:#E12F40 url(../img/icon_wsh2.gif) no-repeat 2px 2px !important;
}
.wio a {
	background:url(../img/icon_wio.gif) no-repeat 2px 2px;
}
.wio a:hover, .wsh a:focus {
	background:#E12F40 url(../img/icon_wio2.gif) no-repeat 2px 2px !important;
}
.wam a {
	background:url(../img/wireless_phone.gif) no-repeat 2px 2px;
}
.wam a:hover, .wsh a:focus {
	background:#E12F40 url(../img/wireless_phone_red.gif) no-repeat 2px 2px !important;
}
.wiv a {
	background:url(../img/invoice.gif) no-repeat 2px 2px;
}
.wiv a:hover, .wsh a:focus {
	background:#E12F40 url(../img/invoice_red.gif) no-repeat 2px 2px !important;
}

/*~~~~~( Float clearing: clearfix/peusdo method )~~~~~~*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

h3.hover {
  background-color: #e12f40;
}

div.client img {
  height: 54px;
  padding-bottom: 20px;
}

div.client {
  padding: 15px 0;
}

#content div.client ul {
  margin-bottom: 0px;
}