@charset "utf-8";
/*
www.GaslampMedia.com
version: 1.01
*/

* { margin: 0; padding: 0;}
img { border:none;}

a{ text-decoration: underline; color: #085998;}
a:hover{ text-decoration: none;}
a:focus{ outline:none;}

h1{ font-size: 14px; margin-bottom: 12px; color: #085998;}
h2{ font-size: 14px; margin-bottom: 12px; color: #085998;}
h3{ font-size: 12px; margin-bottom: 12px}

p{ padding-bottom: 12px; line-height: 18px;}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #474545;
}

body {
	background:url(../images/backdrop.gif) top repeat-x;}

/* structure */
#preload { display: none; height:0px;}

#superdrop { background:url(../images/maindrop.jpg) no-repeat top center; width: 100%;}
#container { width: 900px; margin: 0 auto;}

#header{ height: 162px; background:url(../images/header.jpg) no-repeat top left;}
	#logo { height: 108px;}
		#logo h2 { margin-bottom: 0px;}
		#logo h2 a { display: block; height: 108px; width: 275px; text-indent: -3000px;}
	#headright { width: 625px; padding: 16px 0 0 0; text-align: right; overflow: hidden;}
		#headright p { padding: 0 20px 5px 0; color: #024192;}
		
		#header-btns { width: 256px; text-align: left;}
		#btn-about {
			width: 98px;
			height: 44px;
			background:url(../images/btn-about.gif) no-repeat top left; 
			}
		#btn-about a {
			display: block;
			
			width: 91px;
			height: 38px;
			
			text-indent: -3000px;
			}
		#btn-about a:hover { background:url(../images/btn-about-over.gif) no-repeat top left; }
		
		#btn-request-quote {
			width: 146px;
			height:44px;
			padding-right: 12px;
			background:url(../images/btn-request-quote.jpg) no-repeat top left;
			}
		#btn-request-quote a {
			display: block;
			 
			width: 146px;
			height: 38px;
			text-align: left;
			text-indent: -3000px;
			
			}
		#btn-request-quote a:hover { background:url(../images/btn-request-quote-over.jpg) no-repeat top left; }
	
#nav { height: 31px;}
#nav ul { list-style: none;}
#nav li { float: left;}
#nav a {
	display: block;
	height:31px;
	text-indent: -3000px;
	background-repeat: no-repeat;
	background-position:top;
	}
	#nav-payroll { background-image: url(../images/nav-payroll.gif); width: 76px;}
	#nav-attendance { background-image:url(../images/nav-attendance.gif); width: 170px;}
	#nav-human { background-image:url(../images/nav-human.gif); width: 144px;}
	#nav-benefits { background-image:url(../images/nav-benefits.gif); width: 150px;}
	#nav-compensation { background-image:url(../images/nav-compensation.gif); width: 183px;}
	#nav-resources { background-image:url(../images/nav-resources.gif); width: 94px;}
	#nav-contact { background-image:url(../images/nav-contact.gif); width: 83px;}
	
	#nav-payroll:hover { background-image: url(../images/nav-payroll-over.gif); }
	#nav-attendance:hover { background-image:url(../images/nav-attendance-over.gif); }
	#nav-human:hover { background-image:url(../images/nav-human-over.gif);}
	#nav-benefits:hover { background-image:url(../images/nav-benefits-over.gif); }
	#nav-compensation:hover { background-image:url(../images/nav-compensation-over.gif);}
	#nav-resources:hover { background-image:url(../images/nav-resources-over.gif);}
	#nav-contact:hover { background-image:url(../images/nav-contact-over.gif);}


#nav li ul {
	position: absolute;
	width: 200px;
	left: -999em;
	top: 139px;
	background:#eaeaea;
	border:1px solid #d6d6d6;
}
#nav li ul li { width: 200px;}

#nav li ul a { text-indent: 0; height: auto; text-decoration: none; padding: 5px 3px; border-bottom: 1px solid #d6d6d6; color: #474545;}
#nav li ul a:hover { background-color: #085998; color:#FFFFFF;}


#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#topbox { height: 190px; background:url(../images/topbox.jpg);}
#banner{ width: 636px;}
.subnav { width: 250px;}
	.subnav ul { list-style: none;}
	.subnav li {}
	.subnav a {
		display: block;
		width:250px;
		text-indent: -3000px;
		}
		#subnav-payroll-login { background:url(../images/btn-payroll-login.jpg); height: 59px;}
		#subnav-hr-support { background:url(../images/btn-hr-support.jpg); height: 56px;}
		#subnav-selfservice { background:url(../images/btn-selfservice.jpg); height: 59px;}
		#subnav-supervisor-login { background: url(../images/btn-supervisor.jpg); height: 56px;}
		#subnav-employee-login { background:url(../images/btn-employee.jpg); height: 65px;}
		
		#subnav-payroll-login:hover { background:url(../images/btn-payroll-login-over.jpg); height: 59px;}
		#subnav-hr-support:hover  { background:url(../images/btn-hr-support-over.jpg); height: 56px;}
		#subnav-selfservice:hover  { background:url(../images/btn-selfservice-over.jpg); height: 59px;}
		#subnav-supervisor-login:hover  { background: url(../images/btn-supervisor-over.jpg); height: 56px;}
		#subnav-employee-login:hover  { background:url(../images/btn-employee-over.jpg); height: 65px;}


#wrapper { padding-bottom: 20px;}
	#leftcol {}
	#rightcol {}
	#singlecol {}
	
	#maincol { width: 636px;}
		#maincol h1.h200 { background: url(../images/hbar.gif) no-repeat 195px;}
		#maincol h2.h150 {background: url(../images/hbar.gif) no-repeat 145px;}
		#maincol ul, #maincol ol { padding: 0 0 12px 20px; line-height:18px;}
		.modbox {
			width: 173px;
			height: 291px;
			padding: 10px 24px 10px 17px;
			background: url(../images/module.gif) no-repeat top left;
			float:left;
			}
		#modlast.modbox { padding-right: 17px;}
		.modbox h3 { color: #085998;  font-weight: normal; padding-bottom: 18px;}
		.modbox p { font-size: 11px; line-height: 16px;}
	#sidebar { width: 250px;}
	
	#testimonials { padding: 10px;}
	#testimonials p{ font-size: 10px; line-height: 14px;}
	
#footer-ex { background:url(../images/footer-ex.jpg) repeat-x top #fefefe;}
#footer-wave { background:url(../images/footer-wave.jpg) no-repeat center top; width: 100%;}	
#footer {
	width: 900px;
	margin: 0 auto;
	font-size: 10px;
	padding: 60px 0 60px 0;
	}
	#footer ul { list-style: none; padding-bottom: 12px;}
	#footer li { float: left; padding-right: 10px;}
	#footer a {
		text-decoration: underline;
		color: #474545;
		}
	#footer ul a { display: block;}
		#footer a:hover { text-decoration: none;}


/* universal classes */

.small {}
.default {}
.large { font-size: 17px;}

.right { float:right;}
.left { float:left;}
.clear { clear: both;}

p.txt-center { text-align: center;}
p.txt-right { text-align: right;}

.img-left { float: left; padding: 0 10px 5px 0;}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.table-form td { padding: 2px;}
.input-text { width: 200px; padding: 2px 3px; border:1px solid #085998;}
.input-text2 { padding: 2px 3px; border:1px solid #085998;}
.input-submit { border: none; background-color: #085998; padding: 2px; color: #FFFFFF; cursor: pointer;}

/* recaptcha */

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#ffffff !important; //reCaptcha widget background color
 }
 
 #recaptcha_table {
   border-color: #ffffff !important; //reCaptcha widget border color
 }
 
 #recaptcha_response_field {
   border-color: #085998 !important; //Text input field border color
   background-color:#FF0000 !important; //Text input field background color
 }