/* CSS Document */

html, body, form, img {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	font:.85em/1.6 arial,sans-serif;
	background:#fff url(../images/body_bg.gif) repeat-x 0 0;
	color:#444;
}

/* ---- Universal Properties ---- */
p, ul, li, h1, h2, h3 {margin:0 10px 1em; padding:0}

abbr, acronym {cursor:help}

/* ---- lists ---- */
ul {margin-left:35px}
li {margin-right:0}
ul li ul {margin-top:10px}

/* ---- headings ---- */
h1 {
	font-size:1.9em;
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#a1a1a1;
	font-weight:normal;
}

h2 {
	font-size:1.5em;
	font-family:"Trebuchet MS", Arial, sans-serif;
	line-height:1.2em;
	font-weight:normal;
	letter-spacing:.05em;
}

h3 {font-size:1.2em}

/* ---- container ---- */
#container {
	margin:0 auto;
	width:980px;
}

/* ---- primary nav ---- */
#nav {
	width:980px;
	height:39px;
	font:bold 11px Verdana;
}

#nav ul {
	width:980px;
	margin:0;
	padding:0;
	float:left;
}

#nav ul li {display:inline; margin:0; float:left}

#nav ul li a {
	display:block;
	color:#fff;
	padding:12px 18px 14px;
	text-decoration:none;
	position:relative;
}

#nav ul li a:hover, #nav ul li.selected a {
	color:#fff !important;
	background:#505055;
}

.nav_divider_l, .nav_divider_r {
	display:block;
	width:2px;
	height:39px;
	background:url(../images/nav_divider.gif) no-repeat 0 0;
}

.nav_divider_l {position:absolute; top:0; left:0}
.nav_divider_r {position:absolute; top:0; right:0}

/* ---- secondary nav ---- */
#secondary {width:980px; height:30px}

#secondary_left, #secondary_right {width:45px; height:30px; float:right}
#secondary_left {background:url(../images/secondary_left.gif) no-repeat 0 0}
#secondary_right {background:url(../images/secondary_right.gif) no-repeat 0 0}

#secondary_mid {
	height:26px;
	padding-top:4px;
	font-size:.92em;
	font-weight:bold;
	float:right;
	background:url(../images/secondary_mid.gif) repeat-x 0 0;
}

#secondary_mid p {margin-bottom:0}
#secondary_mid a {
	color:#fff;
	text-decoration:none;
	margin-left:8px;
	margin-right:8px;
}

#secondary_mid a:hover, #secondary_mid a.selected {text-decoration:underline}

/* ---- banner ---- */
#banner {
	width:980px;
	height:217px;
	margin-bottom:48px;
	background:url(../images/banner_bg.jpg) no-repeat right bottom;
}

#banner.banner_softwarefeatures {background-image:url(../images/banner_bg_sf.jpg)}
#banner.banner_servicesandsupport {background-image:url(../images/banner_bg_sas.jpg)}
#banner.banner_howwecanhelp {background-image:url(../images/banner_bg_hwch.jpg)}
#banner.banner_additionalbenefits {background-image:url(../images/banner_bg_ab.jpg)}
#banner.banner_returnoninvestment {background-image:url(../images/banner_bg_roi.jpg)}
#banner.banner_hipaa {background-image:url(../images/banner_bg_hipaa.jpg)}

.logo_screen {position:relative; left:19px; top:3px}
.logo_print {display:none}

/* ---- sidebar ---- */
#sidebar {
	width:500px;
	min-height:400px;
	height:auto !important;
	height:400px;
	float:left;
}

.img_sidebar {border:1px solid #a1a1a1; padding:5px; margin-top:10px}
.img_caption {font-style:italic; margin-top:10px; text-align:center}

.icon_container {
	width:220px;
	min-height:153px;
	height:auto !important;
	height:153px;
	margin-left:10px;
	margin-bottom:42px;
	float:left;
	background:url(../images/icon_container.gif) no-repeat bottom;
}

.icon_container img {float:left; margin:4px 0 0 12px}
.icon_container h2 {float:right; width:127px; margin-top:5px}
.icon_container a {text-decoration:none; font-weight:bold}
.icon_container h2 a {font-weight:normal}
.icon_container a:hover {text-decoration:underline}
.icon_container p {
	clear:both;
	font-size:.84em;
	line-height:1.2em;
	margin:0 25px 7px;
}

.icon_blue h2, .icon_blue a {color:#08b5ff}
.icon_yellow h2, .icon_yellow a {color:#f9ad01}
.icon_purple h2, .icon_purple a {color:#be4779}
.icon_dkblue h2, .icon_dkblue a {color:#174ead}
.icon_green h2, .icon_green a {color:#00c001}
.icon_red h2, .icon_red a {color:#de0f43}

#testimonial {
	margin:20px 30px;
	padding:14px 14px 10px;
	border:1px solid #99cbff;
	background:#e7f3ff;
}

.sig {margin-left:100px; font-style:italic; font-size:.9em}

/* ---- content ---- */
#content {
	width:440px;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding:0 10px 15px 30px;
	float:right;
}

#content ul {list-style-type:none}
#content li {
	margin-bottom:5px;
	margin-left:-10px;
	padding-left:26px;
	background:url(../images/bullet.gif) no-repeat 0 5px;
}

#content a {color:#0162c9; text-decoration:underline}
#content a:hover {text-decoration:none}

#content h2 {
	margin-bottom:5px;
	margin-top:20px;
	color:#0f58aa;
	font-size:1.4em;
	border-bottom:1px solid #1386ff;
}

#blurb {float:right; width:180px; margin:0px 0 10px 20px}
#blurb p {
	margin:0;
	text-align:center;
	font-weight:bold;
	color:#00467f;
	font-size:1.2em;
}

/* ---- footer ---- */
#bottom_clear {clear:both; height:5px}

#footer {
	margin:0 auto;
	width:100%;
	height:94px;
	font-size:.96em;
	font-weight:bold;
	color:#fff;
	padding-top:29px;
	text-align:center;
	background:#073871 url(../images/footer_bg.gif) repeat-x 0 0;
}

#footer a {color:#fff; text-decoration:none}
#footer a:hover {text-decoration:underline}
.footer_pad {margin:0 6px}

/* ---- forms ---- */
fieldset {border:0; margin:0; padding:10px; width:90%}
legend {
	margin:0;
	padding:0;
	color:#400;
	font:bold 1.2em/1.5em verdana,sans-serif
}

html>body legend {margin:0}

fieldset span {color:#f00; font-weight:bold}
fieldsetdl {margin:0; padding:0}
fieldset dt {margin:17px 0 2px; padding:0}
fieldset dd {margin:0; padding:0}

label {font-weight:bold; cursor:pointer}
label.unbold {font:normal .95em verdana,sans-serif; color:#000}

input, textarea {
	width:350px;
	padding:4px;
	font:1em verdana,arial,sans-serif;
	border:1px solid #e8e6e0;
	border-top:1px solid #666;
	border-left:1px solid #666;
	background:#f6f5f3;
	color:#333
}

textarea {
	overflow:auto;
	margin:0 0 -2px;
}

input:hover, textarea:hover {
	border:1px solid #004080;
	border-top:1px solid #002850;
	border-left:1px solid #002850;
	background:#e8e7e0;
}

input:focus, textarea:focus {
	border:1px solid #666;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#FFF;
}

input.radio, input.check {
	width:auto;
	margin:2px 5px 0;
	border:none;
	background:none;
}

input.submit {
	cursor:pointer;
	margin:20px 0 0;
	width:150px;
	color:#fff;
	font-weight:bold;
	background:#063266;
	display:inline;
}

input.reset {
	cursor:pointer;
	margin:20px 0 0;
	width:150px;
	color:#000;
	font-weight:bold;
	background:#ddd;
	display:inline;
}

input.submit:hover {
	border:1px solid #000;
	background:#1386ff;
	color:#fff;
}

input.reset:hover {
	border:1px solid #000;
	background:#fff;
	color:#000;
}

input.submit:focus {
	border:1px solid #000;
	background:#063266;
	color:#fff;
}

input.reset:focus {
	border:1px solid #000;
	background:#fff;
	color:#000;
}

input#city {width:230px}
input#state {width:30px}
input#zip {width:46px}

input.validation-failed, textarea.validation-failed {
	border:1px solid #f00;
	color:#f00;
}

.validation-advice {
	margin:-1px 0 5px;
	padding:4px;
	background:#f00;
	color:#fff;
	width:352px;
}

.message {visibility:visible; display:none}