body {
	background-image: url(../img/body_bg.jpg);
	background-repeat: repeat;
}

p {
	letter-spacing: 0.5px;
}

a href {color: #db2128;}

:focus{
outline: 0;
}


span.codedirection { 
	unicode-bidi:bidi-override;
	direction: rtl;
	color: #db2128 
	}





#container {
/* 	background-color: #f0f0f0; */
	background-image: url(../img/container_bg.png);
	background-repeat: repeat-y;
}

#header {
	/* background-color: #db2128; */
	height: 38px;
	background-image:url(../img/header_bg.gif);
	background-repeat: repeat-x;
}

#nav {

	width: 940px;
	height: 61px;
	background-color: gray;



}

		#nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0px;	

		}
		
		#nav ul li {
			float: left;	
			outline: none;
			margin: 0;
			padding: 0;
			
			
}

/* PROJECTS PAGE ELEMENTS */


ul.herman li a{

text-decoration: none;
color: gray;


}


ul.herman li a:hover{

text-decoration: underline;
color: red;


}


/* Affiliates Links */


a.alf {

text-decoration: underline;
color: red;


}


a:hover.alf{

text-decoration: underline;
color: gray;


}







/* NEW NAV */


			#nav ul li a.b_about {
				width: 133px;
				height: 61px;
				display: block;
				background: url(../img/nav_slide.png) no-repeat 0px 0px;
				text-indent: -9999px;
				
				}
			
			#nav ul li a.b_about:hover {
				width: 133px;
				height: 61px;
				top:0px;
				left:0px;
				background: url(../img/nav_slide.png) no-repeat 0px -61px;
				}
				
			#nav ul li a.b_serv {
				width: 110px;
				height: 61px;
				display: block;
				background: url(../img/nav_slide.png) no-repeat -133px 0px;
				text-indent: -9999px;
				
				}
			
			#nav ul li a.b_serv:hover {
				width: 110px;
				height: 61px;
				top:0px;
				left:0px;
				background: url(../img/nav_slide.png) no-repeat -133px -61px;
				}
				

			#nav ul li a.b_comp {
				width: 227px;
				height: 61px;
				display: block;
				background: url(../img/nav_slide.png) no-repeat -243px 0px;
				text-indent: -9999px;
				
				}
			
			#nav ul li a.b_comp:hover {
				width: 227px;
				height: 61px;
				top:0px;
				left:0px;
				background: url(../img/nav_slide.png) no-repeat -243px -61px;
				}

			#nav ul li a.b_health {
				width: 238px;
				height: 61px;
				display: block;
				background: url(../img/nav_slide.png) no-repeat -470px 0px;
				text-indent: -9999px;
				
				}
			
			#nav ul li a.b_health:hover {
				width: 238px;
				height: 61px;
				top:0px;
				left:0px;
				background: url(../img/nav_slide.png) no-repeat -470px -61px;
				}

			#nav ul li a.b_pro {
				width: 100px;
				height: 61px;
				display: block;
				background: url(../img/nav_slide.png) no-repeat -708px 0px;
				text-indent: -9999px;
				
				}
			
			#nav ul li a.b_pro:hover {
				width: 100px;
				height: 61px;
				top:0px;
				left:0px;
				background: url(../img/nav_slide.png) no-repeat -708px -61px;
				}
				
			#nav ul li a.b_con {
				width: 132px;
				height: 61px;
				display: block;
				background: url(../img/nav_slide.png) no-repeat -808px 0px;
				text-indent: -9999px;
				
				}
			
			#nav ul li a.b_con:hover {
				width: 132px;
				height: 61px;
				top:0px;
				left:0px;
				background: url(../img/nav_slide.png) no-repeat -808px -61px;
				}


		
#logo {
	position: absolute;	
	margin: 0 auto;
	height: 93px;
	width: 140px;
	top: 21px;
	left: 50%;
	margin-left: -70px;
}

#window {
	background-color: #ccd0d0;
	height: 446px;
	background-image:url(../img/window_bg.jpg);	
}


#tip {

	position:absolute;
	width: 69px;
	height: 30px;
	top: 80px;
	margin-left: 590px;
	background-image: url(../img/tip.png);

	

}



#blurb {
	background-image: url(../img/jq_blurb_1.png);
	margin-left: 60px;
	margin-top: 40px;
	width: 426px;
	height: 310px;
}


#misrice {
	

	height: 42px;
	width: 426px;
	overflow: hidden;
	margin-left: 60px;
	

}



/* ------ new css for hover ------ */	
							a.misrice{
								display: block;
								width: 426px;
								height: 42px;
								background:url(../img/misrice_bg.png)  no-repeat 0 0;
								overflow: hidden;
								text-indent: -10000px;
								font-size: 0px;
								line-height: 0px;
							}
						
						
						
							a:visited.misrice {
								background-position: 0 -42px;
							}
							
							a:hover.misrice {
								background-position: 0 -42px;
							}
							

#derice {
	
	clear: both;
	height: 24px;
	width: 182px;
	overflow: hidden;
	margin-left: 76px;
	

}

/* ------ new css for hover ------ */	
							a.derice{
								display: block;
								width: 115px;
								height: 48px;
								background:url(../img/btn_DERice.png)  no-repeat 0 0;
								overflow: hidden;
								text-indent: -10000px;
								font-size: 0px;
								line-height: 0px;
							}
						
						
						
							a:visited.derice {
								background-position: 0 -24px;
							}
							
							a:hover.derice {
								background-position: 0 -24px;
							}



#projects {
	width: 940px;
	height: 78px;
}

	.projects {
		display: block;
		width: 940px;
		height: 78px;
		text-indent: -9999px
	
	}
	
	a.projects {
		background:url(../img/projects_bg2.jpg) no-repeat 0px 0px;
		width: 940px;
		height: 78px;
		text-indent: -9999px
	}
	
	a.projects:hover {
		background:url(../img/projects_bg2.jpg) no-repeat 0px -78px;
		width: 940px;
		height: 78px;
	
	}


#underpro {
	background-color: #505050;
	height: 46px;	
	background-image:url(../img/under_bg.jpg);
}


/* OLD MACHINE
#machine {
	position: absolute;	
	margin: 0 auto;
	height: 250px;
	width: 519px;
	top: 620px;
	left: 50%;
	margin-left: -258px;
	background-image:url(../img/machine_bg.png);
	z-index: 1;
}
*/
#machine {
	position: absolute;	
	margin: 0 auto;
	height: 174px;
	width: 519px;
	top: 620px;
	left: 50%;
	margin-left: -258px;
	background-image:url(../img/machine_bg2.png);
	z-index: 1;
}

/* FOOTER/TRUNK ITEMS */

#trunk {
	background-color: #ffc20e;
	background-image:url(../img/trunk_bg.jpg);
	background-repeat:repeat-x;
	height: 658px;
}

	#trunk h5 { font-size: 16px; margin-top: 30px; margin-bottom: 7px; padding-left: 10px; color: #353434; }
	#trunk ul {font-size: 12px; list-style-type: none; padding-left: 10px; padding-right: 8px; }
	#trunk li {margin: 0; padding: 0; top: -10px; line-height: 15px; padding-bottom: 7px;  }
	#trunk a {list-style-type: none; text-decoration: none; color: #353434;}
	#trunk a:hover { color: #999999; }
	#trunk p {font-size: 12px; list-style-type: none; padding-left: 10px; padding-right: 10px; }
 

	#FS1 {
		background-color: #ffde7b;
		background-image: url(../img/FS1_bg.jpg);
		background-repeat:repeat-x;
		/* height: 371px; */
		height: 60%;
		margin-right:0;
		padding-left:10px;
		top: 71px;
		
	}

	#FS2 {
		background-color: #fada79;
		background-image: url(../img/FS2_bg.jpg);
		background-repeat: no-repeat;
		height: 60%;
		margin-right:0;
		margin-left:0;
		top: 71px;
		
	}
	
#leg {
	position: relative;
	background-color: #ffc20e;
	text-align: center;
	height: 100px;
}
	
#footer {
	background-color: #db2128;
	text-align: center;
	height: 40px;


	
}

#footer p {
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 10px;
	top: 4px;
	color:white;
	font-size: 11px;
	
}








/* FORM ELEMENTS */


#trunk h6 { font-size: 12px; margin-top: 20px; margin-bottom: -12px; padding-left: 10px; color: #353434; }
	
	
input {
	 border-width: 1px;
	 border-color: #999999;
	 border-style: solid;
	 color: #7b7b7b;
	 font-size: 18px;
	 font-family: Helvetica, Verdana, Arial, sans-serif;
	 width: 250px;
	 height: 35px;
	 background-color: #ffffff;
	 -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}

input.inputbutton {
	 font-weight: bold;
	 border-width: 0px;
	 border-color: #d3cbcd;
	 border-style: solid;
	 color: black;
	 font-size: 12px;
	 font-family: Helvetica, Verdana, Arial, sans-serif;
	 width: 100px;
	 height: 30px;
	 background-color: #FFC20E;
	 cursor: pointer;
}

input.inputbutton:hover {
	 font-weight: bold;
	 border-width: 0px;
	 border-color: #d3cbcd;
	 border-style: solid;
	 color: white;
	 font-size: 12px;
	 font-family: Helvetica, Verdana, Arial, sans-serif;
	 width: 100px;
	 height: 30px;
	 background-color:#db2128;
}

textarea {
	 border-width: 1px;
	 border-color: #999999;
	 border-style: solid;
	 color: #7b7b7b;
	 font-size: 18px;
	 font-family: Helvetica, Verdana, Arial, sans-serif;
	 width: 250px;
	 height: 175px;
	 background-color: #ffffff;
	 -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;


}


/* FORM ELEMENTS for CONTACT PAGE */



#contact h6 { letter-spacing: 1px; font-size: 12px; margin-top: 20px; margin-bottom: -12px; color: #353434; }

#ContactColumn2 {
	letter-spacing: 1px;
	margin-top: 60px;

}



/* WHITE TORSO INSIDE ELEMENTS -- MISSION */

#torso {
background-color: white;
height: auto;
padding-bottom: 10px;

}

#torso ul {

list-style: none;

}

#torso li {

 position: relative;
}

#torso li:before {

  position: absolute;
  margin: 6px 0 0 -12px;
    /* accommodate Camino */
    vertical-align: middle;
    display: inline-block;
  width: 5px;
  height: 5px;
  background: #d52229;
  content: "";
    -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
}

#torso h1,h2,h3,h4,h5,h6 {
font-weight: bold;
text-transform: uppercase;
color: black;


}


	#main {
		padding-top: 80px;
		
	}
	
	#secondary {
			padding-top: 190px;
			
	}
	
	.snip {
	line-height: 18px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;

	background-color: #ffc20e;
	margin-top: 35px;
	padding: 20px;
	color: black;
	margin-left: -20px;
	
	
	}
	
/* YELLOW TORSO INSIDE ELEMENTS -- MISSION */

#torsoYELLOW {
background-color: #ffc20e;
height: auto;
padding-bottom: 10px;

}

#torsoYELLOW ul {

list-style: none;

}

#torsoYELLOW li {

 position: relative;
}

#torsoYELLOW li:before {

  position: absolute;
  margin: 6px 0 0 -12px;
    /* accommodate Camino */
    vertical-align: middle;
    display: inline-block;
  width: 5px;
  height: 5px;
  background: #d52229;
  content: "";
    -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
}

#torsoYELLOW h1,h2,h3,h4,h5,h6 {
font-weight: bold;
text-transform: uppercase;
color: black;


}

#torsoYELLOW em{

font-weight: bold;

}
	
	.snipYELLOW {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: white;
	margin-top: 80px;
	padding: 20px;
	color: black;
	margin-left: -20px;
	
	
	}	
	
	
	
/* SCREENS BandW */

#screen_about {
width: 940px;
height: 572px;
background-image: url(../img/screen_about.jpg);

}

#screen_competencies {
width: 940px;
height: 572px;
background-image: url(../img/screen_competencies.jpg);
}

#screen_projects {
width: 940px;
height: 472px;
background-image: url(../img/screen_projects.jpg);
}

#screen_contact {
width: 940px;
height: 530px;
background-image: url(../img/screen_contact.jpg);
}

/* SCREENS YELLOW */

#screen_services {
width: 940px;
height: 468px;
background-image: url(../img/screen_services.jpg);
}

#screen_health {
width: 940px;
height: 574px;
background-image: url(../img/screen_health.jpg);
}

#screen_mission {
width: 940px;
height: 444px;
background-image: url(../img/screen_mission.jpg);
}


.OSHA {

width: 450px;

}