@charset "utf-8";


body  {
	background-image: url(background.jpg);
	background-repeat: repeat;
	margin: 0; 
	padding: 0;
	text-align: left;
}

div#wrapper {
	margin: 0 auto;
	width: 928px;
}

/*~~~~~~~~~~~~~~~~~~~~
	Header
~~~~~~~~~~~~~~~~~~~~~*/

div.header {
	float: left;
	padding: 0 0px;
	width: 928px;
	height: 125px;
	background: transparent url(bg-header1.png) left top no-repeat; 	
}

div.headerlink {
	margin-top: 10px;
	padding: 0 10px 0 0;
	text-align: right;
	font: 11px Verdana, Calibri, Sans-serif;
}

div.headerlink p a {
	color: #00025f;
}


div.inquiries2 {
	margin: 0px 0px 0 540px; 
	padding: 0 0px 0 0;
	text-align: left;
	color: #000000;
	font: 13px Verdana, Calibri, Sans-serif;
}

div.inquiries2 p{
	line-height: 0px;
	font: 13px Verdana, Calibri, Sans-serif;
	color: #00025f;
}

div.inquiries2 p a {
	color: #00025f;
	font: 13px Verdana, Calibri, Sans-serif;
	text-decoration: none;
}

div.inquiries2 p a:hover {
	color: #F57900;

}

div.inquiries2 p a img {
	border: 0;
}

div.inquiries2 a img {
	border: 0;
	margin: 0 0 -5px 0;
}


/*~~~~~~~~~~~~~~~~~~~~
	Content
~~~~~~~~~~~~~~~~~~~~~*/

div.subsection {
	width: 670px;
	padding: 0px 0px 0 0px;
	margin: 15px 135px 0 135px;
	text-align: left;
}

div.subsection2 {
	width: 780px;
	padding: 0 0 0 0;
	margin: 15px 0px 0 73px;
	text-align: left;
}
div.bussection {
	width: 600px;
	padding: 0 0 0 0;
	margin: 0px 60px 0 60px;
	text-align: left;
}


div.container {
	float: left;
	margin: 0px 0 10px 0;
	padding: 0 0 75px 0;
	width: 928px;
	background-color: #ffffff;
}


div.containertop {
	float: left;
	margin: 10px 0 10px 0;
	padding: 0 0 0px 0;
	width: 928px;
	background-color: #ffffff;
}


div.subsection form {
	float: right;
	margin: 0 00px 0 0;
}

div.creditsubsection {
	width: 390px;
	padding: 0 0 0 0;
	margin: 0 0 0 445px;
	text-align: left;
	color: #444;
	font: 13px Verdana, Calibri, sans-serif;
	text-height: 1.5em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.footer {
	text-align: center;
	font: 10px Verdana, Calibri, Sans-serif;
	color: #ffffff;
}

div.footerlink a {
	text-align: center;
	color: #f26f07;
	font: 13px Verdana, Calibri, Sans-serif;
	line-height: 1.5em;
	cursor: pointer;
	font-weight: none;
	border: 0px;
}

div.valid p a img {
	border: 0px;
}

div.valid p {
	width: 0 0 0 350px;
}

div.footerlink {
	text-align: center;
	font: 13px Verdana, Calibri, Sans-serif;
	color: #000000;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	CLARITY
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.homeimageback {
	float: left;
	margin: 15px 80px 15px 73px;
	background: transparent url(homemountain2.jpg) left top no-repeat;
	width: 784px;
	height: 343px;
	text-align: left;
}

div.homeimageback h1 {
	text-align: left;
	margin: 40px 0px 0 25px;
	font: 37px Verdana, Calibri, Sans-serif;	
	color: #f57900;
	font-weight: bold;
}

div.homeimageback p {
	text-align: left;
	margin: 0px 0 0 150px;
	font: 37px Verdana, Calibri, Sans-serif;
	color: #f57900;
	font-weight: bold;
}

div.indexfamily {
	float: left;
	margin: 10px 0 0px 0px;
	background: transparent url(melon.jpg) left top no-repeat;
	width: 180px;
	height: 161px;
}

div.indexfamily1 {
	float: left;
	margin: 10px 0 0px 15px;
	background: transparent url(nyse.jpg) left top no-repeat;
	width: 180px;
	height: 161px;
}

div.indexfamily2 {
	float: left;
	margin: 10px 0px 0px 15px;
	background: transparent url(H_Beam.jpg) left top no-repeat;
	width: 180px;
	height: 161px;
}

div.indexfamily3 {
	float: left;
	margin: 10px 0 0px 15px;
	background: transparent url(HighwayTruck.jpg) left top no-repeat;
	width: 180px;
	height: 161px;
}

div.indexfamily,.indexfamily1,.indexfamily2,.indexfamily3, h1 {
	text-align: left;
	font: 23px Verdana, Calibri, Sans-serif;
	color: #f57900;
	font-weight: bold;
}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Contact Us
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.contactus {
	background: transparent url(contactus2.jpg) left top no-repeat;
	float: left;
	margin: 15px 135px 15px 135px;
	width: 658px;
	height: 275px;
	border: 1px solid #000000;

}

div.contactus h1 {
	font: 35px Verdana, Calibri, Sans-serif;
	color: #000000;
	margin: 25px 105px 0 20px;
	text-align: right;
	font: 30px Verdana, Calibri, Sans-serif;
	font-weight: bold;
}

div.contactus p {
	font: 15px Verdana, Calibri, Sans-serif;
	color: #000000;
	font-weight: bold;
	text-align: right;
	margin: 0px 13px 0 20px;
	font: 30px Verdana, Calibri, Sans-serif;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	FreightShipping
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.freightshipping {
	background: transparent url(brokerage.jpg) left top no-repeat;
	float: left;
	margin: 15px 135px 15px 135px;
	width: 658px;
	height: 275px;
}

div.freightshipping h1 {
	font: 27px Verdana, Calibri, Sans-serif;
	color: #f57900;
	margin: 26px 0 0 40px;
	text-align: left;
	font-weight: bold;
}

div.freightshipping p {
	text-align: left;
	margin: 0px 0 0 40px;
	font: 17px Verdana, Calibri, Sans-serif;	
	color: #f57900;
	font-weight: bold;
}

div.freightshipping h2 {
	font: 17px Verdana, Calibri, Sans-serif;
	color: #f57900;
	margin: 0px 0 0 120px;
	text-align: left;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Corporate 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.corporate {
	background: transparent url(corporate.jpg) left top no-repeat;
	float: left;
	margin: 15px 135px 15px 135px;
	width: 658px;
	height: 275px;
}

div.corporate h1 {
	font: 27px Verdana, Calibri, Sans-serif;
	color: #f57900;
	margin: 30px 0 0 40px;
	text-align: left;
	font-weight: bold;
}

div.corporate p {
	text-align: left;
	margin: 0px 0 0 40px;
	font: 17px Verdana, Calibri, Sans-serif;	
	color: #f57900;
	font-weight: bold;
}

div.corporate h2 {
	font: 17px Verdana, Calibri, Sans-serif;
	color: #f57900;
	margin: 0px 0 0 120px;
	text-align: left;
	font-weight: bold;
}

div#signature {
	width: 150px;
}

div#signature p {
	font: 13px Verdana, Calibri, sans-serif;
	margin: 0 0 0 0;
	line-height: 0 em;
	color: #000000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	California
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.california {
	background: transparent url(california.jpg) left top no-repeat;
	float: left;
	margin: 15px 135px 15px 135px;
	width: 658px;
	height: 275px;
}

div.california h1 {
	font: 26px Verdana, Calibri, Sans-serif;
	color: #f57900;
	margin: 15px 0 0 28px;
	text-align: left;
	font-weight: bold;
}

div.california p {
	text-align: left;
	margin: 0px 0 0 40px;
	font: 26px Verdana, Calibri, Sans-serif;	
	color: #f57900;
	font-weight: bold;
}

div.california h2 {
	font: 25px Verdana, Calibri, Sans-serif;
	color: #f57900;
	margin: 0px 0 0 120px;
	text-align: left;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Links
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.links {
	background: transparent url(links.jpg) left top no-repeat;
	float: left;
	margin: 15px 135px 15px 135px;
	width: 658px;
	height: 275px;
}

div.links h1 {
	font: 27px Verdana, Calibri, Sans-serif;
	color: #f57900;
	margin: 30px 40px 0px 40px;
	text-align: right;
	font-weight: bold;
}

div.links p {
	text-align: left;
	margin: 0px 0 0 40px;
	font: 17px Verdana, Calibri, Sans-serif;	
	color: #f57900;
	font-weight: bold;
}

div.links h2 {
	font: 17px Verdana, Calibri, Sans-serif;
	color: #f57900;
	margin: 0px 0 0 120px;
	text-align: left;
	font-weight: bold;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Hollywood
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.hollywood {
	background: transparent url(hollywood.jpg) left top no-repeat;
	float: left;
	margin: 15px 135px 15px 135px;
	width: 658px;
	height: 275px;
}

div.hollywood h1 {
	text-align: right;
	margin: 60px 30px 0 0px;
	font: 33px Verdana, Calibri, Sans-serif;	
	color: #f57900;
	font-weight: bold;
}

div.hollywood p {
	text-align: right;
	margin: 0px 30px 0 0px;
	font: 17px Verdana, Calibri, Sans-serif;
	color: #f57900;
	font-weight: bold;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Bio Friendly
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.biofriendly {
	background: transparent url(biofriendly.jpg) left top no-repeat;
	float: left;
	margin: 15px 135px 15px 135px;
	width: 658px;
	height: 275px;
}

div.biofriendly h1 {
	text-align: left;
	margin: 0px 0px 0 5px;
	font: 27px Verdana, Calibri, Sans-serif;	
	color: #f57900;
	font-weight: bold;
}

div.biofriendly p {
	text-align: left;
	margin: 0px 0 0 90px;
	font: 16px Verdana, Calibri, Sans-serif;
	color: #f57900;
	font-weight: bold;
}

div.biofriendly h2 {
	text-align: left;
	margin: 0px 0 0 35px;
	font: 17px Verdana, Calibri, Sans-serif;
	color: #f59700;
	font-weight: bold;
}

div.flex {
	float: right;
	border: 0px;
	margin: 0 20px 0 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Courier Service
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.courier h1, div.courier p, div.courier h2 {
	background-image: url(sloganback.png);
}


div.courier {
	background: transparent url(courier.jpg) left top no-repeat;
	float: left;
	margin: 15px 135px 15px 135px;
	width: 658px;
	height: 275px;
}

div.courier h1 {
	text-align: left;
	margin: 20px 0px 0 20px;
	font: 25px Verdana, Calibri, Sans-serif;	
	color: #f57900;
	font-weight: bold;
}

div.courier p {
	text-align: left;
	margin: 0px 0 0 45px;
	font: 17px Verdana, Calibri, Sans-serif;
	color: #f57900;
	font-weight: bold;
}

div.courier h2 {
	text-align: left;
	margin: 0px 0 0 100px;
	font: 17px Verdana, Calibri, Sans-serif;
	color: #f57900;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	About Us
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.aboutus {
	background: transparent url(aboutus.jpg) left top no-repeat;
	float: left;
	margin: 15px 135px 15px 135px;
	width: 658px;
	height: 275px;
}

div.aboutus h1 {
	text-align: left;
	margin: 15px 0px 0 130px;
	font: 25px Verdana, Calibri, Sans-serif;	
	color: #f57900;
	font-weight: bold;
}

div.aboutus p {
	text-align: left;
	margin: 0px 0 0 130px;
	font: 13px Verdana, Calibri, Sans-serif;
	color: #f57900;
	font-weight: bold;
}

div.aboutus h2 {
	text-align: left;
	margin: 0px 0 0 170px;
	font: 18px Verdana, Calibri, Sans-serif;
	color: #f57900;
	font-weight: bold;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Refridgerate
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.refridgerate {
	background: transparent url(refrigderate.jpg) left top no-repeat;
	float: left;
	margin: 15px 135px 15px 135px;
	width: 658px;
	height: 275px;
}

div.refridgerate h1 {
	font: 26px Verdana, Calibri, Sans-serif;
	color: #f57900;
	margin: 15px 0px 0 115px;
	text-align: left;
	font-weight: bold;
}

div.refridgerate p {
	text-align: left;
	margin: 0px 25px 0 230px;
	font: 25px Verdana, Calibri, Sans-serif;	
	color: #f57900;
	font-weight: bold;
}

div.refridgerate h2 {
	text-align: left;
	margin: 0px 0px 0 80px;
	font: 15px Verdana, Calibri, Sans-serif;	
	color: #f57900;
	font-weight: bold;
}

div.refridgerate h3 {
	text-align: left;
	margin: 0px 0px 0 80px;
	font: 15px Verdana, Calibri, Sans-serif;	
	color: #f57900;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Hazmat
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.hazmat {
	background: transparent url(hazmat.jpg) left top no-repeat;
	float: left;
	margin: 15px 135px 15px 135px;
	width: 658px;
	height: 275px;
}

div.hazmat h1 {
	font: 24px Verdana, Calibri, Sans-serif;
	color: #000000;
	margin: 20px 0px 0 120px;
	text-align: left;
	font-weight: bold;
}

div.hazmat p {
	text-align: left;
	margin: 0px 0px 0 200px;
	font: 15px Verdana, Calibri, Sans-serif;	
	color: #000000;
	font-weight: bold;
}

div.hazmat h2 {
	text-align: left;
	margin: 0px 0px 0 150px;
	font: 20px Verdana, Calibri, Sans-serif;	
	color: #000000;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Quote
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.quote h1 {
	font-weight: bold;
	font: 14px Verdana, Calibri, Sans-serif;
	color: #000000;
}

div.quote p {
	font: 14px Verdana, Calibri, Sans-serif;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Pharma
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.pharma {
	background: transparent url(pharma.jpg) left top no-repeat;
	float: left;
	margin: 15px 135px 15px 135px;
	width: 658px;
	height: 275px;
}

div.pharma h1 {
	font: 25px Verdana, Calibri, Sans-serif;
	color: #002060;
	margin: 30px 0px 0 20px;
	text-align: left;
	font-weight: bold;
}

div.pharma p {
	text-align: left;
	margin: 0px 0px 0 125px;
	font: 25px Verdana, Calibri, Sans-serif;	
	color: #002060;
	font-weight: bold;
}

div.pharma h2 {
	text-align: left;
	margin: 0px 0px 0 12px;
	font: 13px Verdana, Calibri, Sans-serif;	
	color: #002060;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Flatbed
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.flatbed {
	background: transparent url(flatbed.jpg) left top no-repeat;
	float: left;
	margin: 15px 135px 15px 135px;
	width: 658px;
	height: 275px;
}

div.flatbed h1 {
	font: 25px Verdana, Calibri, Sans-serif;
	color: #f57900;
	margin: 2px 0 0 20px;
	text-align: left;
	font-weight: bold;
}

div.flatbed p {
	text-align: left;
	margin: 0px 0 0 120px;
	font: 25px Verdana, Calibri, Sans-serif;	
	color: #f57900;
	font-weight: bold;
}

div.flatbed h2 {
	text-align: left;
	margin: 0px 0 0 20px;
	font: 16px Verdana, Calibri, Sans-serif;	
	color: #f57900;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	OnBoard
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.onboard {
	background: transparent url(onboard.jpg) left top no-repeat;
	float: left;
	margin: 15px 135px 15px 135px;
	width: 658px;
	height: 275px;
}

div.onboard h1 {
	font: 27px Verdana, Calibri, Sans-serif;
	color: #f57900;
	margin: 100px 0 0 15px;
	text-align: left;
	font-weight:bold;
}

div.onboard p {
	text-align: left;
	margin: 0px 0 0 135px;
	font: 17px Verdana, Calibri, Sans-serif;	
	color: #f57900;
	font-weight: bold;
}
/*~~~~~~~~~~~~~~~~~~~~~~~
	Font
~~~~~~~~~~~~~~~~~~~~~~~~*/
div.subsection p, div.subsection2 p {
	font: 12px Verdana, Calibri, Sans-serif;
	color: #000000;
	padding: 0 20px 0px 0px;
	margin: 3px 0 0px 0;
	line-height: 1.5em;
}

div.greenage p {
	font: 12px Verdana, Calibri, Sans-serif;
	color: #255c00;
	padding: 0 20px 0 0;
	margin: 3px 0 0 0;
	line-height: 1.5em;
}


div.subsection h1, div.subsection2 h1 {
	font: 19px Verdana, Calibri, Sans-serif;
	color: #f57900;
	padding: 8px 0 8px 0px;
	margin: 0px 0 15p 0;
	font-weight: bold;
}

div.subsection a, div.subsection2 a {
	font: 12px Verdana, Calibri, Sans-serif;
	color: #f57900;
	padding: 0 0px 0 0;
	margin: 3px 0 0 0;
	line-height: 1.5em;
	text-decoration: none;
}

div.greenage h1 {
	font: 19px Verdana, Calibri, Sans-serif;
	color: #255c00;
	padding: 8px 0 8px 0;
	margin: 0 0 0 0;
	font-weight: bold;
}

div.subsection ul h2, div.subsection2 ul h2 {
	font: 13px Verdana, Calibri, Sans-serif;
	color: #000000;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	line-height: 1.5em;
	
}

div.subsection h3, div.subsection2 h3 {
	font: 13px Verdana, Calibri, Sans-serif;
	color: #00025d;
	margin: 0 0 0 0px;
}

div.subsection h7, div.subsection2 h7 {
	font: 13px Verdana, Calibri, Sans-serif;
	color: #00025d;
	padding: 0px 0 0 0px;
	margin: 0px 0 0px 0px;
	font-weight: bold;
}


div.subsection h4, div.subsection2 h4 {
	font: 13px Verdana, Calibri, Sans-serif;
	color: #00025d;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-weight: bold;
}

div.cheat p {
	font: 13px Verdana, Calibri, Sans-serif;
	color: #B0B0B0;	
}

div.cheatsection {
	width: 780px;
	padding: 0 0 0 0;
	margin: 220px 0px 0 73px;
	text-align: left;
}

div.cheatsection2 {
        width: 670px;
	padding: 0px 0px 0 0px;
	margin: 15px 135px 0 135px;
	text-align: left;
}

div.align h3{
	margin: 0 0 0 7px;
	padding: 0 0 0 0px;
}

div.align1 h3 {
	margin: 0 0 0 11px;
	padding: 0 0 0 0;
}

div.canada {
	float: left;
	padding: 18px 40px 0 5px;
	
}