/* ####################### GLOBAL Styles ######################## */

body {
	text-align: center;
	background: url('../images/bg.jpg') #ebeced repeat-x;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #364048;
}


/* ####################### Container Divs ######################## */


div#wrapper {
	width: 806px;
	margin: 0 auto;
	text-align: left;
}

div#content {
	width: 806px;
	overflow: hidden;
}

div#header {
	width: 806px;
	height: 62px;
	background-color: white;
	overflow: hidden;
}

div#hdrBar {
	background: url('../images/hdr_bar.jpg') #3566a8 no-repeat;
	width: 806px;
	height: 6px;
	overflow: hidden;
}

div#logo {
	float: left;
	width: 346px;
	height: 56px;
}

div#navWpr {
	float: left;
	width: 460px;
	height: 20px;
	padding: 18px 0;
	text-align: right;
	font-size: 1.1em;
	color: #5987c6;
}

div#hero {
	clear: both;
	width: 806px;
}


/* ####################### Navigation ######################## */


/* Rollover States */

div.nav1 {
	background: url('../images/nav_bg.gif') -106px 0 no-repeat;
	float: left;
	width: 56px;
	height: 20px;
	margin: 0 12px 0 0;
	text-align: center;
}

div.nav1 a {
	background: url('../images/nav_bg.gif') top left no-repeat;
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%; 
	height: 100%;
	overflow: hidden;
	color: #5987c6;
	text-decoration: none;
}

div.nav1 a:hover {
	background-image: none;
	color: #5987c6;
}

div.nav2 {
	background: url('../images/nav_bg.gif') -176px 0 no-repeat;
	float: left;
	width: 78px;
	height: 20px;
	margin: 0 12px 0 0;
	text-align: center;
}

div.nav2 a {
	background: url('../images/nav_bg.gif') top left no-repeat;
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%; 
	height: 100%;
	overflow: hidden;
	color: #5987c6;
	text-decoration: none;
}

div.nav2 a:hover {
	background-image: none;
	color: #5987c6;
}

div.nav3 {
	background: url('../images/nav_bg.gif') -268px 0 no-repeat;
	float: left;
	width: 106px;
	height: 20px;
	margin: 0 12px 0 0;
	text-align: center;
}

div.nav3 a {
	background: url('../images/nav_bg.gif') top left no-repeat;
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%; 
	height: 100%;
	overflow: hidden;
	color: #5987c6;
	text-decoration: none;
}

div.nav3 a:hover {
	background-image: none;
	color: #5987c6;
}

div.nav4 {
	background: url('../images/nav_bg.gif') -388px 0 no-repeat;
	float: left;
	width: 80px;
	height: 20px;
	margin: 0 12px 0 0;
	text-align: center;
}

div.nav4 a {
	background: url('../images/nav_bg.gif') top left no-repeat;
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%; 
	height: 100%;
	overflow: hidden;
	color: #5987c6;
	text-decoration: none;
}

div.nav4 a:hover {
	background-image: none;
	color: #5987c6;
}

div.nav5 {
	background: url('../images/nav_bg.gif') -482px 0 no-repeat;
	float: left;
	width: 92px;
	height: 20px;
	text-align: center;
}

div.nav5 a {
	background: url('../images/nav_bg.gif') top left no-repeat;
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%; 
	height: 100%;
	overflow: hidden;
	color: #5987c6;
	text-decoration: none;
}

div.nav5 a:hover {
	background-image: none;
	color: #5987c6;
}

/* 'On' States */

#home .nav1 a {
	background: url('../images/nav_bg.gif') -106px 0 no-repeat;
	float: left;
	width: 56px;
	height: 20px;
	text-align: center;
}

#software .nav2 a {
	background: url('../images/nav_bg.gif') -176px 0 no-repeat;
	float: left;
	width: 78px;
	height: 20px;
	text-align: center;
}

#mobile .nav3 a {
	background: url('../images/nav_bg.gif') -268px 0 no-repeat;
	float: left;
	width: 106px;
	height: 20px;
	text-align: center;
}

#about .nav4 a {
	background: url('../images/nav_bg.gif') -388px 0 no-repeat;
	float: left;
	width: 80px;
	height: 20px;
	text-align: center;
}

#contact .nav5 a {
	background: url('../images/nav_bg.gif') -482px 0 no-repeat;
	float: left;
	width: 92px;
	height: 20px;
	text-align: center;
}


/* ####################### Content Divs: Home ######################## */


div#contentHomeWpr {
	overflow: hidden;
}

div#col1Home {
	background: url('../images/home_col1_bg.jpg') bottom left repeat-x;
	float: left;
	width: 249px;
	height: 190px;
	margin: 0 3px 0 0;
	padding: 20px;
	border-bottom: 7px solid #3465a7;
}

div#col2Home {
	background: url('../images/home_col2_bg.jpg') bottom left repeat-x;
	float: left;
	width: 236px;
	height: 190px;
	margin: 0 3px 0 0;
	padding: 20px;
	margin: 0 3px 0 0;
	border-bottom: 7px solid #5987c6;
}

div#col3Home {
	background: url('../images/home_col3_bg.jpg') bottom left repeat-x;
	float: left;
	width: 195px;
	height: 190px;
	padding: 20px;
	border-bottom: 7px solid #85b1d9;
}

h1.home {
	font-weight: normal;
	font-size: 1.2em;
	color: #12396d;	
	margin: 0 0 10px 0;
	padding: 0;
}

h2.home {
	font-weight: normal;
	font-size: 1.2em;
	color: #12396d;	
	margin: 0 0 10px 0;
	padding: 0;
}

.txtHome {
	font-size: .9em;
	line-height: 1.6em;
	height: 145px;
}


/* ####################### Content Divs: Inside ######################## */

div#contentInsideWpr {
	border-bottom: 7px solid #3465a7;
	width: 806px;
	background: url('../images/inside_col1_bg.jpg') #fff bottom left no-repeat;
	overflow: hidden;
}

div#contentInsideWpr2 {
	border-bottom: 7px solid #3465a7;
	width: 706px;
	padding: 30px 50px;
	overflow: hidden;
	background-color: white;
}

div#contentInsideWpr3 {
	border-bottom: 7px solid #3465a7;
	width: 806px;
	background: url('../images/inside_col1_bg2.jpg') #fff bottom left no-repeat;
	overflow: hidden;
}

.insideLeft {
	float: left;
	width: 204px;
	padding: 28px 18px 18px 18px;
	font-size: .9em;
	line-height: 1.5em;
}

.insideLeft a:link, .insideLeft a:visited {
	color: #4270af;
	text-decoration: underline;
}

.insideLeft a:active, .insideLeft  a:hover {
	color: #023f91;
	text-decoration: underline;
}

.insideRightSoftware {
	float: left;
	width: 481px;
	padding: 0 48px 30px 37px;
}

.insideRightMobile {
	background: url('../images/hero2_mobile.jpg') 368px 0 no-repeat;
	float: left;
	width: 481px;
	padding: 40px 48px 30px 37px;
}

.insideRightAbout{
	float: left;
	width: 481px;
	padding: 27px 48px 30px 37px;
}

.insideRightContact {
	float: left;
	width: 508px;
	padding: 0 38px 30px 20px;
}

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

.mainList li {	
	background: url('../images/bullet.gif') 0 .5em no-repeat;
	margin: 0;
	padding: 0 0 .7em 1em;
}

.mainList a:link, .mainList a:visited {
	color: #12396d;
	text-decoration: underline;
}

.mainList a:active, .mainList a:hover {
	color: #4270af;
	text-decoration: underline;
}

.callout {	
	background: url('../images/bg_arrow.gif') no-repeat;
	width: 160px;
	padding: 0 0 20px 44px;
	text-align: right;
}

.calloutCheckmark {	
	background: url('../images/bg_check.gif') no-repeat;
	width: 160px;
	padding: 0 0 20px 44px;
	text-align: right;
}

.calloutBox {
	font-size: 1.4em;
	line-height: 1.4em;
	color: #1764a9;
	background-color: #f3f4f5;
	height: 169px;
	margin: 10px 0 24px 0;
}

.calloutBox img {
	float: left;
	padding: 0 24px 0 0;
}

.blockquote {
	margin: 20px 0;
	background: url('../images/blockquote_left.gif') top left no-repeat;
}

.blockquote2 {
	background: url('../images/blockquote_right.gif') bottom right no-repeat;
}

.blockquoteInside {
	margin: 0 auto;
	width: 90%;
	padding: 8px 0;
	color: #507992;
	font-size: 1.2em;
	line-height: 1.5em;
}


/* ####################### Footer ######################## */


div#footer {
	clear: both;
	width: 806px;
	text-align: right;
	color: #98a3a8;
	font-size: .8em;
	padding: 5px 0 15px 0;
}

div#footer a:link, div#footer a:visited {
	color: #98a3a8;
	text-decoration: underline;	
}

div#footer a:active, div#footer a:hover {
	color: #5987c6;
	text-decoration: underline;		
}


/* ####################### Sitemap ######################## */


.sitemap {
	color: #98a3a8;
	font-size: 1.1em;
	line-height: 1.8em;
}

.sitemap a:link, .sitemap a:visited {
	color: #98a3a8;
	text-decoration: none;	
}

.sitemap a:active, .sitemap a:hover {
	color: #5987c6;
	text-decoration: underline;		
}


/* ####################### General Styles ######################## */

.calendarTop {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-size: 14px;
	line-height: 17px;
	width: 480px;
	height: 39px;
	padding: 3px 0 0 0;
	background-color: #ffa04a;
	text-align: center;
}

.alignRight {
	text-align: right;
}

.txtMed {
	font-size: 1.1em;
}

.txtLt {
	color: #3768aa;
}

.txtDk {
	color: #12396d;
}

.padTop10 {
	padding-top: 10px;
}

.padBot15 {
	padding-bottom: 15px;
}

.subtitle {
	color: #3667a9;
	font-size: .9em;
	font-weight: bold;
}

h1, h3 {
	font-weight: normal;
	font-size: 1.25em;
	color: #14334f;	
	margin: 0 0 10px 0;
	padding: 0;
}

h2 {
	font-weight: normal;
	color: #3465a7;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

h2.about {
	font-weight: normal;
	color: #3465a7;
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}

h2.software {
	font-weight: normal;
	font-size: 1em;
	color: #12396d;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	overflow: hidden;
}

.attrib {
	text-align: right;
	font-size: .8em;
	line-height: 1em;
	color: #909ca1;
	margin: 0;
	padding: 0;
}

.sm {
	font-size: .8em;
}

.md {
	font-size: .98em;
}