/* Herr & Sacco */
/* Global Stylesheet */

/* -- [ imports ] -- */

@import url("clearfix.css");


html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #fff;
text-align: center;
}

table {
height: 100%;
width: 100%;
background: url(../img/footer-wrap-bg.jpg) #000 bottom center no-repeat;
}

table .employment {
height: 100%;
width: 100%;
background: none;
font-weight: normal;
font-size: 12px !important;
}
.employment th {background-color: #ed1c24; padding: 5px;}

.employment td {vertical-align: top;}
.prepop {color: gray;}
.employment h2 {font-size: 14px; margin: 10px 0 0 0; border-top: dotted 1px gray; padding: 10px 0 0 0; color: gray;}
.survey {width: 350px;}
.survey-row {padding: 5px 0 5px 0; border-top: solid 1px #242323;}
.workexperience input, textarea {margin-top: 15px;}

table .td-footer {
height: 100px;
}

body a, body a:visited, body a:hover {
color: #ed1c24;
text-decoration: underline;
}

h1 {
margin: 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 38px;
color: #fff;
font-weight: normal;
}

h2 {
margin: 0;
padding: 0;
font-family: inherit;
font-size: 20px;
color: #fff;
}

h2.surveyHead{color:#ed1c24; font-size:22px;}

h3 {
margin: 0 0 5px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal !important;
color: #ed1c24;
text-transform: uppercase;
letter-spacing: 3px;
}

.dwh3 {
margin: 0 0 5px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal !important;
color: #ed1c24;
text-transform: uppercase;
letter-spacing: 3px;
width:200px;
float:left;
}

.dwLinkToCatNav {
margin: 0 0 5px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #ed1c24;
text-transform: uppercase;
width:300px;
float:right;
}

.dwLinkToCatNav a{
	text-decoration:underline;
	color: #ed1c24;
}

.dwLinkToCatNav a:hover{
	text-decoration:none;
	color:white;
}

p {
margin: 0 0 20px 0;
padding: 0;
line-height: 22px;
}

p.s {
display: block;
margin: 0;
}

span.first-words {
font-size: 16px;
font-weight: bold;
line-height: 22px;
color: #ff9;
}

/* -- [ =header ] -- */

#header-wrap {
position: relative;
z-index: 1;
width: 100%;
height: 142px;
margin: 0;
padding: 0;
text-align: center;
background: url(../img/header-right.gif) top left repeat-x;
}

#header-left-wrap {
float: left;
width: 50%;
height: 142px;
margin: 0;
padding: 0;
background: url(../img/header-left.gif) top left repeat-x;
}

#header-content-wrap {
position: relative;
z-index: 2;
width: 100%;
height: 142px;
margin: -142px 0 0 0;
padding: 0;
text-align: center;
}

#header-content {
position: relative;
width: 776px;
height: 142px;
margin: 0 auto 0 auto;
padding: 0;
background: url(../img/header-content-bg.gif) top left no-repeat;
color: #fff;
font-weight: bold;
}

#header-content a, #header-content a:visited, #header-contents a:hover {
color: #fff;
text-decoration: underline;
font-weight: bold;
}

#herr-sacco {
position: absolute;
top: 25px;
left: 180px;
margin: 0;
padding: 0;
}

#logo {
position: absolute;
top: 15px;
left: 40px;
margin: 0;
padding: 0;
}

#herr-sacco img,
#logo img {
display: block;
border: 0;
}

#header-nav {
position: absolute;
top: 95px;
left: 335px;
margin: 10px 0;
padding: 0;
}

/* -- [ =essence ] -- */

#essence-wrap {
width: 100%;
margin: 20px 0 0 0;
padding: 0;
text-align: center;
}

#essence {
width: 776px;
margin: 0 auto 50px auto;
padding: 0;
text-align: center;
}

/* -- [ =left ] -- */

#left {
float: left;
display: inline;
width: 160px;
margin: 0;
padding: 0 0 0 20px;
text-align: left;
voice-family: "\"}\""; 
voice-family:inherit;
width: 140px;
}

#left ul {
margin: 0;
padding: 0;
list-style: none;
}

#left ul li {
display: block;
line-height: 15px !important;
margin: 0;
padding: 8px 0 7px 0;
}

#left ul li.left-nav-sep {
margin: 7px 0 0 0;
padding: 7px 0 15px 0;
background: url(../img/left-nav-horiz-sep.gif) top left repeat-x;
}

#left ul li a, #left ul li a:visited, #left ul li a:hover {
padding: 0 0 15px 0px;
}
 
#left ul li.active a, #left ul li.active a:visited, #left ul li.active a:hover {
color: #fff;
text-decoration: none;
padding: 0 0 15px 12px;
background: url(../img/left-nav-active.gif) top left no-repeat; 
}

/* -- [ =right -- ] */

#right {
float: left;
display: inline;
width: 606px;
margin: 0;
padding: 0 0 0 25px;
text-align: left;
voice-family: "\"}\""; 
voice-family:inherit;
width: 581px;
}

/* -- [ =footer ] -- */

#footer-wrap {
display: block;
width: 100%;
height: 100px;
background: url(../img/footer-bg.png) bottom left repeat;
text-align: center;
}

#footer-content {
width: 776px;
margin: 0 auto 0 auto;
padding: 0 0 0 185px;
height: 100px;
text-align: left;
voice-family: "\"}\""; 
voice-family:inherit;
width: 591px;
}

#footer-info {
float: left;
display: inline;
width: 591px;
margin: 20px 0 0 0;
padding: 0 0 0 15px;
border-left: solid 5px #ed1c24;
width: 576px;
}

.footer-info-left {
float: left;
display: inline;
width: 190px;
margin: 0;
padding: 0;
}

.footer-info-mid {
float: left;
display: inline;
width: 216px;
margin: 0;
padding: 0;
}

.footer-info-right {
float: left;
display: inline;
width: 170px;
margin: 0;
padding: 0;
}

.footer-info-left p,
.footer-info-mid p,
.footer-info-right p {
margin: 0;
font-weight: normal !important;
color: #000;
}

.footer-info-left a,
.footer-info-left a:visited,
.footer-info-left a:hover,
.footer-info-right a,
.footer-info-right a:visited,
.footer-info-right a:hover,
.footer-info-mid a, 
.footer-info-mid a:visited,
.footer-info-mid a:hover {
color: #ed1c24;
font-weight: normal !important;
text-decoration: none;
}

/* -- [ =home ] -- */

#home-left {
float: left;
display: inline;
width: 395px;
margin: 0;
padding: 0 15px 0 0;
voice-family: "\"}\""; 
voice-family:inherit;
width: 380px;
}

#home-left h1 {
margin: 0 0 20px 0;
padding: 0;
color: #b3b3b3;
}

#home-right {
float: left;
display: inline;
width: 186px;
margin: 0;
padding: 0;
}

#home-right img {
margin: 0 0 10px 0;
padding: 5px;
background-color: #fff;
}

/* -- [ =interior ] -- */

#int-wrap {
float: left;
display: inline;
width: 581px;
margin: 0;
padding: 0;
}

#int-wrap h1.metal-fab-bg {
width: 556px;
height: 92px;
background: url(../img/metal-fab-bg.jpg) top left no-repeat;
margin: 0 0 20px 0;
padding: 10px 0 0 15px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 541px;
}

#int-content {
float: left;
display: inline;
width: 581px;
margin: 0;
padding: 0 15px 30px 15px;
background: url(../img/interior-bg.png) top left repeat;
voice-family: "\"}\""; 
voice-family:inherit;
width: 551px;
}

#int-content-desc {
float: left;
display: inline;
width: 340px;
margin: 0;
padding: 0 15px 0 0;
voice-family: "\"}\""; 
voice-family:inherit;
width: 325px;
}

#int-content-desc h2 {color: #ed1c24;}

#int-content-desc ul {line-height: 20px;}

#int-content-img,
#int-content-right {
float: left;
display: inline;
width: 211px;
margin: 0;
padding: 0;
}

#int-content-img img {
margin: 0 0 10px 0;
padding: 5px;
background-color: #fff;
}

#int-add-content {
float: left;
display: inline;
width: 551px;
margin: 20px 0 0 0;
padding: 0;
}

#int-add-content ul {
width: 400px;
line-height: 18px;
margin: 10px 0 0 0;
padding: 0 0 0 40px;
list-style: outside disc;
}

#int-add-content ul li {
font-size: 13px !important;
line-height: 18px;
margin: 0 0 10px 0;
padding: 0;
list-style: outside disc;
}

/* -- [ =contact ] -- */

form {
margin: 0 0 30px 0;
padding: 0;
}

form dl {
margin: 0;
padding: 0;
}

form dt {
color: #fff;
font-weight: bold;
line-height: 22px;
}

form dd {
display: block;
margin: 0 0 10px 0;
padding: 0;
}

form input {
/* width: 200px; */
padding: 2px 2px;
font-size: inherit;
}

form input.zip-code {
width: 75px;
padding: inherit;
font-size: inherit;
}

form input.checkbox {
width: 15px;
height: 15px;
margin: 0;
padding: 0;
}

form span {
margin: 4px 3px 4px 4px !important;
font-weight: normal;
}

form textarea {
/* width: 325px; */
/* height: 200px; */
font-family: inherit;
font-size: inherit;
}

form input.submit {
margin: 10px 0 0 0;
/* width: 100px; */
}

p.address {
margin: 0 0 5px 0;
padding: 0 0 5px 0;
background: url(../img/left-nav-horiz-sep.gif) bottom left repeat-x;
}

/* -- [ =clients ] -- */

.client-type-each {
display: block;
margin: 40px 0 0 0;
padding: 0;
}

.client-type-each h2 {
color: #ff9;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
background: url(../img/left-nav-horiz-sep.gif) bottom left repeat-x;
}

.required {color: #ed1c24;}