@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0 ; width: 100%; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-align:center; overflow-x:hidden; } ul { list-style: none; } a { text-decoration: none;}

#wrapper { margin: 0 auto; padding: 0; width: 100%; height: 1060px; background:#000; }
#wrapper1 { margin: 0 auto; padding: 0; width: 100%; height: 1150px; background:#000; }
#wrapper2 { margin: 0 auto; padding: 0; width: 100%; height: 1250px; background:#000; }
#wrapper3 { margin: 0 auto; padding: 0; width: 100%; height: 1800px; background:#000; }
#wrapper4 { margin: 0 auto; padding: 0; width: 100%; height: 1350px; background:#000; }

/*mainblock*/
#block { margin:0; padding: 0; width: 90%; height: 1010px; position:absolute; right: 5%; top: 20px;}

#block1 { margin:0; padding: 0; width: 90%; height: 1120px; position:absolute; right: 5%; top: 20px;}

#block2 { margin:0; padding: 0; width: 90%; height: 1200px; position:absolute; right: 5%; top: 20px;}

#block3 { margin:0; padding: 0; width: 90%; height: 1750px; position:absolute; right: 5%; top: 20px;}

#block4 { margin:0; padding: 0; width: 90%; height: 1300px; position:absolute; right: 5%; top: 20px;}

#across { margin:0; padding: 0; width: 100%; height: 98%; position:absolute; top: 1%; left: 0; background:#FFF; }

#up { margin: 0; padding: 0; width: 98%; height: 100%; position:absolute; left: 1%; top: 0; background:#FFF; }
/*end*/

/*band*/
#band { margin: 0; padding: 0; width: 100%; height: 50px; position:absolute; top: 30px; left: 14%;}

#leftright { margin:0; padding: 0; width: 70%; height: 70px; position: absolute; top:0; right: 20%;}

#mid { margin: 0; padding: 0; width: 96%; height: 100%; position:absolute; left: 10px; background:#333;}
#mid2 { margin: 0; padding: 0; width: 96%; height: 100%; position:absolute; right: 10px; background:#333;}
/*end*/

/*band nav*/
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	position: absolute; 
	left: 18%;
	top: 10px;
	}
.menu ul{
	height:30px;
	width: auto;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px 4px 0px 4px;
		}
	.menu li a{
		color:#fff;
		display:block;
		font-weight:bold;
		line-height:50px;
		padding:0px 20px;
		width: auto;
		height: auto;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover{
			color:#3F0; background: transparent;
			text-decoration:none;
			}
	.menu li ul{
		background:#333;/*
		border-right: 2px solid #09f;
		border-left: 2px solid #09f;
		border-bottom: 2px solid #09f;*/
		display:none;
		height:auto;
		position:absolute;
		width:325px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display: block;
		}
	.menu li li {
		display: block;
		float:none;
		padding:0px;
		width:325px;
		}
	.menu li ul a{
		display:block;
		font-size:12px;
		font-style:normal;
		padding:0px 8px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover{
			background: /*#020E44;*/#309;
			color:#fff;
			}
	.menu p{
		clear:left;
		}	
/*end*/

/*logo*/
#logo { margin: 0; padding: 0; width: 180px; height: 110px; position: absolute; top: 50px; left: 10%;}
/*end*/


/*green box*/
#green { margin:0; padding: 0; width: 60%; height: 300px; position:absolute; top: 110px; right: 6%;}

#midg { margin:0; padding: 0; width: 97%; height: 100%; position: absolute; top: 0; left: 1%; background:url(../images/green.jpg) 0 0 repeat-x;}

#pictext { margin:0; padding: 0; width: 530px; height: 150px; position:absolute; top: 20px; left: 20px;}

#tog { margin:0; padding:0; width: 550px; height: 170px; position: absolute; bottom: 10px; left: 20px;}

#tog a:link, #tog a:visited, #tog a:hover, #tog a:active {  background: transparent; color: transparent;}

#ar { margin:0; padding: 0; width: 40px; height: 40px;  position:absolute; top: 20px; left: 0;}
#ro { margin: 0; padding: 0; width: 40px; height: 40px;  position:absolute; bottom: 30px; left: 0;}
#wo { margin:0; padding: 0; width: 40px; height: 40px; position:absolute; top: 20px; left: 310px;}
#rr { margin:0; padding:0; width: 40px; height: 40px; position:absolute; bottom: 30px; left: 310px;}
/*end*/

/*background*/
#greyblotch { margin:0; padding: 0; width: 100%; height: 200px; /*background:#09f;*/}

#colour { margin:0; padding: 0; width: 100%; height: 400px; /*background:#09F;*/}
/*end*/

/*Increase Potential*/
#inc { margin:0; padding: 0; width: 60%; height: 300px; position:absolute; top:420px; right: 6%; text-align:left;}

#lm { margin:0; padding: 0; width: 100px; height: 20px; position:relative; left: 60%; bottom: 30px; }

#lm a:link, #lm a:visited,  #lm a:active { background: #090; color:#FFF; padding: 5px 10px 5px 10px; border: 1px solid #333;} 
#lm a:hover { background: #fff; color:#333; padding: 5px 10px 5px 10px; border: 1px solid #333;} /*end*/

/*grey block*/
#g { margin:0; padding: 0; width: 28%; height: 990px; position:absolute; top: 30px; left: 6%;}
#ing  { margin:0; padding: 0; width: 60%; height: 990px; position:absolute; top: 0; left: 8px; background:#333;}
#ing4  { margin:0; padding: 0; width: 60%; height: 1160px; position:absolute; top: 0; left: 8px; background:#333;}
#ing8  { margin:0; padding: 0; width: 60%; height: 1270px; position:absolute; top: 0; left: 8px; background:#333;}
#ing6  { margin:0; padding: 0; width: 60%; height: 1720px; position:absolute; top: 0; left: 8px; background:#333;}
#ing1  { margin:0; padding: 0; width: 60%; height: 1100px; position:absolute; top: 0; left: 8px; background:#333;}
#ing2  { margin:0; padding: 0; width: 60%; height: 990px; position:absolute; top: 0; right: 30px; background:#333;}
#ing3  { margin:0; padding: 0; width: 60%; height: 1100px; position:absolute; top: 0; right: 30px; background:#333;}
#ing5  { margin:0; padding: 0; width: 60%; height: 1160px; position:absolute; top: 0; right: 30px; background:#333;}
#ing7  { margin:0; padding: 0; width: 60%; height: 1720px; position:absolute; top: 0; right: 30px; background:#333;}
#ing9  { margin:0; padding: 0; width: 60%; height: 1270px; position:absolute; top: 0; right: 30px; background:#333;}

#podder { margin:0; padding: 0; width:26.2%; height: auto; position:absolute; top: 185px; left: 6%; }

#pod { margin:0; padding: 0 0 0 0; width: auto; height: auto; font-size:12px; position:relative; top: 0; left: 0; text-align:left; font-weight:bold; z-index: 999;} #pod ul { position:relative; top: 10px; left: -40px;}
#pod  li { display: block; line-height: 40px; border-bottom: 1px solid #fff; width: 120%;} #pod  a:link, #pod a:visited, #pod a:active { background: transparent; color:#FFF; } #pod a:hover { background:transparent; color: #FF0;} #pod a { position:relative; left: 7px;}

#prodtitle { margin:0; padding: 0; width: 100%; height: 25px; position:absolute; top: 0; left:0;color: #FF0; font-size:14px; font-weight:bold; text-align:left; background:#090;} #prodtitle p { margin:0; padding: 0; position:absolute; left: 5%; bottom: 5px;}
/*end*/

/*footer*/
#footer { margin:0; padding: 0; width: 60%; height: 50px; position:absolute; top: 950px; right: 6%; border-top: 2px solid #ccc; text-align:left; font-size: 10px;}#footer ul { position:absolute; left: 13%; width: 500px;} #footer li { display:inline; padding-right: 3%;} #footer a:link, #footer a:visited, #footer a:active { background: transparent; color:#999;} #footer a:hover { background: transparent; color: #09f;}
#footer1 { margin:0; padding: 0; width: 60%; height: 50px; position:absolute; top: 1050px; right: 6%; border-top: 2px solid #ccc; text-align:left; font-size: 10px;}#footer1 ul { position:absolute; left: 13%; width: 500px;} #footer1 li { display:inline; padding-right: 3%;} #footer1 a:link, #footer1 a:visited, #footer1 a:active { background: transparent; color:#999;} #footer1 a:hover { background: transparent; color: #09f;}
#footer2 { margin:0; padding: 0; width: 60%; height: 50px; position:absolute; top: 1120px; right: 6%; border-top: 2px solid #ccc; text-align:left; font-size: 10px;}#footer2 ul { position:absolute; left: 13%; width: 500px;} #footer2 li { display:inline; padding-right: 3%;} #footer2 a:link, #footer2 a:visited, #footer2 a:active { background: transparent; color:#999;} #footer2 a:hover { background: transparent; color: #09f;}
#footer3 { margin:0; padding: 0; width: 60%; height: 50px; position:absolute; top: 1660px; right: 6%; border-top: 2px solid #ccc; text-align:left; font-size: 10px;}#footer3 ul { position:absolute; left: 13%; width: 500px;} #footer3 li { display:inline; padding-right: 3%;} #footer3 a:link, #footer3 a:visited, #footer3 a:active { background: transparent; color:#999;} #footer3 a:hover { background: transparent; color: #09f;}
#footer4 { margin:0; padding: 0; width: 60%; height: 50px; position:absolute; top: 1240px; right: 6%; border-top: 2px solid #ccc; text-align:left; font-size: 10px;}#footer4 ul { position:absolute; left: 13%; width: 500px;} #footer4 li { display:inline; padding-right: 3%;} #footer4 a:link, #footer4 a:visited, #footer4 a:active { background: transparent; color:#999;} #footer4 a:hover { background: transparent; color: #09f;}
#footer5 { margin:0; padding: 0; width: 60%; height: 50px; position:absolute; top: 1100px; right: 6%; border-top: 2px solid #ccc; text-align:left; font-size: 10px;}#footer5 ul { position:absolute; left: 13%; width: 500px;} #footer5 li { display:inline; padding-right: 3%;} #footer5 a:link, #footer5 a:visited, #footer5 a:active { background: transparent; color:#999;} #footer5 a:hover { background: transparent; color: #09f;}
/*end*/

/*dual box*/
#dual { margin:0; padding: 0; width: 60%; height: 400px; border-top: 2px solid #CCC; position: absolute; top: 650px; right: 6%;}

#serv { margin:0; padding: 0; width: 50%; height: auto;  position: absolute; left: 0; top: 20px;}
#servpic { margin:0; padding: 0; width: 285px; height: 120px; position:relative;}
#serv a:link, #serv a:visited, #serv a:hover, #serv a:active { background: transparent; color:#FFF;}

#prods { margin:0; padding: 0; position: absolute;border-left: 2px solid #CCC; top: 600px; right: 0; width: 50%; height: auto; top: 20px;}
#prodpic { margin:0; padding: 0; width: 280px; height: 120px; position:relative; left: 15px;}
#prods a:link, #prods a:visited, #prods a:hover, #prods a:active { background: transparent; color:#FFF;}

#dual a { text-align:left; position:relative; left: 20%;}

#dual a:link, #dual a:visited,  #dual a:active { background: #090; color:#FFF; padding: 5px 10px 5px 10px; border: 1px solid #333;} 
#dual a:hover { background: #fff; color:#333; padding: 5px 10px 5px 10px; border: 1px solid #333;}
/*end*/


/*download page*/

/*image*/
#imd {  margin:0; padding: 0; width: 60%; height: 280px; position:absolute; top: 120px; right: 6%; border-bottom: 2px solid #ccc;} 
#jud { margin:0; padding: 0; width: 50%; height: 400px; position:absolute; top: 0; left: -10%;}
#golf { margin:0; padding: 0; width: 50%; height: 400px; position: absolute; top: 0; left: 35%; }
/*end*/

/*downs*/
#downs { margin:0; padding: 0; width: 60%; height: 400px; position:absolute; top: 440px; left: 34%;}

#downloader { margin:0; padding: 0; width: 200px; height: 50px;}

#tab { margin:0; padding: 0; width: 100%; height: 100%;}

#tab tr a:link, #tabs tr a:visited, #tab tr a:active { background: #36F; color: #fff; padding: 10px; font-weight:bold; border: 1px solid #333;} #tab tr a:hover { background:#FFF; color: #000; padding: 10px; font-weight:bold; border: 1px solid #333;}

/*end*/

/*about page*/
#see { margin:0; padding: 0; width: 60%; height: 500px; position:absolute; top: 140px; left:33%; text-align:left;}
#set { margin:0; padding:0; width: 100%; height: 350px; position:relative; top: 0; left: 0; line-height: 20px;}
#set a:link, #set a:visited, #set a:active { background: transparent; color:#00C;} #set a:hover { background:transparent; color:#090;}
#sett { margin:0; padding:0; width: 100%; height:70px; position:relative; left: 0; border-bottom: 2px solid #CCC;}
/*end*/

/*products page*/
#happig { margin:0; padding: 0; width: 60%; height: 280px; position:absolute; top: 120px; right: 6%; border-bottom: 2px solid #ccc;}

#hapt { margin:0; padding:0; width: 50%; height: 280px; position:absolute; left: 0; top: 0;}

#hep { margin:0; padding: 0; width: 50%; height: 280px; position:absolute; top: 0; left: 35%;}

#proder { margin:0; padding:0; width: 100%; height: 500px;}



#proderh { margin:0; padding: 0; width: 60%; height: 100%; position:absolute; top: 425px; left:33%; }

#proderh tr a:link, #proderh tr a:visited, #proderh tr a:active { background: #36F; color: #fff; padding: 10px; font-weight:bold; border: 1px solid #333;} #proderh tr a:hover { background:#FFF; color: #000; padding: 10px; font-weight:bold; border: 1px solid #333;}
/*end*/

/*individual products*/

/*truck*/
#t { margin:0; padding:0; width: 60%; height: 150px; position:absolute; top: 120px; left: 33%; border-bottom: 2px solid #CCC;} 
#tt { margin:0; padding: 0; width: 50%; height: 400px; position: absolute; top: 0; left: 0; }
#ttt { margin:0; padding: 0; width: 50%; height: 400px; position:absolute; top: 0; left: 50%;}
#tttt { margin:0; padding: 0; width: 60%; height: 450px; position:absolute; top: 280px; left: 33%; text-align: left;}
#tttt a { padding: 5px 10px 5px 10px; border: 1px solid #333;} #tttt a:link, #tttt a:visited, #tttt a:active { background: #36f; color:#fff;} #tttt a:hover { background: #fff; color:#000;}
/*end*/#block2 {
	text-align: center;
}