/*### global reset co http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ###*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit; font-size: 100%;	font-family: inherit;	vertical-align: baseline; }
/* remember to define focus styles! */

:focus {outline: 0;}
body {line-height: 1; color: black; background: white; background:url('../images/bg.png') repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:1em;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
h1{padding:0px; font-size:120%; line-height:50px; color:#006699; font-weight:bold; text-decoration: underline;}
p{padding: 5px 5px 5px 10px; text-align:left; color:#333333; font-size:1.2em; }
a{color:#006699;}
a:hover{color:#333333; text-decoration:none;}
address{padding:10px 0 10px 50px;}
ul{
	padding-left:50px;
	font-size:1.2em;
	color:#333333;
	list-style:none;
}


/*### ids ###*/
#hold{width:876px; padding:0px; margin:0 auto;}
#header{width:876px; padding:20px 0px 0px 0px; margin-top:23px; background:url('../images/logo.png') no-repeat; height:176px;}
/*#header{width:723px; height:187px; padding-top:1px; position:relative; background:url('../images/logo.jpg') no-repeat;}*/
#contactbar{background:url('../images/contact_bg.png') no-repeat; width:370px; height:176px; position:relative; float:right; margin-right:-9px;}
#nav{position:relative; left:-7px; margin:0px; width:240px; height:330px; font-size:1em; font-family:arial, verdana, helvetica; background:url('../images/newnav-bg.png') no-repeat; float:left;}
	#nav ul{padding: 0px 0px 0px 0px; list-style:none; margin-top:40px}
	#nav li{margin:auto; text-align:center; float:left; clear:left; background:url('../images/navbg.png') no-repeat; padding:0;}
	#nav a{color:#FFFFFF; float:left; text-decoration:none; margin:0; padding: 0px 0px 15px 0px;  width:230px;}
	#nav a:hover, #home .home, #services .services, #payroll .payroll, #benefits .benefits, #about .about, #links .links, #team .team, #contact .contact{ color:#414F6F; text-decoration:none;}
		
	#teampic{width:544px; height:330px; position:relative; float:right;}	
	
#content{padding:0px 40px 45px 45px; font-size:80%; margin:auto 0; background:url('../images/main-content-bg.png') repeat-y; top:-10px;}
#main_content{width:780px; margin-top:300px;}
   h2{color:#006699; text-decoration:underline; padding:10px 0 5px 15px;}

#wide_content {padding:0px 0px 20px 0px;}
#footer{
	width: 780px;
	margin:50px 20px 50px 0px;
	padding:20px 0px 20px 0px;
	background:url('../images/content-bg.png') repeat-x top; 
	border-bottom: 1px dashed #666666;
	overflow:auto;
	color:#333333;
	font-family:arial;
	line-height:25px;
}
#sitemap{padding-left:50px;}

/*### classes ###*/
img .right{float:right; padding:5px;}
img .left{float:left; padding:5px;}


.floatr {
	float:right;
	padding-right:20px;
}
.highlightInactiveField{width:250px; border:1px solid #9ABBDD; padding:3px;}
.highlightActiveField{width:250px; border:2px solid #9ABBDD; padding:3px;}
/*.submit{background-color:#333333; color:#fff;border:none;padding:3px; font-weight:bold;}  */
.submit{background:url('../images/submit.jpg')no-repeat; border:none; width: 113px; height:31px; padding: 0px 0px 4px 0px; color: #9ABBDD; font-weight:bold;}
.service_list{
	padding-bottom:5px; font-weight:bold; color:#006699;
}
.service_text{
	padding:0px 0px 20px 20px; color:#333333; font-weight:bold; line-height:25px;
}
.nice_list{padding-left:40px;}
.nice_list li{background:url('../images/side_bullet.png') left center no-repeat;padding:5px 0 5px 15px;}

/*### ifr ###*/

.homelink{text-decoration:none; width:360px; height:160px; display:block; position:absolute;}

.textarea{
	width:240px;
	float:left;
	padding-left:10px;
	overflow:auto;
}

.texthold{
	width:840px;
	padding:10px;
	overflow:auto;
	

}

.footer_left{
	width:300px;
	float:left;	
}
footer_left a{
	text-decoration: none;
}
.footer_left li{
	background: url(/images/bullet.jpg) left no-repeat;
	padding-left:20px;
}

.footer_right{
	width:300px;
	float:right;
	
}

.footer_list li{
	background: url(/images/bullet.jpg) left no-repeat;
	padding-left:20px;
}
.wanted li{
line-height:20px;
	background: url(/images/bullet.jpg) left no-repeat;
	padding-left:20px;
	font-weight:bold;
}
/* BEGIN Gallery STYLE */
.demo{
	position:relative;

}
.gallery_demo{
	width:225px;
	margin:0 auto;
	padding-left:5px;
}
.gallery_demo li{
	width:66px; 
	overflow: hidden; 
	height:48px; 
	margin: 5px 8px 5px 0; 
	float: left;
	}
	
.gallery_demo li.last{
	margin-right: 5px;
}
#gallery .gallery_demo li{
	border: 1px solid #45BCB8;
}
.gallery_demo li div{
	left:0px;
	}
#main_image{
	margin:0 auto; 
	min-height: 125px; 
	display: inline-block; 
	width:225px; 
	background: url(/images/loader.gif) center center no-repeat;
	
}
div.galleria_wrapper{
	text-align: center;
	margin:0px;
	padding:0px;
}

div#picture_block{
	float: right;
	padding-left: 10px;
	width: 225px;
	line-height: 0;
}
	div#picture_block img{
		padding-bottom: 0px;
	}
	
	.galleria_container{
		margin:0px;
	}
	
.red{
	text-decoration:none;
	color: #990000;
}
	
.team_layout{
width: 750px;
text-align:left;
float:left;
clear:right;
line-height:22px;
	
}

.team_layout img{
padding:5px;
float:left;
	
}

.contactus{
float:right;
position:relative;
padding:10px 250px 0px 0px;
}





.skipnav a{
float:left;
position:absolute;
text-decoration:none;
border:none;
color:#FFFFFF;
background:transparent;
font-size:.8em;
}
.skipnav a:focus{
padding:3px;
background:#900;
color:#fff;
margin-left:0!important; }
