* {
	margin: 0;
	padding: 0;
}
body {
	background: #E4E4E4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C6C6C;
}
#container{
	background: #FFFFFF url(images/bg_gradient.jpg) bottom repeat-x;
}
a {text-decoration: none;}
a:link, a:visited {color: #559CBE;}
a:hover, a:active {color: #24769e;}
h1 {
	font-size: 11px;
	font-weight:bold;
}
h2 {
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	padding-bottom: 5px;
}
p {
	padding-bottom: 16px;
	line-height: 16px;
}
	p a, p a:link, p a:visited {color: #AFBD21;}
	p a:hover, p a:active {color: #94a018;}
.clear { clear:both;}
#clear { clear:both;}
#shell {
	margin: 0 auto;
	padding: 0 20px;
	width: 770px;
}
#header {
	color: #989898;
	width: 770px; 
}
	#header div.headerLeft {
		padding-top: 20px;
		padding-left: 21px;
		width: 164px;
		height: 70px;
		background: url(images/header_left_bg.jpg) top left no-repeat;
		float: left;
	}
	#header div.headerRight {
		padding-top: 50px;
		padding-right: 10px;
		width: 575px;
		height: 40px;
		font-size: 10px;
		text-align:right;
		background: url(images/header_right_bg.jpg) no-repeat;
		float: right;
	}
		#header div.headerRight div.tagline {
	padding: 0 10px;
	text-align: right;
	height: 30px;
	border-left: 1px #C4C4C4 dotted;
	border-right: 1px #C4C4C4 dotted;
	line-height: 15px;
		}
		#header div.headerRight div.contact {
			padding: 0 10px;
			border-right: 1px #C4C4C4 dotted;
			height: 30px;
		}
			h1.phone {
				font-size: 14px;
				font-weight: normal;
			}
			h1.email {
				font-size: 10px;
				font-weight: normal;
			}
#flash {
	clear: both;
	padding: 4px 0;
}
#menu {
	padding-bottom: 4px;
}
ul.nav {
	background: url(images/navigation.png) 0 0 no-repeat;
	width: 770px;
	height: 36px;
	list-style: none;
	overflow: hidden;
}
	ul.nav li {
		float: left;
	}
		ul.nav li a,
		ul.nav li a:link,
		ul.nav li a:visited {
			display: block;
			height: 36px;
			text-indent: -9999px;
			overflow: hidden;
		}
	ul.nav li.nav-home a,
	ul.nav li.nav-home a:link,
	ul.nav li.nav-home a:visited {
		background: url(images/navigation.png) 0 0 no-repeat;
		width: 97px;
	}
	ul.nav li.nav-home a:hover,
	ul.nav li.nav-home a:active,
	ul.nav li.nav-home a.on {
		background: url(images/navigation.png) 0 -36px no-repeat;
	}
	/* -- company -- */
	ul.nav li.nav-company a,
	ul.nav li.nav-company a:link,
	ul.nav li.nav-company a:visited {
		background: url(images/navigation.png) -97px 0 no-repeat;
		width: 96px;
	}
	ul.nav li.nav-company a:hover,
	ul.nav li.nav-company a:active,
	ul.nav li.nav-company a.on {
		background: url(images/navigation.png) -97px -36px no-repeat;
	}
	/* -- solutions -- */
	ul.nav li.nav-solutions a,
	ul.nav li.nav-solutions a:link,
	ul.nav li.nav-solutions a:visited {
		background: url(images/navigation.png) -193px 0 no-repeat;
		width: 96px;
	}
	ul.nav li.nav-solutions a:hover,
	ul.nav li.nav-solutions a:active,
	ul.nav li.nav-solutions a.on {
		background: url(images/navigation.png) -193px -36px no-repeat;
	}
	/* -- services -- */
	ul.nav li.nav-services a,
	ul.nav li.nav-services a:link,
	ul.nav li.nav-services a:visited {
		background: url(images/navigation.png) -289px 0 no-repeat;
		width: 96px;
	}
	ul.nav li.nav-services a:hover,
	ul.nav li.nav-services a:active,
	ul.nav li.nav-services a.on {
		background: url(images/navigation.png) -289px -36px no-repeat;
	}
	/* -- platform -- */
	ul.nav li.nav-platform a,
	ul.nav li.nav-platform a:link,
	ul.nav li.nav-platform a:visited {
		background: url(images/navigation.png) -385px 0 no-repeat;
		width: 96px;
	}
	ul.nav li.nav-platform a:hover,
	ul.nav li.nav-platform a:active,
	ul.nav li.nav-platform a.on {
		background: url(images/navigation.png) -385px -36px no-repeat;
	}
	/* -- resources -- */
	ul.nav li.nav-resources a,
	ul.nav li.nav-resources a:link,
	ul.nav li.nav-resources a:visited {
		background: url(images/navigation.png) -481px 0 no-repeat;
		width: 96px;
	}
	ul.nav li.nav-resources a:hover,
	ul.nav li.nav-resources a:active,
	ul.nav li.nav-resources a.on {
		background: url(images/navigation.png) -481px -36px no-repeat;
	}
	/* -- blog -- */
	ul.nav li.nav-blog a,
	ul.nav li.nav-blog a:link,
	ul.nav li.nav-blog a:visited {
		background: url(images/navigation.png) -577px 0 no-repeat;
		width: 96px;
	}
	ul.nav li.nav-blog a:hover,
	ul.nav li.nav-blog a:active,
	ul.nav li.nav-blog a.on {
		background: url(images/navigation.png) -577px -36px no-repeat;
	}
	/* -- contact -- */
	ul.nav li.nav-contact a,
	ul.nav li.nav-contact a:link,
	ul.nav li.nav-contact a:visited {
		background: url(images/navigation.png) -673px 0 no-repeat;
		width: 97px;
	}
	ul.nav li.nav-contact a:hover,
	ul.nav li.nav-contact a:active,
	ul.nav li.nav-contact a.on {
		background: url(images/navigation.png) -673px -36px no-repeat;
	}

/* ----------------------------------------
------------ Interior Content -------------
-----------------------------------------*/

#whitePadding {
	width: 770px;
	height: 8px;
	background: #FFFFFF;
}
#content{
	width: 770px;
	background: #FFFFFF url(images/content_bg.jpg) top left repeat-y;
}
#contentWide{
	width: 770px;
	background: #FFFFFF url(images/content_bg_2.jpg) top left repeat-y;
}
.contentLeft {
	padding-left: 20px;
	padding-right: 11px;
	width: 535px;
	float: left;
}
	.contentLeft div.submenu {
		padding-top: 10px;
		width: 129px;
		float: left;
	}
		div.submenu ul {
			list-style: none;
			color: #559cbe;
		}
		div.submenu ul li {
			padding-left: 11px;
			padding-bottom:12px;
			line-height: 16px;
		}
		div.submenu ul li a {
			color: #559cbe;
		}
		div.submenu ul li a:hover{
			color: #24769e;
		}
		div.submenu ul li.active {
			padding-left: 11px;
			font-weight: bold;
			background: transparent url(images/submenu_bullet.jpg) 0px 6px no-repeat;
		}
		
	.contentLeft div.text {
		padding-left: 20px;
		width: 380px;
		float: right;
	}
		.contentLeft div.text ul {
			padding-left: 25px;
		}
		
.contentRight {
	width: 192px;
	height: 391px;
	padding-right: 12px;
	line-height: 14px;
	font-size: 10px;
	float: right;
}
	.bucketTop {
		padding: 53px 0 0 19px;
		width: 173px;
		height: 67px;
		background: url(images/sidebar_download.jpg) no-repeat;
	}
	.bucketMiddle {
		padding: 60px 0 0 19px;
		width: 173px;
		height: 57px;
		background: url(images/sidebar_demo.jpg) no-repeat;
	}
	.bucketBottom {
		padding: 59px 0 0 19px;
		width: 173px;
		height: 94px;
		background: url(images/sidebar_newsletter.jpg) no-repeat;
	}
		.bucketBottom form {
			margin-top: 8px;
		}
		.newsletterField input {
			margin: 2px 6px 2px 0;
			padding-top: 4px;
			padding-left: 5px;
			width: 125px;
			height: 15px;
			border: 1px solid #D9D9D9;
			font-size: 10px;
			color: #757575;
			float:left;
		}
		.newsletterSubmit input {
			border: none;
			float: left;
			width: 26px;
			height: 25px;
			background: url(images/newsletter_submit.jpg) no-repeat;
		}
		
/* ----------------------------------------
----------------- Form ------------------
-----------------------------------------*/

.text form {
	margin-top: 8px;
}
.label, .labelState, .labelZip{
	font-size: 10px;
	padding-bottom: 2px;
}
.state {
	padding-right: 7px;
	float:left;
}
.zip {
	float:left;
}
.fieldState input {
	margin-bottom: 7px;
	padding-top: 4px;
	padding-left: 5px;
	width: 32px;
	height: 15px;
	border: 1px solid #D9D9D9;
	font-size: 10px;
	color: #757575;
	text-transform: uppercase;
}
.fieldZip input {
	margin-bottom: 7px;
	padding-top: 4px;
	padding-left: 5px;
	width: 112px;
	height: 15px;
	border: 1px solid #D9D9D9;
	font-size: 10px;
	color: #757575;
}
.field input {
	margin-bottom: 7px;
	padding-top: 4px;
	padding-left: 5px;
	width: 160px;
	height: 15px;
	border: 1px solid #D9D9D9;
	font-size: 10px;
	color: #757575;
}
.signup input {
	margin: 9px 0 20px 0;
	border: none;
	width: 165px;
	height: 25px;
	background: url(images/button_sign_up.jpg) no-repeat;
}
.submit input {
	margin-top: 9px;
	border: none;
	width: 165px;
	height: 25px;
	background: url(images/button_get_overview.jpg) no-repeat;
}
	
/* ----------------------------------------
----------------- Footer ------------------
-----------------------------------------*/

#stripe {
	padding-top: 4px;
	width: 770px;
	height: 5px;
	background: url(images/footer_stripe.jpg) bottom no-repeat;
}
#footer {
	font-size: 9px;
	line-height: 22px;
	width: 770px;
	height: 22px;
	color: #969696;
}	
	#footer a, #footer a:link, #footer a:visited { color: #969696;}
	#footer a:hover, #footer a:active { color: #464646;}
	#footer div.copyright {
		float: left;
	}
	#footer div.nav {
	float: right;
	text-align: right;
	}