body { margin: 0; padding: 0; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-align: left; }
a { color: #0080d2; text-decoration: underline; }
a:hover { color: #0080d2; text-decoration: none; }
img { border: 0; }
strong {
	color: #005652;
}
h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #961717; margin: 10px 0 0 0; padding: 0; line-height: 1.2em;}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #005652;
	margin: 10px 0 0 0;
	padding: 5px 0 5px 15px;
	line-height: 1.4em;
	border-top: 1px #e7e6e6 dotted;
	border-bottom: 1px #e7e6e6 dotted;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005652;
	margin: 10px 30px 0 0;
	padding: 5px 0 5px 15px;
	line-height: 1.4em;
	border-top: 1px #e7e6e6 dotted;
	border-bottom: 1px #e7e6e6 dotted;
}
h4 { margin: 2em 0 .5em 0; font-size: 12px; color: #961717; }
p { margin: 0; padding: 5px 0 5px 20px; line-height: 1.4em; }
.clear { clear: both; }

div#container {margin: 0 auto; width: 850px; background: fff; border: 1px solid #a6742a; overflow: hidden;}

div#container div#top {display: block; margin: 0; padding: 0; height: 113px; width: 850px; background: url(../images/top.jpg) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#top a.logo {float: left; display: block; margin: 0; padding: 0; height: 78px; width: 250px; text-indent: -9000em; overflow: hidden;}

div#container div#nav {display: block; float: right; margin: 61px 0 0 0; padding: 0; width: 639px; height: 53px; background: url(../images/nav-bg.jpg) repeat-x; text-indent: -9000em; overflow: hidden;}
div#container div#nav ul {margin: 0; padding: 0; list-style: none; }
div#container div#nav ul li {float: left; margin: 0; padding: 0;  }
div#container div#nav ul li a {display: block; text-indent: -9000em; overflow: hidden; height: 53px;}
div#container div#nav ul li a.nav-home {margin: 0; background: url(../images/nav-home.jpg) no-repeat top; width: 68px;}
div#container div#nav ul li a.nav-home:hover {background: url(../images/nav-home.jpg) no-repeat bottom;}
div#container div#nav ul li a.nav-pay {margin: 0; background: url(../images/nav-payroll.jpg) no-repeat top; width: 88px;}
div#container div#nav ul li a.nav-pay:hover {background: url(../images/nav-payroll.jpg) no-repeat bottom;}
div#container div#nav ul li a.nav-time {margin: 0; background: url(../images/nav-time.jpg) no-repeat top; width: 151px;}
div#container div#nav ul li a.nav-time:hover {background: url(../images/nav-time.jpg) no-repeat bottom;}
div#container div#nav ul li a.nav-employer {margin: 0; background: url(../images/nav-employer.jpg) no-repeat top; width: 133px;}
div#container div#nav ul li a.nav-employer:hover {background: url(../images/nav-employer.jpg) no-repeat bottom;}
div#container div#nav ul li a.nav-business {margin: 0; background: url(../images/nav-business.jpg) no-repeat top; width: 115px;}
div#container div#nav ul li a.nav-business:hover {background: url(../images/nav-business.jpg) no-repeat bottom;}
div#container div#nav ul li a.nav-contact {margin: 0; background: url(../images/nav-contact.jpg) no-repeat top; width: 84px;}
div#container div#nav ul li a.nav-contact:hover {background: url(../images/nav-contact.jpg) no-repeat bottom;}



div#container div#presentation {display: block; margin: 0; padding: 0; width: 850px; height: 130px; background: url(../images/presentation.jpg) no-repeat;}
div#container div#presentation2 {display: block; margin: 0; padding: 0; width: 850px; height: 130px; background: url(../images/presentation2.jpg) no-repeat;}
div#container div#presentation3 {display: block; margin: 0; padding: 0; width: 850px; height: 130px; background: url(../images/presentation3.jpg) no-repeat;}
div#container div#presentation4 {display: block; margin: 0; padding: 0; width: 850px; height: 130px; background: url(../images/presentation4.jpg) no-repeat;}


div#container div#content {float: left; background: url(../images/content-bg.jpg) repeat-x top; overflow: hidden;}

div#container div#content div#main-col {width: 99%; margin: 0;}

div#container div#content div#left-col {float: left; width: 451px; margin: 0;}
									.title-home {display: block; margin: 50px 0 5px 15px; height: 68px; background: url(../images/title-home.gif) no-repeat; text-indent: -9000em; }
									.title-payroll {display: block; margin: 15px 0 5px 15px; height: 54px; background: url(../images/title-payroll.gif) no-repeat; text-indent: -9000em; }
									.title-time {display: block; margin: 15px 0 5px 15px; height: 54px; background: url(../images/title-time.gif) no-repeat; text-indent: -9000em; }
									.title-employer {display: block; margin: 15px 0 5px 15px; height: 54px; background: url(../images/title-employer.gif) no-repeat; text-indent: -9000em; }
									.title-business {display: block; margin: 15px 0 5px 15px; height: 54px; background: url(../images/title-business.gif) no-repeat; text-indent: -9000em; }
									.title-contact {display: block; margin: 15px 0 5px 15px; height: 54px; background: url(../images/title-contact.gif) no-repeat; text-indent: -9000em; }



									a.client {display: block; float: left; margin: 0 0 0 15px; width: 97px; height: 41px; background: url(../images/client.jpg) no-repeat; text-indent: -9000em; overflow: hidden;}

div#container div#content div#right-col {float: right; margin: 20px 0 0 50px;}

div#container div#footer {display: block; float: left; margin: 15px 0 0 0; padding: 0; width: 850px; height: 66px; background: #d4eee6 url(../images/footer-bg.jpg) repeat-x; color: #3a5360; line-height: 2.2em; font-size: 10px;  }
div#container div#footer a {color: #3a5360;}
div#container div#footer a:hover {color: #3a5360;}
.title-thankyou {
	display: block;
	margin: 15px 0 5px 15px;
	height: 54px;
	background: url(../images/title-thankyou.gif) no-repeat;
	text-indent: -9000em;
}
