/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font: 12px/1.4em arial, helvetica, tahoma, verdana, sans-serif;
		color: #fff;
		background-color: #000
	}
	
	body {
		margin: 0;
	}
	
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	/* GLOBAL RESET */
	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
	fieldset,img { border: none; }
	caption,th { text-align: left; }
	table { border-collapse: collapse; border-spacing: 0; }
	
	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	/* Paragraph default styling, amend as desired */
	p {
		/*margin: 0 0 20px 0;
		padding: 0;*/
	}
	/* Default link styling */
	a {
		color: #fff;
		text-decoration: none;
	}
	a:hover {
		color: #fff;
		text-decoration: underline;
	}
	.req { color:#ff0000!important; font-weight:bold; font-size:12px; }
	.required  { color:#ccc; font-weight:normal; font-size:12px; margin: 10px 0 0 0; }
	.contact a {
		color: #d91f34; 
		}
	
	/* Float an element left with a margin */
	.floatL {
		float: left;
	}
	/* Float an element right with a margin */
	.floatR {
		float: right;
	}
	
	.clear {
		display: block;
		clear: both;
		}
		
	address strong {
		color: #d91f34;
		}
	
	ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	
	.featured-box .title {  color:#d91f34; line-height:30px; }
	.featured-box .desc { background: #fff; display:block; margin: 206px 0 0 0; padding: 30px; width:auto; float:left; color: #494c49; font-size:24px; font:  Helvetica, sans-serif; font-weight: light; line-height:24px; }
	
		.featured-product {
			position:relative;
				display: block;
				height: 525px;
			background: url(../images/col.jpg);
			margin: -1px 0 0px 0;
	}

		.featured-product .featured-box {
			position:absolute;
			top:31px;
			left: 2.5em;
			width:955px;
			height:550px;
			display:none;
			}
	
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#outerwrap {
		width: 84.5em;
		position: absolute;
		left: 50%;
		margin-left: -507px;
	}
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#inner_text form {
		padding: 2em 0;
		}
	
	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
		color: #666;
		border: none;
	}	
	
	input.button {
		background: url(../images/bullet.gif) 0 0.5em no-repeat #494c49;
		border: none;
		color: #fff;
		padding-left: 0.3em;
		margin: 0 0 0 0.8em;
		cursor: pointer;
		font-size: 1em;
		}
		
	.box .button {
		font-size: 0.9em;
		}
	
	/**
	* grey box changes
	*/	
	.greybox{
		margin:52px 0px 0px 0px;
	}
	
	.greybox ul{
		list-style-type:square;
		margin:0px 0px 0px 18px;
	}
	
	/**
	* end grey box changes
	*/	
	
		
	#inner_text input.button {
		background-color: #000;
		}
		
	input {
		padding: 0.2em;
		color: #6d726d;
		font-size: 0.9em;
		}
		
	label {
		display: block;
		clear: both;
		}
		
	label.hidden {
		text-indent: -2000px;
		overflow: hidden;
		}
	
	
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		line-height: normal;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	h1 {
		color: #d91f34;
		font-size: 2.5em;
		font-weight: bold;
		margin: 0 0 3px 0;
		clear: both;
	}
	
	.home h1 {
		height: 136px;
		width: 358px;
		background: url(../images/heading_home.gif) top left no-repeat;
		text-indent: -2000px;
		overflow: hidden;
		position: absolute;
		top: 17.2em;
		font-size: 1em;
		}
		
	.home h1.left {
		left: 2.5em;
		}
		
	.home h1.right {
		right: 2.5em;
		}
	
	
	h2, h3 {
		color: #d91f34;
		font-weight: normal;	
	}
	
	.news h2, .news h3 {
		margin: 0;
		}
		
	h2.textL {
		font-size: 2em;
		margin: 2em 0 0.5em 0;
		}
	
	#left_col h2#news {
		background: url(../images/heading_home_news.gif) top left no-repeat;
		width: 128px;
		height: 22px;
		text-indent: -2000px;
		overflow: hidden;
		}
		
	#center_col h2#working {
		background: url(../images/heading_working_home.gif) top left no-repeat;
		width: 165px;
		height: 22px;
		text-indent: -2000px;
		overflow: hidden;
		}
	
	h3 {
		
	}
	
	h4 {
		
	}
	
	
/* HEADER STYLES  */ 

/*#header {
	background: url(../images/bg_header.gif) top right no-repeat #000;
	margin: 1.5em 3em 0 3em;
	width: 78.5em;
	height: 9em;
	}*/
	
#header {
	position: absolute;
	top: 1em;
	left: 2.5em;
	width: 79.6em;
	height: 8em;
	}
	
	#header p {
		padding: 0;
		margin: 0;
		}
	
	#logo {
		display: block;
		width: 208px;
		height: 73px;
		background: url(../images/logo.gif) top left no-repeat #000;
		text-indent: -2000px;
		overflow: hidden;
		}
	
	#lets_talk {
		position: absolute;
		top: 0;
		right: 0;
		}	
		
	#lets_talk a {
		display: block;
		width: 358px;
		height: 20px;
		background: url(../images/bg_header_over.gif) top left no-repeat;
		text-indent: -2000px;
		overflow: hidden;
		}
  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* NAV STYLES  */
ul#nav {
	float: right;
	margin-top: 4.1em;
	}
	
#nav li, #nav a, #sub_nav li, #sub_nav a {
	float: left;
	}
	
	#nav a, #footer li a {
		display: block;
		}
		
	#nav li.end, #footer li a.end, #sub_nav li.end {
		background: none;
		padding: 0 0 0 1em;
		}
		
	#nav li, #footer li a, #sub_nav li {
		color: #5a5e5a;
		background: url(../images/bg_nav.gif) right 0.2em no-repeat;
		padding: 0 1.1em 0 1.1em;
		}
		
	#sub_nav a#active {
		color: #5a5e5a;
		}
		
	#nav a:hover, #sub_nav a:hover {
		color: #494c49;
		text-decoration: none;
		}
		
	#footer a:hover {
		color: #fff;
		text-decoration: none;
		}
		
#sub_nav {
	padding: 0 0 4.25em 0;
	font-size: 0.9em;
	}
	
	#sub_nav li.start {
		padding: 0 1.1em 0 0;
		}
		
	#inner_text #sub_nav a {
		text-decoration: none;
		}


/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content {
	clear: both;
	margin-top: 9em;
	}
	
	.home {
		background-color: #494c49;
	}
	
	#home_1, #home_2, #home_3, #home_4 {
		height: 498px;
		position: relative;
	}
	
	#home_1 {
		background: url(../images/bg_home.jpg) top left no-repeat #000;
	}
		
	#home_2 {
		background: url(../images/bg_home2.jpg) top left no-repeat #000;
	}
		
	#home_3 {
		background: url(../images/bg_home3.jpg) top left no-repeat #000;
	}
		
	#home_4 {
		background: url(../images/bg_home4.jpg) top left no-repeat #000;
	}
		
	.inner_content {
		padding-left: 2.5em;
		width: 79.6em;
		}
		
	.extra_padding {
		padding-top: 2.5em;		
		}
		
		#what_we_do {
			background: url(../images/whatwedo.jpg) 2.5em 0 no-repeat;
			padding: 25em 0 0 2.5em;
			}
			
		#she {
			background: url(../images/safetyhealth.jpg) 2.5em 0 no-repeat;
			padding: 25em 0 0 2.5em;
			}
			
		#careers {
			background: url(../images/header_careers.jpg) 2.5em 0 no-repeat;
			padding: 25em 0 0 2.5em;
			}
			
		#inner_text {
			width: 46em;
			float: left;
			}
			
			#inner_text p {
				line-height: 1.5em;
				}
				
			#inner_text p#group_logo {
				display: block;
				height: 89px;
				background: url(../images/shepherdgroup_logo.gif) top right no-repeat;
				text-indent: -2000px;
				overflow: hidden;
				margin: 50px 0;
				}	
				
			#inner_text a {
				text-decoration: underline;
				}
			
			#inner_text p.textL {
				font-size: 2.5em;
				color: #fff;
				line-height: 1.4em;
				margin: 0 0 1em 0;
				padding: 0;
				}
				
			.project {
				margin: 0 0 2em 0;
				}	
					
				.project p {
					margin: 0;
					}
	
				.project strong {
					color: #d91f34;
					font-weight: normal;
					}
					
				.project span, .news span {
					display: inline;
					color: #494c49;
					}
					
			.right_image {
				width: 30em;
				padding-top: 23em;
				margin-bottom: 2.5em;
				color: #494c49;
				font-size: 0.9em;
				}
				
				#project_1 {
					background: url(../images/project1.jpg) top left no-repeat;
					}
					
				#project_2 {
					background: url(../images/project2.jpg) top left no-repeat;
					}
					
				#project_3 {
					background: url(../images/project3.jpg) top left no-repeat;
					}
		
		
				
		.right_panel {
			font-size: 0.9em;
			color: #494c49;
			width: 30em;
			/*padding-top: 500px;*/
			}
			
		#who_we_are {
			background: url(../images/whoweare2.jpg) top left no-repeat;
			}	
			
		#who_we_work_with {
			background: url(../images/whoweare.jpg) top left no-repeat;
			}
			
		#testimonials {
			background: url(../images/testimonials.jpg) top left no-repeat;
			}
			
		#shepherd_group {
			background: url(../images/shepherdgroup.jpg) top left no-repeat;
			}
			
		#our_values {
			background: url(../images/ourvalues.jpg) top left no-repeat;
			}
			
		#our_history {
			background: url(../images/history.jpg) top left no-repeat;
			}
			
	.box {
		background-color: #494c49;
		padding: 2em;
		width: 26em;
		}
		
		.box li {
			margin: 0 0 0.2em;
			}
			
		.box ul {
			margin-bottom: 1em;
			}
			
		.box ul, .box h2, .box h3 {
			font-size: 1.2em;
			}
			
		.box p a, .box li a {
			color: #d91f34;
			background: url(../images/bullet_red.gif) 0 0.3em no-repeat #494c49;
			padding: 0 0 0 1em;
			}
			
		 .box li a {
		 	font-size: 0.9em;
		 	}
			
	.contact {
		margin: 0 0 2em 0;
		}		
			
		.contact p {
			margin: 0;
			padding: 0;
			}
			
	.news {
		margin: 0 0 2em 0;
		clear:both;
		}
			
	div#map {
		margin:10px 0px 0px 0px;
		padding: 0;
		height: 400px;
		width: 400px;
		background-color: #000;
		}
		
		#map p a {
			color: #d91f34;
			margin-top: 2em;
			background-color: #000;
			display: block;
			}
			
	.news p {
		margin: 0;
		padding: 0;
		}
		
		
	.newmainimg{
		float:left;
		padding:5px 10px 10px 0px;
	}
	
	.newimg{
		float:right;
		padding:5px 0px 10px 10px;
	}
		
	.credit {
		background: url(../images/accreditations.gif) right 0.8em no-repeat;
		text-indent: -2000px;
		overflow: hidden;
		height: 60px;
		margin: 2em 0;
		}

#left_col{
	background: url(../images/bg_home_cols.gif) top right no-repeat;
	}
	
#left_col, #center_col, #right_col {
	padding: 0 0 1em 0;
		border-top: 1px solid #494c49;

	}
	
	#right_col {
		width: 20.8em;
		}
	
	.members { float:left!important; display: block; height: 200px; width: 300px!important;}
	
	
h2.newscaption { float: left; padding: 0 0 0 50px; width:340px;}
	
/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#left_col {
	width: 26.6em;
	margin: 2.5em 2em 0 0;
	padding: 0 0 0 2.5em;
	float: left;
	}	
	
	#left_col ul li{
		background: url(../images/bullet.gif) 0 0.3em no-repeat;
		padding: 0 0 0 1em;
		}
	
	#left_col ul li a {
		padding: 0 0 0 0;
	}
	
	
/* RIGHTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#right_col {
	float: left;
	margin: 0.5em 0 0 0;
	padding: 2em 0 0 1.5em;
	}
	
	#right_col a {
		display: block;
		color: #fb0000;
		background: url(../images/bullet_red.gif) 1em 1.2em no-repeat #fff;
		padding: 0.8em 2em 0.8em 2em;
		font-weight: bold;
		margin: 0.4em 0;
		}
		
	#right_col p.credit {
		background: url(../images/home_accreditations.gif) top right no-repeat;
		}


/* CENTRECOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
#center_col {
	width: 29.0em;
	padding: 0 1em 2em 0;
	margin: 2.5em 0 0 0;
	float: left;
	}
	#center_col .nominateEmployee { float:right; }
	#center_col p {
		margin: 0;
		padding: 0;
		width: 200px;
		float:left;
		}
		
	#center_col form {
		margin: 2em 0 0 0;
		float:left;
		}
	
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
	background: url(../images/bg_footer.gif) top left repeat-x #000;
	height: 5em;
	padding: 2.5em 3em 0 3em;
	clear: both;
	}
	
	#footer ul {
		float: left;
		}
		
	#footer p {
		padding: 0;
		margin: 0;
		font-size: 1.1em;
		}
	
	#footer li.end {
		margin: 0 0 0 3em;
		}
		
	#footer li.start {
		background: url(../images/bg_nav.gif) right 0.2em no-repeat;
		padding: 0 1.1em 0 0;
		}
	
#footer, #footer a {
	color: #5a5e5a;
	font-size: 0.95em;
	}
	
	#footer ul li, #footer li a {
		float: left;
		}
		
.topimage{
	padding:0px 0px 32px 0px;
}

/**
* cms banner
*/

ul.cmsbanner{
	list-style-type:none;
	padding:10px 0px 0px 10px;
	margin:0px 0px 20px 0px;
	width:945px;
	background-color:#494c49;
	display:block;
	float:left;
}

ul.cmsbanner li{
	float:left;
	color:#eb0000;
	padding:0px 10px 10px 0px;
	margin:0px;
	font-size:1em;
}

ul.cmsbanner li img{
	padding:0px 0px 10px 0px;
}

ul.cmsbanner .cmsbannerintro{
	width:945px;
	color:#fff;
	padding:20px 0px 30px 0px;
	font-size:1.5em;
}

/**
* end cms banner
*/

/**
* members
*/

.memberswrapper{
	width:1010px;
	float:left;
	margin: 50px 0px 15px 30px;
	clear:both;
}

.members{
	/*float:left;*/
	padding:0px 35px 10px 0px; display: block;
	width: 300px;
}

.members img{
	float:left;
	padding:0px 10px 20px 0px;
}

.members div{
}

.members h2{
	color:#fff;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

.members a{
	color:#d91f34;
}

/**
* members
*/

/**
* logos
*/

.logos ul{
	list-style-type:none;
	margin:60px 0px 0px 0px;
	padding:0px;
	width:600px;
}

.logos ul li{
	float:left;
	padding:0px 50px 45px 0px;
	margin:0px;
}
.logos .left { padding: 0 50px 0 110px; }
.noBG { background:none!important; padding:0!important; }
/**
* end logos
*/

.clients{
	background-image:url(../uploads/images/pages/clients.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:955px;
	height:267px;
	text-indent:-3000em;
	margin:22px 0px 0px 0px;
	float:left;
}

.members{
	
}


/**
* employee of the month
*/

.employeeForm {
	background: #494c49;
	padding: 21px 25px;	
	min-height: 540px;
	float:left;
}
.employeeForm h4 { 
	color:#d91f34; font-size:14px; font-weight:bold; margin:0; padding:0; }

.employeeForm label { color: #fff; font-size:12px; padding: 12px 0 6px 0; }
.employeeForm input { width: 265px; }
.employeeForm textarea { height: 80px; width: 268px; }
.employeeForm .employeeSubmit { width: 116px; height:19px; margin: 10px 0 0 0; }

.employeeForm h2 { font-size:18px; font-weight: bold; margin:0; }
.employeeForm h3 { font-size:14px; color:#fff; margin: 10px 0 0 0; }

