/* CSS Document */

/* General Styles */
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url(images/b-bar-b-trailer-bg.jpg); color: #000; padding: 0; margin: 0; text-align: left; height: 100%;}
.clear {clear: left; clear: right; clear:both;} 
.left {float: left; display: inline;}
.right {float: right; display: inline;}
.decimal {text-align:right}
.imgLeft {float: left; margin: 0 10px 5px 0;}
.imgRight {float: right; margin: 0 0 5px 10px;}


/* Page Elements */
img {margin: 0; padding: 0;}
h1, h2, h3, h4 {margin: 0;}
h2 {font-weight: bold; font-size: 18px; color: #365472;}
h1 span { position: absolute; top: 0%; left: 0%; text-align: center; margin: 0px auto 0px auto; font-size: 70%; width: 100%; height: auto; padding-left: 100px; color: #fff; background-color: transparent; }
p {padding:0; margin: 0 10px 15px 0; text-align: left;}
div {padding: 0; margin: 0;}
ul {margin: 0;}
a {text-decoration: none; outline: none; font-weight: bold; color: #365472;}
a img {border: none;}
.vcard {font-style: normal; text-align: center; color: #fff;}


/* Template Style */
#wrapper {width: 940px; margin: 0 auto; padding-bottom: 25px; background-color: #fff;}
#leftColumn {float: left; width: 238px;}
#rightColumn {float: left; width: 702px;}

#leftColumn div {margin-bottom: 10px;}
#homeLogo {width: 238px; height: 750px;}
#inventoryLogo {width: 238px; height: 1200px;}
#conversionsLogo {width: 238px; height: 750px;}
#medixLogo {width: 238px; height: 640px;}
#rvLogo {width: 238px; height: 750px;}
#truckLogo {width: 238px; height: 788px;}
#contactLogo {width: 238px; height: 695px;}
#linksLogo {width: 238px; height: 355px;}
#homeLogo h1 {background: url(images/trailer-repair-home.jpg) top left no-repeat; width: 238px; height: 750px; margin: 0;}
#inventoryLogo h1 {background: url(images/trailer-repair-inventory.jpg) top left no-repeat; width: 238px; height: 1200px; margin: 0;}
#conversionsLogo h1 {background: url(images/trailer-repair-conversions.jpg) top left no-repeat; width: 238px; height: 750px; margin: 0;}
#medixLogo h1 {background: url(images/trailer-repair-medix.jpg) top left no-repeat; width: 238px; height: 640px; margin: 0;}
#rvLogo h1 {background: url(images/trailer-repair-rv.jpg) top left no-repeat; width: 238px; height: 750px; margin: 0;}
#truckLogo h1 {background: url(images/trailer-repair-truck.jpg) top left no-repeat; width: 238px; height: 788px; margin: 0;}
#contactLogo h1 {background: url(images/trailer-repair-contact.jpg) top left no-repeat; width: 238px; height: 695px; margin: 0;}
#linksLogo h1 {background: url(images/trailer-repair-links.jpg) top left no-repeat; width: 238px; height: 355px; margin: 0;}

#navigation {background: url(images/b-bar-b-trailer-nav.jpg); height: 65px; width: 702px; border-bottom: 1px solid #063772;}
#navigation ul {padding: 25px 0 0 8px;}
#navigation li {display: inline; float: left; margin-right: 15px; color: #063772;}
#navigation li a:hover {text-decoration: underline;}
#navigation span {display: none;}

#contentBody {padding: 40px 20px 0 20px;}
#contentBody h2 {font-size: 20px; margin-bottom: 10px;}
#contentBody ul {margin-bottom: 10px;}
.linkInfo {list-style: none;}
td {padding-right: 20px;}
td p {text-align: center; font-weight: bold;}

#trailerMedix {background: url(images/b-bar-b-trailer-medix.jpg) top left no-repeat; width: 614px; height: 186px; margin-top: 25px; padding: 5px 0 0 15px;}
#trailerMedix p {color: #fff; width: 400px;}
h3 {color: #eb3939; font-size: 36px; font-weight: bold;}
h4 {color: #eb3939; font-size: 48px; font-weight: bold;}

#trailerAdvertise {margin-top: 25px;}
#trailerAdvertise a {display: block; float: left; margin-right: 20px;}

#footer {padding-top: 15px;}
#footer p {text-align: center; color: #fff; margin-bottom: 5px;}
#copyright {font-weight: bold;}

#ews, #ews a{text-align:center; color: #FC0; font-size: 10px; text-decoration:none; letter-spacing: 1px}
#ews a{font-weight:900}

#footerLinks, #footerLinks a{text-align:center; color: #fff; font-size: 10px; text-decoration:none; letter-spacing: 1px}
#footerLinks a{font-weight:900}