/* css for basic items ---------------------------------------------------------------------------------- */

html,body	{
 	width:100%;
 	}
body {
    padding: 0;
    margin: 0;
 	min-width: 1044px;
	background: #b5b5b5 url(../images/bg.gif) center;
	font-family: arial, helvetica, verdana;
    font-size: 14px;
    line-height: 20px;
	color: #fff;
 	}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
    }
ul li {
    padding: 0;
    margin: 0;
    float: left;
    }
img {
    padding: 0;
    margin: 0;
    }
a, 
a:visited,
a:active {
	color: #feda97;
	text-decoration: none;
	}
a:hover {
	color: #fff;
	text-decoration: underline;
	}
h1 {
    padding: 0 0 0 0;
    margin: 0;
	font-size: 16px;
	line-height: 18px;
	color: #fff;
	font-weight: bold;
	}
h2 {
    padding: 0 0 0 0;
    margin: 0;
	font-size: 13px;
	line-height: 20px;
	color: #feda97;
	font-weight: bold;
	}
h3 {
    padding: 32px 0 0 30px;
    margin: 0;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	font-weight: bold;
	}
p {
    padding: 5px 0 5px 0;
    margin: 0;
	clear: both;
    }

/* css for site structure ------------------------------------------------------------------------------- */

#outer {
	width: 100%;
	display: table;
	vertical-align: middle;
	background: url(../images/bg2.gif);
 	}
#outer-home {
	width: 100%;
	display: table;
	vertical-align: middle;
	background: url(../images/bg-home.gif);
 	}
#container {
	margin: 0 auto 0 auto;
	width: 1044px;
    }
#inner {
	position: relative;
	width: 1044px;
	}    

/* css for header items ---------------------------------------------------------------------------------- */

#header {
	position: relative;
    padding: 29px 0 0 71px;
	width: 973px;
	height: 81px;
   	font-size: 0px;
	line-height: 0px;
	 z-index: 40;
	}
#safety-logo {
	position: absolute;
	padding: 0 0 0 0; 
	top: 37px; 
	left: 684px;
	width: 146px;
	height: 84px;
	z-index: 50;
	font-size: 0;
	line-height: 0;
	}
#login {
	position: absolute;
	padding: 8px 0 0 0; 
	top: 0px; 
	left: 855px;
	width: 142px;
	height: 19px;
	font-size: 11px;
	line-height: 11px;
	color: #feda97;
	text-align: center;
	z-index: 50;
 	background: url(../images/login-box.gif) no-repeat;
	}
#login a, 
#login a:visited,
#login a:active {
	color: #feda97;
	font-size: 11px;
	line-height: 13px;
	color: #feda97;
	text-decoration: none;
	}
#login a#on,
#login a#on:visited,
#login a#on:active,
#login a#on:hover,
#login a:hover {
	color: #fff;
	text-decoration: none;
	}
#truck-navlist {
	position: relative;
    padding: 0 0 0 153px;
	width: 891px;
	height: 111px;
   	font-size: 0px;
	line-height: 0px;
	}
#navlist {
	position: relative;
    padding: 0 0 0 204px;
	width: 840px;
	height: 31px;
	font-size: 0px;
	line-height: 0px;
 	background: url(../images/nav-bar.gif);
	}
    
/* css for content left ------------------------------------------------------------------------------- */

#content-left-home {
	position: relative;
	margin: 0 0 0 24px;
	width: 196px;
	height: 340px;
	float: left;
	background: url(../images/home-left.jpg);
	border-right: solid 5px #000;
   	border-left: solid 5px #000;
   	font-size: 0;
   	line-height: 0;
	}
#content-left {
	position: relative;
	width: 254px;
	height: 340px;
	float: left;
	background: url(../images/bg-left.gif);
	border-right: solid 5px #000;
    }
#content-left a, 
#content-left a:visited,
#content-left a:active {
	padding: 0 0 0 15px;
	color: #feda97;
	font-size: 13px;
	line-height: 15px;
	text-decoration: none;
	background: url(../images/nav-line.gif) no-repeat;
	}
#content-left a#on,
#content-left a#on:visited,
#content-left a#on:active,
#content-left a#on:hover,
#content-left a:hover {
	padding: 0 0 0 15px;
	color: #fff;
	text-decoration: none;
	background: url(../images/nav-line-on.gif) no-repeat;
	}
#content-left ul li {
    padding: 0 0 16px 0;
    line-height: 15px;
    float: none;
    }
#about-left-nav {
    padding: 92px 0 0 39px;
    }
#projects-left-nav {
    padding: 10px 0 0 50px;
    }
#projects-left-nav ul li {
    padding: 0 0 10px 0;
    line-height: 13px;
    float: none;
    }
#safety-left-nav {
    padding: 79px 0 0 39px;
    }
#services-left-nav {
    padding: 93px 0 0 39px;
    }
#new-left-nav {
    padding: 80px 0 0 37px;
    }
#content-left-contact {
	position: relative;
	padding: 60px 0 0 38px;
	width: 216px;
	height: 280px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	font-weight: bold;
	float: left;
	background: url(../images/bg-left.gif);
	border-right: solid 5px #000;
    }

/* css for content center ------------------------------------------------------------------------------- */

#content-center-home {
	position: relative;
	width: 430px;
	height: 340px;
	float: left;
	border-right: solid 5px #000;
 	font-size: 0;
 	line-height: 0;
    }
#content-center {
	position: relative;
	width: 401px;
	height: 340px;
	float: left;
	z-index: 30;
	border-right: solid 5px #000;
    }
#content-center-text {
	padding: 28px 25px 0 30px;
	}
#content-center-about-text {
	padding: 88px 25px 0 30px;
	}
#content-center-about2-text {
	padding: 28px 30px 0 30px;
	font-size: 14px;
	line-height: 18px;
	color: #fefefe;
	}
ul.contact {
	padding: 0 0 0 0;
	}
li.contact-text {
	padding: 3px 8px 0 0;
	width: 104px;
	font-size: 13px;
	line-height: 21px;
	text-align: right;
	float: left;
	color: #fefefe;
    }
li.contact-box {
	padding: 2px 24px 6px 0;
	width: 255px;
	float: left;
    }
.textfield {
	width: 255px;
	height: 22px;
	border: 0;
	background: #dbcfba;
    }
.textbox {
	width: 255px;
	height: 78px;
	border: 0;
	background: #dbcfba;
    }

/* css for content right  ------------------------------------------------------------------------------- */

#content-right {
	position: relative;
	width: 347px;
	height: 340px;
	float: left;
 	border-right: solid 5px #000;
 	font-size: 0;
 	line-height: 0;
    }
    
/* css for footer item----------------------------------------------------------------------------------- */
    
#footer-home {
	padding: 7px 0 0 54px;
	position: relative;
	width: 990px;
	height: 21px;
	color: #a73d03;
	font-size: 13px;
	line-height: 18px;
	clear: both;
	background: url(../images/bg-footer.gif) no-repeat;
    }
#footer-home li.copyright-home {
	padding: 2px 0 0 0;
	width: 497px;
	font-size: 11px;
	line-height: 11px;
    }
#footer {
	padding: 8px 0 0 0;
	position: relative;
	width: 1044px;
	height: 20px;
	color: #a73d03;
	font-size: 13px;
	line-height: 18px;
	clear: both;
	background: url(../images/bg-footer.gif);
    }
#footer li.phone {
	padding: 0 54px 0 0;
	float: right;
	}    
#footer li.copyright {
	padding: 2px 30px 0 0;
	float: right;
	font-size: 11px;
	line-height: 11px;
    }
#tagline {
	padding: 4px 30px 0 0;
	position: relative;
	width: 1014px;
	height: 60px;
	color: #a73d03;
	font-size: 10px;
	line-height: 12px;
	text-align: right;
    }
#tagline a, 
#tagline a:visited,
#tagline a:active {
	color: #a73d03;
	font-size: 11px;
	line-height: 13px;
	text-decoration: none;
	}
#tagline a:hover {
	color: #fff;
	text-decoration: none;
	}
#tagline-home {
	padding: 4px 0 0 54px;
	position: relative;
	width: 990px;
	height: 60px;
	color: #a73d03;
	font-size: 10px;
	line-height: 12px;
    }
#tagline-home a, 
#tagline-home a:visited,
#tagline-home a:active {
	color: #a73d03;
	font-size: 11px;
	line-height: 13px;
	text-decoration: none;
	}
#tagline-home a:hover {
	color: #fff;
	text-decoration: none;
	}
#about-truck {
	position: absolute;
	top: 516px; 
	left: 58px;
	z-index: 50;
   	font-size: 0px;
	line-height: 0px;
	}
#projects-truck {
	position: absolute;
	top: 498px; 
	left: 119px;
	z-index: 50;
   	font-size: 0px;
	line-height: 0px;
	}
#contact-truck {
	position: absolute;
	top: 480px; 
	left: 105px;
	z-index: 50;
   	font-size: 0px;
	line-height: 0px;
	}
#safety-truck {
	position: absolute;
	top: 415px; 
	left: 25px;
	z-index: 50;
   	font-size: 0px;
	line-height: 0px;
	}
#services-truck {
	position: absolute;
	top: 500px; 
	left: 92px;
	z-index: 50;
   	font-size: 0px;
	line-height: 0px;
	}
#new-truck {
	position: absolute;
	top: 490px; 
	left: 104px;
	z-index: 50;
   	font-size: 0px;
	line-height: 0px;
	}
	
/* css for misc item----------------------------------------------------------------------------------- */

span.title {
	font-size: 20px;
	line-height: 20px;
	color: #ffedcb;
	}
span.summary {
	font-size: 14px;
	line-height: 18px;
	color: #fefefe;
	}
span.bold {
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	font-weight: bold;
	}
span.red-letter {
    font-size: 14px;
    line-height: 20px;
	color: #a73d03;
	}
ul.disc {
	padding: 147px 0 10px 53px;
	margin: 0 0 0 0;
	font-size: 16px;
	line-height: 16px;
	color: #fefefe;
	list-style: disc;
	}
ul.disc li {
	padding: 0 0 12px 0;
	margin: 0;
	float: none;
	}
ul.disc2 {
	padding: 10px 25px 5px 30px;
	margin: 0 0 0 0;
	font-size: 14px;
	line-height: 20px;
	color: #fefefe;
	list-style: disc;
	}
ul.disc2 li {
	padding: 0 0 5px 0;
	margin: 0;
	float: none;
	}