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

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

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

h1, h2, h3 {}
h1{ font-size: 14px; color: #FFFFFF; background:url(../images/headline.gif) repeat-x top;
	border: 1px solid #87add1; border-bottom: none; border-top: none; padding: 7px 0  6px 20px; }
h2{ color: #f96a01; padding-bottom: 12px;}
h3{ font-size: 14px; color: #0997ba;}

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

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

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

hr { border: none; border-bottom: 1px solid #dadada; margin-bottom: 12px;}

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

#superdrop { background:url(../images/superdrop.jpg) no-repeat top center; position: relative;}
#container { width: 960px; margin: 0 auto; }

#header{ height: 120px; padding-bottom: 8px;}
	#logo { width: 308px;}
	#logo h2 { padding: 0px;}
	#logo a {
		display: block;
		text-indent: -3000px;
		background:url(../images/logo.gif);
		height: 120px;
		width: 308px;
		}	
	#headright { padding-top: 50px;}
	
#nav { height: 39px; padding-bottom: 13px;}
#nav ul { list-style: none;}
#nav li { float: left;}
#nav li.first { background:url(../images/nav-divider.gif) no-repeat left top; padding-left:2px;}
#nav a {
	display: block;
	text-align: center;
	font-size: 13px;
	color: #00045f;
	font-weight: bold;
	text-decoration: none;
	padding: 11px 0 11px 0;
	background:url(../images/nav-divider.gif) no-repeat right top;
	font-family: Arial, Helvetica, sans-serif;
	}
	#nav a .dropdown { background:url(../images/nav-dropdown.gif) no-repeat right center; padding-right: 15px;}
	
	#nav-home { width: 82px;}
	#nav-company { width: 113px; cursor:default;}
	#nav-services { width: 160px; cursor:default;}
	#nav-attendance { width: 169px; cursor:default;}
	#nav-hr { width: 173px; cursor:default;}
	#nav-resources { width: 162px; cursor:default;}
	#nav-contact { width: 99px;}
#nav a:hover, #subnav a:hover {  background-color:#b1c5db;}

#nav li ul {
	position: absolute;
	width: 200px;
	left: -999em;
	top: 164px;
	background-color: #cfdde8;
	border: 1px solid #9eb7cf;
}
#nav li ul li { clear: both; border-bottom: 1px solid #9eb7cf;}
#nav li ul a { padding:5px; text-align: left; font-size: 12px; font-weight: normal; background:none; width: 190px;}


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


#primary li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	
}

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

#subnav { padding: 11px 0 0 11px; width: 265px;}
#subnav ul { list-style: none;}
#subnav li { padding-bottom: 10px;}
#subnav li.last { padding-bottom: 0px;}
#subnav a {
	display: block;
	width: 265px;
	height: 68px;
	text-indent: -3000px;
	}
	#snav-login { background:url(../images/snav-login.jpg);}
	#snav-attendance { background:url(../images/snav-attendance.jpg);}
	#subnav a#snav-support { background:url(../images/snav-support.jpg); width: 128px;}
	#subnav a#snav-background { background:url(../images/snav-background.jpg); width: 128px;}


#subnav li ul {
	position: absolute;
	width: 150px;
	margin-left: 265px;
	left: -999em;
	top: 269px;
	background-color: #cfdde8;
	border: 1px solid #9eb7cf;
	z-index:5;
	
}
#subnav li ul li { border-bottom: 1px solid #9eb7cf; padding-bottom:0px;}
#subnav li ul a {
	text-indent:0;
	height: 12px;
	width: 140px;
	text-decoration: none;
	color: #00045f;
	padding: 8px 5px 12px;
	font-size: 14px;
	}


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



#banner{ height: 246px; width: 652px;}

#wrapper { padding: 19px 0; position: relative; z-index: 2;}
	#leftcol {}
	#rightcol {}
	#singlecol {}
	
	#maincol { width: 652px; background:url(../images/maincol.gif) top repeat-x;}
		#maincol h2 { font-size: 12px;}
		#maincol .content { padding: 30px 20px; border: 1px solid #ceebf7; border-top: none; height: 424px; _height:434px; overflow: auto; width: 610px;}
		#maincol h1 { position: relative;}
		/* #maincol h1 .clock { background:url(../images/headline-clock.gif) no-repeat left; position: absolute; height: 36px; width: 36px;
			top: -4px;} */
		/* #maincol h1 .push { position: relative; padding-left: 44px;} */
		
		#maincol span.allcaps{
			text-transform: uppercase;
		}
		#maincol ul, #maincol ol { padding: 0 0 12px 20px;}
		#maincol li { line-height: 18px;}
		
		#maincol h3 { color: #333333; padding-bottom: 12px; font-size: 12px;}
		
	#sidebar { width: 289px;}
		#infobox { border: 1px solid #ceebf7;
			color: #00045f;
			font-size: 15px;
			text-transform:capitalize;
			padding: 20px 25px;
			margin-bottom: 17px;
			 }
			#infobox ul { list-style: none;}
			#infobox li { list-style: none; background:url(../images/list-checkmark-orange.gif) no-repeat top left;
				padding-left: 20px; padding-bottom: 12px;}
			#infobox a { list-style: none;}
			#infobox h3 { color: #0997ba; padding-left: 20px; font-size: 15px;}
			
		#testimonials { border: 1px solid #ceebf7; background-color:#FFFFFF;}
			#testimonials h3 { padding: 4px 0 0 15px;}
			#theader { padding: 3px; border-bottom: 1px solid #ceebf7;}
			
			.tquote { width: 64%; border-right: 1px solid #ceebf7; float: left;}
			.tauthor { width: 35%; float: right; font-size: 11px;}
				.tquote p, .tauthor p { padding: 10px;}
				
			#tcontent { height: 262px; _height:272px; overflow: auto;}	
	
#superfooter { position: absolute;  bottom:0px; background: url(../images/footer.jpg) repeat-x; width: 100%; height: 146px; z-index: 1;}	
#footer { text-align: right; color: #474545; padding-bottom: 20px;font-size: 10px; position: relative; z-index: 2; width: 960px; margin: 0 auto;}


/* ------------universal classes------------- */

.small { font-size: 9px;}
.default {}
.large { font-size: 16px;}
.xlarge { font-size: 20px;}

.orange, a.orange { color: #f96a01;}
.blue, a.blue { color: #37abc7;}
.dblue, a.dblue { color: #00045f;}

.valign-middle { vertical-align: middle;}

.img-center { display:block; margin: 0 auto;}
.img-left { float:left; padding: 0 10px 5px 0;}
.img-right { float:right; padding: 0 0 5px 10px;}

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

.input-text { border: 1px solid #085998; padding: 2px 3px; width: 200px;}
.input-textarea { border: 1px solid #085998; padding: 2px 3px; width: 300px;}
.input-text2 { border: 1px solid #085998; padding: 2px 3px;}

.form-text, .form-textarea, .form-select {}
.form-style {}
.form-table td { padding: 2px;}
.form-table2 td { padding: 5px 2px;}

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

.table-form td { padding:2px;}

.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 */

/* 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
 }

.recaptchatable .recaptcha_input_area { position: absolute; top:0px;}
.recaptchatable #recaptcha_response_field { top: 0px;}