* {
	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;}
p {
	padding-bottom: 16px;
	line-height: 16px;
}
p.top {
	padding-top: 16px;
	font-size: 12px;
}
	p a, p a:link, p a:visited {color: #AFBD21;}
	p a:hover, p a:active {color: #94a018;}
.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;
}

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;
	}

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

#content {
	clear: both;
	background: #FFFFFF;
}

/* ----------------------------------------
------------- Splash Content --------------
-----------------------------------------*/
#whitePadding {
	width: 770px;
	height: 8px;
	background: #FFFFFF;
}
#splashContent{
	position: relative;
	width: 770px;
	background: #FFFFFF url(images/content_bg.jpg) top left repeat-y;
}
	.contentLeft {
		position: relative;
		padding-left: 178px;
		padding-right: 10px;
		width: 370px;
		float: left;
	}			
	.contentRight {
		width: 192px;
		padding-right: 12px;
		line-height: 14px;
		font-size: 10px;
		float: right;
	}
		.splash-image {
			position:absolute;
			bottom: 0;
			left: -44px;
			z-index:100;
	}
		.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;
			}
	
#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;
	}