* {margin: 0; padding: 0; border: 0; background: transparant;}
html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; font-size: 14px; font-family: Arial, sans-serif; background: #0C0C0C; color: #F1F1F1;}
a:link {text-decoration: underline; color: blue;}
a:visited {text-decoration: underline; color: purple;}
a:active, a:hover {text-decoration: underline; color: red;}}
#container { /* ALL PAGES */
position: absolute; top: 0px; left: 0px;
width: 100%;
}
#page { /* ALL PAGES */
position: relative; top: 0px; left: 0px;
width: 763px;
margin: 0 auto;
}
#top { /* ALL PAGES */
width: 100%; height: 170px;
background: transparent url(../resources/mttrailer.gif) no-repeat bottom center;
border-bottom: solid 1px #C90000;
}
#core { /* ALL PAGES */
width: 100%;
border-bottom: solid 1px #C90000;
}
/* NAVIGATION */
#nav {
width: 100%; height: 21px;
padding: 10px 0 0 0;
text-align: center;
border-bottom: solid 1px #C90000;
}
#nav ul {
list-style-type: none;
margin: 0 0 0 2px; /* Position of Navagation */
font-size: 12px; font-weight: bold;
background: #0C0C0C;
}
#nav ul li {
float: left;
padding: 4px 1px 4px 1px;
}
#nav a.navlink {
padding: 2px 5px;
background: #C7C7C7;
color: #0C0C0C;
font-weight: bold;
text-decoration: none;
border-top: solid 1px #F1F1F1;
}
#nav a.navlink:hover {
color: #F1F1F1;
background: #C90000;
font-weight: bold;
}
#nav a#this {
background: #C90000;
color: #F1F1F1;
}
/* CONTENT */
#core iframe {
width: 763px; height: 600px; /* Must be atleast 20px wider than Iframe content */
border: none;
}
#core h1 {
margin: 3px 35px;
font-size: 20px; font-weight: normal;
color: #C90000;
}
#core #twic {
float: right;
margin: 5px 30px 0 0;
}
#core #twic a.twiclink {
font-size: 14px; font-weight: bold;
color: #C90000;
}
#core #login {
float: right;
margin: 5px 45px 0 0;
}
#core #login a.loginlink {
width: 100px;
margin: 0; padding: 1px 4px 1px 4px;
font-size: 11px; font-weight: bold;
background: #C90000; color: white;
text-decoration: none;
border: solid 2px #C90000; border-top: solid 2px #FC0000; border-left: solid 2px #FC0000;
}
#core h3 {
width: 600px;
margin: 3px 35px;
font-size: 14px; font-weight: bold; font-style: italic; text-decoration: underline;
color: #F1F1F1;
}
#core .trailernote {
padding: 0 0 0 10px;
font-size: 11px; font-weight: normal; font-style: normal;
}
#core p {
margin: 3px 45px 15px 45px;
text-align: justify;
line-height: 18px;
}
#core p.tagline {
text-align: center;
font-size: 16px; font-weight: bold;
}
#core ul {
list-style-type: none;
margin: 0 0 10px 50px;
font-size: 12px;
}
#core form .field {
clear: both;
width: 100%;
}
#core form .field label {
float: left;
width: 292px;
padding: 3px 0;
font-weight: bold;
text-align: right;
}
#core form .field input {
float: left;
width: 300px;
margin: 0 0 0 5px;
background: #F1F1F1;
border: solid 1px #C90000;
}
#core form .field input.short {
width: 75px;
}
#core form .field textarea {
float: left;
width: 300px; height: 150px;
margin: 0 0 0 5px;
border: solid 1px #C90000;
}
#core form .buttons {
clear: both;
padding: 10px 0;
text-align: center;
}
#core form .buttons input {
width: 80px;
background: #C90000; color: white;
font-weight: bold;
border: solid 2px #C90000; border-top: solid 2px #FC0000; border-left: solid 2px #FC0000;
}
 /* IMAGES */
#huey {
width: 520px; height: 230px;
margin: 15px auto;
background: transparent url(../resources/huey.jpg) no-repeat top center;
}
#oversize {
width: 525px; height: 144px;
margin: 15px auto;
background: transparent url(../resources/oversizeload.jpg) no-repeat top center;
}
#flatbed {
float: right; clear: right;
width: 300px; height: 150px;
margin: 0 0 0 20px;
background: transparent url(../resources/flatbed.jpg) no-repeat top right;
}
#stepdeck {
float: right; clear: right;
width: 300px; height: 120px;
margin: 0 0 0 20px;
background: transparent url(../resources/stepdeck.jpg) no-repeat top right;
}
#rgn {
float: right; clear: right;
width: 400px; height: 130px;
margin: 0 0 0 20px;
background: transparent url(../resources/remgooseneck.jpg) no-repeat top right;
}
#multiaxle {
float: right; clear: right;
width: 400px; height: 105px;
margin: 0 0 0 20px;
background: transparent url(../resources/multiaxle.jpg) no-repeat top right;
}
#carhauler {
float: right; clear: right;
width: 320px; height: 130px;
margin: 0 0 0 20px;
background: transparent url(../resources/carhauler.jpg) no-repeat top right;
}
#pipeload {
float: right; clear: right;
width: 230px; height: 130px;
margin: 30px 0 0 20px;
background: transparent url(../resources/pipeload.jpg) no-repeat top right;
}
#tank {
float: left;
width: 275px; height: 180px;
margin: 0 20px 30px 40px;
background: transparent url(../resources/tank.jpg) no-repeat top right;
}
#foot { /* ALL PAGES */
clear: both;
width: 100%;
margin: 2px 0 0 0;
font-size: 10px;
text-align: center;
color: #CCC;
}
#counter {
clear: both;
text-align: center;
}
.block, .alttext {
display: none;
}
.clear {
height: 1px; width: 100%;
clear: both; overflow: hidden;
}
.line {
height: 1px; width: 100%;
clear: both; overflow: hidden;
border-bottom: solid 1px #C90000;
}