﻿/* HireFactor CSS
Blue: #00718f
Green: #77a22f

*/


body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, img, form, fieldset, blockquote, table {  
margin:0px; padding:0px; border:0px;  
font-family:Geneva, Arial, Helvetica, sans-serif; 
}  

body
{
    background-color: #00718f;
    width: 1020px;
    margin:auto;


}

#header
{
    background: #ffffff  url(../images/bg_header.jpg) ;
    height:204px;
}

.logo
{
   padding-top:48px;
   padding-left:15px;
}

.sociallinks
{
    padding-left:0px;
    padding-top:95px;
}
#menu
{
    margin:auto;
    width:964px;
    padding-top:27px;
    
}
#feature
{
    background: #ffffff  url(../images/bg_feature.jpg) ;
    height:295px;
}

#content
{
    background: #ffffff  url(../images/bg_content.jpg) ;

}

#headline
{
    background: #ffffff  url(../images/bg_headline.jpg) ;
    height:195px;
}


#headline .left
{
    margin-top: 25px;
    background: #00718f;
    height: 136px;
    
}



#headline .center
{
     margin-top: 25px;
    background: purple;
    height: 136px;
    
}

#headline .right
{
     margin-top: 25px;
    background: #77a22f;
    height: 136px;
    
}


.headline
{
    margin-top: 25px;
    background: #00718f;
    height: 136px;
    
}

.title
{
    
    padding-top: 25px;
    
}

.title h2
{
    text-align:center;
    
}

#cc
{
    text-align:center;
    color: #333333;
    font-size:14px;
}


.filler
{
    background: #333;
    width: 960px;
    margin:auto;
    height:140px;
    border-bottom: solid 4px #00718f;
    border-top: solid 2px #999;
}

.linkbutton
{
    text-decoration:none;
}

#footer
{
    background: #ffffff  url(../images/bg_footer.jpg);
    height:170px;
    font-size: 11px;
    padding:10px 0px;
    color: #999999;
}

#footer a
{
    color:#555;
}
#breadcrumb
{
    font-size:14px;
}

#breadcrumb .here
{
    color: #77a22f;

}

#breadcrumb a
{
    text-decoration:none;
}
.footercol
{
    border-left: 1px dotted #adadad;
    padding-left:10px;
    height:150px;
}
.footerfirst
{
    padding-left:10px;
    height:150px;
}
.footerfirst ul
{
    padding-left:10px;
    font-size:11px;
}

.footercol ul
{
    padding-left:10px;
    font-size:11px;
}

.tdlineh
{
    border-top: 2px dotted #333;
}

.normal
{
    font-size:12px;
    line-height: 16px;
}

.box
{
    height:100%;
    width: 100%;
    background-color: #77a22f;
}
/***************************************************/
.jobs
{
    width:100%;
    font-size:14px;
}

.jobs th
{
    text-align:left;
    color:#00718f;
    background: #efefef;
    font-size: 16px;
}
.alt
{
    background: #efefef;
}
/***************************************************/


h4
{
     font-size:16px;
    color:#00718f;
}

h5
{
    font-size:13px;
    color: #77a22f
}

h6
{
    font-size:12px;
    color: #999999;
}
p 
{
    color: #333;
    font-size:12px;
    line-height: 16px;
}

ul
{
    padding-left: 15px;
    font-size:14px;
}
 .contact td
 {
     font-size:12px;
    line-height: 16px;
 }

.apply
{
    font-size:12px;
    width:100%;
}

table, td, th, tr
{
    border: 0px;
    padding:0px;
    margin: 0px;
}
/***************************************************/


.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	height:36px;
	list-style:none;
	margin:0;
	padding:0;
	
	float:right;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		color:#777777;
		display:block;
		font-weight:normal;
		line-height:36px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		border-left: solid 1px #999999;
		}
		.menu li a:hover{
			background: url("../images/menu_top.jpg") top repeat-x;
			color:#000;
			text-decoration:none;
			
			}
	.menu li ul
	{
	    background: #ffffff;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		border-right: solid 1px #999999;
		border-top: solid 1px #999999;
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		border-bottom: solid 1px #999999;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:36px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			color:#000;
			
			text-decoration:none;
			background: url("../images/menu_top.jpg") top repeat-x;
			
			}
	.menu p{
		clear:left;
		}	
		



		
/***************************************************/

#vert-menu {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#vert-menu li {
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;

}
#vert-menu a {
	background: #333;
	border-bottom: 1px solid #393939;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#vert-menu a:hover {
	background: #2580a2 url("../images/hover_sub.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}