* {margin: 0; padding: 0; border: 0; background: transparent; color: black;}
html {width: 100%; height: 100%;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #ADB1C0;}
a:link {text-decoration: underline; color: blue;}
a:visited {text-decoration: underline; color: purple;}
a:active, a:hover {text-decoration: underline; color: red;}
/* STRUCTURE */
#homecontainer { /* HOME PAGE ONLY */
position: absolute; top: 0px; left: 0px;
width: 100%;
background: #ADB1C0;
}
#container { /* ALL OTHER PAGES */
position: absolute; top: 0px; left: 0px;
width: 100%;
background: #ADB1C0;
}
#homepage { /* HOME PAGE ONLY */
position: relative; top: 0px; left: 0px;
width: 985px; height: 560px;
margin: 0 auto;
background: transparent url(../resources/frontTrucks.jpg) no-repeat bottom left;
}
#page { /* ALL OTHER PAGES */
position: relative; top: 0px; left: 0px;
width: 985px;
margin: 0 auto;
background: #E6E6EF;
}
#top {
width: 100%; height: 99px;
background: transparent url(../resources/topBg.jpg) no-repeat top left;
}
#top h1 {
float: left;
font-size: 10px; font-weight: normal; font-variant: small-caps;
text-align: center;
}

#top a:link, #top a:visited, #top a:active, #top a:hover {
text-decoration: none; 
color: #BED3D4;
}
#top #phone {
position: absolute; top: 78px; left: 15px;
font-size: 17px; font-weight: bold;
}
#top #nch {
position: absolute; top: 8px; left: 926px;
width: 58px; height: 36px;
background: white url(../resources/NCH.jpg) no-repeat top right;
border: solid 1px #02145A;
}
#top #tia {
position: absolute; top: 58px; left: 938px;
width: 46px; height: 36px;
background: white url(../resources/tialogo.gif) no-repeat top right;
border: solid 1px #02145A;
}
#top #p3 {
position: absolute; top: 58px; left: 838px;
width: 96px; height: 36px;
background: white url(../resources/p3p.gif) no-repeat top right;
border: solid 1px #02145A;
}
/* NAVIGATION */
#nav {
width: 100%; height: 22px;
margin: 0 auto;
margin-top: -21px;
text-align: center;
background: transparent;
}
#navline {
width: 100%; height: 5px;
margin: 0 auto;
margin-top: 0px;
background: #04A;
}
#nav ul {
list-style-type: none;
margin: 0 0 0 185px;
font-weight: bold;
background: #ADB1C0;
}
#nav ul li {
float: left;
padding: 4px 1px 2px 1px;
background: #E6E6EF;
border: solid 1px white; border-bottom: none;
}
.subnavhome {
display: none;
}
#nav a.navlink {
padding: 2px 5px 1px 5px;
background: #E6E6EF;
color: #04A;
font-weight: bold;
text-decoration: none;
}
#nav a.navlinkdd {
padding: 2px 5px 1px 5px;
color: #04A;
font-weight: bold;
text-decoration: none;
background: #E6E6EF url(../resources/arrow_blue.gif) no-repeat top right;
}
#nav a.navlink:hover {
color: white;
background: #04A;
font-weight: bold;
}
#nav a.navlinkdd:hover {
color: white;
font-weight: bold;
background: #04A url(../resources/arrow_white.gif) no-repeat top right;
}
#nav a#this {
color: white;
background: #04A;
}
#nav a#thisdd {
color: white;
background: #04A url(../resources/arrow_white.gif) no-repeat top right;
}
/* DropDown Section */
#ddabout {
position: absolute; top: 104px; left: 233px; z-index: 9;
padding: 4px;
border: solid 1px #02145A; border-top: none; background: #E6E6EF;

}
#ddservices {
position: absolute; top: 104px; left: 319px; z-index: 9;
padding: 4px;
border: solid 1px #02145A; border-top: none; background: #E6E6EF;
}
#ddquote {
position: absolute; top: 104px; left: 517px; z-index: 9;
padding: 4px;
border: solid 1px #02145A; border-top: none; background: #E6E6EF;
}
#ddabout ul, #ddservices ul, #ddquote ul {
list-style-type: none;
}
#ddabout ul li, #ddservices ul li, #ddquote ul li {
padding: 0; margin: 4px 5px 2px 5px;
}
#ddabout a.navlink, #ddservices a.navlink, #ddquote a.navlink {
padding: 2px 5px;
background: #E6E6EF;
color: #04A;
font-weight: bold;
text-decoration: none;
}
#ddabout a.navlink:hover, #ddservices a.navlink:hover, #ddquote a.navlink:hover {
color: white;
background: #04A;
font-weight: bold;
}
.hide {
display: none;
}
.show {
visibility: visible;
}
/* Side Nav Section */
#pagenav {
width: 150px;
float: left;
background: #E6E6EF;
}
#pagenav ul {
list-style-type: none;
margin: 10px 0 0 10px;
font-size: 11px; font-weight: bold;
line-height: 18px;
}
#pagenav ul li {
padding: 3px 0 0 0;
}
#pagenav a.navlink {
padding: 2px 5px 2px 5px;
background: #E6E6EF;
color: #04A;
font-weight: bold;
text-decoration: none;
}
#pagenav a.navlink:hover {
color: white;
background: #04A;
font-weight: bold;
}
#pagenav a#here {
background: #04A;
color: white;
}
#pagenav li span { /* PDF Note */
font-size: 10px; font-weight: normal;
}
/* HOMEPAGE CONTENT */
#homecontent {
width: 835px;
float: left;
}
.on {
visibility: visible;
width: 285px;
margin: 60px 0 0 150px;
text-align: justify;
}
.off {
visibility: hidden;
width: 285px;
margin: 60px 0 0 150px;
text-align: justify;
}
#ahead h3 {
width: 265px;
font-size: 13px; color: black;
}
#ahead p {
width: 265px;
color: #111;
}
/* PAGE CONTENT */
#v { /*strut */
width: 1px; height: 480px;
float: left;
}
#content {
width: 835px;
float: left;
background: white url(../resources/jandalogomarklight.gif) no-repeat top left;
}
#content.mm { /* Bold watermark */
background: white url(../resources/jandalogomark.gif) no-repeat top left;
}
#content h2 {
padding: 6px 0 3px 10px;
font-size: 16px;
color: black;
}
#content h3 {
width: 600px;
padding: 0 0 0 15px;
font-size: 14px;
color: #900;
}
#content h4 {
margin: 3px 0 1px 25px;
font-size: 12px;
color: #04A;
}
#content p {
margin: 5px 240px 4px 25px;
line-height: 17px;
text-align: justify;
}
#content p.jobdesc {
margin: 1px 300px 5px 50px;
line-height: 18px;
}
#content p#mission {
width: 400px;
margin: 26px 40px 20px 55px;
font-size: 16px; font-style: italic; line-height: 22px;
color: #04A;
}
#content ul#doclist { /* DOCUMENTS */
list-style-type: none;
margin: 5px 20px 10px 30px;
}
#content ul#doclist li {
padding: 3px 0;
}
#content ul#doclist li span {
padding: 0 0 0 5px;
font-size: 10px;
}
#content ul.im { /* INTERMODAL */
list-style-type: disc;
margin: 3px 240px 5px 40px;
}
#content ul.im li {
padding: 1px 0;
}
#content ul.im li span{
padding: 0 0 0 5px;
font-size: 10px;
}
#content ul.co  { /* CAREER OPORTUNITIES */
list-style-type: disc;
margin: 3px 20px 5px 60px;
}
#content ul.co li {
padding: 1px 0;
}
#content dl { /* FAQ */
margin: 10px 280px 15px 25px;
}
#content dl dt {
margin: 8px 0 0 0;
font-weight: bold;
color: #04A;
}
#content dl dd {
margin: 3px 0 0 10px;
text-align: justify;
}
#content #corp {
float: left;
width: 400px;
}
#corp p {
margin-right: 40px;
}
#servicelist {
margin: 10px 0 10px 15px;
}
#servicelist h3 {
margin: 0 0 0 10px;
width: 400px;
font-size: 14px; font-weight: bold; font-style: italic;
line-height: 18px;
color: #04A;
}
#servicelist ul {
margin: 0 0 0 25px; padding: 0 410px 0 0;
}
#servicelist ul li {
padding: 5px 0 0 0;
}
#actnow {
position: absolute; top: 120px; right: 15px;
font-size: 17px; font-weight: bold;
}
/* SHIPMEMT QUOTES */
#content p.getquote {
margin: 5px 265px 15px 50px;
font-size: 14px;
}
#quote {
width: 520px;
margin: 5px 0 15px 45px;
}
#quote h4 {
clear: both;
margin: 3px auto; padding: 4px 0;
font-size: 14px; text-align: center;
color: white;
background: #04A;
}
#quote .formnote {
clear: both;
margin: 3px 30px 3px 90px;
font-size: 11px; font-weight: bold;
}
#quote .field {
clear: both;
}
#quote .field label {
float: left;
width: 180px;
padding: 3px 5px 0 0;
font-size: 11px; font-weight: bold;
text-align: right;
color: #04A;
}
#quote .field input {
float: left;
width: 200px; height: 18px;
margin: 1px 0 1px 3px;
background: transparent;
border: solid 1px #04A;
}
#quote .field input.radio {
float: left;
width: 16px; height: 16px;
margin: 2px 0 0 0;
background: white;
border: none;
}
#quote .field select {
float: left;
width: 200px; height: 18px;
margin: 1px 0 1px 3px;
background: white;
border: solid 1px #04A;
}
#quote .field select.freq {
width: 140px;
}
#quote .field select.per {
width: 90px;
}
#quote .field span {
float: left;
width: 180px;
padding: 2px 0 0 3px;
font-size: 12px; height: 18px;
}
#quote .field textarea {
width: 320px; height: 60px;
margin: 1px 0 1px 3px;
background: white;
border: solid 1px #04A;
}
#quote b {
font-size: 15px;
}
.buttons {
margin: 5px 0 0 180px;
}
.buttons input.get {
width: 200px; height: 24px;
margin: 2px; padding: 2px 2px 4px 2px;
font-size: 12px; font-weight: bold;
color: black;
background: #E6E6EF;
border: solid 2px #04A; border-top: solid 2px #26C; border-left: solid 2px #26C;
}
.buttons input.submit {
width: 200px; height: 24px;
margin: 2px; padding: 2px 2px 4px 2px;
font-size: 12px; font-weight: bold;
color: black;
background: #E6E6EF;
border: solid 2px #04A; border-top: solid 2px #26C; border-left: solid 2px #26C;
}
#quote.qhome .buttons {
margin: 5px 0 0 110px;
}
#testamonial {
position: absolute; top: 150px; right: 0px;
width: 155px;
margin: 0 10px 5px 20px; padding: 0;
background: #E6E6EF;
border: solid 1px #04A;
}
#testamonial h4 {
margin: 0; padding: 0 0 0 10px;
text-align: left;
color: white; background: #04A;
}
#testamonial p {
width: 140px;
margin: 0; padding: 10px 0 0 10px;
font-size: 13px; font-style: italic;
text-align: left;
}
#testamonial p.sig {
margin: 2px 0 5px 40px;
font-size: 12px; font-style: normal;
}
/* PHOTOS */
#lasernetlogo {
width: 120px; height: 54px;
float: right;
margin: 12px 5px;
background: transparent url(../resources/lasernet_logo.jpg) no-repeat top right;
}
#groupphoto {
width: 320px; height: 240px;
float: right;
margin: 0; padding: 0 0 10px 15px;
background: transparent url(../resources/group.jpg) no-repeat bottom right;
}
#servicephoto {
width: 320px; height: 250px;
float: right;
margin: 0; padding: 0 0 10px 15px;
background: transparent url(../resources/service.jpg) no-repeat bottom right;
}
#canyonphoto {
width: 260px; height: 420px;
float: right;
margin: 0; padding: 0 0 10px 15px;
background: transparent url(../resources/canyon.jpg) no-repeat bottom right;
}
#loadingphoto {
width: 260px; height: 420px;
float: right;
margin: 0; padding: 0 0 10px 15px;
background: transparent url(../resources/loading.jpg) no-repeat bottom right;
}
#railphoto {
width: 360px; height: 250px;
float: right;
margin: 0; padding: 0 0 10px 15px;
background: transparent url(../resources/rail.jpg) no-repeat bottom right;
}
#truckphoto {
width: 300px; height: 420px;
float: right;
margin: 0; padding: 0 0 10px 15px;
background: transparent url(../resources/truck.jpg) no-repeat bottom right;
}
/* GENERAL */
#sub {
clear: both;
width: 985px; height: 80px;
margin: 0 auto;
background: transparent url(../resources/bottomBg.jpg) no-repeat top left;
border-top: solid 2px #02145A; border-bottom: solid 2px #02145A;
}
p#foot { /* DEPRICATED */
display: none; 
}
p#copy {
float: left;
padding: 65px 2px 0 10px;
font-size: 10px;
color: #999;
}
.clear {
width: 100%; height: 1px;
clear: both;
overflow: hidden;
}
.alttext, .block {
display: none;
}