@charset "utf-8";

/* CSS Document */

/* ------------------------------------------------------------------------------------------------

	Created by elykinnovation, inc. - http://www.elykinnovation.com
	Jacksonville, Florida - Web Design Company

--------------------------------------------------------------------------------------------------- */


a, div {-moz-outline:none;}

a, div {outline:none;}

a {
	color: #669999;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	color: #68D5E8;
	text-decoration: none;
}

img {
	border:none;
}

 /*----------------------------------------------------------------------------------------------------------------

	.png hack

------------------------------------------------------------------------------------------------------------------*/

/* * { behavior: url(iepngfix.htc); }*/
 .pngfix { behavior: url(css/iepngfix.htc); }
 

/* ---------------------------------------------------------------------------

	Body 

--------------------------------------------------------------------------- */

body {
	margin: 0px;
	
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 13px;
	color: #ccc;
}

.main_bg {
	background: url(../images/bg_body.jpg) center top no-repeat #333;
}

.crane_bg {
	background: url(../images/bg_crane.jpg) center top no-repeat #333;
}

.barges_bg {
	background: url(../images/bg_barges.jpg) center top no-repeat #333;
}

.tugs_bg {
	background: url(../images/bg_tugs.jpg) center top no-repeat #333;
}

.services_bg {
	background: url(../images/bg_services.jpg) center top no-repeat #333;
}

.lifts_bg {
	background: url(../images/bg_lifts.jpg) center top no-repeat #333;
}

.parts_bg {
	background: url(../images/bg_parts.jpg) center top no-repeat #333;
}

.contact_bg {
	background: url(../images/bg_contact.jpg) center top no-repeat #333;
}

/*.wrap {
	width: 1000px;
	margin: 0 auto;
}*/

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0 0 0 0;
	border: 0px;
	width: 810px; /* Make this number 10px wider than actual design b/c shawn can't code css correctly for ie issues */
}

.head_wrap {
	width: 100%;
	height: 133px;
	background: #272727;
	border-bottom: #66999A solid 2px;
}

#header {
	margin: 0 auto;
	width: 810px;
	background: #272727;
	
}

#container {
	width: 800px;
	padding: 18px 0px 0px 0px;
}


#side_a {
	width: 540px;
	float: left;
	padding: 0px 0px 20px 0px;
}

#side_b { 
	float: right;
	width: 240px;
	background-color: #272727;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

/* ---------------------------------------------------------------------------

	For 3 column design: Leave off if unneccessary

--------------------------------------------------------------------------- */

#side_c {
	margin: 0px 0px 0px 0px;
	width: 800px;
}

#footer {
	clear: both;
	color: #272727;
	font-size: 12px;
	width: 790px;
	height: 28px;
	padding: 12px 0 0 10px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
}


/* ---------------------------------------------------------------------------

	Logo Replace

--------------------------------------------------------------------------- */

#logo a {
	display: block;
	text-decoration: none;
	width: 140px;
	height: 131px;
	background: url(../images/logo_mobro_marine.jpg);
	background-repeat: no-repeat;
	margin: 0;
	float: left;
	/*background: ;*/
}

/* ---------------------------------------------------------------------------

	Flash Banner

--------------------------------------------------------------------------- */

#flash_banner {
	width: 670px;
	height: 131px;
	margin: 0px 0px 0px 0px;
	float: right;
	background: #272727;
}

/* ---------------------------------------------------------------------------

	General Declarations

--------------------------------------------------------------------------- */

h1 {
	font-size: 20px;
	font-weight: lighter;
	color: #ccc;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h2 {
	font-size: 20px;
	font-weight: lighter;
	color: #cc9900;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h3 {
	font-size: 18px;
	font-weight: lighter;
	color: #ccc;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.hide {
	visibility: hidden;
	display: none;
	text-indent: -8520px;
}

.pictureframe {
	border: #000 1px solid;
	padding: 4px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clear {
	clear: both;
	background-color: transparent;
	height: 1px;
}

#whats_new {
	display: block;
	text-decoration: none;
	width: 240px;
	height: 48px;
	background-image: url(../images/whats_new_bg.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	float: left;
	border-bottom: #666 2px solid;
}

#whats_new_product {
	width: 220px;
	font-size: 14px;
	padding: 14px 10px 10px 10px;
	float: left;
}

.learnmore a:link, .learnmore a:visited {
	float: right;
	color: #669999;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}

.learnmore a:hover, .learnmore a:visited:hover {
	float: right;
	color: #68D5E8;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#help_project_succeed {
	width: 220px;
	border-bottom: #666 2px solid;
	border-top: #666 2px solid;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	float: left;
}

#help_project_succeed p {
	margin: 10px 0;
}

#help_project_succeed .yellow_title {
	font-size: 13px;
	font-weight: bold;
	color: #cc9900;
}

#help_project_succeed a:link, #help_project_succeed a:visited {
	color: #ccc;
	text-decoration: none;
}

#help_project_succeed a:hover, #help_project_succeed a:visited:hover {
	color: #fff;
	text-decoration: none;
}

#kobelco_dealer {
	display: block;
	text-decoration: none;
	width: 230px;
	height: 35px;
	background-image: url(../images/kobelco_dealer.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 45px 10px 0px 0px;
	float: left;
}

#kobelco_dealer p {
	margin: 0px 0px 0px 0px;
}

.kobelco_pics {
	float: right;
	margin: 10px 0 0 10px;
}


/* ---------------------------------------------------------------------------

	Main Menu

--------------------------------------------------------------------------- */
#navbar {
	height: 38px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

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

#navbar a {
	text-decoration:none;
	display:block;
	text-indent:-5000px;
	float:left;
}

#navbar #home {
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:46px;
	height:38px;
}

#navbar #cranes {
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	background-position:-46px 0px;
	width:97px;
	height:38px;
}

#navbar #barges {
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	background-position:-143px 0px;
	width:95px;
	height:38px;
}

#navbar #tugs {
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	background-position:-238px 0px;
	width:76px;
	height:38px;
}

#navbar #services {
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	background-position:-314px 0px;
	width:104px;
	height:38px;
}

#navbar #special_lifts_projects {
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	background-position:-418px 0px;
	width:146px;
	height:38px;
}

#navbar #parts_sales {
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	background-position:-564px 0px;
	width:154px;
	height:38px;
}

#navbar #contact_us {
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	background-position:-718px 0px;
	width:82px;
	height:38px;
}

#navbar #home:hover {
	background-position:0px -38px;
}

#navbar #cranes:hover {
	background-position:-46px -38px;
}

#navbar #barges:hover {
	background-position:-143px -38px;
}

#navbar #tugs:hover {
	background-position:-238px -38px;
}

#navbar #services:hover {
	background-position:-314px -38px;
}

#navbar #special_lifts_projects:hover {
	background-position:-418px -38px;
}

#navbar #parts_sales:hover {
	background-position:-564px -38px;
}

#navbar #contact_us:hover {
	background-position:-718px -38px;
}





/* ---------------------------------------------------------------------------

		OLD MENU WITH ABOUT US LINK 


#navbar #home {
	background-image:url(../images/menu.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:46px;
	height:38px;
}

#navbar #cranes {
	background-image:url(../images/menu.jpg);
	background-repeat:no-repeat;
	background-position:-46px 0px;
	width:70px;
	height:38px;
}

#navbar #barges {
	background-image:url(../images/menu.jpg);
	background-repeat:no-repeat;
	background-position:-116px 0px;
	width:90px;
	height:38px;
}

#navbar #tugs {
	background-image:url(../images/menu.jpg);
	background-repeat:no-repeat;
	background-position:-206px 0px;
	width:62px;
	height:38px;
}

#navbar #services {
	background-image:url(../images/menu.jpg);
	background-repeat:no-repeat;
	background-position:-268px 0px;
	width:88px;
	height:38px;
}

#navbar #special_lifts_projects {
	background-image:url(../images/menu.jpg);
	background-repeat:no-repeat;
	background-position:-356px 0px;
	width:135px;
	height:38px;
}

#navbar #parts_sales {
	background-image:url(../images/menu.jpg);
	background-repeat:no-repeat;
	background-position:-491px 0px;
	width:124px;
	height:38px;
}

#navbar #about_us {
	background-image:url(../images/menu.jpg);
	background-repeat:no-repeat;
	background-position:-615px 0px;
	width:103px;
	height:38px;
}

#navbar #contact_us {
	background-image:url(../images/menu.jpg);
	background-repeat:no-repeat;
	background-position:-718px 0px;
	width:92px;
	height:38px;
}

#navbar #home:hover {
	background-position:0px -38px;
}

#navbar #cranes:hover {
	background-position:-46px -38px;
}

#navbar #barges:hover {
	background-position:-116px -38px;
}

#navbar #tugs:hover {
	background-position:-206px -38px;
}

#navbar #services:hover {
	background-position:-268px -38px;
}

#navbar #special_lifts_projects:hover {
	background-position:-356px -38px;
}

#navbar #parts_sales:hover {
	background-position:-491px -38px;
}

#navbar #about_us:hover {
	background-position:-615px -38px;
}

#navbar #contact_us:hover {
	background-position:-718px -38px;
}


--------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------

	Horizontal Navigation

--------------------------------------------------------------------------- */

#NAME {
   white-space: nowrap;
   float: left;
   width: 444px;
   height: 20px;
} 
#NAME ul {
   padding: 0px;
   margin: 0px;
}

#NAME ul li {
   display: inline;
   text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
}

#NAME ul li a:link, #NAME ul li a:visited {
	color: #666666;
	text-decoration: none;
}

#NAME ul li a:hover, #NAME ul li a:visited:hover {
	color: #990000;
	text-decoration: none;
}


/* ---------------------------------------------------------------------------

	Unordered List Stylings

--------------------------------------------------------------------------- */


#NAME ul {
	 padding-left: 5px;
	 margin-left: 5px;
	 margin-top: 0px;
	 text-indent: 1px;
	 list-style: none;
}

#NAME li {
	border-bottom: #CCCCCC 1px dotted;
	width: 95%;
	margin: 0px 0px;
	padding: 4px 0px;
	font-size: 13px;
}

#NAME a:link, #NAME a:visited {
	color: #333333;
	text-decoration: none;
}

#NAME a:hover, #NAME a:visited:hover {
	color: #990000;
	text-decoration: none;
}

/* ---------------------------------------------------------------------------

	GALLERY

--------------------------------------------------------------------------- */

.gallery a{
	border: 2px solid #669999;
	float: left;
	margin: 0 4px 4px 0;
}

.gallery a:hover{
	border: 2px solid #68D5E8;
}

.gallery h2 {
	padding: 10px 0 0 0;
}

.gallery_section {
	clear: both;
}

.gallery_title {
	clear: both;
	padding: 4px 0 10px 0;
}

/* ---------------------------------------------------------------------------

	Sidebar 02

--------------------------------------------------------------------------- */


.kobelco_crane_dealer {
	display: block;
	text-decoration: none;
	width: 230px;
	height: 35px;
	background-image: url(../images/kobelco_top.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 45px 10px 0px 0px;
	float: left;
	border-bottom: #999 2px solid;
}

.kobelco_crane_dealer p {
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

#whats_new_02 {
	text-decoration: none;
	width: 240px;
	height: 48px;
	background-image: url(../images/whats_new_bg.jpg);
	background-repeat: no-repeat;
	margin: 0;
	border-bottom: #999 2px solid;
}


#help_project_succeed_2 {
	width: 220px;
	border-bottom: #999 0px solid;
	border-top: #999 2px solid;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	float: left;
}

#help_project_succeed_2 p {
	margin: 10px 0;
}

#help_project_succeed_2 .yellow_title {
	font-size: 13px;
	font-weight: bold;
	color: #cc9900;
}

#help_project_succeed_2 a:link, #help_project_succeed_2 a:visited {
	color: #ccc;
	text-decoration: none;
}

#help_project_succeed_2 a:hover, #help_project_succeed_2 a:visited:hover {
	color: #fff;
	text-decoration: none;
}