@charset "UTF-8";
/* CSS Document */

body {
margin: 0px;
background: #000000 url(images/new-bg.jpg) top center no-repeat; background-attachment: fixed;
color: #414141;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#Container {
width:805px;
margin: 0px auto;
background: #FFFFFF url(images/body-bg.jpg) repeat-y;
}

#Content {
float: left;
width: 783px;
padding-left: 11px;
padding-right: 11px;
}

.float {
float: left;
}

.clear {
clear: both;
}

h1 {
color: #c00000;
font-size: 15px;
margin-top: 12px;
}

h2 {
color: #c00000;
font-size: 15px;
}

h3 {
color: #c00000;
font-size: 13px;
margin-bottom: 0px;
}

a {
color: #c00000;
}

hr {
border: 1px solid #e7e7e7;
}

.red { color: #c00000; }

a.pdf { background: url(images/pdf.jpg) no-repeat center left; padding: 4px 20px; }

a.word { background: url(images/word.jpg) no-repeat center left; padding: 4px 20px; }

a#facebook {
font-weight: bold;
color: #365897;
background: url(images/facebook_16.png) no-repeat left center;
text-decoration: none;
margin: 6px 0px;
padding-left: 20px;
padding-bottom: 2px;
}

a#facebook img {
border: none;
}


/**********************************
Header
**********************************/

a.email {
float: left;
display: block;
width: 202px;
height: 36px;
line-height: 27px;
color: #222;
text-decoration: none;
background: url(images/email.jpg) no-repeat top right;
text-indent: 41px;
}

a.home {
float: left;
display: block;
width: 87px;
height: 36px;
line-height: 27px;
color: #222;
text-decoration: none;
background: url(images/home.jpg) no-repeat top left;
text-indent: 39px;
}

a.email:hover, a.home:hover {
background-position: top right;
color: #c00000;
}

/**********************************
Navigation
**********************************/

a.about {
float: left;
display: block;
width: 157px;
height: 47px;
background: url(images/about.jpg) no-repeat top left;
}

a.prices {
float: left;
display: block;
width: 157px;
height: 47px;
background: url(images/prices.jpg) no-repeat top left;
}

a.services {
float: left;
display: block;
width: 157px;
height: 47px;
background: url(images/services.jpg) no-repeat top left;
}

a.links {
float: left;
display: block;
width: 157px;
height: 47px;
background: url(images/links.jpg) no-repeat top left;
}

a.contact {
float: left;
display: block;
width: 155px;
height: 47px;
background: url(images/contact.jpg) no-repeat top left;
}

a.about:hover, a.prices:hover, a.services:hover, a.links:hover, a.contact:hover {
background-position: top right;
}

a.nav-home { float: left; display: block; width: 73px; height: 47px; background: url(images/nav-home.jpg) no-repeat top left; }
a.nav-about { float: left; display: block; width: 104px; height: 47px; background: url(images/nav-about.jpg) no-repeat top left; }
a.nav-images { float: left; display: block; width: 87px; height: 47px; background: url(images/nav-images.jpg) no-repeat top left; }
a.nav-services { float: left; display: block; width: 104px; height: 47px; background: url(images/nav-services.jpg) no-repeat top left; }
a.nav-pricing { float: left; display: block; width: 91px; height: 47px; background: url(images/nav-pricing.jpg) no-repeat top left; }
a.nav-install { float: left; display: block; width: 92px; height: 47px; background: url(images/nav-install.jpg) no-repeat top left; }
a.nav-ordering { float: left; display: block; width: 109px; height: 47px; background: url(images/nav-ordering.jpg) no-repeat top left; }
a.nav-contact { float: left; display: block; width: 123px; height: 47px; background: url(images/nav-contact.jpg) no-repeat top left; }

a.nav-home:hover, a.nav-about:hover, a.nav-images:hover, a.nav-services:hover, a.nav-pricing:hover, a.nav-install:hover, a.nav-ordering:hover, a.nav-contact:hover { background-position: top right; }


/**********************************
Footer
**********************************/

a.oracal {
float: left;
display: block;
width: 157px;
height: 51px;
background: url(images/oracal.jpg);
}

a.phase2 {
float: left;
display: block;
width: 157px;
height: 51px;
background: url(images/phase2.jpg);
}

a.mutoh {
float: left;
display: block;
width: 157px;
height: 51px;
background: url(images/mutoh.jpg);
}

a.mactac {
float: left;
display: block;
width: 157px;
height: 51px;
background: url(images/mactac.jpg);
}

a.jhr {
float: left;
display: block;
width: 157px;
height: 51px;
background: url(images/jhr.jpg);
}

a.fellers {
float: left;
display: block;
width: 155px;
height: 51px;
background: url(images/fellers.jpg);
}

.footer {
float: left;
width: 805px;
height: 34px;
background: url(images/footer-bg.jpg);
}

.footer-left {
text-align: left;
padding-left: 18px;
}

.footer-center {
text-align: center;
}

.footer-right {
text-align: right;
padding-right: 18px;
}

a.footer-link {
color: #414141;
text-decoration: none;
}

a.footer-link:hover {
color: #c00000;
}

/**********************************
Home Page
**********************************/

#column1 {
float: left;
width: 586px;
}

#column2 {
float: left;
width: 197px;
}

.slide {
float: left;
position: absolute;
display: none;
}

.frame {
height: 264px;
}

.column2content {
float: left;
padding-top: 8px;
padding-left: 10px;
padding-right: 10px;
}

.column2content a {
float: right;
color: #c00000;
background: url(images/arrow.jpg) no-repeat left top;
padding-left: 20px;
padding-bottom: 2px;
}

.column2content a#facebook {
font-weight: bold;
color: #365897;
background: url(images/facebook_16.png) no-repeat left center;
text-decoration: none;
margin: 6px 0px;
}

.column2content a#facebook img {
border: none;
}

.race-car-decals {
float: left;
width: 188px;
padding-left: 3px;
margin-top: 8px;
background: url(images/dotted.jpg) repeat-y right top;
}

.logo-design {
float: left;
width: 188px;
padding-left: 9px;
margin-top: 8px;
background: url(images/dotted.jpg) repeat-y right top;
}

.banners-signs {
float: left;
width: 189px;
padding-left: 9px;
background: url(images/banners-signs-right.jpg) no-repeat right top;
}

.race-car-decals h1, .logo-design h1 {
color: #414141;
font-size: 14px;
background: url(images/red-block.jpg) no-repeat left top;
padding-left: 11px;
margin-bottom: 8px;
margin-top: 0px;
}

.banners-signs h1 {
color: #414141;
font-size: 14px;
background: url(images/red-block.jpg) no-repeat left top;
padding-left: 11px;
margin-bottom: 8px;
margin-top: 8px;
}

h1 a {
text-decoration: none;
color: #414141;
}

h1 a:hover {
color: #c00000;
}

.race-car-decals a img, .logo-design a img, .banners-signs a img {
border: 4px solid #d0d0d0;
}

.race-car-decals a:hover img, .logo-design a:hover img, .banners-signs a:hover img {
border: 4px solid #c00000;
}

.corn-hole {
float: left;
border: 0;
}

/**********************************
About Page, Links Page, Contact Page, Prices Page
**********************************/

#about-main, #links-main, #contact-main {
float: left;
width: 451px;
}

#about-side, #links-side, #contact-side {
float: left;
width: 329px;
}

.about-pic, .links-pic, .contact-pic {
float: right;
margin-top: 10px;
margin-bottom: 10px;
}

.about-content, .links-content, .contact-content {
padding-right: 11px;
}

/**********************************
Links Page
**********************************/

.link-rollovers {
list-style-type: none;
width: 400px;
padding: 2px 2px 2px 2px;
margin: 1px 1px 1px 1px;
}

.rollover {
background: #e7e7e7;
padding: 4px 4px 4px 4px;
margin: 1px 1px 1px 1px;
}

li.rollover:hover {
background: #b1b1b1;
}

/**********************************
Contact Page
**********************************/

.legend {
color: #c00000;
font-size: 13px;
font-weight: bold;
}

input, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
cursor: pointer;
}

.contact input, .contact textarea, .contact select {
border: 1px solid #999999;
}

.contact input:hover, .contact textarea:hover, .contact select:hover, .contact input:focus, .contact textarea:focus, .contact select:focus {
border: 1px solid #999999;
background-color: #e7e7e7;
}

fieldset {
border: 1px solid #999999;
}

.form {
margin-top: 4px;
margin-left: 6px;
margin-bottom: 6px;
}

/**********************************
Services Page
**********************************/

#race-car-main, #logo-design-main, #banners-main, #corn-hole-board-decals-main {
float: left;
width: 451px;
}

#race-car-side, #logo-design-side, #banners-side, #corn-hole-board-decals-side {
float: left;
width: 329px;
}

.services-pic {
float: right;
padding-top: 2px;
padding-bottom: 2px;
border: 0;
}

.services-content {
padding-right: 11px;
}

.services-content a {
float: left;
color: #c00000;
background: url(images/arrow.jpg) no-repeat left top;
padding-left: 20px;
padding-bottom: 2px;
}

/**********************************
Gallery Page
**********************************/

.gallery-link {
float: left;
color: #c00000;
background: url(images/arrow.jpg) no-repeat left top;
padding-left: 20px;
padding-bottom: 2px;
}

.motor-sports a img, .winners-circle a img, .display a img, .application a img, .logo-decals a img, .bannerssigns a img, .corn-hole a img  {
border: 4px solid #d0d0d0;
}

.motor-sports a:hover img, .winners-circle a:hover img, .display a:hover img, .application a:hover img, .logo-decals a:hover img, .bannerssigns a:hover img, .corn-hole a:hover img {
border: 4px solid #c00000;
}

.motor-sports img, .winners-circle img, .display img, .application img, .logo-decals img, .bannerssigns img, .corn-hole img {
margin-left: 7px;
margin-right: 7px;
margin-top: 7px;
margin-bottom: 7px;
}

/**********************************
Prices Page
**********************************/

.table table {
border-collapse: collapse;
border: 1px solid #999999;
}

.table td, .table tr {
padding-bottom: 2px;
padding-top: 2px;
padding-right: 2px;
padding-left: 2px;
}

.table-heading {
color: #c00000;
font-size: 13px;
font-weight: bold;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
background: #b1b1b1;
}

.row1 {
border-bottom: 1px solid #999999;
background: #e7e7e7;
}

.row2 {
border-bottom: 1px solid #999999;
background: #ffffff;
}

.row1:hover, .row2:hover {
background: #b1b1b1;
}

label.error {
color: #C00000;
display: block;
font-weight: bold; }