/* @override http://lformxserve01.local:8888/E%20-%20H/Facilities%20Innovations/Website/Site/01-15-09/styles/style.css */

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
	color: #000000;
}

/* drop shadow */

.alpha-shadow {
  float: right;
  background: url(../images/dropshadow-alpha2.png) no-repeat bottom left;
}
.alpha-shadow div {
  background: url(images/shadow-offset2.png) no-repeat left bottom;
	padding: 0px 0px 5px 4px;

}
.alpha-shadow img {
  background-color: #ffffff;
  padding: 4px;
}

div.right { float: right;}
div.left {float: left;}

a {
	text-decoration: none;
	outline: none;
}

.clear{
	clear: both;
}	
body {
	background: url(../images/background.gif) repeat-x;
}
#header-wrap,
#hp-body,
#hp-footer {
	width: 840px;
	margin: 0px auto;
	background: #000000;
}
#header-wrap #header .hp-logo {
	float: left;
}
#header-wrap #header .phone {
	float: right;
	color: #ffffff;
	font-size: 30px;
}
#header-wrap #nav {
	display: block;
	color: #ffffff;
	overflow: hidden;
	width: auto;
	height: 38px;
	border-top: 2px solid #ffffff;
}
	#header-wrap #nav ul {
		border-left: 1px solid #ffffff;
		padding: 15px 0px 15px 0px;
	}
		#header-wrap #nav li {
			list-style-type: none;
			display: inline;
			border-right: 1px solid #ffffff;
			margin-top: 26px;
			padding: 18px 0px 15px 0px;
		}
			#header-wrap #nav li a {
				text-decoration: none;
				text-transform: uppercase;
				font-weight: bold;
				color: #ffffff;
				outline: none;
				font-size: 13px;
				margin: 0px 20px 0px 20px;
				}
#hp-body {
}
#hp-body .hp-pictures {
	background: #ffffff;
	height: 240px;
	margin-top: 2px;
}
#hp-body .hp-pictures .pictures{
}				
#hp-body #hp-text {
	color: #ffffff;
	position: relative;
	overflow: hidden;
	background: url(../images/hp-background.jpg) no-repeat 672px;
}
	#hp-body #hp-text #col1 {
		height: 418px;
		width: 210px;
		margin-left: 30px;
		margin-top: 30px;
		margin-right: 25px;
		float: left;
	}
	
		#hp-body #hp-text #col1 .title-text {
			font-size: 24px;
			line-height: 22px;
			margin-bottom: 12px;
		}
		#hp-body #hp-text #col1 .text {
			font-size: 12px;
			line-height: 23px;
		}
			#hp-body #hp-text #col1 .title-text-services {
				font-size: 24px;
				line-height: 22px;
				margin-bottom: 12px;
				margin-top: 50px;
			}
			#hp-body #hp-text #col1 .hp-services {
				font-size: 12px;
				line-height: 23px;
				margin-top: 25px;
			}
				#hp-body #hp-text #col1 .hp-services li {
					margin-top: 10px;
				}
			 .hp-read-more {
				font-size: 13px;
				color: #ffffff;
				padding-top: 30px;
			}
				.hp-read-more a {
					color: #ffffff;
					outline: none;
					text-decoration: underline;
				}
				
	#hp-body #hp-text #col2 {
		height: 418px;
		width: 350px;
		margin-left: 30px;
		margin-top: 10px;
		margin-right: 25px;
		float: left;
	}
		
		#hp-body #hp-text #col2 .title-text-services {
				font-size: 24px;
				line-height: 22px;
				margin-bottom: 12px;
				margin-top: 65px;
			}
			#hp-body #hp-text #col2 .hp-services {
				font-size: 12px;
				line-height: 23px;
				margin-top: 10px;
			}
				#hp-body #hp-text #col2 .hp-services li {
					margin-top: 10px;
				}
	
	
				
#hp-body #hp-pictures {
	height: 240px;
	width: 167px;
	margin-top: 60px;
}
#hp-body #hp-text #col3 {
		margin: 50px 0px 0px 2px;
		font-weight: bold;
		float: left;
	}
#hp-body #hp-contact {
	background-color: #000;
	padding: 10px;
}
	#hp-contact a {
			color: #ffffff;
			outline: none;
			text-decoration: underline;
			font-size: 18px;
			
			}
	
		
/* SERVICES.HTML */
#s-body,
#s-content {
	width: 840px;
	margin: 0px auto;
}
#s-content {
	background: #000;
	padding-bottom: 70px;
	margin-top: 3px;
}
#s-body h1{
	color: #000;
	font-size: 28px;
	text-transform: uppercase;
	margin-top: 30px;
	margin-left: 20px;
}
	#s-content ul.s-nav {
		width: 686px;
		height: 33px;
		list-style-type: none;
		display: inline;
		margin-left: 5px;
	}
		#s-content ul.s-nav li.s-green {
			background: #219a31;
			padding: 9px 40px 9px 30px;
			margin-left: 5px;
			margin-top: -10px;
			float: left;
		}
		#s-content ul.s-nav li.s-orange {
			background: #efa21b;
			margin-left: 10px;
			padding: 9px 40px 9px 30px;
			margin-left: 5px;
			margin-top: -10px;
			float: left;
		}
			.s-arrow-black,
			.s-arrow-white {
				margin-bottom: 3px;
				margin-left: 3px;
			}
			#s-content ul.s-nav li a {
				color: #000;
				font-weight: bold;
				font-size: 13px;
			}
	#s-content h2.s-green {
		background: #219a31;
		padding: 9px 40px 9px 25px;
		text-transform: uppercase;
		font-size: 13px;
		margin-top: 80px;
		margin-left: 5px;
	}
	
		#s-content img.s-picture {
			float: right;
			margin-right: 20px;
			margin-top: -23px;
		}
	#s-content h2.s-orange {
		background: #efa21b;
		padding: 9px 40px 9px 25px;
		text-transform: uppercase;
		font-size: 13px;
		margin-top: 40px;
		margin-left: 5px;
	}
		#s-content ul.s-green-pa,
		#s-content ul.s-orange-mr {
			margin-left: 55px;
			margin-top: 20px;
			font-size: 13px;
			line-height: 25px;
		}
			#s-content ul.s-green-pa li {
				color: #219a31;
			}
			#s-content ul.s-orange-mr li {
				color: #efa21b;
			}
				#s-content ul.s-green-pa li p.s-green-pa-text,
				#s-content ul.s-orange-mr li p.s-orange-mr-text {
					color: #fff;
					width: 470px;
					padding: 0 0.5em 0 0;
					display: inline;
				}
				#s-content p.backtotop {
					margin-top: 30px;
				}
				#s-content p.backtotop a {
					color: #fff;
					text-transform: uppercase;
					margin-left: 35px;
					font-size: 10px;
					line-height: 20px;
				}
				
				#s-content ul.s-nav li.s-blue {
					background: #6dc1db;
					padding: 9px 40px 9px 30px;
					margin-left: 5px;
					margin-top: -10px;
					float: left;
				}
					#s-content h2.s-blue {
						background: #6dc1db;
						padding: 9px 40px 9px 25px;
						text-transform: uppercase;
						font-size: 13px;
						margin-top: 80px;
						margin-left: 5px;
					}
				#s-content ul.s-nav li.s-red {
					background: #ea2c45;
					margin-left: 10px;
					padding: 9px 40px 9px 30px;
					margin-left: 5px;
					margin-top: -10px;
					float: left;
				}
					#s-content h2.s-red {
						background: #ea2c45;
						padding: 9px 40px 9px 25px;
						text-transform: uppercase;
						font-size: 13px;
						margin-top: 40px;
						margin-left: 5px;
					}
				#s-content p {
					font-size: 12px;
					color: #fff;
					width: 520px;
					padding: 12px 24px 12px 34px;
				}
				
/*CONTACT.PHP*/
form {
	width: 500px;
}

#s-content h2.s-yellow {
	background: #dbe823;
	padding: 9px 40px 9px 25px;
	text-transform: uppercase;
	font-size: 13px;
	margin: -10px 0px 10px 5px;
}
	div#content div#content-contact form {
		padding: 0px;
		font-size: 1.2em;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	div.contact-item {
		width: 300px;
		padding: 0px 10px 20px 30px;
		margin: 20px 0px 0px 0px;
	}
		
		div.contact-item label {
			float: left;
			color: #fff;
			font-size: 1.2em;
		}
		div.contact-item textarea {
			float: right;
			color: #000;
			font-size: 1.2em;
			width: 182px;
			height: 30px;
		}
		div.contact-item input {
			float: right;
			color: #000;
			font-size: 1.2em;
			width: 180px;
		}
		div.contact-item select {
			float: right;
			color: #000;
			font-size: 1.2em;
			width: 180px;
		}
		input#submit {
			float:right;
			margin: 10px 30px 0px 0px;
			color: #000;
			font-size: 1.2em;
			width: 150px;
		}
	
		
/* RESOURCES */	
#s-content h2.s-orange {
	background: #efa21b;
	padding: 9px 40px 9px 25px;
	text-transform: uppercase;
	font-size: 13px;
	margin: -10px 0px 10px 5px;
}
div.link {
	color:#fff;
	font-size: 12px;
	padding: 30px 0px 0px 34px;
}
div.link a {
	color:#fff;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	font-weight: bold;
	text-transform: uppercase;
}


			
/*hp-footer*/
#hp-footer {

}
#hp-footer .fi,
#hp-footer .lform {
	color: #000000;
	margin-top: 20px;
	margin-bottom: 20px;
}
#hp-footer .fi {
	float: left;
}
#hp-footer .lform {
	float: right;
}
	#hp-footer .lform a {
		color: #000000;
		text-decoration: none;
		outline: none;
	}
	
	
/* STATS */
p.webbot {
	display:none;
}