@charset "UTF-8";
/* CSS Document */

<style type="text/css">


.dummy {
	width:930px;
	margin:0px auto;
}	

body{
	background:#dadcde;
}

pageshadow{
	background-image:url(../images/pageEdgeShadow.png); 
	background-repeat:repeat; 
	width:1040px; 
	margin:0px auto;
}

.mainpage {
	margin:-40px auto;
	padding:40px 40px 0px 40px;
	font-size: 12px;
	width: 938px;
	font-family: Tahoma, Geneva, sans-serif;
	line-height:1.2em;
	color:#2c281b;
	background:#FFF;
	overflow:hidden;
	border:solid #CCC 1px;
		
}

.mainpage h1 {
	font-weight: bold;
	margin: 0px;
	font-size: 16px;
	text-align:right;
	color:#110f0a;

}

.mainpage h2 {
	font-weight: bold;
	margin: 0px;
	font-size: 12px;
	color:#110f0a;
}

.compaslogo-top {
	float:left;
	width:230px;
	height:38px;
}

.header-spacer-02 {
	float:left;
	width:220px;
	height:38px;
}


.header-phone {
	float:left;
	width:250px;
	height:28px;
	padding-top:10px;
	
}

.header-button-customerlogin {
	float:left;
	width:119px;
	height:38px;
}

.header-button-contactme {
	float:left;
	width:111px;
	height:38px;
}

.compaslogo-mid {
	float:left;
	width:230px;
	height:36px;
}

.header-button-corp {
	float:left;
	width:171px;
	height:36px;
}

.header-button-staf {
	float:left;
	width:170px;
	height:36px;
}

.header-header-spacer {
	float:left;
	width:33px;
	height:36px;
}

.header-button-company {
	float:left;
	width:109px;
	height:36px;
}

.header-button-news {
	float:left;
	width:109px;
	height:36px;
}

.header-button-contact {
	float:left;
	width:108px;
	height:36px;
}

.compaslogo-bot {
	float:left;
	width:230px;
	height:20px;
}


.bulleted-links {
	margin-left: 0em;
	padding-left: 0em;
}

.bulleted-links li {
	list-style: none;
	background: url(../images/arrow_20px.png) left top no-repeat;
	padding: 2px 0 8px 0px;
	margin: 6px 0px -10px -0px;
}

.bulleted-links li a {
	text-decoration: underline;
	padding: 5px 0 0px 25px;
	font-size:12px;
	font-weight:normal;
}



.header-secondarynav {
	float:left;
	width:700px;
	height:30px;
 
}

.header-spacer-15 {
	float:left;
	width:930px;
	height:16px;
}



.header-secondarynav-item
{
	white-space: nowrap;
	float:left;
	height:20px;
	padding: 10px 0px 0px 0px;
}

.header-secondarynav-item a
{
	font-size:10px;
	text-align:center;
	color:#919191;
	text-decoration:none;
	display: block;
	white-space: nowrap;
	cursor:pointer;
	padding: 0px 20px 0px 20px;
	border-right: solid 1px #dfdfdf;

}

.header-secondarynav-item a:hover
{	
	color: #464646;
	cursor:pointer;
}

.header-secondarynav-item-selected
{
	white-space: nowrap;
	float:left; 
	height:20px;
	padding: 10px 0px 0px 0px;
}

.header-secondarynav-item-selected a
{	
	font-size:10px;
	text-align:center;
	color:#000000;
	text-decoration:none;
	display: block;
	white-space: nowrap;
	cursor:pointer;
	padding: 0px 20px 0px 20px;
	border-right: solid 1px #dfdfdf;
	
}




.header-banner {
	float:left;
	left:0px;
	top:110px;
	width:930px;
	height:170px;
}




.index-attract-01 {
	float:left;
	left:0px;
	top:280px;
	width:180px;
	height:497px;
	color:#342613;
	padding:20px 38px 10px 0px;
		
}



.index-attract-02 {
	float:left;
	left:220px;
	top:280px;
	width:219px;
	height:600px;
	padding:20px 10px 10px 10px;
	padding: 20px 10px 10px 10px;	

}

.index-attract-02 p {
	padding: 0px 2px 0px 3px;	
}


.index-attract-02 h4 {

	padding: 0px 0px 0px 3px;	
	color:#56ad73;

}

.index-attract-02 h2 {

	padding: 0px 0px 0px 3px;

}


.index-attract-divider-01 {
	float:left;
	left:459px;
	top:280px;
	width:1px;
	height:517px;
}

.index-attract-03 {
	float:left;
	left:460px;
	top:280px;
	width:220px;
	height:497px;
	padding:20px 10px 10px 10px;
}

.index-attract-03 h3 {
	color:#d78d23;
	padding: 0px 2px 0px 3px;	
}
.index-attract-03 p {
	padding: 0px 2px 0px 3px;	
}

.index-attract-divider-02 {
	float:left;
	left:699px;
	top:280px;
	width:1px;
	height:517px;
}

.index-attract-04 {
	float:left;
	left:700px;
	top:280px;
	width:219px;
	height:497px;
	padding:20px 0px 10px 10px;
}
.mainpage .index-attract-04 h1 {
	padding-right: 3px;
}
.mainpage .index-attract-03 h1 {
	padding-right: 3px;
}
.mainpage .index-attract-02 h1 {
	padding-right: 3px;
}

.index-attract-04 p {
	padding: 0px 2px 0px 3px;	
}
.mainpage .index-attract-04 h3 {
	padding: 0px 2px 0px 3px;
}

.index-footer {
	float:left;
	width:930px;
	height:100px;
	background-image:url(../images/index_footer.png);
	background-repeat:no-repeat;
}

.index-footer p
{

	text-align:right;
	padding-right:20px;
	font-size:12px;
	color:#AAA;
}

.index-footer a:link, .index-footer a:visited
{

	color:#AAA;
}
		
		

/* --- Page Content*/

.leftnav
{
	float:left;
	width:200px;
	padding:40px 20px 0px 0px;

}
	
.leftnav a
{	
	font-size:12px;
	text-align: right;
	padding: 5px 10px;
	display: block;
	text-decoration:none;
	white-space: nowrap;
	color: #2875DE;
	border-left: solid 1px #c7c7c7;	
	border-right: solid 1px #c7c7c7;
	
}

.leftnav a:hover
{	
	background: #49A3FF;
	text-decoration:underline;
	color: #FFF
}

.leftnav h1
{
	font-size:12px;
	text-align: right;
	padding: 10px 10px 5px 0px;
	display: block;
	text-decoration:underline;
	white-space: nowrap;
	color: #2c281b;
	border-left: solid 1px #c7c7c7;
	border-right: solid 1px #c7c7c7;
}


.leftnav_staffing
{
	float:left;
	width:200px;
	padding:40px 20px 0px 0px;

}
	
.leftnav_staffing a
{	
	font-size:12px;
	text-align: right;
	padding: 5px 10px;
	display: block;
	text-decoration:none;
	white-space: nowrap;
	color: #56ad73;
	border-left: solid 1px #c7c7c7;	
	border-right: solid 1px #c7c7c7;
	
}

.leftnav_staffing a:hover
{	
	background: #49A3FF;
	text-decoration:underline;
	color: #FFF
}

.leftnav_staffing h1
{
	font-size:12px;
	text-align: right;
	padding: 10px 10px 5px 0px;
	display: block;
	text-decoration:underline;
	white-space: nowrap;
	color: #2c281b;
	border-left: solid 1px #c7c7c7;
	border-right: solid 1px #c7c7c7;
}

.leftnav_company
{
	float:left;
	width:200px;
	padding:40px 20px 0px 0px;

}
	
.leftnav_company a
{	
	font-size:12px;
	text-align: right;
	padding: 5px 10px;
	display: block;
	text-decoration:none;
	white-space: nowrap;
	color: #e99848;
	border-left: solid 1px #c7c7c7;	
	border-right: solid 1px #c7c7c7;
	
}

.leftnav_company a:hover
{	
	background: #49A3FF;
	text-decoration:underline;
	color: #FFF
}

.leftnav_company h1
{
	font-size:12px;
	text-align: right;
	padding: 10px 10px 5px 0px;
	display: block;
	text-decoration:underline;
	white-space: nowrap;
	color: #2c281b;
	border-left: solid 1px #c7c7c7;
	border-right: solid 1px #c7c7c7;
}


.leftnav_quote
{
	float:left;
	padding:40px 20px 0px 20px;
	height:500px; 
	width:180px; 
	font-size:18px; 
	line-height:24px; 
	font-weight:300;
}

.pagecontent {
	
	float:left;
	width:660px;
	height:650px;
	padding:40px 30px 10px 20px;
}

.pagecontent h1 {
	text-align:left;
	padding:0px 0px 10px 0px;
	font-size: 22px;
	line-height:1em;

}

.pagecontent h2 {
	text-align:left;
	font-size: 14px;
	padding: 20px 0px 0px 0px;
}

.pagecontent h3 {
	color:#2170bd;
	font-size: 14px;	
}

.pagecontent h4 {
	color:#060;
	font-size: 14px;	
}
.mainpage .pagecontent h5 {
	font-size: 18px;
	color: #F90;
	font-style: normal;
	font-weight: bold;
}

.pagecontent_column_left {
	float:left;
	width:160px;
	font-size: 12px;
	border-right: solid 1px #dfdfdf;
}

.pagecontent_column_left h1{
	font-size:14px;
	font-weight: bold;
	text-decoration: underline;
	padding: 0px;
}

.pagecontent_column_left h2{
	font-size:14px;
	font-weight: bold;
	text-decoration: underline;
	padding: 20px 0px 20px 0px;
}

.pagecontent_column_left h3{
	
}


.pagecontent_column_right h1{
	font-size:16px;
	font-weight: bold;
	padding: 0px 0px 20px 0px;	
}

.pagecontent_column_right h2{
	font-size:16px;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
}

.pagecontent_column_right h3{
	font-size:12px;
	font-weight: bold;
	color:#060;
	padding:0px 0px 0px 0px;
}



.pagecontent_column_right {
	float:left;
	width:479px;
	padding: 0px 0px 0px 20px;
}



.pagecontent_contact_left {
	float:left;
	width:360px;
	padding-right:20px;
	font-size: 12px;
	border-right: solid 1px #dfdfdf;
	text-align:center;
}

.pagecontent_contact_left h1 {
	font-size:14px;
	font-weight:bold;
	text-align:center;
}



.pagecontent_contact_right {
	float:left;
	width:235px;
	padding:0px 20px 0px 20px;
	font-size: 12px;
	text-align:center;
}

.pagecontent_contact_right h1 {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding:0px 0px 10px 0px;
}


.pagecontent_contact_right h2 {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding: 0px;
}

.pagecontent_contact_right h3 {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding: 0px;
}

.indent {
	padding:0px 0px 0px 20px;
}


.contactCompany
{
	font-size:22px;
	text-align:center;
	padding-top:20px;
	font-weight:bold;

	
}

.contactAddress
{
	font-size:18px;
	text-align:center;
	font-weight:bold;
	padding:0px 0px 20px 0px;

	
}

.contactDivider
{
	font-size:18px;
	text-align:center;
	padding: 10px 0px 10px 0px;
}

.contactHeader
{
	font-size:12px;
	padding: 5px 0px 5px 5px;
	font-weight:bold;
	border-color: #666;
	border-width: 1px;
}

.contactForms
{
	font:12px;
	float:left;
	padding-right:0px;
	text-align:left;
	width:520px;
	margin-left:50px;

}

.contactForms h1
{
	text-align:center; font-weight:bold; font-size:16px; margin:0px; padding:5px; 
}

.contactForms h2
{
	text-align:center; font-weight:bold; font-size:14px; margin:0px; padding:5px;
}

#frmContactMe
{
	width:470px;
	padding:0px; 
}

#login
{
	width: 300px;
	border:0px solid;
	padding: 10px;
	margin:0px auto;
}

#loginform
{
	border:0px solid;
	padding: 0px;
	text-align:left;

}
	
	
.popContent {

	background-color:#fff; 
	width:900px; 
	padding-left:0px; 
	padding-top:10px; 
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
}

.popContent h1 {
	font-size:18px;
	font-weight:bold;
}

.popContent h2 {
	font-size:14px;
	font-weight:bold;
}	


.popContent h3 {
	font-size:14px;
	color:#2170bd;
}

.popContent h4 {
	font-size:14px;
	color:#060;
}

</style>