* {margin: 0;}
html, body {height: 100%;}
body {font-family: arial; font-size: 13px; background: #000 url(../img/background.png) repeat-y center top; margin-bottom: -60px;}

#wrapper {width:1024px; margin: 0 auto -60px; min-height: 100%; height: auto !important; height: 100%; background: #20558a;}

#header {background: url(../img/header_background.png) no-repeat; position: relative; height: 208px;}
#header #navigation {position: absolute; top: 143px; left: 18px; width:1000px; overflow: hidden;}
#header #animated_background {width: 1024px; height: 178px; position: absolute; top: 0; left: 0; z-index: 0; text-indent: -9999px; text-align: right;}
#header #tag_line { position: absolute; top: 40px; left: 476px; z-index: 10; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 30px; color: #fff;}
#header #peben_logo {width: 243px; height: 74px; background: url(../img/peben_logo.png) no-repeat; position: absolute; top: 35px; left: 38px; z-index: 1; text-indent: -9999px;}
#header #peben_logo a {display: block; width: 100%; height: 100%;}
#header #main_nav {overflow: hidden;}
#header #main_nav li {float: left;}
#header #main_nav li a {width: 105px; height: 23px; padding-top: 12px; display: block; background: url(../img/nav_item.png) 0 0; text-align: center; color: #fff; font-size: 10px; font-weight: 400; text-transform:uppercase; letter-spacing:1px;}
#header #main_nav li a:hover {background: url(../img/nav_item.png) -107px 0;}
#header #main_nav li a.active {color: #444444; font-weight:700; background: url(../img/nav_item.png) -214px 0; letter-spacing:0;}
#header #sub_nav {height: 26px;}
#header #sub_nav .sub_nav_item.about_us {padding-left: 74px; float: left;}
#header #sub_nav .sub_nav_item.services {padding-left: 5px; float: left;}
#header #sub_nav .sub_nav_item.contact_us {padding-left: 630px; float: left;}
#header #sub_nav .sub_nav_item.employee_area {padding-left: 881px; float: left;}
#header #sub_nav .sub_nav_item {display: none;} 
#header #sub_nav .sub_nav_item.active {display:block;} 
#header #sub_nav .sub_nav_item li {float: left;}
#header #sub_nav .sub_nav_item li a {display:block; height: 20px; padding: 6px 6px 0 6px; background: #e4e3e3; color: #5b5c5e; border-right: 1px solid #7a7a7c; font-size: 9px; text-transform: uppercase; font-weight: 700;}
#header #sub_nav .sub_nav_item li a:hover, #header #sub_nav .sub_nav_item li a.active {background: #d3d2d2;}
#header #sub_nav .sub_nav_item li.first {border-left: 1px solid #7a7a7c;}

#header #main_nav li a#contact_us {width: 107px;}
#header #main_nav li a#employee_webmail {width: 105px; padding-top: 6px; height: 29px; margin-left: 40px;}
#header #main_nav li a#employee_login {width: 107px; padding-top: 6px; height: 29px;}
#header #main_nav li a#employee_area {width: 107px; padding-top: 6px; height: 29px;}
#header #main_nav li a#employee_logout {display: inline; font-size: 9px; font-weight: 700; height: 0; padding: 0; background: none;}
#page_content {background: #fff url(../img/page_content_home_background.jpg) no-repeat right bottom;}
#page_content.home {background: #fff url(../img/page_content_home_background.jpg) no-repeat right bottom;}
#page_content.about_us {background: #fff url(../img/page_content_about_us_background.jpg) no-repeat right bottom;}
#page_content.equipment {background: #fff url(../img/page_content_equipment_background.jpg) no-repeat right bottom;}
#page_content.services {background: #fff url(../img/page_content_services_background.jpg) no-repeat right bottom;}
#page_content.safety {background: #fff url(../img/page_content_safety_background.jpg) no-repeat right bottom;}
#page_content.news_and_resources {background: #fff url(../img/page_content_news_background.jpg) no-repeat right bottom;}
#page_content.contact_us {background: #fff url(../img/page_content_contact_us_background.jpg) no-repeat right bottom;}
#page_content.employee_login {background: #fff url(../img/page_content_employee_background.jpg) no-repeat right bottom;}
#page_content.employee_webmail {background: #fff url(../img/page_content_employee_webmail_background.jpg) no-repeat right bottom;}
#page_content.about_us table {margin: 0 0 40px 50px; display: block;}
#page_content.about_us table .highlight { background: url(../img/table_highlight.png) repeat-x;}
#page_content.about_us table td {width: 160px; padding-bottom: 4px; padding-top: 4px; padding-right: 10px; vertical-align: text-top;}
#page_content.employee_area #content ul {overflow: auto;}
#page_content.employee_area #content ul li { float: left;}
#page_content.employee_area #content .doc {float: left; overflow: auto; width: 200px; padding-bottom: 10px;}
#page_content.employee_area #content .doc ul {padding: 0;}
#page_content.employee_area #content .doc .icon {background: url(../img/doc_icon.jpg) no-repeat; width: 76px; height: 76px; padding-right: 10px;}
#page_content.employee_area #content .doc .description {width: 100px; padding-top: 10px;}
#page_content.employee_area #content .doc .description a {display: block; padding-top: 5px;}
#page_content.employee_area #content .pdf {float: left; overflow: auto; width: 200px; padding-bottom: 10px;}
#page_content.employee_area #content .pdf ul {padding: 0;}
#page_content.employee_area #content .pdf .icon {background: url(../img/pdf_icon.jpg) no-repeat; width: 76px; height: 76px; padding-right: 10px;}
#page_content.employee_area #content .pdf .description {width: 100px; padding-top: 10px;}
#page_content.employee_area #content .pdf .description a {display: block; padding-top: 5px;}
#page_content.employee_area #content .vid {float: left; overflow: auto; width: 200px; padding-bottom: 10px;}
#page_content.employee_area #content .vid ul {padding: 0;}
#page_content.employee_area #content .vid .icon {background: url(../img/play_icon.jpg) no-repeat; width: 76px; height: 76px; padding-right: 10px;}
#page_content.employee_area #content .vid .description {width: 100px; padding-top: 10px;}
#page_content.employee_area #content .vid .description a {display: block; padding-top: 5px;}
#page_content {overflow: auto; position: relative; background-color: #fff;}
#page_content #line_continuation {width: 230px; height: 98px; background: url(../img/line_continuation.png) no-repeat; position: absolute; right: 0; top: 0;}
#page_content #content {float: left; width:532px; padding: 16px 0 40px 0; overflow: auto; color: #414042; min-height: 600px; z-index: 900;}
#page_content #content h2 {background: url(../img/header_arrow.png) no-repeat; min-height: 28px; padding: 0 0 20px 50px; font-size: 23px; text-transform: uppercase; color:#414042;}
#page_content #content h3 {padding: 0 0 10px 50px; text-transform: uppercase; font-size: 15px;}
#page_content #content h4 {padding: 0 0 10px 50px; font-size: 15px;}
#page_content #content h5 {padding: 0 0 10px 50px; font-size: 15px; font-weight: bold;}
#page_content #content ul {padding: 0 0 10px 50px;}
#page_content #content p {padding: 0 0 10px 50px;}
#page_content #content a {color: #d06200;}
#page_content #content .content_img {padding: 0 0 10px 50px;}
#page_content #content #request_quote {font-size: 16px; float: left; font-weight: bold; margin:48px 0 60px 0; padding: 10px 18px 10px 48px; border-top: 4px solid #f4911e; border-right: 4px solid #f4911e; border-bottom: 4px solid #f4911e;}
#page_content #content #map_area {overflow: auto; padding-bottom: 20px;}
#page_content #content #map_area .top_space {padding-top:10px;}
#page_content #content #map_area ul {float: left;}
#page_content #content #map_area #map {float: right; width: 300px;}
#page_content #content #contact_us_form {overflow: auto; background: #e5e5e5; padding: 20px 20px 20px 0;}
#page_content #content #contact_us_form #denotes {padding: 0 0 10px 50px;}
#page_content #content #contact_us_form div.error {padding: 0 0 10px 50px; display: none; font-size: 12px;}
#page_content #content #contact_us_form .error {float: none; padding-left: 5px; font-size: 10px; color: #6d000a; text-transform: lowercase;}
#page_content #content #contact_us_form section {float: left; padding-left: 50px;}
#page_content #content #contact_us_form label {display: block; padding-bottom: 3px; text-transform: uppercase; font-size: 11px; font-weight: bold;}
#page_content #content #contact_us_form input {border: 1px solid #414042; margin-bottom: 8px; padding: 5px; width: 150px;}
#page_content #content #contact_us_form input.error {border: 2px solid #6d000a;}
#page_content #content #contact_us_form textarea {border: 1px solid #414042; margin-bottom: 8px; padding: 5px; width: 210px; height: 120px;}
#page_content #content #contact_us_form .submit {display: block; background: url(../img/submit_btn.png) no-repeat 0 0; width: 107px; height: 28px; line-height: 100px; overflow: hidden; text-indent: -9999px; cursor: pointer; border: 0;}
#page_content #content #contact_us_form .submit:hover {background-position: 0 0;}
#page_content #content #common_form {overflow: auto; background: #e5e5e5; padding: 20px 20px 20px 0;}
#page_content #content #common_form div.error {padding: 0 0 10px 50px; display: none; font-size: 12px;}
#page_content #content #common_form .error {float: none; padding-left: 5px; font-size: 10px; color: #6d000a; text-transform: lowercase;}
#page_content #content #common_form section {float: left; padding-left: 50px;}
#page_content #content #common_form label {display: block; padding-bottom: 3px; text-transform: uppercase; font-size: 11px; font-weight: bold;}
#page_content #content #common_form input {border: 1px solid #414042; margin-bottom: 8px; padding: 5px !important; font-size: 11px !important; width: 150px; float: none !important;}
#page_content #content #common_form input.error {border: 2px solid #6d000a;}
#page_content #content #common_form input[type=file] {border: 0;}
#page_content #content #common_form #career_resume {margin-bottom: 0 !important; padding-bottom: 3px !important;}
#page_content #content #common_form #file_types {width: 222px; display: block; font-size: 11px; padding-left: 5px !important;}
#page_content #content #common_form textarea {border: 1px solid #414042; margin-bottom: 8px; padding: 5px; width: 210px; height: 120px;}
#page_content #content #common_form .submit {display: block; background: url(../img/submit_btn.png) no-repeat 0 0; width: 107px; height: 28px; line-height: 100px; overflow: hidden; text-indent: -9999px; cursor: pointer; border: 0; margin: 10px 0 0 0;}
#page_content #content #common_form .submit:hover {background-position: 0 0;}
#page_content #content #common_form #valid_up {color: #b20000; padding-top: 5px; display: none;}
#page_content #content #affiliations {overflow: auto;}
#page_content #content #affiliations li {float: left; width: 45%; height: 190px; text-align: center;}
#page_content #content #affiliations li img {display: block; width: 130px; margin: 0 auto; padding: 0 0 5px 0;}
#page_content #content #affiliations .right_padding { padding-right: 10px;}
#page_content aside {width: 492px; position: relative; float: left;}
#page_content aside #page_images {background: url(../img/side_image_all_background.png) no-repeat right top; position: relative; width: 360px; min-height: 361px; margin-left: 43px; margin-top: 15px;}
#page_content aside #page_images #frames {background: url(../img/side_image_about_us_frames.png) no-repeat top; width: 129px; height: 251px; position: absolute; left: 174px; top: 50px;}
#page_content.home aside #page_images {background: url(../img/side_image_home_background.png) no-repeat right top !important; width: 430px; min-height: 251px; margin-left: 43px; margin-top: 10px;}
#page_content.home aside #page_images p {padding: 32px 32px 10px 160px; color: #fff;}
#page_content.home aside #page_images #frames {background: url(../img/side_image_home_frames.png) no-repeat; width: 269px; height: 121px; margin-left:110px; margin-top: 10px; position: static;}
#page_content.equipment aside #page_images #frames {background: url(../img/side_image_equipment_frames.png) no-repeat top; width: 129px; height: 251px; position: absolute; left: 174px; top: 50px;}
#page_content.safety aside #page_images #frames {background: url(../img/side_image_safety_frames.png) no-repeat top; width: 129px; height: 251px; position: absolute; left: 174px; top: 50px;}
#page_content.news_and_resources aside #page_images #frames {background: url(../img/side_image_news_frames.png) no-repeat top; width: 129px; height: 251px; position: absolute; left: 174px; top: 50px;}
#page_content.contact_us aside #page_images #frames {background: url(../img/side_image_contact_frames.png) no-repeat top; width: 129px; height: 251px; position: absolute; left: 174px; top: 50px;}
#page_content.employee_login aside #page_images #frames {background: url(../img/side_image_equipment_frames.png) no-repeat top; width: 129px; height: 251px; position: absolute; left: 174px; top: 50px;}
#page_content.services aside #page_images #frames {background: url(../img/side_image_services_frames.png) no-repeat top; width: 129px; height: 251px; position: absolute; left: 174px; top: 50px;}
#page_content.equipment aside #page_images #frames {background: url(../img/side_image_equipment_frames.png) no-repeat top; width: 129px; height: 251px; position: absolute; left: 174px; top: 50px;}
#page_content.employee_login aside #page_images #frames {background: url(../img/side_image_login_frames.png) no-repeat top; width: 129px; height: 251px; position: absolute; left: 174px; top: 50px;}

#people {overflow: auto;}
#people ul{ float: left; width: 210px;}
#people .second-list {padding-left: 10px!important;}

#footer {padding: 20px 0 20px 18px; width: 1006px; margin: 0 auto; background: #20558a; color: #fff; font-size: 11px;}
#footer #designed_by {color: #8daac6; display: block; padding-top: 6px; font-size: 10px;}
#footer a {color: #fff;}

.link_color {color:#d06200 !important;}
.withstyle {overflow: auto;}
.withstyle li {background: url(../img/list_item_background.png) no-repeat; padding-bottom: 10px; padding-left: 15px; width: 165px;}
.withstyle li.side_list {float: left;}
.capitalize a {text-transform: uppercase; font-weight: bold;}
.capitalize li {padding-bottom: 10px;}
.large_upper_padding {padding-top: 35px !important;}
.cufon-loading #header #main_nav li a, .cufon-loading #header #sub_nav .sub_nav_item li a, .cufon-loading #page_content #content h2 {visibility: hidden !important;}
#logout a {display:block; height: 20px; padding: 6px 6px 0 6px; background: #e4e3e3; color: #444444; border-right: 1px solid #f4911e; border-left: 1px solid #f4911e; border-bottom: 1px solid #f4911e; font-size: 9px; text-transform: uppercase; font-weight: 700; width: 80px; text-align:center;position: relative; top: -16px; left: 430px; z-index: 1000 !important; visibility: visible !important;}
#logout a:visited { color: #444444;}