@charset "utf-8";
/* CSS Document for TrimTruk */

html, body, ul, ol, li, p, h1, h1, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 70% Verdana, Arial, Helvetica, sans-serif; color: #333; background: url(images/body-bkg.jpg) repeat-x top;}

.bold {font-weight: bold;}
p {margin-bottom: 15px}
p.clear, br.clear {clear: both;}
p.right {text-align: right;}
.nomarg {margin-bottom: 0;}
a img {border: none;}
h1, h2 {font: 300 240% Arial, Helvetica, sans-serif; color: #006; padding-bottom: 10px}
p.hdg {font:  160% Arial, Helvetica, sans-serif; color: #006; margin-bottom: 5px;}
img.right {float: right; margin-left: 15px; margin-bottom: 10px;}
img.left {float: left; margin-right: 15px; margin-bottom: 10px;}
ul.sentence {color: #999; font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: center; width: 994px; padding-top: 4px; padding-bottom: 2px;}
ul.sentence li {margin-right: 15px; list-style-type: none; display: inline; text-align: center;}

#wrapper {width: 994px; margin: auto auto;}

.header {height: 208px; background: url(images/header-bkg.jpg) no-repeat;}
.header .logoholder {float: left; width: 398px;}
.header ul.nav {float: right; position: relative; top: 161px;}
.header ul.nav li {list-style-type: none; display: inline; }
.header ul.nav li a:link, .header ul.nav li a:visited {border-top: 1px solid #FFFD00; border-left: 1px solid #FFFD00; background: url(images/nav-bkg.jpg) repeat-x; color: #FFF; padding: 7px 20px; text-decoration: none; line-height: 14px; display: block; float: left;}
.header ul.nav li a#last:link, .header ul.nav li a#last:visited {border-right: 1px solid #FFFD00;}
.header ul.nav li a#lastactive:link, .header ul.nav li a#lastactive:visited {border-right: 1px solid #FFFD00; background: #006;}
.header ul.nav li a:hover, .header ul.nav a#active:link, .header ul.nav a#active:visited {background: #006;}

.content {padding: 30px 15px 15px 15px;}
.content .leftCol {float: left; width: 605px;}
.content .rightCol { margin-left: 655px; }
.content .feature {border-top: 1px dotted #CCC; padding: 15px 0; clear: both;}
.content .feature p.fthdg {font: 600 180% Arial, Helvetica, sans-serif; color: #006; margin-bottom: 7px;}
.content a.arrow:link, .content a.arrow:visited {background: url(images/arrow-grey.gif) no-repeat right; padding-right: 10px; color: #006;}
.content a.arrow:hover {text-decoration: none;}
.content .featureRt {background: url(images/featureRt-bottom.jpg) no-repeat bottom; padding-bottom: 12px; margin-bottom: 15px;}
.content .featureRt#location {background: none; padding-bottom: 0;}
.content .featureRt p.ftrhdg {background: #C0C0C0 url(images/featureRt-phdg.jpg) repeat-x; border-bottom: 1px solid #006; padding: 10px; font-weight: bold; color: #333; margin-bottom: 0;}
.content .featureRt .body {background: #F4F4F4; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; padding: 10px 10px 3px 10px; margin-bottom: 0;}
.content .featureRt ul.highlightList {background: #F4F4F4; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; padding: 10px 10px 3px 10px; margin-bottom: 0;}
.content .featureRt ul.highlightList li {list-style-type: none; background: url(images/featureList-bkg.jpg) no-repeat left top; padding-left: 20px; font-weight: bold; padding-top: 7px; padding-bottom: 8px;}
.content .featureRt p.contactHdg {float: left; width: 60px; font-weight: bold;}
.content .featureRt p.contactDetails {margin-left: 80px;}
.content .featureRt p.contactDetails a:link, .content .featureRt p.contactDetails a:visited {color: #006;}
.content .featureRt p.contactDetails a:hover {text-decoration: none;}
.content .imgRightCol {float: right; margin-left: 10px; width: 310px;}
.content .imgRightCol img {margin-left: 5px;}
.content .imgLeftCol {float: left; margin-right: 10px; width: 310px;}
.content .imgLeftCol img {margin-right: 5px;}
.mot {background: #1B1B8D; padding: 10px; font-weight: bold; line-height: 16px; margin-bottom: 15px; border: 0px solid #E4E4E4; color: #FFF;}
.mot p {margin-bottom: 0;}

.footer { background: #006; text-align: center; font-weight: bold; color: #FFF; padding: 10px; margin-bottom: 15px; clear: both; }
.footer p.arrow {background: url(images/footer-arrow.gif) no-repeat left; padding-left: 15px; font: bold 180% Arial, Helvetica, sans-serif; width: 180px; margin: auto auto;}
.footer img.triangle {float: right;}
.subfooter {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; text-align: center; width: 994px; margin: auto auto;}