/* TOC
 *
 * conditioners
 * masthead
 * main menu
 * breadcrumb
 * flash
 * sidebar
 * postings nav
 * interior nav
 * content
 * footer
 */

/* //////////////////////////////////////////////////////////////// conditioners */

* { margin: 0; padding: 0; font-family: Arial,Sans-Serif,Helvetica,Serif; color: #333; background: transparent }
a { cursor: pointer }
html { font-size: 100%; background: #e8e8e8 }
body { font-size: 0.75em; text-align: center; background: url(../images/bg.gif) repeat-x top }
a img,a:link img,a:visited img,img { border: 0 }
p { font-size: 1em; line-height: 1.6em }
br { margin: .5em 0 .5em 0 } 
ul,menu,dir { display: block; list-style-type: none }
div div,li li,li p,td p,blockquote p { font-size: 1em }

.floatLeft { float: left }

#canvas {
	position: relative;
	width: 817px;
	min-height: 100%;
	margin: 0 auto;
	background: #fff url(../images/canvas.gif) repeat-y;
	text-align: left
	}

/* ///////////////////////////////////////////////////////////////////// masthead */

#masthead {
	height: 102px;
	text-align: left;
	background: transparent url(../images/masthead.gif) repeat-x
	}

#logo { position: absolute; top: 20px  }

#strapline { position: absolute; top: 28px; left: 605px }

/* //////////////////////////////////////////////////////////////////// main menu */

	body#landing #menu 	{
		/* landing menu */
		width: 817px;
		height: 84px;
		background: #fff url(../images/homeMenuBg.gif)
		}

#menu {
	/* interior menu */
	width: 817px;
	height: 123px;
	background: url(../images/menuBg.gif) no-repeat
	}

ul#nav {
	position: relative;
	width: 785px;
	height: 40px;
	top: 16px;
	left: 16px;
	padding: 0;
	margin: 0;
	list-style: none;
	}

	#nav a { font-size: 1em }

	#nav li { float: left }

	#nav li {
		height: 40px;
		position: relative;
		display: block;
		line-height: 40px
		}

	#nav li a { overflow: visible }

	/* list item and image hook dimensions */
	li#home,#home em { width: 65px }

	li#about,#about em { width: 142px }

	li#edge,#edge em { width: 135px }

	li#services,#services em { width: 157px }

	li#postings,#postings em { width: 95px }

	li#testimonials,#testimonials em { width: 96px }

	li#contact,#contact em { width: 95px }

				/* hook for replacement image */
				#nav li a em {
					position:absolute;
					left:0;
					top:0;
					height:40px;
					text-decoration: none
					}

		/* default text-replaced-image-state */
		li#home em { background: url(../images/home.gif) no-repeat 0 0 }
		li#about em { background: url(../images/about.gif) no-repeat 0 0 }
		li#edge em { background: url(../images/edge.gif) no-repeat 0 0 }
		li#services em { background: url(../images/services.gif) no-repeat 0 0 }
		li#postings em { background: url(../images/postings.gif) no-repeat 0 0 }
		li#testimonials em { background: url(../images/testimonials.gif) no-repeat 0 0 }
		li#contact em {	background: url(../images/contact.gif) no-repeat 0 0 }

			/* hover text-replaced-image-states */
			ul#nav li a:hover em,
			ul#nav li a:active em,
			ul#nav li a:focus em { background-position: 0 -40px }
			
			/* active text-replaced-image-states */
			#landing li#home em { background: url(../images/home.gif) no-repeat 0 -40px }
			
			#aboutCs li#about em,
			#leadership li#about em,
			#culture li#about em,
			#confidentiality li#about em { background: url(../images/about.gif) no-repeat 0 -40px }
			
			#csEdge li#edge em,
			#interviewing li#edge em,
			#testing li#edge em,
			#verification li#edge em,
			#hiring li#edge em { background: url(../images/edge.gif) no-repeat 0 -40px }
			
			#csServices li#services em,
			#ourFocus li#services em,
			#clientServices li#services em,
			#candidateServices li#services em { background: url(../images/services.gif) no-repeat 0 -40px }

			#csJobPostings li#postings em { background: url(../images/postings.gif) no-repeat 0 -40px }
			
			#csTestimonials li#testimonials em { background: url(../images/testimonials.gif) no-repeat 0 -40px }
			
			#contactCs li#contact em { background: url(../images/contact.gif) no-repeat 0 -40px }

/* /////////////////////////////////////////////////////////////// secondary menu */

			#nav li ul {
				display: none;
				z-index: 3;
				position: absolute; 
				top: 1em;
				left: 0;
				width:767px;
				overflow: visible
				}

				#nav li:hover ul,
				#nav li.over ul { color: #fff; display: block; left: -25px; top: 40px }

			#nav #about ul { left: -47px }
			#nav #edge ul { left: -189px }
			#nav #services ul { left: -324px }
			#nav #postings ul { left: -481px }
			#nav #testimonials ul { left: -576px }

					#nav li:hover ul li, #nav li.over ul li { float: left } 

					#nav li ul li a,
					#nav li ul li a:link,
					#nav li ul li a:visited {
						color: #fff;
						text-decoration: none;
						padding-top: 10px;
						margin-right: 30px
						}

						#nav li ul li a:hover,
						#nav li ul li a:active,
						#nav li ul li a:focus {
							padding-bottom: 1px; 
							border-bottom: solid 1px #fff;
							color:#fff
							}

/* //////////////////////////////////////////////////////////////////////// flash */

#flash {
	height: 317px;
	width: 785px;
	margin-left: 16px;
	border-bottom: solid 15px #fff
	}

/* ////////////////////////////////////////////////////////////////////// sidebar */

#sidebar { float: left; width: 257px; padding: 0 }

		div#sidebar h1 { width: 257px; height: 36px; margin-left: 16px }

			div#sidebar h1 img { float: left }

/* ///////////////////////////////////////////////////////////////// postings nav */

ul#postingsNav {
	position: relative;
	width: 257px;
	top: 6px;
	left: 16px;
	padding: 0 0 16px 0;
	list-style: none
	}

	#postingsNav li,
	#postingsNav li a {
		height: 25px;
		width: 257px;
		position: relative;
		display: block;
		line-height: 25px;
		border-bottom: solid 1px #fff
		}

	/* mac ie \*/
	#postingsNav li,
	#postingsNav li a {overflow: hidden;}
	/* end mac ie */

	#postingsNav a { color: #fff; font-size: 1em }

		#postingsNav li em {
			left:0;top:0;
			display:block;
			height: 25px;
			padding: 4px 0 0 50px;
			background: url(../images/sidebarPostingsNavBg.gif) no-repeat 0 0;
			color: #fff;
			font: normal normal 1em arial 
			}

			ul#postingsNav li a { text-decoration: none }
			
				ul#postingsNav li a:hover,ul#postingsNav li a:active,ul#postingsNav li a:focus { visibility: visible; text-decoration: none }
				
					ul#postingsNav li a:hover em,ul#postingsNav li a:active em,ul#postingsNav li a:focus em { background-position: 0 -25px }
					
					ul#postingsNav li .active:link em,
					ul#postingsNav li .active:visited em,
					ul#postingsNav li .active:hover em,
					ul#postingsNav li .active:active em,
					ul#postingsNav li .active:focus em { background-position: 0 -25px }

/* ///////////////////////////////////////////////////////////////// interior nav */

	ul#interiorNav {
		position: relative;
		width: 257px;
		top: 6px;
		left: 16px;
		padding-bottom: 25px;
		list-style: none
		}

	#interiorNav li,
	#interiorNav li a {
		height: 25px;
		width: 257px;
		position: relative;
		display: block;
		line-height: 25px;
		border-bottom: solid 1px #fff
		}

	/* mac ie \*/
	#interiorNav li,#interiorNav li a {overflow: hidden;}
	/* end mac ie */

	#interiorNav a { font-size: 1em }

			#interiorNav li em {
				left:0;top:0;
				display:block;
				height: 25px;
				padding: 4px 0 0 50px;
				background: url(../images/sidebarinteriorNavBg.gif) no-repeat 0 0;
				color: #fff;
				font: normal normal 1em arial 
				}

			ul#interiorNav li a { text-decoration: none }
			ul#interiorNav li a:hover,ul#interiorNav li a:active,ul#interiorNav li a:focus { visibility: visible; text-decoration: none }
			ul#interiorNav li a:hover em,ul#interiorNav li a:active em,ul#interiorNav li a:focus em { background-position: 0 -25px }

				ul#interiorNav li .active:link em,
				ul#interiorNav li .active:visited em,
				ul#interiorNav li .active:hover em,
				ul#interiorNav li .active:active em,
				ul#interiorNav li .active:focus em { background-position: 0 -25px }

/* ////////////////////////////////////////////////////////////////////// content */

#content { float: right; width: 455px; padding: 28px; margin: 0 16px 10px 0; background: #e5e5e5; }

	#content a,
		#content a:link,
		#content a:visited {
			
			color: #367eaf;
			text-decoration: none;
			padding: 0 0 1px 0;
			border-bottom: solid 1px #ccc !important
			}

		#content a:hover,
		#content a:active {
		color: #314858;
		text-decoration: none;
		padding: 0 0 1px 0;
		border-bottom: solid 1px #367EAF !important
		}

			#content p img.floatLeft { margin: 0 30px 12px 0 }

	#content h1 { height: 16px; font: bold 14px; margin: 0 0 15px -2px }
	
	#content h1 img { float: left }
	
	#content h2 { font: bold 14px Arial,Helvetica,Sans-Serif; margin: 25px 0 14px 0; color: #999 }
	
	#content h3 { font: bold 14px Arial,Helvetica,Sans-Serif; margin: 25px 0 14px 0; color: #666 }
	
	#csTestimonials #content h3 { margin: 10px auto 3px auto; color: #888 }

	#content p { margin: 0 0 12px 0 }
	
	#content p .floatLeft { margin: 0 0 12px 0 }

	#content blockquote { margin: 0 }

	#content b { margin: 0 0 12px 0; color: #888 }
	#csTestimonials #content b { margin: 0 0 3px 0; color: #888 }

	#content em { display: block; margin: 0 0 12px 0; padding: 0 15px 0 0 }
	#csTestimonials #content em { padding: 0 0 25px 0; margin: 3px auto 30px auto; border-bottom: solid 1px #cfcfcf; color: #999 }
	
	#content ol { padding: 0 15px 12px 25px }
	
		#content ol li { padding: 0 0 12px 0 }

	#content ul {
		margin: 0 0 15px 15px;
		color: #777;
		font-weight: normal;
		}

			#content ul li {
				list-style: circle !important;
				padding: 0;
				margin: 0 0 0 0;
				color: #333;
				font-weight: normal;
/*				line-height: 20px*/
				}

	#content address { font-style: normal; font: normal Arial,Helvetica,Sans-Serif }
	#content address br { margin: 2px; padding: 0 }

/* /////////////////////////////// jobs styles ///////*/

/*# job_title{
}*/

/* /////////////////////////////////////////////////////////////////////// about */

		#aboutCs #content div ul {
			display: block;
			list-style-type: circle !important;
			float: left;
			margin: 0 0 12px 18px;
			width: 180px
			}
		
		#aboutCs #content div li {
			list-style-type: circle !important;
			float: left;
			margin: 0 0 9px 0;
			color: #777;
			line-height: 2em;
			}

/* ///////////////////////////////////////////////////////////////////// listings */

					html>body #csJobPostings #content { padding: 0; margin: -5px }

		#csJobPostings #content h2 { margin: 0 auto auto 0 }

		#csJobPostings #content a,
			#csJobPostings #content a:link,
			#csJobPostings #content a:visited,
			#csJobPostings #content a:hover,
			#csJobPostings #content a:active {
			display: block;
			width: 100%
			 }

		#csJobPostings #content table { width: 100% }
		
			#csJobPostings #content table td { border-collapse: collapse }
			
			#csJobPostings #content table tr { padding: 3px 0 3px 0 }
			
					#csJobPostings #content table tr .position { padding: 0 }
					
					#csJobPostings #content table tr .location {
						width: 200px;
						padding: 0;
						border-bottom: 1px solid #ccc
						}

/* /////////////////////////////////////////////////////////////////////// footer */

#footer {
	clear: both;
    height: 90px;
	padding: 30px 0 0 0;
	background: #e8e8e8 url(../images/footer.gif) no-repeat;
    color: #a5a4a4;
    text-align: left;
    font: normal 11px Arial,Sans-Serif,Helvetica,Serif
	}