@charset "utf-8";
/* CSS Document */
/* ©2009 Quantum Corporation */

html,body {
    height: 100%;
    font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
    font-size: 11px;
    margin: 0;
	padding: 0;
}

body {
	background: url(images/main_bk.jpg) top left repeat-x #cccccc;
	behavior: url("csshover3.htc");
}

ul {
    list-style:none;
    margin: 0 0 1em 0;
    padding: 0;
}

ul li {
    margin: 0;
    padding: 0 0 0 19px;
    background: url(images/arrow_bullet.gif) no-repeat 0 2px;
	min-height: 14px;
}

li:hover {
	background: url(images/arrow_bullet_on.gif) no-repeat 0 2px;
}

.banner {
    margin: 40px auto 0 auto;
	padding: 0;
    border: 0px solid #ffffff;
    color: #ffffff;
    width: 980px;
	height: 40px;
    text-align: left;
    background-color: #425da1;

    /* Do rounding (native in Firefox and Safari, CC in IE) */
    /*-webkit-border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    CCborderRadiusTL: 20px;
    CCborderRadiusTR: 20px;*/
}

.qtm_yellow {
	color: #ffbd00;
}

.quantum {
	width: 151px;
	padding: 3px 0 0 27px;
}

.tagline {
	float: right;
	clear: none;
	color: #ffffff;
	padding: 7px 36px 0 0;
	margin: 0;
}

.tagline h1 {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#flash {
	width: 980px;
	height: 140px;
	background: url(images/flash.jpg) no-repeat #000000;
	clear: both;
	margin: 0 auto;
	padding: 0;
}

#main {
	width: 976px;
	border: solid 1px #bdbdbd;
	margin: 0 auto;
	background: #ffffff;
	color: #6c6c6c;
	padding: 1px;
}

.footer {
	background: #425da1;
	height: 20px;
	width: 980px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	
    /* Do rounding (native in Firefox and Safari, CC in IE) */
    /*-webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    CCborderRadiusBL: 20px;
    CCborderRadiusBR: 20px;*/
}

.contact {
	position: absolute;
	z-index: 2;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #c4c4c4;
	margin: 0;
	padding: 13px 0 0 27px;
}

.contact a:link, .contact a:visited {
	color: #c4c4c4;
	text-decoration: underline;
}

.contact a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.call {
	color: #73b4f4;
}

#toparea {
	width: 967px;
	height: 200px;
	background: #e7e7e7 url(images/toparea_bk.gif) repeat-x left top;
	border-right: 1px solid #adadad;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-top-style: none;
	padding: 7px 0 0 7px;
	margin-bottom: 1px;
	overflow: hidden;
}	

#toparea .subbox1 {
	width: 437px;
	height: 198px;
	background: #f0f0f0 url(images/top_subbox1_bk.gif) repeat-x left bottom;
	color: #868686;
	font-size: 12px;
	padding: 0;
	overflow: hidden;
	float: left;
	margin-right: 15px;
}

#header {
	width: 297px;
	height: 27px;
	border: 1px solid #bdbdbd;
	background: url(images/header_bk.gif) left bottom repeat-x #ffffff;
	padding: 0 1px 1px 1px;
	overflow: hidden;
}

#header .header_content {
	width: 285px;
	height: 18px;
	border-right-style: none;
	border-top-style: none;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 8px 0 0 11px;
	margin: 0;
	overflow: hidden;
}

#header .header_content h1 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #425da1;
	line-height: 14px;
}

#toparea .subbox1 .subbox1_content {
	background: url(images/dedupe.gif) 18px 23px no-repeat;
	padding: 21px 18px 0 78px;
	height: 120px;
}

#toparea .subbox1 .subbox1_content p {
	margin: 0 0 16px 0;
	padding: 0;
}
	
.dark_grey {
	color: #6b6b6b;
	font-weight: bold;
}

.light_blue {
	color: #657ab1;
	font-weight: bold;
}

#toparea .subbox2 {
	width: 491px;
	height: 184px;
	background: url(images/top_subbox2_bk.gif) left bottom repeat-x #d2d2d2;
	padding: 6px 5px 0;
	float: left;
	margin-top: 10px;
}

#toparea a:link {
	color: #425da1;
	text-decoration: underline;
}

#toparea a:visited {
	color: #425da1;
	text-decoration: underline;
}

#toparea a:hover {
	color: #657ab1;
	text-decoration: underline;
}

#case_studies {
	width: 240px;
	height: 173px;
	border: solid 1px #efefef;
	color: #000000;
	background: #e9e9e9;
	overflow: hidden;
}

#case_studies h1 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 8px 0;
	color: #383838;
}

#case_studies .sliderwrapper {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 240px; /*width of featured content slider*/
	height: 142px;
}

#case_studies .sliderwrapper .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	padding: 0;
	width: 240px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	background: #e9e9e9;
}

#case_studies .sliderwrapper .contentdiv .cs_content {
	padding: 14px 10px 0 10px;
}

#case_studies .sliderwrapper .contentdiv .cs_content img {
	border: solid 1px #ffffff;
	margin: 3px 18px 20px 0;
}

#case_studies .sliderwrapper .contentdiv .cs_content p {
	line-height: 15px;
	margin: 0 0 8px 0;
	padding: 0;
}

#case_studies .pagination {
	width: 240px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	background: #d6d6d6;
	height: 33px;
	line-height: 33px;
}

#case_studies .pagination a:visited, #case_studies .pagination a:link {
	padding: 12px;
	text-decoration: none; 
	color: #a4a4a4;
	/* background: #b6b6b6; */
	font-size: 12px;
	margin: 0;
}

#case_studies .pagination a:active, #case_studies .pagination a:hover, #case_studies .pagination a:focus, #case_studies .pagination a.selected:link, #case_studies .pagination a.selected:visited, #case_studies .pagination a.selected:hover, #case_studies .pagination a.selected:active {
	color: #425da1;
	background-color: #e9e9e9;
}

#quote_box {
	width: 240px;
	height: 173px;
	border: solid 1px #efefef;
	color: #383838;
	float: right;
	background: #e9e9e9;
	overflow: hidden;
}

.quote {
	font-size: 12px;
	font-weight: bold;
	color: #383838;
}	

#quote_box .qb_content {
	padding: 14px 5px 0 10px;
}

#quote_box .qb_content img {
	border: solid 1px #ffffff;
	margin: 3px 10px 20px 0;
}

#quote_box .qb_content p {
	line-height: 15px;
	margin: 0 0 10px 0;
	padding: 0;
}

#quote_box .qb_content .quote_ref {
	font-size: 10px;
	color: #999994;
	line-height: 11px !important;
	line-height: 9px;
}

#quote_box ul li {
	margin-right: 25px;
	display: inline-block;
	padding-bottom: 10px;
}

body:empty #quote_box ul li {
	display: inline;
}

* html #quote_box ul li {
	display: inline;
}

*:first-child+html #quote_box ul li {
	display: inline;
}

#clear_div {
	clear: both;
	margin: 0;
	padding: 0;
}

/* change height here for 3 column area */
#mainarea {
	width: 324px;
	height: 470px;
	background: url(images/contentarea_bt_bk.gif) left bottom repeat-x;
	border-left: solid 1px #dfdfdf;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
}

#mainarea a:link, #mainarea a:visited {
	color: #6c6c6c;
	text-decoration: none;
}

#mainarea a:hover {
	color: #657ab1;
	text-decoration: none;
}

/* change height here for 3 column area */
#mainarea .ma_content {
	background: url(images/contentarea_tp_bk.gif) left top repeat-x;
	width: 300px;
	height: 435px;
	padding: 20px 12px 0;
	text-align: left;
	overflow: hidden;
}

#mainarea .ma_content .content_bullets {
	padding: 12px 5px 12px 12px;
}

#mainarea .ma_content .content_bullets h2 {
	font-size: 12px;
	color: #4a4a4a;
	font-weight: bold;
	margin: 0 0 25px;
}

#mainarea .ma_content .content_bullets ul li {
	margin-bottom: 15px;
}

li.video {
	line-height:1.5em;
    margin: 0;
    padding: 1px 0 5px 19px;
    background: url(images/video_bullet.gif) no-repeat 0 0;
}

li.video:hover {
    background: url(images/video_bullet_on.gif) no-repeat 0 0;
}

#mainarea .ma_content .content_bullets a.more:link {
	color: #425da1;
	font-weight: bold;
	text-decoration: none;
}

#mainarea .ma_content .content_bullets a.more:visited {
	color: #425da1;
	font-weight: bold;
	text-decoration: none;
}

#mainarea .ma_content .content_bullets a.more:hover {
	color: #657ab1;
	font-weight: bold;
	text-decoration: none;
}

#bottomarea {
	width: 954px;
	height: 194px;
	background: #ffffff url(images/btmarea_bk.gif) repeat-x left top;
	padding: 14px 11px;
	overflow: hidden;
	clear: both;
}

#bottomarea .ba_content {
	background: #ffffff;
	padding: 8px 7px;
	width: 910px;
	height: 144px;
	border-top: 17px solid #f0f0f0;
	border-right: 15px solid #f0f0f0;
	border-bottom: 17px solid #f0f0f0;
	border-left: 15px solid #f0f0f0;
	overflow: hidden;
}

#bottomarea .ba_content .tech_partners {
	width: 649px;
	height: 110px;
	padding: 16px;
	background: #425da1 url(images/partners_bk.gif) left bottom repeat-x;
	color: #ffffff;
	font-size: 12px;
	float: left;
}

#bottomarea .ba_content .tech_partners h1 {
	font-size: 15px;
	font-weight: bold;
	color: #d9d9d9;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#bottomarea .ba_content .tech_partners .tp_text {
	width: 258px;
	float: left;
	clear: left;
	padding: 0;
}

#bottomarea .ba_content .tech_partners .tp_logo {
	width: 108px;
	height: 71px;
	text-align: center;
	border: solid 1px #ffffff;
	float: right;
	margin-left: 20px;
	margin-top: 2px;
	line-height: 71px;
	overflow: hidden;
}

#bottomarea .ba_content .tech_partners .buttons {
	float: right;
	clear: both;
	width: 208px;
	text-align: right;
}

#bottomarea .ba_content .tech_partners .tp_logo:hover {
	border: solid 1px #000000;
}