@charset "UTF-8";
/*css by steve paduchowski */

body {
min-width: 1000px;
}

a { 
outline: none;
}

#top {
width: 100%;
height: 1em;
background-color: black;
}

#logo {
float: left;
right: 0em;
height: 137px;
width: auto;
margin-left: 1em;
}




#navbar {
width: 100%;
height: 90px;
background-color: #000000;

}

#navigation {
text-decoration: none;
list-style: none;
float: left;
margin-left: 2em;
z-index:1000;
}

#navigation li {
display: inline;
z-index:1000;
}

#navbar ul {
position: relative;
top: 60px;
}

#navigation a {
color: #FFFFFF;
font-size: 24px;
text-decoration: none;
text-transform: uppercase;
font-family: "helvetica";
font-weight: bolder;
padding: .2em;
z-index:1000;

}

#navigation a:hover  {
color:#000000;
background-color: #FFFFFF;
font-weight: bolder;
font-size: 24px;
text-decoration: none;
text-transform: uppercase;
font-family: "helvetica";
padding: .2em;
}

#navigation a:active {
color:#000000;
background-color: #FFFFFF;
font-weight: bolder;
font-size: 24px;
text-decoration: none;
text-transform: uppercase;
font-family: "helvetica";
padding: .2em;
z-index:1000;

}

#footer a {
text-decoration: none;
font-family: "helvetica";
font-size: 14px;
color: #fff;
}


#wrapper {
clear: both;
width: 100%;
height: 42em;
margin-left: auto;
margin-right: auto;
padding-top: 1em;
padding-bottom: 0em;
background: url("http://paduchowski.com/img/oxytest4.jpg");
background-position: right;
background-repeat: no-repeat;
}

#contactwrapper {
clear: both;
float: left;
width: 100%;
height: 42.5em;
margin-left: auto;
margin-right: auto;
padding-top: 1em;
padding-bottom: 2em;
}


#jobswrapper {
clear: both;
width: 100%;
height: 42.5em;
margin-left: auto;
margin-right: auto;
padding-top: 1em;
padding-bottom: 2em;
}

#goodswrapper {
clear: both;
width: 100%;
height: 200em;
margin-left: auto;
margin-right: auto;
padding-top: 1em;
padding-bottom: 2em;
}

#redonewrapper {
clear: both;
width: 100%;
height: 200em;
margin-left: auto;
margin-right: auto;
padding-top: 1em;
padding-bottom: 2em;
}

#eventwrapper {
clear: both;
width: auto;
height: 42em;
margin-left: auto;
margin-right: auto;
padding-top: 1em;
padding-bottom: 0em;
}

#jobappwrapper {
clear: both;
width: auto;
height: 42em;
margin-left: auto;
margin-right: auto;
padding-top: 1em;
padding-bottom: 0em;
}


#footer {
min-height: 11em;
background-color: black;
width: 100%;
font-family: "helvetica";
}

#footer a {
width: 100%;
font-family: "helvetica";
font-size: 16px;
}

#footer a:hover {
width: 100%;
font-family: "helvetica";
text-decoration:underline;
font-size: 16px;

}




#footer p {
position: relative;
right: 0em;
font-family: "helvetica";
color: #fff;
}

#footer img {
position: relative;
top: 1em;
right: -11em;
}

.copy {
position: relative;
float: right;
top: .50em;
right: 10em;
font-family: "helvetica";
font-size: 12px;
}

.copy2 {
position: relative;
float: right;
top: 0em;
right: 21em;
}

.copy3 {
position: relative;
float: right;
top: 2em;
right: 30em;
}

#footer table {
position: relative;
float: right;
top: 2em;
right: -11em;
}

.nav {
position: relative;
float: left;
left: 1em;
top: .25em;
font-size: 18px;
font-family: "helvetica";
}


#content {
position: relative;
top: 3em;
width: 45em;
z-index: 999;
}

#contactcontent {
position: relative;
clear:left;
float: left;
margin-left: 2em;
width: 70%;
height: 20em;
top: 2em;
}

#contactcontent h1 {
font-family: "helvetica";
font-size: 16px;
}


.video {
position: relative;
left: 6em;
top: 1em;
font-family: "helvetica";
}

.videop {
position: relative;
left: 6em;
width: 30em;
top: 1em;
font-family: "helvetica";
}

.photo {
position: relative;
top: 1em;
left: 6em;
padding-top: 2em;
font-family: "helvetica";
}

.photop {
position: relative;
top: 1em;
left: 6em;
width: 30em;
font-family: "helvetica";
}

.audio {
position: relative;
left: 6em;
top:1em;
font-family: "helvetica";
padding-top: 2em;

}

.audiop {
position: relative;
left: 6em;
top: 1em;
font-family: "helvetica";
width: 30em;
}

#form {
float: left;
font-family: "arial";
font-size: 11px;
font-weight: bold;
width: 300px;
padding: 10px 20px;
position: relative;
top: 4em;
}

#form form {
padding: 5px;
position: relative;
top: 2em;
}

#content h1 {
font-family: "helvetica";
font-size: 18px;
position: relative;
left: -16em;
top: 1em;
}

#content p {
font-family: "helvetica";
font-size: 15px;
position: relative;
clear: left;
width: 600px;
top: 2em;

}

#info {
position: relative;
top: -4em;
}

.title {
font-family: "helvetica";
font-weight: bold;
font-size: 18px;
position: relative;
top: 1em;
left: 3em;

}

.text {
position: relative;
font-family: "helvetica";
font-size: 14px;
top: 2em;
left: 3em;
}

#contactcontent p{
font-family: "helvetica";
font-size: 12px;
}


.contact_link {
position:relative;
left: 50em;
top: 4em;
font-family: "helvetica";
text-decoration: none;
font-size: 13px;
color: #000000;
font-weight: bold;
}

#top2 {
float: left;

width: 100%
}

#clientlogo {
float: left;
width: 100%;
}

#toprw {
width: 900px;
position: relative;
left: 10em;
top: 4em;
}

#botrw {
width:900px;
position: relative;
left: 3em;
top: 8em;
}


.logoz {
float: left;
padding: 0em 1.5em;
}

.logoz2 {
float: left;
padding: 0em 1.5em;
}

#sublogo {
position: relative;
left: 20.5em;
top: 3em;
z-index: -999;
width: 500px;
}

#wrapper p {
font-family: "helvetica";
font-size: 15px;
position: relative;
clear: left;
width: 600px;
top: 5em;
left: 20em;
}

#eventwrapper p {
font-family: "helvetica";
font-size: 15px;
position: relative;
clear: left;
width: 600px;
top: 5em;
left: 20em;
}

#jobswrapper p {
font-family: "helvetica";
font-size: 15px;
position: relative;
clear: left;
width: 600px;
top: 4em;
left: 20em;
}

.catch1 img{
position: relative;
clear: left;
float: left;
left: 5em;
top: 3em;

}

.catch2 img {
position: relative;
float: left;
right: -30em;
top: 5em;
}

#toprw img {
position: relative;
float: left;
}

.titk {
font-family: "helvetica";
font-size: 17px;
font-weight: bold;
}

#contactwrapper table {
position: relative;
clear: left;
float: left;
/*left: -7em;*/
}

.contactp {
position: relative;
left: 5em;
}

.tanks {
z-index: -999;
}

.tanks p {
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
left: -10em;
z-index: -999;

}

.boldt {
position: relative;
font-size: 22px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}

.bolde {
position: relative;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
left: -2.5em;
float: left;
}

.dolbe {
position: relative;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
left: -2.5em;
float: left;
}

.dolbr {
position: relative;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
left: -1.25em;
float: left;
}

.dolbr a {
position: relative;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
left: 1em;
float: left;
text-decoration: none;
color: #000000;
}


.boldr {
position: relative;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
left: -1em;
float: left;
}

.goodslogo img {
position: relative;
float: left;
top: 3em;
left: 5em;
}

#goodswrapper table {
position:relative;
top: 4em;
left: 5em;
}

#goodz img {
position: relative;
float: left;
top: -15em;
left: 4em;
}

#goodswrapper p {
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
left: 12em;
float: left;
}

#goodswrapper table {
position: relative;
float: left;
}

/*#contactwrapper form {
position: relative;
left: .5em;
}*/

#tright p {
}

#tright img {

}

#tright table {
position: relative;
right: 0em;
}


.boldc a{
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color: black;
position: relative;
left: 25em;
text-decoration: none;
}

.boldc a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color: black;
position: relative;
left: 25em;
text-decoration: none;
}

.boldc a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color: black;
position: relative;
left: 25em;
text-decoration: none;
}

.boldc img {
float: right;
position: absolute;
right: -20em;
z-index: 999;

}

.boldf img {
float: right;
position: relative;
right: 25em;
top: 8em;
z-index: 999;
}

#map {
position: relative;
top: 0em;
float: left;
right: 3em;
}

#contactsec table {
position: relative;
top: 3em;
}

#contactsec {
float: left;
position: relative;
top: 3em;
left: 15em;
}

.wlink a {
font-family: "helvetica";
color: #000000;
text-decoration: none;
}

.ptop {
font-family: "helvetica";
color: #000000;
text-decoration: none;
font-size:16px;
font-weight: bold;
}

.error {
font-family: "helvetica";
color: #FF0000;
font-size: 12px;
position: relative;
z-index: 999;
left: 1em;
}

#fadeSec {
width: 347px;
position: absolute;
top: 200px;
left: 100px;
}

#topFade {
height: 14px;
width: 346px;
background: url("../img/top_fade.png");
background-repeat: no-repeat;
z-index: 999;
}

#midFade {
width: 346px;
height: 327px;
background: url(../img/mid_fade.png);
background-repeat: repeat-x;
}

#botFade {
height: 14px;
width: 346px;
background: url("../img/bot_fade.png");
background-repeat: no-repeat;
z-index: 999;
}

#mozFade {
height: 400px;
width: 400px;
-moz-border-radius: 5px 5px;
background-color: black;
position: absolute;
top: 200px;
left: 150px;
filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}

#mozFade  h1{
color: white;
font-size: 40px;
font-family: "impact";
}

#oxyBan {
height: 379px;
width: 343px;
/*background: url(../img/oxy_banner_1.jpg);
background-repeat: no-repeat;*/
position: relative;
top: 130px;
left: 25px;
filter:alpha(opacity=30);
  /* CSS3 standard */
 opacity:0.3;
}

#newJob {
width: 600px;
height: 400px;
clear: both;
margin-top: 60px;
padding-left: 210px;
}

#jobForm {
width: 800px;
height: 450px;
padding-left: 210px;
padding-right: 75px;
clear: both;
margin-top: 45px;
font-family: helvetica;
overflow-y: auto;
overflow-x: hidden;
}

#jobForm  p{
font-family: helvetica;
}

.jobImg {
float: left;
height: 120px;
width: auto;
margin-top: 20px;
padding-top: 10px;
}

.jobDesc {
float: left;
height: 150px;
width: 400px;
margin-left: 20px;
margin-top: 20px;
font-family: helvetica;
font-size: 16px;
padding-top: 5px;
text-align: justify;
}

#prodcrew {
margin-top: 20px;
background:#E6EFC2;
color:#264409;
border-color:#C6D880;
border-width: 2px;
border-style: solid;
position: relative;
width: auto;
}

#prodcrew td {
padding: 5px;
font-size: 18px;
}

#jobForm h1 {
font-size: 22px;
}

#fname, #lname, #fcomp, #fadd, #fphone, #fphone2, #femail {
	background: #FAFFE8;
	border: 2px solid #FAFFE8;
	padding: 8px;
    width: 200px;
	height: 25px;
	font-size: 18px;
	font-weight: normal;
}

#ferror, #ferror2, #ferror3, #ferror4, #ferror5 {
background:#FBE3E4;
color:#8a1f11;
border-color:#FBC2C4;
border-width: 2px;
border-style: solid;
padding: 8px;
height: auto;
display: none;
}

#thanks {
margin-top: 20px;
background:#E6EFC2;
color:#264409;
border-color:#C6D880;
border-width: 2px;
border-style: solid;
position: relative;
font-size: 20px;
padding: 10px;
margin-left: auto;
margin-right: auto;
width: 365px;
display: none;
}

#logok {
position: relative;
left: 10px;
float: left;
}