@charset "UTF-8";
/* CSS Document */

/*

orange: #f7bd10

*/


* {margin:0px; padding: 0px}

body {background:url(images/topBar.gif) repeat-x #00A3BE ; font-size: 62.5%; line-height: 1.5em; font-family: Geneva, Arial, Helvetica, sans-serif;}

.container {width: 784px; margin: 0 auto 0px auto; position: relative; z-index:100;}

#whiteBKG { position: relative; z-index:100; width: 100%; background: #ffffff; clear: both}

.none {display: none}

#top {width: 784px}

a {outline: none;}


/* ----- navigation ----- */

/* main navigation */

*html body #top .navMain {position: relative; top: -4px}


#top .navMain {height: 28px; width: 784px; float: left; overflow: visible}
#top .navMain ul {height: 28px; width: 784px; list-style: none;}
#top .navMain ul li {display: block; float: left; height: 28px;}
#top .navMain ul li a {display: block; height: 100%; width: 100%; text-indent: -9999px}

#top .navMain ul li.left {background:url(images/navMain_left.gif) no-repeat; width: 281px}
#top .navMain ul li.profile {background:url(images/navMain_profile.gif) no-repeat; width: 66px}
#top .navMain ul li.models {background:url(images/navMain_models.gif) no-repeat; width: 71px}
#top .navMain ul li.manufacturing {background:url(images/navMain_manufacturing.gif) no-repeat; width: 120px}
#top .navMain ul li.rentals {background:url(images/navMain_rentals.gif) no-repeat; width: 65px}
#top .navMain ul li.intl {background:url(images/navMain_intl.gif) no-repeat; width: 106px}
#top .navMain ul li.apps {background:url(images/navMain_apps.gif) no-repeat; width: 140px}

#top .navMain ul li.left a:hover {background:url(images/navMain_left_on.gif) no-repeat; width: 216px}
#top .navMain ul li.profile a:hover {background:url(images/navMain_profile_on.gif) no-repeat; width: 66px}
#top .navMain ul li.models a:hover {background:url(images/navMain_models_on.gif) no-repeat; width: 71px}
#top .navMain ul li.manufacturing a:hover {background:url(images/navMain_manufacturing_on.gif) no-repeat; width: 120px}
#top .navMain ul li.rentals a:hover {background:url(images/navMain_rentals_on.gif) no-repeat; width: 65px}
#top .navMain ul li.intl a:hover {background:url(images/navMain_intl_on.gif) no-repeat; width: 106px}
#top .navMain ul li.apps a:hover {background:url(images/navMain_apps_on.gif) no-repeat; width: 140px}

/* machines drop down */

.navMain .machines {display: none}
.navMain li.models:hover > .machines {background:url(images/machines_drop_BKG.gif) no-repeat bottom; height: 73px; width: 490px;  margin: 0 0 0 0 ; display: block; position: absolute; right: 0px; z-index: 100}
.navMain .machines ul {height: 68px !important; width: 480px !important;  margin:5px 0 0 5px; list-style: none}
.navMain .machines ul li {height: 68px !important; display: block; float: left;}
.navMain .machines ul li a {display: block; height: 100%; width: 100%; text-indent:-9999px}

.navMain .machines li.buggy {background:url(images/navMachines_buggy.png) no-repeat; width: 49px}
.navMain .machines li.cat305 {background:url(images/navMachines_cat305.png) no-repeat; width: 64px}
.navMain .machines li.cat307 {background:url(images/navMachines_cat307.png) no-repeat; width: 61px}
.navMain .machines li.cat312 {background:url(images/navMachines_cat312.png) no-repeat; width: 62px}
.navMain .machines li.cat320 {background:url(images/navMachines_cat320.png) no-repeat; width: 63px}
.navMain .machines li.bobcat331 {background:url(images/navMachines_bobcat331.png) no-repeat; width: 61px}
.navMain .machines li.bobcat337 {background:url(images/navMachines_bobcat337.png) no-repeat; width: 58px}
.navMain .machines li.pontoons {background:url(images/navMachines_pontoons.png) no-repeat; width: 57px}

.navMain .machines li.buggy a:hover {background:url(images/navMachines_buggy_on.png) no-repeat !important; width: 49px}
.navMain .machines li.cat305 a:hover {background:url(images/navMachines_cat305_on.png) no-repeat !important; width: 64px}
.navMain .machines li.cat307 a:hover {background:url(images/navMachines_cat307_on.png) no-repeat !important; width: 61px}
.navMain .machines li.cat312 a:hover {background:url(images/navMachines_cat312_on.png) no-repeat !important; width: 62px}
.navMain .machines li.cat320 a:hover {background:url(images/navMachines_cat320_on.png) no-repeat !important; width: 63px}
.navMain .machines li.bobcat331 a:hover {background:url(images/navMachines_bobcat331_on.png) no-repeat !important; width: 61px}
.navMain .machines li.bobcat337 a:hover {background:url(images/navMachines_bobcat337_on.png) no-repeat !important; width: 58px}
.navMain .machines li.pontoons a:hover {background:url(images/navMachines_pontoons_on.png) no-repeat !important; width: 57px}

/* sub navigation */

.navSub {height: 32px}
.navSub ul { float: right; width: 250px; list-style: none; margin: 7px 0 0 0}
.navSub ul li {height: 19px; text-indent: -9999px; dislpay: block; float: right;}
.navSub ul li a {display: block; height: 100%; width: 100%;}

.navSub ul li.faqs {background:url(images/navSub_faqs.gif) no-repeat; width: 47px;}
.navSub ul li.contact {background:url(images/navSub_contact.gif) no-repeat; width: 78px;}
.navSub ul li.home {background:url(images/navSub_home.gif) no-repeat; width: 49px;}

.navSub ul li.faqs a:hover {background:url(images/navSub_faqs_on.gif) no-repeat; width: 47px;}
.navSub ul li.contact a:hover {background:url(images/navSub_contact_on.gif) no-repeat; width: 78px;}
.navSub ul li.home a:hover {background:url(images/navSub_home_on.gif) no-repeat; width: 49px;}

/* working applications menu */

*html body #top .navApps {height: 25px} /*fixes bounce in ie6 */

#top .navApps {height: 22px; width: 784px; margin: 10px 0 0 0; float: left}
#top .navApps ul {width: 784px; list-style: none; clear: both;}
#top .navApps ul li { display: block; height: 22px; float: left; margin:0 10px; list-style: none; }
#top .navApps ul li a {display: block; height: 100%; width: 100%;text-indent: -9999px}
#top .navApps ul li a:hover {border-bottom: 3px solid #f7bd10}

#top .navApps ul li.pipeline {background:url(images/navApps_pipeline.gif) no-repeat; width: 70px; margin: 0 10px 0 0 }
#top .navApps ul li.recovery {background:url(images/navApps_recovery.gif) no-repeat; width: 93px}
#top .navApps ul li.oil {background:url(images/navApps_oil.gif) no-repeat; width: 74px}
#top .navApps ul li.dredging {background:url(images/navApps_dredging.gif) no-repeat; width: 46px}
#top .navApps ul li.cable {background:url(images/navApps_cable.gif) no-repeat; width: 106px}
#top .navApps ul li.forestry {background:url(images/navApps_forestry.gif) no-repeat; width: 42px}
#top .navApps ul li.highway {background:url(images/navApps_highway.gif) no-repeat; width: 112px}
#top .navApps ul li.levee {background:url(images/navApps_levee.gif) no-repeat; width: 98px; margin: 0 0 0 10px}

/* quick links menu (icons and box on right on home page) */

*html body #navQuick {width: 206px; margin: 0 -3px 0 0; position: relative; bottom: 10px} /* fixes width and top margin bug in ie6 */
*+html body #navQuick {position: relative; bottom: 10px; z-index: 1 !importantp}
#navQuick {width: 195px; float: right; clear: right; margin: 16px -3px 0 0; position: relative; z-index: 1 !important}
#navQuick ul {width: 195px}
#navQuick ul li {height: 36px; width: 195px; display: block; list-style: none; }
#navQuick ul li a {display: block; height: 100%; width: 100%;text-indent: -9999px}

#navQuick ul li.top {background:url(images/navQuick_top.gif) no-repeat; height: 4px !important; }
*+html body #navQuick ul li.top {position: relative; top:1px;}
*html body #navQuick ul li.top {position: relative; top:9px;}
#navQuick ul li.bottom {background:url(images/navQuick_bottom.gif) no-repeat; height: 5px !important; }
*+html body #navQuick ul li.bottom {position: relative; bottom: 9px}

#navQuick ul li.process {background:url(images/navQuick_process.gif) no-repeat; }
#navQuick ul li.machines {background:url(images/navQuick_machines.gif) no-repeat; }
#navQuick ul li.options {background:url(images/navQuick_options.gif) no-repeat;}
#navQuick ul li.rentals {background:url(images/navQuick_rentals.gif) no-repeat; }
#navQuick ul li.transporting {background:url(images/navQuick_transporting.gif) no-repeat; }
#navQuick ul li.apps {background:url(images/navQuick_apps.gif) no-repeat; }
#navQuick ul li.contact {background:url(images/navQuick_contact.gif) no-repeat; }

#navQuick ul li.process a:hover {background:url(images/navQuick_process_on.gif) no-repeat; }
#navQuick ul li.machines a:hover {background:url(images/navQuick_machines_on.gif) no-repeat; }
#navQuick ul li.options a:hover {background:url(images/navQuick_options_on.gif) no-repeat;}
#navQuick ul li.rentals a:hover {background:url(images/navQuick_rentals_on.gif) no-repeat; }
#navQuick ul li.transporting a:hover {background:url(images/navQuick_transporting_on.gif) no-repeat; }
#navQuick ul li.apps a:hover {background:url(images/navQuick_apps_on.gif) no-repeat; }
#navQuick ul li.contact a:hover {background:url(images/navQuick_contact_on.gif) no-repeat; }

.saleRent {background:url(images/saleRent.gif) no-repeat; height: 43px; width: 194px; text-indent: -9999px; margin: 15px 0 0 0}
.preOwned {background:url(images/preOwned.gif) no-repeat; height: 43px; width: 194px; text-indent: -9999px; margin: 12px 0 10px 0}
.preOwned a {display: block; height: 100%; width: 100%; text-indent: -9999px;}
.preOwned a:hover {background: url(images/preOwned_on.gif) no-repeat;}

/* ----- header ----- */

#header {background:url(images/headerBKG.jpg) no-repeat; height: 229px; width: 784px; clear: both; float: left; margin:10px 0 0 0}
#header h1 {display: block; height: 229px; width: 229px; }
#header h1 a {display: block; height: 100%; width: 100%;text-indent: -9999px;}

/* ----- content ----- */

/* home boxes */

*html body #content .box {margin: 0 } /* fixes top margin in ie6 */
*html body #content .box .bottom {background-position: bottom; margin: 0} /* fixes background image repeatin underneath in ie6 */

.options img {margin: 0px 15px 15px 15px !important; border: none}

#content {width: 784px}

#content .box {background:url(images/homeContent_BKG.gif) repeat-y; width: 574px; float: left; clear: both; margin: 16px 0 0 0; min-height: 209px; position: relative; padding: 0 0 15px 0 }
#content .box .top {background:url(images/homeContent_top.gif) no-repeat; height: 4px; width: 574px}
#content .box .bottom {background:url(images/homeContent_bottom.gif) no-repeat; height: 3px; width: 574px; margin: 15px 0 0 0 ; position: absolute; bottom: 0; left: 0}
#content .box h3 {height: 41px; text-indent: -9999px; margin: 15px 0 0 15px;width: 574px;}
#content .box h4 {font-size: 1.5em; color: #333333; margin: 9px 0 12px 15px }

#content .box p {color: #887D73; font-size: 1.2em; margin: 8px 15px 4px 15px; line-height: 1.6em;}

#content .box a {color: #0994A7; text-decoration: none}
#content .box a:hover {color: #45BCCE}

/*page headers section*/

.applications .box h3 {background-position: bottom}

#content .box h3#wide_load {background:url(images/header_home.gif) no-repeat left ;  }
#content .box h3#reliability {background:url(images/header_profile.gif) no-repeat left; }
#content .box h3#machines{background:url(images/header_machines.gif) no-repeat left;}
#content .box h3#history {background:url(images/header_history.gif) no-repeat left;}
#content .box h3#international {background:url(images/header_international.gif) no-repeat left;}
#content .box h3#models {background:url(images/header_models.gif) no-repeat left;}
#content .box h3#rentals {background:url(images/header_rentals.gif) no-repeat left;}
#content .box h3#apps {background:url(images/header_apps.gif) no-repeat left;}
#content .box h3#contact {background:url(images/header_contact.gif) no-repeat left;}
#content .box h3#faqs {background:url(images/header_faqs.gif) no-repeat left;}
#content .box h3#manufactoring {background:url(images/header_manufacturing.gif) no-repeat left;}
#content .box h3#options {background:url(images/header_options.gif) no-repeat left;}
#content .box h3#used {background:url(images/header_used.gif) no-repeat left;}


#content .box h3#pipeline {background:url(images/header_pipeline.gif) no-repeat left bottom;}
#content .box h3#disaster {background:url(images/header_disaster.gif) no-repeat left bottom;}
#content .box h3#oil {background:url(images/header_oil.gif) no-repeat left bottom;}
#content .box h3#dredging {background:url(images/header_dredg.gif) no-repeat left bottom;}
#content .box h3#phone {background:url(images/header_phone.gif) no-repeat left bottom;}
#content .box h3#forestry {background:url(images/header_forestry.gif) no-repeat left bottom;}
#content .box h3#highway {background:url(images/header_highway.gif) no-repeat left bottom;}
#content .box h3#levee {background:url(images/header_levee.gif) no-repeat left bottom;}

#content .box h3#m305 {background:url(images/header_305.gif) no-repeat left;}
#content .box h3#m307 {background:url(images/header_307.gif) no-repeat left;}
#content .box h3#m312 {background:url(images/header_312.gif) no-repeat left;}
#content .box h3#m320 {background:url(images/header_320.gif) no-repeat left;}
#content .box h3#m337-341 {background:url(images/header_337-341.gif) no-repeat left;}
#content .box h3#m331-334 {background:url(images/header_331-334.gif) no-repeat left;}
#content .box h3#mPontoons {background:url(images/header_pontoons.gif) no-repeat left;}
#content .box h3#mBuggy {background:url(images/header_buggy.gif) no-repeat left;}


/* table styles for specifications */

#content .box table {width: 560px; margin: 0 auto;}
#content .box table td {padding: 5px; font-size: 1.2em;}
#content .box table td.hightlight1 {background:#00A2BD; border: 1px solid #0094A9; color: #ffffff}
#content .box table td.highlight2 {background: #EDEDED; border: 1px solid #BBBBBB}

#content .box img.left {float: left; position: relative; margin: 0 0 0 5px; z-index: 50;}
#content .box p.description305 {position: absolute; left: 300px; top: 385px; z-index:100; width: 245px;}
*html body #content .box p.description305 {top: 390px;}
#content .box p.descriptionPontoons {
	position: absolute;
	left: 373px;
	top: 61px;
	z-index:100;
	width: 170px;
}
#content .box p.descriptionBuggy {
	position: absolute;
	left: 353px;
	top: 59px;
	z-index:100;
	width: 190px;
}


/* ----- footer ----- */

#footer {background:url(images/footerBKG.jpg) center repeat-x; width: 100%; height: 274px; clear: both; border-top: 3px solid #f7bd10}

#footer #container2 {width: 784px; margin: 0 auto;}

/* machines */
#footer .machines {background:url(images/machines_BKG.png) no-repeat; height: 106px; width: 490px; float: right; margin: 15px 0 0 0}
#footer .machines ul {height: 68px; width: 480px; float: right; margin: 32px auto 0 auto; list-style: none}
#footer .machines ul li {height: 68px; display: block; float: left;}
#footer .machines ul li a {display: block; height: 100%; width: 100%; text-indent:-9999px}

#footer .machines li.buggy {background:url(images/navMachines_buggy.png) no-repeat; width: 49px}
#footer .machines li.cat305 {background:url(images/navMachines_cat305.png) no-repeat; width: 64px}
#footer .machines li.cat307 {background:url(images/navMachines_cat307.png) no-repeat; width: 61px}
#footer .machines li.cat312 {background:url(images/navMachines_cat312.png) no-repeat; width: 62px}
#footer .machines li.cat320 {background:url(images/navMachines_cat320.png) no-repeat; width: 63px}
#footer .machines li.bobcat331 {background:url(images/navMachines_bobcat331.png) no-repeat; width: 61px}
#footer .machines li.bobcat337 {background:url(images/navMachines_bobcat337.png) no-repeat; width: 58px}
#footer .machines li.pontoons {background:url(images/navMachines_pontoons.png) no-repeat; width: 57px}

#footer .machines li.buggy a:hover {background:url(images/navMachines_buggy_on.png) no-repeat; width: 49px}
#footer .machines li.cat305 a:hover {background:url(images/navMachines_cat305_on.png) no-repeat; width: 64px}
#footer .machines li.cat307 a:hover {background:url(images/navMachines_cat307_on.png) no-repeat; width: 61px}
#footer .machines li.cat312 a:hover {background:url(images/navMachines_cat312_on.png) no-repeat; width: 62px}
#footer .machines li.cat320 a:hover {background:url(images/navMachines_cat320_on.png) no-repeat; width: 63px}
#footer .machines li.bobcat331 a:hover {background:url(images/navMachines_bobcat331_on.png) no-repeat; width: 61px}
#footer .machines li.bobcat337 a:hover {background:url(images/navMachines_bobcat337_on.png) no-repeat; width: 58px}
#footer .machines li.pontoons a:hover {background:url(images/navMachines_pontoons_on.png) no-repeat; width: 57px}

#footer .navMain .machines {display: none}

/* ie6 image replacements */

*html body #footer .machines {background:url(images/machines_BKG.gif) no-repeat; }

*html body #footer .machines li.buggy {background:url(images/navMachines_buggy.gif) no-repeat;}
*html body #footer .machines li.cat305 {background:url(images/navMachines_cat305.gif) no-repeat;}
*html body #footer .machines li.cat307 {background:url(images/navMachines_cat307.gif) no-repeat;}
*html body #footer .machines li.cat312 {background:url(images/navMachines_cat312.gif) no-repeat;}
*html body #footer .machines li.cat320 {background:url(images/navMachines_cat320.gif) no-repeat;}
*html body #footer .machines li.bobcat331 {background:url(images/navMachines_bobcat331.gif) no-repeat;}
*html body #footer .machines li.bobcat337 {background:url(images/navMachines_bobcat337.gif) no-repeat;}
*html body #footer .machines li.pontoons {background:url(images/navMachines_pontoons.gif) no-repeat;}

*html body #footer .machines li.buggy a:hover {background:url(images/navMachines_buggy_on.gif) no-repeat;}
*html body #footer .machines li.cat305 a:hover {background:url(images/navMachines_cat305_on.gif) no-repeat;}
*html body #footer .machines li.cat307 a:hover {background:url(images/navMachines_cat307_on.gif) no-repeat;}
*html body #footer .machines li.cat312 a:hover {background:url(images/navMachines_cat312_on.gif) no-repeat;}
*html body #footer .machines li.cat320 a:hover {background:url(images/navMachines_cat320_on.gif) no-repeat;}
*html body #footer .machines li.bobcat331 a:hover {background:url(images/navMachines_bobcat331_on.gif) no-repeat;}
*html body #footer .machines li.bobcat337 a:hover {background:url(images/navMachines_bobcat337_on.gif) no-repeat;}
*html body #footer .machines li.pontoons a:hover {background:url(images/navMachines_pontoons_on.gif) no-repeat;}


/* footer application navigation */

*html body #footer .navApps {width: 134px} /* fixes ul width bug in ie6 */

#footer .navApps {float: left; margin: 15px 30px 0 0}
#footer .navApps ul {list-style:none;}
#footer .navApps ul li {display: block; height: 18px; font-size: 1.2em;}
#footer .navApps ul li a {display: block; height: 100%; width: 100%; color: #ffffff; text-decoration:none}
#footer .navApps ul li a:hover {color: #a5e1ea}


*html body #footer .navMain {width: 105px}
#footer .navMain {float: left; margin: 15px 20px 0 0}
#footer .navMain ul {list-style:none;}
#footer .navMain ul li {display: block; height: 18px; font-size: 1.2em;}
#footer .navMain ul li a {display: block; height: 100%; width: 100%; color: #ffffff; text-decoration:none}
#footer .navMain ul li a:hover {color: #a5e1ea}

#footer .navMain ul li.left {display: none}
#footer .navMain ul li.none {display: list-item}

#footer .navMain ul ul {display: none}

/* site Info section */

#siteInfo {width: 490px; float: right; margin: 10px 0 0 0; color: #ffffff; font-size: 1.2em}
#siteInfo a {color: #ffffff; text-decoration: none}
#siteInfo a:hover {color: #a5e1ea}

#siteInfo .copy {float: left;}
#siteInfo .credits {float: right}

/* contact section */

#contactInfo {width: 784px; margin: 0px auto 20px auto; text-align: center; clear: both; color: #ffffff; font-size: 1.3em; position: relative; top: 15px}
#contactInfo a {color: #ffffff; text-decoration: none}
#contactInfo a:hover {color: #a5e1ea}


/* ----- machine drop down menu ----- */