@import url("normalize.css");
div#ie7zoomfix {
	background: url(../images/wrapper_back.jpg) repeat-x;
}

body {
	text-align: center;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
	
	width: 999px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}

#branding {
	background-image: url(../images/header.jpg);
	height: 99px;
}

#branding h2 {
	display: none;
}

/* ----- --------------------------- Top Nav ------------------ ------*/
#nav {
	clear: both;
	height: 28px;
}

#nav ul li{
    list-style: none;
	float:left;
}

#nav ul li a{
	display: block;
	text-indent: -5000px;
	height: 28px;
	background-repeat: no-repeat;
	float: left;
}

#nav_home a{
	width: 167px;
	background-image: url(../images/home_butt.jpg);
}

#nav_home a:hover, body.home #nav_home a{
	background-image: url(../images/home_butt.jpg);
	background-position: left -28px;
}

#nav_about a{
	width: 166px;
	background-image: url(../images/about_butt.jpg);
}

#nav_about a:hover, body.about #nav_about a{
	background-image: url(../images/about_butt.jpg);
	background-position: left -28px;
}

#nav_products a{
	width: 165px;
	background-image: url(../images/products_butt.jpg);
}

#nav_products a:hover, body.products #nav_products a{
	background-image: url(../images/products_butt.jpg);
	background-position: left -28px;
}

#nav_services a{
	width: 166px;
	background-image: url(../images/services_butt.jpg);
}

#nav_services a:hover, body.services #nav_services a{
	background-image: url(../images/services_butt.jpg);
	background-position: left -28px;
}

#nav_news a{
	width: 166px;
	background-image: url(../images/news_butt.jpg);
}

#nav_news a:hover, body.news #nav_news a{
	background-image: url(../images/news_butt.jpg);
	background-position: left -28px;
}

#nav_contact a {
	width: 169px;
	background-image: url(../images/contact_butt.jpg);
}

#nav_contact a:hover, body.contact #nav_contact a{
	background-image: url(../images/contact_butt.jpg);
	background-position: left -28px;
}

/* ----------------------------- Hero  -----------------------------*/
#content_main {
	float: left;
	margin-left: -9px;
}

#home #hero {
	background: url(../images/home_hero_bgd.jpg) repeat-y right;
	height: 324px;
	margin: 10px 2px 10px 1px;
	clear: both;
	text-align: left;
	border: 1px solid #babab1;
}

#home #hero img {
	margin: 40px 86px 0 0;
}

#home #hero h1 {
	font-size: 20px;
	font-weight: normal;
	color: #00a0d6;
	padding-top: 45px;
	padding-left: 67px;
	padding-bottom: 18px;
}
#hero p{
	padding-left: 67px;
	width: 485px;
	font-size: 13px;
	padding-bottom: 20px;
}
.light {
	color: #767676;
}
/* ----------------------------- Products Hero Div -----------------------------*/
.products #hero, .about #hero, .services #hero, body.news #hero, .contact #hero {
	margin: 10px 19px 0 10px;
	clear: both;
	text-align: left;
	width: 662px;
	background: url(../images/hero_bgd.jpg) repeat-y;
	padding: 0px;
	border: 1px solid #CCCCCC;
	padding-bottom: 25px;
}

#products_package #hero, #products_facility #hero, #products_vehicle #hero {
	height: 460px;
	padding-bottom: 0;
}

#hero h3 {
	font-size: 20px;
	font-weight: normal;
	color: #00a0d6;
	padding: 18px 18px 18px 67px;
}

#hero h1 a {
	color: #00a0d6;
	text-decoration: none;
}

#hero h3 a {
	color: #00a0d6;
	text-decoration: none;
}

.dark {
}

strong {
	font-weight: bold;
}

#hero h1 {
	font-size: 24px;
	font-weight: bold;
	color: #00a0d6;
	padding-top: 45px;
	padding-left: 67px;
	padding-bottom: 18px;
}

.products #hero p{
	padding-left: 67px;
	width: 485px;
	font-size: 13px;
	padding-bottom: 20px;
	color: #474646;
}

#hero ol {
	padding-left: 67px;
	width: 485px;
	font-size: 13px;
	padding-bottom: 20px;
	color: #474646;
	list-style: decimal;
}

#hero ul {
	padding-left: 67px;
	margin-left: 60px;
	width: 485px;
	font-size: 13px;
	padding-bottom: 20px;
	color: #474646;
	list-style: disc;
}

#hero dl {
	float: left;
	width: 330px;
}

#products_home #hero dl {
	float: none;
}

#hero em {
	font-weight: bold;
}

#hero dt {
	font-size: 14px;
	font-weight: bold;
	color: #0070ba;
	margin-left: 67px;
	padding: 0px;
	margin-bottom: 0px;	
}

#hero dt a {
	color: #0070ba;
	text-decoration: none;
}

.dark {
	color: #474646;
}
#hero dd {
	font-size: 13px;
	font-weight: bold;
	margin-left: 67px;
	color: #474646;
	margin-bottom: 12px;
}

#hero img {
	
	float: right;
	margin: 0 20px 0 0;
}

div.thumbsblock {
	clear: both;
	float: right;
	margin: 0 30px 20px 0;
}


#videoblock { 
	background-color: #FFFFFF; 
	border: 1px solid #CCCCCC; 
	padding: 3px; 
	font: 11px/1.4em Arial, sans-serif; 
	text-align: center;
	font-weight: bold;
	color: #FF0000;
	margin: 0 30px 0 0;
} 


.imgright { 	
	margin: 0 0 0 0;
	float:right;
} 

#videoblock img{ 
	border: 1px solid #CCCCCC; 
	vertical-align:middle;  
	float: none;
	margin: 0 0 3px 0;
} 

#videoblock a{
	color:#FF0000;
}

.formdownload{
	border: 1px solid #000000; padding: 3px; 
}




.newsflash{
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Copperplate Gothic Bold;
	font-size: large;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color:#FF0000;
	float: right;
	margin: 10px 10px 0 0
}
.smallnf
{
	background-image: url(../images/redburst.jpg);
	width: 173px;
	height: 102px;
	padding-top:10px;
}


a.cta {
	margin-left: 67px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #00A0D6;
}

a.cta:hover {
	text-decoration: underline;
}

ol.tsandcs li {
	font-size: 11px;
}

/* ----------------------------- News -----------------------------*/
#news {
	text-align: left;
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #babab1;
	width: 996px;
	margin-left: 1px;
	margin-bottom: 16px;
}
a.news_title {
	float: left;
	color: #00A0D6;
	margin-left: 2px;
	margin-right: 10px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
}
a.news_title:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #00A0D6;
}
a.news_link {
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	color: #1d2281;
	padding-left: 3px;
	padding-right: 3px;
}
a.news_link:hover {
	text-decoration: none;
	background-color: #1D2281;
	color: #FFFFFF;
}
/* ------------------------ Boxes -----------------------------*/

#content_main .box {
	float: left;
	height: 222px;
	width: 328px;
	margin: 18px 8px 18px 10px;
	padding: 0;
	text-align: left;
}

#content_supp .box {
	float: left;
	width: 312px;
	height: 222px;
	margin: 10px 0 8px 0;
	padding: 0;
	text-align: left;
}
#content_main .logolistbox {
	float: left;
	width: 662px;
	height: auto;
	margin: 10px 19px 0 10px;
	padding: 0;
	text-align: left;
}

.box p {
	width: 260px;
	font-size: 14px;
	margin-left: 25px;
	clear: both;
	display: block;
	padding-top: 10px;
}
.logolistbox img{
text-align: center;
}

.box h3,.logolistbox h3 {
	float: left;
	margin: 22px 0 10px 25px;
}

.products #content_supp .box h3 {
	width: 160px;
	padding: 0;
}

.box ul {
	float: left;
	font-size: 12px;
	margin: 0 0 6px 25px;
	line-height: 14px;
	width: 260px;
}

.box li {
	margin: 0 0 4px 0;
}

.box a {
	margin-left: 25px;
	text-decoration: none;
}

.box li a {
	margin-left: 0;
}

.box img {
	float: right;
	width: auto;
	padding-top: 14px;
	padding-right: 14px;
	margin: 0;
}

#box_white {
	background-image: url(../images/white_box_back.gif);
}

#box_white h3 {
	color: #0a2244;
}

#box_white li a {
	text-decoration: none;
	color: #474646;
}

#box_white li a:hover {
	color: #0070ba;
}

#box_midblue {
	background-color: #2d3389;
}

#box_midblue h3 {
	color: #FFFFFF;
}

#box_midblue p {
	color: #FFFFFF;
}

#box_midblue a {
	color: #1685ec;
}

#box_midblue a:hover {
	color: #2D3389;
	background-color: #1685EC;
}

#box_customers {
	border: 1px solid #000000;
	
}

#box_customers img{
	margin: 22px 10px 10px 25px;
	padding-bottom: 10px;
	width: 90px;
	float: left;
}

#box_customers h3{

	font-size:18px;
}

#box_testimonial {
	background-image: url(../images/testimonial_back.jpg);
	background-repeat: no-repeat;
}

#box_testimonial h3 {
	color: #0070ba;
	border-bottom: 1px dotted #000000;
}

#box_testimonial p {
	color: #858484;
}

.dark_blue {
	color: #0a2244;
}

#box_lightblue {
	background-color: #00a0d6;
}
#box_lightblue h3 {
	color: #FFFFFF;
}
#box_lightblue p {
	color: #0a2244;
}
#box_lightblue a {
	color: #FFFFFF;
	text-decoration: none;
}
#box_lightblue a:hover {
	color: #00A0D6;
	background-color: #FFFFFF;
}

#box_darkblue {
	background-color: #0a2244;
}

#box_darkblue h3 {
	color: #FFFFFF;
}

#box_darkblue p {
	color: #FFFFFF;
}

#box_darkblue a {
	color: #1685ec;
}

#box_darkblue a:hover {
	color: #0A2244;
	background-color: #1685EC;
}

ul.productnews li {
	padding-top: 4px;
	border-top: 1px dotted #0070ba;
}

ul.productnews li.first {
	padding-top: 0;
	border-top: none;
}
/* ----------------------------- Bucket Boxes -----------------------------*/
#buckets {
	height: 220px;
	text-align: left;
}
#buckets h2 {
	text-indent: -3000px;
	font-size: 10px;
	display: none;
}
.blue_link {
	display: block;
	color: #1685ec;
}
/* ----------------- Bucket Package -----------------*/
#bucket_package {
	float: left;
	width: 317px;
	background-image: url(../images/package_over.jpg);
	height: 220px;
}

#bucket_package a {
	text-indent: -5000px;
	display: block;
	height: 75px;
	color: #FFFFFF;
	padding-top: 145px;
	padding-right: 25px;
	padding-left: 28px;
	font-size: 14px;
	text-decoration: none;
	background-image: url(../images/package_back.jpg);
}
#bucket_package a:hover {
	text-indent: 0px;
	background-image: none;
	background-position: left -220px;
}
/* ----------------- Bucket facility-----------------*/
#bucket_facility {
	float: left;
	width: 315px;
	background-image: url(../images/facility_over.jpg);
	height: 220px;
	margin-left: 25px;
}

#bucket_facility a {
	text-indent: -5000px;
	display: block;
	height: 75px;
	color: #FFFFFF;
	padding-top: 145px;
	padding-right: 25px;
	padding-left: 28px;
	font-size: 14px;
	text-decoration: none;
	background-image: url(../images/facility_back.jpg);
}
#bucket_facility  a:hover {
	text-indent: 0px;
	background-image: none;
	background-position: left -220px;
}

/* ----------------- Bucket vehicle -----------------*/
#bucket_vehicle {
	float: left;
	width: 317px;
	background-image: url(../images/vehicle_over.jpg);
	height: 220px;
	margin-left: 25px;
}

#bucket_vehicle a {
	text-indent: -5000px;
	display: block;
	height: 75px;
	color: #FFFFFF;
	padding-top: 145px;
	padding-right: 25px;
	padding-left: 28px;
	font-size: 14px;
	text-decoration: none;
	background-image: url(../images/vehicle_back.jpg);
}
#bucket_vehicle a:hover {
	text-indent: 0px;
	background-image: none;
	background-position: left -220px;
}