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

html, body {
	background-color:#8cc542;
	text-align:center;
	margin: 0 auto;
	height:100%;
	font-family: Arial;
	font-size:17px;
	font-style:italic;
	font-weight: bold;
	color: #414142;
	
		}

A:link {text-decoration: none; color:#414142;}
A:visited {text-decoration: none; color:#414142;}
A:active {text-decoration: none; color:#414142;}
A:hover {text-decoration: underline; color: #fff;}


* {
   margin: 0;
 }

#container { margin: 0 auto;
			width: 1024px;
			height:768px;
			}

#head { float: left;
			width: 1024px;
			height:225px;
			background-image:url(images/quickplay_01.jpg);
			margin: 0 auto;
			}

#mib {	float:left;
		width:1024px;
		height:50px;
		
		
}



#mib2 {
	float:left;
	width:524px;
	height:140px;
	
	
		
}


#mib2 img {
			margin-top:80px;
			border:0;
			margin-left:-200px;
}


#ball {
	float:right;
	width:500px;
	height:140px;
		
		
		
		
}

#ball img {float:right;
			margin-top:70px;
			border:0;
			margin-right:407px;
}

h1 {font-size:21pt;
	text-align:left;
	float:left;
	color:#FFF;
	
	}
	
h2 {font-size:15pt;
	text-align:left;
	
	}

#menu { float: left;
			width: 1024px;
			height:45px;
			top:225px;
			}
			
			
			
#nav {padding:0; margin:0; list-style:none; height:45px; position:relative; z-index:100; font-family:arial, verdana, sans-serif; width:1024px;}

#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:45px; width:134px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.videodemo {
	background:transparent url(images/menu/video.jpg) repeat scroll 0 0;
}
#nav li a.aboutus {
	background:transparent url(images/menu/aboutus.jpg) repeat scroll 0 0;
}
#nav li a.products {
	background:transparent url(images/menu/products.jpg) repeat scroll 0 0;
}
#nav li a.application {
	background:transparent url(images/menu/application.jpg) repeat scroll 0 0;
	width: 145px;
}

#nav li a.services {
	background:transparent url(images/menu/services.jpg) repeat scroll 0 0;
}
#nav li a.contactus {
	background:transparent url(images/menu/contactus.jpg) repeat scroll 0 0;
	width: 170px;
}

#nav li a.home {
	background:transparent url(images/menu/home.jpg) repeat scroll 0 0;
	width:173px;
}

#nav li:hover a,
#nav a:hover
{
background-position: 0 45px;
}

#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:50;}

#nav a:hover {position:relative; white-space:normal; z-index:50;}

#nav :hover ul.sub
{left:0; top:44px; width:134px; height:auto; z-index:60;}

#nav :hover ul.sub li
{display:block; height:35px; position:relative; float:left; width:145px; font-weight:normal;}

#nav :hover ul.sub li a
{display:block; height:35px; width:145px; border:1px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}

#nav :hover ul li a.monocruiser {background:url(images/menu/im4-drop.jpg);}
#nav :hover ul li a.accessories {background:url(images/menu/access-drop.jpg);}
#nav :hover ul li a.standardapplications {background:url(images/menu/std-app-drop.jpg);}
#nav :hover ul li a.utilityapplication {background:url(images/menu/utility-drop.jpg);}
#nav :hover ul li a.gallery {background:url(images/menu/gallery.jpg);}
#nav :hover ul li a.specifications {background:url(images/menu/specific-drop.jpg);}
#nav :hover ul li a.advantage {background:url(images/menu/advantage-drop.jpg);}

#nav :hover ul li a.leasing {background:url(images/menu/leasing-drop.jpg);}
#nav :hover ul li a.warranty {background:url(images/menu/warranty-drop.jpg);}

#nav :hover ul.sub li a:hover 
{
background-position: 0 37px; 
position:relative;
}

#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}



#content { float: left;
			width: 1024px;
			height:423px;
			
}

#footer { float: left;
			width: 1024px;
			height:160px;
			background-color:#5a5e61;
			font-size:14px;
			font-family: Arial;
			font-style:normal;
			font-weight:normal;
			
			
}


.info-text {
			display:none;
					
}

.about {background-image:url(images/about-bg.jpg);
		width: 1024px;
		height:423px;
		margin:0 auto;
}

#about-left {float:left;
			width: 485px;
			}	

#about-head {margin-top:30px;
			margin-left:135px;
			float:left;
			width:335px;
			}
			
#about-text1 {	width: 350px;
				text-align:left;
				margin-top:15px;
				margin-left: 135px;
				float:left;
				height:290px;
				line-height:100%;				
				}

#about-text2 {	width: 370px;
				text-align:left;
				margin-top:45px;
				margin-left:30px;
				float:left;
				height:337px;
				line-height:100%;
				
				}
#utility-bg {background-image:url(images/im4-utility.jpg);
		width: 1024px;
		height:423px;
		margin:0 auto;
}

#utility-head {width: 800px;
				text-align:left;
				margin-top:30px;
				margin-left:140px;
				float:left;
				
}
#utility-info {width: 370px;
				text-align:left;
				margin-top:7px;
				margin-left:125px;
				float:left;
				height:300px;
				padding-left:20px;
}

#service-back {background-image:url(images/service-bg.jpg);
		width: 1024px;
		height:423px;
		margin:0 auto;
}

#service-head {width: 800px;
				text-align:left;
				margin-top:30px;
				margin-left:125px;
				float:left;
				
}

#service-text {text-align:left;
				width: 780px;
				margin-left:115px;
				margin-top: 15px;
				height: 290px;
				overflow:auto;
				float:left;
				padding-left:20px;

}

#contact-back { background-image:url(images/contact-bg.jpg);
		width: 1024px;
		height:423px;
		margin:0 auto;
}

#contact-head {width: 889px;
				text-align:left;
				margin-top:30px;
				margin-left:135px;
				float:left;
				
}

#contact-info {width: 889px;
				text-align:left;
				margin-top:13px;
				margin-left:135px;
				float:left;
				height:180px;
				
}

#contact-info2{width: 380px;
				text-align:left;
				margin-top:13px;
				margin-left:80px;
				float:left;
				height:310px;
				
}

#back {margin-top:25px;
		text-align:center;}


#contactus-but {	
				margin-top:5px;
				margin-left:135px;
				float:left;
				width: 889px;
				text-align:left;
				
				
}

#distributors-but {	
				margin-top:15px;
				margin-left:135px;
				float:left;
				width: 889px;
				text-align:left;
				
				
}

#locations-but {	
				margin-top:5px;
				margin-left:135px;
				float:left;
				width: 889px;
				text-align:left;
				
				
}

#distribute-back { background-image:url(images/distribute-bg.jpg);
		width: 1024px;
		height:423px;
		margin:0 auto;
}

#distribute-head {width: 889px;
				text-align:left;
				margin-top:30px;
				margin-left:125px;
				float:left;
				
}

#discontent-top {
	width:270px;
	margin-left:120px;
	margin-top:10px;
	text-align:left;
	height:20px;
	overflow:auto;
	float: left;
	margin-right: 600px;
			
			
}

#discontent {
	width:280px;
	margin-left:120px;
	text-align:left;
	height:255px;
	overflow:auto;
	float: left;
	margin-top: 10px;
			
			
}

#scroll-note{
	float:left;
	text-align:left;
	margin-top:10px;
	height: 255px;
	background-image: url(images/scroll.jpg);
	background-position: left top;
	width: 15px;
			
			
}


#im4-back { background-image:url(images/im4-product-bg.jpg);
		width: 1024px;
		height:423px;
		margin:0 auto;
}

#im4-head {width: 800px;
				text-align:left;
				margin-top:30px;
				margin-left:190px;
				float:left;
				
}

#im4-info {text-align:left;
				width: 390px;
				margin-left:120px;
				margin-top: 10px;
				height: 300px;
				float:left;
				overflow:auto;
				

}

#accessory-head {width: 200px;
				text-align:left;
				margin-top:30px;
				margin-left:130px;
				float:left;
				
}

/* Accessory Page Start */

#accessory-back { background-image:url(images/accessory-bg.jpg);
		width: 1024px;
		height:423px;
		margin:0 auto;
}



#accessory-head1 {width: 225px;
				text-align:left;
				margin-top:30px;
				margin-left:120px;
				float:left;
				
}



#accessory-info {text-align:left;
				
				width: 575px;
				height: 351px;
				margin-top: 27px;
				float:left;
				overflow:auto;
				
	}

#acc-list {
	float:left;
	width: 180px;
	padding: 8px;
	margin-top: 20px;
	border: 1px solid #5A5E61;
}			
			
/* Accessory Page End */			
			
#demo-info {text-align:center;
				width: 550px;
				margin-top: 50px;
				float:left;
				z-index:1;
	}			
			
#spec-back { background-image:url(images/spec-bg.jpg);
		width: 1024px;
		height:423px;
		margin:0 auto;
}

#spec-head {width: 240px;
				text-align:left;
				margin-top:30px;
				margin-left:150px;
				float:left;
				margin-bottom:95px;
				height:35px;
				
}

#spec-info1 {text-align:left;
				width: 345px;
				margin-left:0px;
				margin-top: 35px;
				float:left;
				font-size:11pt;
				height:126px;			

}

#spec-info2 {text-align:left;
				width: 255px;
				margin-left:0px;
				margin-top: 35px;
				float:left;
				font-size:11pt;
				height:126px;			

}

#spec-info3 {text-align:left;
				width: 318px;
				margin-left:72px;
				margin-top: 8px;
				float:left;
				font-size:11pt;
				height:210px;			

}

#spec-info4 {text-align:left;
				width: 345px;
				margin-left:0px;
				margin-top: 8px;
				float:left;
				font-size:11pt;
				height:210px;			

}

#spec-info5 {text-align:left;
				width: 250px;
				margin-left:0px;
				margin-top: 8px;
				float:left;
				font-size:11pt;
				height:210px;			

}
#application-back { background-image:url(images/apps/standard-apps.jpg);
		width: 1024px;
		height:423px;
		margin:0 auto;
}

#app-contain1 {width:518px;
				height:423px;
				float:left;
}


#application-head {width:370px;
				text-align:left;
				margin-top:30px;
				margin-left:130px;
				float:left;
				height: 34px;
				height:35px;
							
}

#app-rotate {width:279px;
			height:279px;
			float:left;
			margin-top:79px;
			margin-left:0px;
			text-align:left;
			
			

}

#app-text2 {position:relative;
			float:left;
			width:400px;
			text-align:left;
			margin-top:70px;
			margin-left:15px;
				
			
			}

#product-temp {background-image:url(images/temp/product-temp.jpg);
		width: 1024px;
		height:423px;
		margin:0 auto;
}

#app-temp {background-image:url(images/temp/app-temp.jpg);
		width: 1024px;
		height:423px;
		margin:0 auto;
}

#service-temp {background-image:url(images/temp/services-temp.jpg);
		width: 1024px;
		height:423px;
		margin:0 auto;
}

/* Lease Page Start */

#lease-back {background-image:url(images/leasing-bg.jpg);
		width: 1024px;
		height:423px;
		margin:0 auto;
}

#lease-head {width: 800px;
				text-align:left;
				margin-top:30px;
				margin-left:145px;
				float:left;
				
}

#lease-text {text-align:left;
				width: 780px;
				margin-left:115px;
				margin-top: 15px;
				height: 290px;
				overflow:auto;
				float:left;
				padding-left:20px;

}

/* Lease Page End */

#advantage-back {background-image:url(images/advantage-bg.jpg);
		width: 1024px;
		height:423px;
		margin:0 auto;
}

#advant-head {width: 864px;
				text-align:left;
				margin-top:30px;
				margin-left:5px;
				float:left;
				
}

#adv-text1 {float:left;
			width:370px;
			text-align:left;
			margin-top:10px;
			margin-left:100px;
			padding-left:30px;
			height:280px;
			
			
}
#adv-text2 {float:left;
			width:370px;
			text-align:left;
			margin-top:10px;
			margin-left:18px;
			padding-left:30px;
			
			
}

#adv-text3 {font-size:15px;
			float:left;
			width:340px;
			text-align:left;
			margin-left:20px;
			margin-top:20px;
			padding: 10px 10px 10px 20px;
			height:105px;
			border:solid;
			border-width:thin;
			
}

.temp-info {width: 889px;
				text-align:left;
				margin-top:150px;
				margin-left:180px;
				float:left;
				height:170px;
				
				
}



label,input {
	display: block;
	float: left;
	margin-bottom: 10px;
	
}

label {
	text-align: right;
	width: 120px;
	padding-right: 5px;
	
}

label,textarea {
	display: block;
	float: left;
	margin-bottom: 10px;
	
}


br {
	clear: left;
}

#contact-back2 { background-image:url(images/temp/temp-cont.jpg);
		width: 1024px;
		height:423px;
		margin:0 auto;
}

#sitemap-head {margin-top:30px;
			margin-left:145px;
			float:left;
			width:750px;
			height:35px;
			}
			
#left {margin-top:10px;
		text-align:left;
		width:270px;
		margin-left:100px;
		height:300px;
		float:left;
		}
		
#middle {text-align:left;
		width:270px;
		float:left;
		height:300px;
		padding-left:10px;
		margin-top:10px;
		}
		
#right {text-align:left;
		width:270px;
		float:left;
		height:300px;
		margin-top:10px;
		}
		
#gal-head {margin-top:30px;
			margin-left:160px;
			float:left;
			width:150px;
			}
#gal-box {text-align:left;
			margin-top:35px;
			float:left;
			width:600px;
			height:335px;
			overflow:auto;
			}
			
#gal-box img {padding: 1px 2px;
}

#location-back { background-image:url(images/location-bg.jpg);
		width: 1024px;
		height:423px;
		margin:0 auto;
}

#loc-head {width: 800px;
				text-align:left;
				margin-top:30px;
				margin-left:120px;
				float:left;
				margin-bottom:15px;
				height:35px;
				
}

#loc-info {text-align:left;
				width: 350px;
				margin-left:150px;
				margin-top: 10px;
				height: 250px;
				float:left;
				
				

}

#texthome {
	float: left;
	margin-top:115px;
	width: 352px;
	height: 170px;
	overflow: auto;
	text-align:left;
	font-size:14px;
	padding-right:5px;
	

}

#image-map{ float:left;
			width:656px;
			height:423px;
			

}

#home-back{background-image:url(images/home-image.jpg);
			float: left;
			width: 1024px;
			height:423px;
			
}

#optimise {width: 1024px;
			background-image:url(images/opt-bg2.jpg);
			background-repeat:repeat-y;
			margin: 0 auto;
			
			}

#optimise2 {margin: 0px 40px ;
			text-align:justify;
		
			}
			
#eweb1 {width: 1024px;
			background-image:url(images/opt-bg2.jpg);
			background-repeat:repeat-y;
			margin: 0 auto;
			
			}

#eweb2 {margin: 0px 40px ;
			text-align:justify;
		
			}
			
#spacer {height:20px;}


.footstyle1 {
	background-color:#5a5e61;
	float:left;
	width:235px;
	padding:10px;
	text-align:left;
	}

.mainfootlink, a.mainfootlink:link, a.mainfootlink:visited, a.mainfootlink:hover {
	color:#8cc542;
}
.footlink, a.footlink:link, a.footlink:visited, a.footlink:hover {
	color:#D2D3D5;
}