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

* {
	margin:0;
	padding:0;
	}

body {
	background:url(../images/body_bg.jpg) top repeat-x #1B060C;
	}
	
html {
	height: 100%; 
   margin-bottom: 1px; /* scrollbars on all the time */
	font-size: 76%; /* set base font size to 13px for most browsers */
}
/* normalize font-size for all headers */
h1, h2, h3, h4 {
	font-size: 100%;
}
/* remove list-style from lists */
ul, ol {
	list-style: none;
}
img, fieldset {
	/* avoid image-gap bug in Gecko browsers */
	display: block;
	border: none;
}
/**************************************
  Default rules
**************************************/
h1, h2, h3, h4 {
	margin-bottom: 0.3em;
	padding: 0;
	color: #4B4964;
	background-color: transparent;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 120%;
}
h1 {
	font-size: 1.8em;
}
h2 {
	margin-bottom: 0.2em;
	padding: 0.3em 0 0.1em 0;
	font-size: 1.5em;
	font-weight: normal;
}
h3 {
	padding-top: 0.4em;
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}
p {
	margin-bottom: 1em;
	padding: 0;
	color: #323143;
	background-color: transparent;
	font-size: 1.05em;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
a {
	color: #585676;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bolder;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
a:link, a:visited {
	color: #585676;
	background-color: transparent;
	text-decoration: underline;
}
a:hover {
	color: #272734;
	background-color: transparent;
	text-decoration: none;
}
a:active {
	text-decoration: underline;
}
ul li {
	margin-bottom: 0.1em;
}
hr {
	margin: 0 0.75em 0.5em 0;
   border-top: 1px dashed #585676;
	border-right: none;
	border-bottom: none;
	border-left: none;	
   height: 1px;
}
hr.short {
	margin: 0 0.75em 1em 0;
	width: 20%;
   border-top: 1px dashed #585676;
	border-right: none;
	border-bottom: none;
	border-left: none;	
   height: 1px;
}

#container {
	position:absolute;
	width:900px;
	background:#FFFAFA;
	}

#header {
	float:left;
	width:900px;
	height:105px;
	background:url(/images/test/header_bg.jpg) top left repeat-y #FFFAFA;
	}
#mainlinks {
	float:right;
	width:230px;
	height:18px;
	}

#mainlinks img {
	display: inline;
	margin: 2px 3px 0 0;
}
#mainlinks span.link {
	position: relative;
	top: -3px;
	margin-right: 10px;
	color: #FFFAFA;
	background-color: transparent;
	font-size: 11px;
}
#mainlinks a, #utility a:link, #utility a:visited {
	font-weight: normal;
	color: #F7F7F7;
	background-color: transparent;
	text-decoration: none;
}
#mainlinks a:hover, #utility a:active {
	color: #BF9DA8;
	background-color: transparent;
}

#top {
	float:left;
	width:900px;
	height:75px;
	margin-top:9px;
	}

#logo {
	width:251px;
	float:left;
	padding-left:42px;
	}

#menu {
	width:510px;
	padding-top:53px;
	float:right;
	z-index:30;
	}

/* ----------------- Begin CSS Drop Down Menu ----------------- */


.nav, .nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

.nav a {
	display: block;
	color:#FFFFFF;
	font-size:10px;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 0;
}

.nav a:hover, .nav a.sfHover {
	color:#C25F01;
	}

.nav ul li {
	width:160px;
	margin:0;
	padding:0;
/*	height:25px;*/
	}

.nav li { /* all list items */
	float: left;
}

.nav li ul { /* second-level lists */
	position: absolute;
	width: 160px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

.nav li ul a {
	padding:0;
	color:#FFFFFF;
	background-color:#68152F;
	border:1px solid #4B4964;
	padding:5px 20px 5px 20px;
	}

.nav a.parent 	/* attaches side-arrow to all parents */
	{
	}

.nav a.parent:hover, .nav a.parent.sfHover {
	}

.nav li ul a:hover, .nav li ul a.sfHover {
	color:#C25F01;
	}

.nav li ul ul { /* third-and-above-level lists */
	margin:-25px 0 0 120px;
}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfHover ul ul, .nav li.sfHover ul ul ul {
	left: -999em;
}

.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfHover ul, .nav li li.sfHover ul, .nav li li li.sfHover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #000;
}


/* ----------------- End CSS Drop Down Menu ----------------- */

#main-area {
	width:900px;
	float:left;
	height:300px;
	min-height:300px;
	height:auto!important;
	background-color: #F7F7F7;
	background-image: url(../images/wrapper_left_bg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	}

#main-area-LEFT {
	float: left;
	width: 662px;
	z-index:10;
	}

#main-area-LEFT-INSIDE {
	margin:10px 0 0 42px;
	}

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

img.floatright {
	float:right;
	padding:5px 0 10px 10px;
	}

ul.bullet-list {
	margin: 1em 4em 1em 3em;
	list-style-type: disc;
	font-size: 1.05em;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #323143;
	}
	
ul.bullet-list li {
	padding-bottom: 0.8em;
	}

/**************************************
  Face map rules
**************************************/
#face-map {
	float:left;
	width: 600px;
	height: 275px;
	background-image: url(../images/faces.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#face-map-content {
	position: relative;
	top: 0;
	left: 300px;
	width: 310px;
}
#interviewing {
	width: 310px;
	height: 275px;
	background-image: url(../images/face1.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#employees {
	width: 310px;
	height: 275px;
	background-image: url(../images/face2.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display: none;
}
#planning {
	width: 310px;
	height: 275px;
	background-image: url(../images/face3.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display: none;
}
#path {
	width: 310px;
	height: 275px;
	background-image: url(../images/face4.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display: none;
}
#resume {
	width: 310px;
	height: 275px;
	background-image: url(../images/face5.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display: none;
}
#jobsearch {
	width: 310px;
	height: 275px;
	background-image: url(../images/face6.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display: none;
}
#face-map-content p {
	position: absolute;
	top: 215px;
	left: 185px;
	width: 125px;
	text-align: right;
}
/* These are the invisible links on the face pix */

#faces {
	float:left;
	}
	
#face1-link {
	position: absolute;
	top: 512px;
	left: 58px;
	width: 71px;
	height: 66px;
	}

#face2-link {
	position: absolute;
	top: 595px;
	left: 58px;
	width: 71px;
	height: 66px;
	}
	
#face3-link {
	position: absolute;
	top: 561px;
	left: 146px;
	width: 71px;
	height: 66px;
	}
	
#face4-link {
	position: absolute;
	top: 645px;
	left: 146px;
	width: 71px;
	height: 66px;
	}
	
#face5-link {
	position: absolute;
	top: 537px;
	left: 235px;
	width: 71px;
	height: 66px;
	}
	
#face6-link {
	position: absolute;
	top: 622px;
	left: 235px;
	width: 71px;
	height: 66px;
	}
	
/**************************************
  END Face map rules
**************************************/

#main-area-RIGHT {
	float: right;
	width: 238px;
	}

#main-area-RIGHT-INSIDE {
	margin:10px 10px 0 23px;
	}

#main-area-RIGHT-INSIDE p {
	font-size:10px;
	padding-left:5px;
	}

.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
	display: none;
	}

p.client-name {
	text-align:right;
	font-style:italic;
	}

span.emphasized-text {
	font-weight: bold;
	font-size: 110%;
	color: #831B3A;
	background-color: transparent;
	}

/************************************************
  Footer rules
************************************************/
#footer {
	float: left;
	margin: 0;
	padding: 0;
	width: 900px;
	height: 18px;
	background-image: url(../images/footer_bg.gif);
	background-position: left;
	background-repeat: repeat-x;	
}
#footer-curve-img {
	margin-top: -56px;
	z-index:5;
}
#footer-menu {
	float: left;
	margin: 10px 0 0 5px;
	}
#footer-menu li {
	display: inline;
	margin: 0;
	padding: 0 0.4em 0 0.2em;	
	border-right: 1px solid #B9B9B9;
}
#footer-menu li a, #footer-menu li a:link {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #B9B9B9;
	background-color: transparent;
}
#footer-menu li a:hover, #footer-menu li a:active {
	color: #A06E7E;
	background-color: transparent;
}
#footer-menu li.last {
	border-right: none;
}
#copyright {
	margin: 1px 0 10px 0;
	font-size: 10px;
	color: #9F9F9F;
	background-color: transparent;
}
#copyright a, #copyright a:link, #copyright a:visited {
	font-weight: normal;
	color: #9F9F9F;
	background-color: transparent;
}
#copyright a:hover, #copyright a:active {
	color: #A06E7E;
	background-color: transparent;
}
/************************************************
  END Footer rules
************************************************/

.pullquote {
	float: right;
	margin: 0.6em 0 0.6px 1em;
	padding: 0.5em;
	width: 200px;
	text-align: center;
	font-size: 120%;
	font-family: Georgia, serif;
	line-height: 1.3em;
	color: #373737;
	background-color: #ECECEC;
	border-top: 1px dashed #9F9F9F;
	border-bottom: 1px dashed #9F9F9F;
	}

#faq-indent {
	margin: 1em 2em 1em 2em;
	}