@charset "utf-8";
@import url(reset.css);
@import url(generic.css);

body {
background: url(../images/bt.gif);
background-attachment:fixed;
padding-bottom: 20px;
font-size: 1.2em;
line-height: 1.4em;
color: #333;
}

.style1 {
color: #000;
font-size: 1.2em;
line-height: 1.3em;
}

.style2 {
color: #000;
font-size: 16px;
line-height: 1.3em;
}

.style3 {
color: #000;
font-size: 1.1em;
line-height: 1.3em;
letter-spacing: 1px;
}

.style4 {
color: #fff;
font-size: 1.4em;
line-height: 1.3em;
}

.style5 {
color: #CCC;
font-size: 1.3em;
line-height: 1.3em;
}

.style6 {
color: #000;
font-size: 15.7px;
line-height: 1.22em;
word-spacing: 1px;
}

.style6 a {
color: #000;
text-decoration: none;
margin: 0 5px;
}

.style6 a:hover {
color: #4277FF;
text-decoration: underline;
}

.style6 a:active {
color: #000066;
text-decoration: underline;
}

.style7 {
color: #363636;
font-size: 1.05em;
}

.style8 {
color: #fff;
font-size: 1.3em;
font-weight: bold;
}

.style9 {
color: #4277FF;
font-size: 1.3em;
font-weight: bold;
}

.style10 {
color: #CCC;
font-size: 14px;
}

.style11 {
color: #991B01;
font-size: 15.7px;
line-height: 1.22em;
word-spacing: 1px;
}

.style11 a {
color: #991B01;
text-decoration: none;
margin: 0 5px;
}

.style11 a:hover {
color: #FF9900;
text-decoration: underline;
}

.style11 a:active {
color: #FF9900;
text-decoration: underline;
}

.style12 {
font-family: Arial, sans-serif;
color: #333;
font-size: 14px;
}

.style13 {
font-family: Arial, sans-serif;
color: #333;
font-size: 12px;
line-height: 1.1em;
}

.style14 {
font-family: Arial, sans-serif;
color: #000;
font-size: 12px;
}

#wrapper {
width: 1000px;
margin: 0 auto;
}

#header {
position: relative;
height: 112px;
background: url(../images/header.jpg) 0 0 no-repeat;
}

#main {
background: #0c0c0c;
padding: 0 20px;
width: 960px;
}

#main-top {
position: relative;
overflow: visible;
width: 100%;
}

#main-top p {
width: 900px;
margin-bottom: 1em;
padding: 5px 15px;
}


h1 {
color: #000;
letter-spacing: 1px;
font-size: 1.3em;
word-spacing: 2px;
}

h4 {
color: #1548b0;
letter-spacing: -1px;
font-size: 13px;
word-spacing: 2px;
}

h1 em {
color: #213356;
}

h1.contact {
background: url(../images/contactheader.gif) left bottom no-repeat;
width: 810px;
margin-bottom: 3px;
margin-left: -13px;
height: 30px;
}

h1.dealer {
background: url(../images/dealer.gif) left bottom no-repeat;
width: 810px;
margin-bottom: 3px;
margin-left: -23px;
height: 30px;
}

h1.contest {
background: url(../images/contest.gif) left bottom no-repeat;
width: 810px;
margin-bottom: 3px;
margin-left: -23px;
height: 30px;
}

ul#nav {
height: 25px;
position: absolute;
left: 10px;
top: 5px;
padding: 16px 0 0 15px;
}

ul#nav li {
display: block;
float: left;
height: 25px;
}

ul#nav li a {
display: block;
float: left;
height: 25px;
cursor: pointer;
z-index: 999;
}

a#home { background:url(../images/nav/home.png) 0 0 no-repeat; width:79px;}
a#home2 { background:url(../images/nav/home2.png) 0 0 no-repeat; width:79px;}
a#production { background:url(../images/nav/production.png) 0 0 no-repeat; width:152px;}
a#production2 { background:url(../images/nav/production2.png) 0 0 no-repeat; width:152px;}
a#complete { background:url(../images/nav/complete.png) 0 0 no-repeat; width: 165px;}
a#complete2 { background:url(../images/nav/complete2.png) 0 0 no-repeat; width: 165px;}
a#porfolio { background:url(../images/nav/portfolio.png) 0 0 no-repeat; width: 129px;}
a#porfolio2 { background:url(../images/nav/portfolio.png) 0 0 no-repeat; width: 129px;}
a#clients { background:url(../images/nav/clients.png) 0 0 no-repeat; width: 96px;}
a#clients2 { background:url(../images/nav/clients2.png) 0 0 no-repeat; width: 96px;}
a#about { background:url(../images/nav/about.png) 0 0 no-repeat; width: 85px;}
a#about2 { background:url(../images/nav/about2.png) 0 0 no-repeat; width: 85px;}
a#testimonials { background:url(../images/nav/testimonials.png) 0 0 no-repeat; width: 159px;}
a#testimonials2 { background:url(../images/nav/testimonials2.png) 0 0 no-repeat; width: 159px;}
a#inquiry { background:url(../images/nav/inquiry.png) 0 0 no-repeat; width: 108px;}
a#inquiry2 { background:url(../images/nav/inquiry2.png) 0 0 no-repeat; width: 108px;}

a#home:hover { background:url(../images/nav/home2.png) 0 0 no-repeat; width:79px;}
a#production:hover { background:url(../images/nav/production2.png) 0 0 no-repeat; width: 152px;}
a#complete:hover { background:url(../images/nav/complete2.png) 0 0 no-repeat; width: 165px;}
a#porfolio:hover { background:url(../images/nav/portfolio2.png) 0 0 no-repeat; width: 129px;}
a#clients:hover { background:url(../images/nav/clients2.png) 0 0 no-repeat; width: 96px;}
a#about:hover { background:url(../images/nav/about2.png) 0 0 no-repeat; width: 85px;}
a#testimonials:hover { background:url(../images/nav/testimonials2.png) 0 0 no-repeat; width: 159px;}
a#inquiry:hover { background:url(../images/nav/inquiry2.png) 0 0 no-repeat; width: 108px;}


#flash {
float: left;
height: 337px;
margin-left: -20px;
}

#flash2 {
position: absolute;
top: -70px;
left: -10px;
z-index: 959;
}

#flash3 {
position: absolute;
top: -74px;
left: -18px;
z-index: 959;
}

#footer {
background: url(../images/footer.jpg) center bottom no-repeat;
height: 141px;
width: 1000px;
margin-left: -23px;
position: relative;
} 


#footer p {
float: left;
color: #fff;
font-size: 12px;
padding-top: 20px;
margin-left: 33px;
text-transform: uppercase;
}

#footer p a {
color: #fff;
text-decoration: none;
margin: 0 5px;
text-transform: uppercase;
}

#footer p a:hover {
color: #991B01;
text-transform: uppercase;
text-decoration: underline;
}

#footer p a:active {
color: #FF9900;
text-transform: uppercase;
text-decoration: underline;
}

.clr {
clear: both;
}

.hide {
overflow: hidden;
height: 1px;
width: 1px;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
}


/* ---- Contact Form ---- */

#contactForm {
width: 560px; /* Change to whatever, it should auto adjust */
margin-left: 18px;
padding-top: 10px;
border: 0px;
padding: 8px;
font-size: 1.2em;
}

#contactFormLeft {
float: left;
padding-left: 5px;
width: 45%;
}

#contactFormRight {
float: right;
padding-left: 42px;
width: 45%;
}

#contactFormCenter {
float: center;
width: 45%;
}

#contactForm label, #contactForm input, #contactForm select {
float: left;
clear: left;
font-family: Arial, Helvetica, sans-serif;
}

#contactForm label {
width: 222px;}

#contactForm input {
width: 92%;
padding: .2em;
margin-bottom: .40em;
border-top: 1px solid #999;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #999;
color: #333;
}

#contactForm input.button {
background: url(../images/sub_but.gif) 0 0 no-repeat;
height: 25px;
width: 244px;
border: none;
clear: both;
margin-top: 23px;
}

#contactForm input.button:hover {
background: url(../images/sub_but_r.gif) 0 0 no-repeat;
}


#contactForm select {
width: 92%;
padding: .2em;
clear: both;
margin-top: 1em;
}

#contactForm .ext {
width: 18%;
clear: none;
float: right;
margin-right: 10px;
}