/* IE6 PNG Fix */
img, div, a, input { behavior: url(/iepngfix.htc) }

/*Adjust Defaults*/

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0px;
}


/*Typography*/
body{
	font-family: Verdana;
	font-size: 12px;
	color:#ffffff;
}

a, a:link, a:visited, a:active, a:hover {
	font-family: Verdana;
	color:#ffffff;
	text-decoration:none;
}

p, li {
	line-height:16px;
}

/*Page Layout*/

body {
	text-align:center;
	background-image:url('../images/background.jpg');
}

#container {
	margin: 0 auto;
	text-align: left;
	width: 100%;
}

#header {
	height:95px;
	background-color:#bc151c;
	border-bottom:solid 4px #ffffff;
}

#header h1 {
	height:0px;
	width:213px;
	height:79px;
	background-image:url('../images/hanco.jpg');
	margin-left:10px;
	float:left;
	overflow:hidden;
}

#header h1 a {
	display:block;
	width:213px;
	padding-top:79px;
}

#main-menu {
	float:right;
	list-style-type:none;
	margin-top:70px;
}

#main-menu li {
	float:left;
	position:relative;
	z-index:50;
}

#main-menu li a{
	display:block;
	height:0px;
	padding-top:25px;
	background-image:url('../images/menu.jpg');
	overflow:hidden;
}

#main-menu li a:hover, #main-menu-1-link.hover, #main-menu-2-link.hover, #main-menu-3-link.hover, #main-menu-4-link.hover, #main-menu-5-link.hover {
	background-image:url('../images/menu-over.jpg');
}

#main-menu-1 a {
	width: 98px;
}

#main-menu-1-submenu {
	list-style-type:none;
	border-top:solid 4px #ffffff;
	padding-top:8px;
	width:77px;
	height:40px;
	overflow:hidden;
	background-color:#ffffff;
	margin-top:4px;
	margin-left:8px;
	background-image:url('../images/submenu-bg.jpg');
	background-repeat:repeat-x;
	display:none;
	position:absolute;
	top:21px;
	left:0;
	z-index:100;
}

#main-menu-1-submenu li {
	float:none;
	background-repeat:no-repeat;
	background-position: 5px 0px;
	margin-bottom:5px;
	padding:0px;
	height:15px;
}

#main-menu-1-submenu li a {
	display:block;
	height:0px;
	padding-top:15px;
	background-image:none;
	width:100px;
	border-left:solid 4px #ffffff;
}

#main-menu-1-submenu li a:hover {
	border-left:solid 4px #bc151c;
	background-image:none;
}

#main-menu-1-submenu-1 {
	background-image:url('../images/submenu-people.jpg');
}

#main-menu-1-submenu-2 {
	background-image:url('../images/submenu-safety.jpg');
}

#main-menu-2 a {
	width: 76px;
	background-position: -98px 0px;
}

#main-menu-3 a {
	width: 105px;
	background-position: -174px 0px;
}

#main-menu-4 a {
	width: 137px;
	background-position: -279px 0px;
}

#main-menu-5 a {
	width: 96px;
	background-position: -416px 0px;
}

#main {
	position:relative;
	background-image:url('../images/semi-transparent-black.png');
}

#people-main {
	position:relative;
	background-image:url('../images/people-main-bg.jpg');
}

#top-shadow {
	height:25px;
	background-image:url('../images/top-shadow.png');
	background-repeat:repeat-x;
	width:100%;
}

#top-shadow-overlay {
	height:25px;
	background-image:url('../images/top-shadow.png');
	background-repeat:repeat-x;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

#home-main-left {
	width:553px;
	height:367px;
	background-image:url('../images/home-left.jpg');
	background-repeat:no-repeat;
	float:left;
}

#home-main-content {
	padding-top: 220px;
	margin-left:553px;
	padding-left:15px;
	background-image:url('../images/home-left-shadow.png');
	background-repeat:repeat-y;
	height:147px;
	width:400px;
}

#people-main-content {
	padding:20px;
	width:711px;
}

#people-list {
	width:711px;
}

.person {
	border:solid 1px #000000;
	width:220px;
	height:82px;
	float:left;
	margin-right:12px;
	margin-top:12px;
	background-image:url('../images/semi-transparent-black-darker.png');
	position:relative;
	cursor:pointer;
}

.person:hover {
	background-image:url('../images/semi-transparent-black.png');
	cursor:pointer;
}

.person img {
	float:left;
}

.name-and-title {
	position:absolute;
	bottom:5px;
	left:90px;
	padding-right:5px;
}

.person-name {
	font-weight:bold;
	font-size:11px;
	color:#fff;
}

.person-title {
	font-size:10px;
	color:#8d8d8d;
}

#safety-main-left {
	text-align:right;
	padding-top:90px;
	padding-right:20px;
	width:370px;
	float:right;
	background-image:url('../images/safety-right-shadow.png');
	background-repeat:repeat-y;
	background-position:top right;
	height:327px;
}

#safety-main-left p {
	line-height:15px;
}

#safety-main-right {
	float:right;
	width:394px;
	height:417px;
	background-image:url('../images/safety-right.jpg');
}

#work-main-left {
	width:157px;
	float:left;
	background-image:url('../images/work-right-shadow.png');
	background-repeat:repeat-y;
	background-position:top right;
	height:391px;
	padding:20px;
}

#work-sub-menu {
	list-style-type:none;
	margin-left:-20px;
	margin-right:-20px;
}

#work-sub-menu li {
	display:block;
	width:197px;
}

#work-sub-menu li a{
	display:block;
	width:197px;
	height:0px;
	overflow:hidden;
	padding-top:24px;
	background-image:url('../images/work-sub.jpg');
	background-repeat:no-repeat;
}

#work-sub-menu li a:hover {
	background-image:url('../images/work-sub-over.jpg');
}

#work-sub-1 a {
	background-position:0 -3px;
}

#work-sub-2 a {
	background-position:0 -25px;
}

#work-sub-3 a {
	background-position:0 -49px;
}

#work-sub-4 a {
	background-position:0 -75px;
}

#work-sub-5 a {
	background-position:0 -97px;
}

#work-sub-6 a {
	background-position:0 -121px;
}

#work-main-right {
	margin-left:197px;
	height:391px;
	background-image:url('../images/work-bg.jpg');
	background-repeat:no-repeat;
	padding:20px;
}

#work-main-right p {
	width: 575px;
}

#work-projects {
	margin-left:197px;
	padding:20px;
}

#work-projects p {
	width:520px;
	margin-bottom:15px;
}

#work-projects ul {
	margin-left:10px;
	list-style-type:none;
	color:#949494;
}

#work-projects ul li {
	border-top:solid 1px #555555;
	padding-left:10px;
}

#work-projects ul li a {
	display:block;
	color:#ffffff;
	margin-left:-10px;
	padding-left:10px;
}

#work-projects ul li a:hover {
	background-image:url('../images/semi-transparent-black-darker.png');
}

#services-main {
	background-image:url('../images/services-left.png');
	background-repeat:repeat-y;
	padding-top:20px;
	padding-left:204px;
	padding-bottom:20px;
	width:470px;
}

.services-box {
	background-image:url('../images/semi-transparent-black-darker.png');
	border-top:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	margin-left:-21px;
	padding-left:21px;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
}

#commitment-video {
	width:448px;
	height:370px;
	background-color:#000000;
	float:right;
}

#commitment-content {
	text-align:right;
	padding-right:20px;
	width:400px;
	float:right;
	padding-top:100px;
	background-image:url('../images/commitment-right-shadow.png');
	background-repeat:repeat-y;
	background-position:top right;
	height:270px;
}

#contact-main {
	background-image:url('../images/contact-left.png');
	background-repeat:repeat-y;
	padding-top:20px;
	padding-left:204px;
	width:450px;
	padding-bottom:20px;
}

#contact-intro {
	width:350px;
}

#footer {
	width:100%;
	font-size:9px;
	height:14px;
	margin-bottom:20px;
	margin-top:-25px;
}

#footer-left {
	float:left;
	margin:10px;
}

#footer-right {
	float:right;
	margin:10px;
}