/*
CSS Credit: http://www.templatemo.com/
*/

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family:Verdana, Arial, san-serif;
	font-size:13px;
	color: #e4e4e4;
	background: #000000;
}

a:link, a:visited { color: #CCFF00; text-decoration: none; font-weight: normal; }
a:active, a:hover { color: #FFFF00; text-decoration:none; }

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

.cleaner {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
}

.cleaner_with_height {
	clear: both;
	width: 100%;
	height: 30px;
	font-size: 1px;	
}

.readmore a {
	clear: both;
	float: left;
	height: 21px;
	width: 100px;
	padding: 2px 0 0 10px;
	margin: 0 15px 10px 0;
	text-align: center;
	font-weight: bold;
	text-decoration:none;
	color: #ffffff;
	border: none;
	background: url(images/readmore_button.jpg) no-repeat;
}

#product_menu ul{
width:840px;
}

#product_menu ul{
width:840px;
}

#product_menu ul li{ display:inline; background:#666666;}

#product_menu li a:hover, #product_menu li .current1 {
	color:#CCFF99;
	text-decoration:none;
}
<!--#product_menu ul li a{ font-size:16px; color:#3399CC; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif;}-->
<!--#product_menu ul li a:hover{ color:#CCFF99; text-decoration:none;}-->
.download a {
	clear: both;
	float: left;
	height: 21px;
	width: 100px;
	padding: 2px 0 0 10px;
	margin: 0 15px 10px 0;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	border: none;
	background: url(images/readmore_button.jpg) no-repeat;
}

#container {
	width: 960px;
	margin: 0 auto;
}


/* header panel */
#header_panel {
	width: 868px;
	height: 109px;
	padding: 25px 30px 15px 50px;
	margin:0px;
	background: #202020 url(images/header_bg.jpg) top center no-repeat;
}

#header_panel #site_title {
	float: left;
}
#flash
{
 	position:absolute;
 	margin-left:26px;
	margin-top:2px;
}
#site_title h1 {
	font-size: 40px;
	margin: 0px;
	padding: 10px 0;
	color: #218dfb;
}

#site_title h1 span {
	color: #fff;
}

#site_title h2 {
	font-size: 16px;
	color: #878181;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

#header_panel #search_box {
	float: right;
	margin-bottom:20px;

}
#search_box a{ text-decoration:none;}



#searchfield {
	border: 1px solid #767676;
	background: #434343;
	color: #ffffff;
	font-size: 12px;
	font-variant: normal;
	height: 15px;
	line-height: normal;
	padding: 4px;
	width: 180px;
}



/* end of header panel */

/* banner panel */
#banner_panel {
	width: 960px;
	height:263px;
	margin-left:5px;
	margin-top:3px;
	margin-bottom:3px;
}

#banner_panel #banner_section {
	float: left;
	padding-top:0px;
	padding-left:5px;
}

#banner_section h1 {
	font-size: 24px;
	color: #0fb1cb;
	margin: 0px;
	padding: 5px 0 30px 0;
}
#banner_section p {
	padding-bottom: 30px;
}

#banner_panel #menu_section {
	float: left;
	width: 263px;
	padding: 5px 0px 10px 2px;
	background:url(images/box.png) no-repeat;
}

#menu_section ul {
	clear: both;
	margin: 0px 0px 0px 9px;
	padding: 0px;
	padding-top: 10px;
	list-style: none;
}

#menu_section ul li {
	height: 13px;
	padding: 12px 10px 10px 7px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	background: url(images/menu_item_bg.jpg) left bottom no-repeat;
}

#menu_section ul li a {
	margin: 0px;
	padding: 0px;	
	font-size: 18px;
	font-weight: bold;
	color: #2bb9ec;
	text-decoration:none;
}

#menu_section ul li a span {
	margin: 0px;
	padding: 0px;	
	margin-left: 50px;
	font-size: 13px;
	font-weight: bold;
	color: #2bb9ec;
}

#menu_section ul li a span:hover {
	color: #fff;
}

#menu_section li a:hover, #menu_section li .current {
	color: #fff;
	text-decoration: none;
}


#prod_left dt a:hover, #prod_left dt .current2 {
	color:#33CCCC;
	text-decoration: none;
}

/* end of banner panel */


/* content */

#content_top {
	
	width: 960px;
	height: 10px;
	background: url(images/content_top.jpg) top center no-repeat;
}

#content {
	clear: both;
	overflow: hidden;
	width: 910px;
	padding: 0px 0px 0 30px;
	margin: 0 10px;
	background-color: #1f1f1f;
}

#content_bottom {
	clear: both;
	width: 960px;
	height: 30px;
	background: url(images/content_bottom.jpg) top center no-repeat;
}

/* content left */
#content #content_left {
	float: left;
	width: 880px;
}

#content #content_left #cont{
width: 500px;
float: left;
padding:20px;
}

#content #content_left #cont1{
width:200px;
float: right;
padding-right:20px;
padding-right:40px;
}
#content #content_left #cont1 a{ color:#CCFFCC;}
#content #content_left #cont1 a:hover{ color:#66FFCC; text-decoration:none;}

#content_left h1 {
	font-size: 22px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#2bb9ec;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #000000;
}


#content_left p {
	padding-bottom: 10px;
	text-align: justify;
	font-family:"Franklin Gothic Book";
	font-size:14px;
	
}

 #content_left .content_left_two_column {
 	float: left;
 	width: 350px;
	margin-right: 20px;
	margin-left: 40px;
 }
 
 .content_left_two_column h2 {
	color:#2bb9ec;	 
	font-size: 18px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #000000;
	font-weight: normal;
 }
 .content_left_two_column h3 {
	 margin: 0px;
	 padding: 0px;
	 font-size: 12px;
	 font-weight: bold;
 }
 
 .content_left_two_column h4 {
 	 margin: 0px;
	 padding: 0px;
	 font-size: 12px;
	 font-weight: normal;
 }

/* end of content left */

/* content right */
#content #content_right {
width:880px;
}
#content_right span{
color:#2bb9ec;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:18px;
font-weight:500;
}

#prod_container{
width:900px;

}
#prod_left{
width:37%;
float:left;
margin-left:30px;
}
#prod_left h2{ font-size:12px; margin-left:10px;}
#prod_left fieldset{
border-color:#333333;
border-width:medium;
}
#prod_left fieldset a{
color:#FFFFFF; text-decoration:none;}

#prod_left fieldset a:hover{ color:#00CC99; text-decoration:none;}

#content_right h1 {
	font-size: 14px;
	font-weight: 700px;
	margin: 0 0 30px 0;
	padding: 0px;
}
#content_right h5 {
	margin: 0 0 40px 0;
	padding: 0px 0px 0px 5px;
}

#prod_right{
width:52%;
float:left;
margin-left:30px;
margin-right:10px;
}
#prod_right a{ color:#FFFFFF; font-size:12px; text-decoration:none;}
/*#prod_right table{ border:thin; border-color:#333333; }*/
#prod_right p{ text-align:justify;
}
#prod_right h2{
color:#2bb9ec;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:18px;
font-weight:500;
}
#prod_right h3{
color:#2bb9ec;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;

}
#prod_right h4{
color:#2bb9ec;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:14px;

}

#content_right h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0px;
}

#content_right ul {
	margin: 0 0 10px 0;
	padding: 0px;
}

#content_right ul li {
	margin: 0 0 0 5px;
	padding: 0 0 5px 5px;
	list-style: none;
}

#content_right_product_01 {
	float:left;
	padding: 18px 10px 0 10px; 
	width:280px;
	height:200px;
	background: url(images/product_01_bg.jpg) no-repeat;
}
#content_right_product_02 {
	float:left;
	width:280px;
	height:200px;
	padding: 18px 10px 0 10px;
	background: url(images/product_02_bg.jpg) no-repeat;
}
#content_right_product_03 {
	float:left
	width:280px;
	height:200px;
	margin-left:600px;
	padding: 18px 10px 0 10px; 
	background: url(images/product_03_bg.jpg) no-repeat;
}
#eng_control_lever {
	float:left;
	width:210px;
	height:180px;
	text-align:center;	
	padding: 9px 10px 0 0px;
	line-height:14px; 
	font-size:16px;
	background:url(images/product_e-c-l.png) no-repeat;
}

#rubber_roller {
	float:left;
	width:210px;
	height:180px;
	text-align:center;	
	padding: 15px 10px 0 0px;
	line-height:14px; 
	font-size:16px;
	background:url(images/rubber-rollers.png) no-repeat;
}

#pu_roller {
	float:left;
	width:210px;
	height:180px;
	text-align:center;	
	padding: 15px 10px 0 0px;
	line-height:14px; 
	font-size:16px;
	background:url(images/pu-rollers.png) no-repeat;
}

#eng_control_cable {
	float:left;
	width:210px;
	height:180px;
	text-align:center;	
	padding: 9px 10px 0 0px;
	line-height:14px; 
	font-size:16px;
	background:url(images/product_e-c-c.png) no-repeat;
}
#content_right_product_011 {
	float:left;
	padding: 9px 10px 0 0px; 
	width:210px;
	height:180px;
	text-align:center;
	line-height:14px;
	font-size:16px;	
	background: url(images/product_011_bg.jpg) no-repeat;
}
#content_right_product_022 {
	float:left;
	width:210px;
	height:180px;
	text-align:center;	
	padding: 9px 10px 0 0px;
	line-height:14px;
	font-size:16px;
	background: url(images/product_022_bg.jpg) no-repeat;
}
#content_right_product_033 {
	float:left;
	width:210px;
	height:180px;
	text-align:center;	
	padding: 9px 10px 0 0px;
	line-height:14px; 
	font-size:16px;
	background: url(images/product_033_bg.jpg) no-repeat;
}

#content_right_product_044 {
	float:left;
	width:210px;
	height:180px;
	text-align:center;	
	padding: 9px 10px 0 0px; 
	line-height:14px;
	font-size:16px;
	background: url(images/product_044_bg.jpg) no-repeat;
}
#contact_left{
font-family:"Franklin Gothic Book";
width:290px;
margin:20px 0px 0px 20px;
float:left;}

#contact_right{
margin-left:40px;
float:left;
}

#contact_right fieldset{
border-color:#999999;
border-width:thin;
}
/* end of content right */
/* end of content */

/* ----- Footer ----- */
#footer {
	clear: both;
	padding: 10px;
	width: 940px;
	text-align: center;
	text-align: center;
}
#footer a {
	color: #fff;
	font-weight: normal;
	text-decoration:none;
}
#footer a:hover {
	color:#33FFFF;
}
/********************************************Vertical Marquee*******************************************/
#marqueecontainer{
position: relative;
width:300px; /*marquee width */
height: 100px; /*marquee height */
overflow: hidden;
border:;
padding: 2px;
padding-left: 4px;
margin-top: 20px;
margin-bottom:10px;
margin-left: 10px;
}
table.sample2 tr td ul li a{ color:#FFFFFF;}
table.sample2 tr td ul li a:hover{ color:#2bb9ec;}

table.sample {
width:455px;
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	border-collapse:collapse;

}
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.sample1 {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	border-collapse:collapse;

}
table.sample1 th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sample1 td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 1px 1px 5px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}
/***********************************************************************************************/
/* ----- End of Footer ----- */
/*--------------< < << expnd collaps >> > >------------- */
		.trigger{
			cursor:pointer;
	}		
		.trigger:hover{
			cursor:pointer;
		}		
		.expanded{
			cursor:pointer; 
		}
		.expanded:hover{
			cursor:pointer;
		}
		.show{
     position:static;
     display: table;
		}
		.hide{
			position:absolute;
			left:-999em;
			height:1px;
			width:100px;
			overflow:hidden;
		}
		.paratext{
		width:954px; float:none; text-align:left; padding:0 0 23px 0; font-size:13px; line-height:19px;
		}
      	.paratext strong{
		color:#0B534E; 	}
#content1 dl{
	 float:left; margin:0px 0 0 0;
	}
#content1 dl dt{
	 padding:0 0 0 0px; background-color:inherit;
	font-size:11px;line-height:15px; margin:0 0 4px 0px;
	}
#content1 dl dt a{
	color:#FFFFFF; line-height:15px; background-color:inherit; text-decoration:none;
	}
#content1 dl dt a:hover{
	color:#99FFCC;
	}
#content1 dl dt cite{
	color:#996600; line-height:normal; background-color:inherit;
	}
	
	<!--      < < < <  < < gallery >>> > > > > ----->
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none;}

#slideshow p{ color:#FFFFFF; }
#slideshow h3{ color:#FFFFFF; }
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:520px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px; color:#FFFFFF}
#information p {padding:0 8px 8px ; color:#FFFFFF}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:140px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:140px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:140px; overflow:hidden}
#slider {position:absolute; left:0; height:140px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/*--------------< < << header part start >> > >---------------*/
ul#nav2 {
	position:relative;
	z-index:3 !important; /* This keeps the dropdown buttons visible above jQuery slideshows, Flash components or any absolute positioned elements below them (as long as those elements' Z-Index is less than 3) */
	width: 320px;
	height:440px;
	padding:18px;
	list-style:none;
	background:url(images/box1.png) no-repeat;
}

	ul#nav2 li {
		float:left;
		background: url(images/submenu_item_bg.jpg) left bottom no-repeat;
		height:40px;
	}

		ul#nav2 li.parent {
			width:280px;
		}

		ul#nav2 li:hover {
			position:static;  /* This fixes an occasional IE7 error */
			background-position: 155px -48px;
		}

		ul#nav2 li a {
			color:#cccccc;
			display:block;
			width:280px;
			height:40px;
			padding: 0 3px;
			text-decoration:none;
			font-size:12px;
		}

			ul#nav2 li.parent a {
				width:280px;
				padding-right:3px;
			}
			ul#nav2 li.parent a:hover {
				width:280px;
				color:#2bb9ec;
				padding-right:3px;
				background: url(images/submenu_item_hover.jpg) left bottom no-repeat;
			}
		
	ul#nav2 li ul {
		position: absolute;
		left: -9999em;
		z-index:1;
		width:280px;
		margin: -40px 0 0 280px;
		padding:0;
		list-style:none;
	}
	
		ul#nav2 li:hover ul {
			left: auto;
		}

		ul#nav2 li ul li {
			position:relative;
			left:-1px;
			/*float:none;*/
			height:40px;			
			background: url(images/submenu_item_hover.jpg) left bottom no-repeat;
		}

			ul#nav2 li ul li.parent {
				}

			ul#nav2 li ul li:hover {
				position:relative;
				left:-1px;
				width:280px;
				color:#2bb9ec;
				padding-right:3px;
				background: url(images/submenu_item_hover.jpg) left bottom no-repeat;
				height:40px;
			}

			ul#nav2 li ul li a {
				width:280px;
				height:auto;
				padding: 3px 4px;
				color:#CCCCCC;
				text-align:left;
				text-decoration:none;
				font-size:12px;
				font-weight:normal;
			}
			
			ul#nav2 li ul li ul {
				margin: -47px 0 0 192px;
			}

			ul#nav2 li:hover ul li ul {
				left: -999em;
			}

				ul#nav2 li:hover ul, ul#nav2 li ul li:hover ul {
					left: auto;
				}
				
				ul#nav2 li:hover ul li ul, ul#nav2 li:hover ul li ul li ul {
					left: -999em;
				}
				
					ul#nav2 li:hover ul, ul#nav2 li ul li:hover ul, ul#nav2 li ul li ul li:hover ul {
						left: auto;
					}
					
					
					ul#nav3 {
	position:relative;
	z-index:3 !important; /* This keeps the dropdown buttons visible above jQuery slideshows, Flash components or any absolute positioned elements below them (as long as those elements' Z-Index is less than 3) */
	width: 320px;
	height:440px;
	padding:18px;
	list-style:none;
	background:url(images/box2.png) no-repeat;
}

	ul#nav3 li {
		float:left;
		background: url(images/submenu_item_bg.jpg) left bottom no-repeat;
		height:40px;
		
	}

		ul#nav3 li.parent {
			width:280px;
		}

		ul#nav3 li:hover {
			position:static;  /* This fixes an occasional IE7 error */
			
			
			background-position: 155px -48px;
		}

		ul#nav3 li a {
			color:#cccccc;
			display:block;
			width:280px;
			height:40px;
			padding: 0 3px;
			text-decoration:none;
			font-size:12px;
		}

			ul#nav3 li.parent a {
				width:280px;
				padding-right:3px;
			}
			ul#nav3 li.parent a:hover {
				width:280px;
				color:#2bb9ec;
				padding-right:3px;
				background: url(images/submenu_item_hover.jpg) left bottom no-repeat;
			}
		
	ul#nav3 li ul {
		position: absolute;
		left: -9999em;
		z-index:1;
		width:280px;
		margin: -40px 0 0 280px;
		padding:0;
		list-style:none;
	}
	
		ul#nav3 li:hover ul {
			left: auto;
		}

		ul#nav3 li ul li {
			position:relative;
			left:-1px;
			/*float:none;*/
			height:40px;			
			background: url(images/submenu_item_hover.jpg) left bottom no-repeat;
		}

			ul#nav3 li ul li.parent {
				}

			ul#nav3 li ul li:hover {
				position:relative;
				left:-1px;
				width:280px;
				color:#2bb9ec;
				padding-right:3px;
				background: url(images/submenu_item_hover.jpg) left bottom no-repeat;
			}

			ul#nav3 li ul li a {
				width:280px;
				height:auto;
				padding: 3px 4px;
				color:#CCCCCC;
				text-align:left;
				text-decoration:none;
				font-size:12px;
				font-weight:normal;
			}
			
			ul#nav3 li ul li ul {
				margin: -47px 0 0 192px;
			}

			ul#nav3 li:hover ul li ul {
				left: -999em;
			}

				ul#nav3 li:hover ul, ul#nav3 li ul li:hover ul {
					left: auto;
				}
				
				ul#nav3 li:hover ul li ul, ul#nav3 li:hover ul li ul li ul {
					left: -999em;
				}
				
					ul#nav3 li:hover ul, ul#nav3 li ul li:hover ul, ul#nav3 li ul li ul li:hover ul {
						left: auto;
					}
					
					
					ul#nav4 {
	position:relative;
	z-index:3 !important; /* This keeps the dropdown buttons visible above jQuery slideshows, Flash components or any absolute positioned elements below them (as long as those elements' Z-Index is less than 3) */
	width: 320px;
	height:650px;
	padding:18px;
	list-style:none;
	background:url(images/box_ru.png) no-repeat;
}
ul#nav4 li {
		float:left;
		background: url(images/submenu_item_bg.jpg) left bottom no-repeat;
		height:40px;
	}

		ul#nav4 li.parent {
			width:280px;
		}

		ul#nav4 li:hover {
			position:static;  /* This fixes an occasional IE7 error */
			background-position: 155px -48px;
		}

		ul#nav4 li a {
			color:#cccccc;
			display:block;
			width:280px;
			height:40px;
			padding: 0 3px;
			text-decoration:none;
			font-size:12px;
		}

			ul#nav4 li.parent a {
				width:280px;
				padding-right:3px;
			}
			ul#nav4 li.parent a:hover {
				width:280px;
				color:#2bb9ec;
				padding-right:3px;
				background: url(images/submenu_item_hover.jpg) left bottom no-repeat;
				}
			ul#nav4 li ul li.parent1{margin:0px 0px 0px 0px; width:235px;}
			ul#nav4 li ul li.parent1 a:hover {
				color:#2bb9ec;
				padding-right:3px;
				background: url(images/submenu_item_hover.jpg) left bottom no-repeat;
				 width:230px;
			}



ul#nav41 {
	position:relative;
	z-index:3 !important; /* This keeps the dropdown buttons visible above jQuery slideshows, Flash components or any absolute positioned elements below them (as long as those elements' Z-Index is less than 3) */
	width: 320px;
	height:650px;
	padding:18px;
	list-style:none;
	background:url(images/box_pu.png) no-repeat;
}
ul#nav41 li {
		float:left;
		background: url(images/submenu_item_bg.jpg) left bottom no-repeat;
		height:40px;
	}

		ul#nav41 li.parent {
			width:280px;
		}

		ul#nav41 li:hover {
			position:static;  /* This fixes an occasional IE7 error */
			background-position: 155px -48px;
		}

		ul#nav41 li a {
			color:#cccccc;
			display:block;
			width:280px;
			height:40px;
			padding: 0 3px;
			text-decoration:none;
			font-size:12px;
		}

			ul#nav41 li.parent a {
				width:280px;
				padding-right:3px;
			}
			ul#nav41 li.parent a:hover {
				width:280px;
				color:#2bb9ec;
				padding-right:3px;
				background:url(images/submenu_item_hover.jpg) left bottom no-repeat;
				}
			ul#nav41 li ul li.parent1{margin:0px 0px 0px 0px; width:235px;}
			ul#nav41 li ul li.parent1 a:hover {
				color:#2bb9ec;
				padding-right:3px;
				background: url(images/submenu_item_hover.jpg) left bottom no-repeat;
				width:230px;
			}

ul#nav5 {
	position:relative;
	z-index:3 !important; /* This keeps the dropdown buttons visible above jQuery slideshows, Flash components or any absolute positioned elements below them (as long as those elements' Z-Index is less than 3) */
	width: 320px;
	height:440px;
	padding:18px;
	list-style:none;
	background:url(images/box4.png) no-repeat;
}

	ul#nav5 li {
		float:left;
		background: url(images/submenu_item_bg.jpg) left bottom no-repeat;
		height:40px;
	}
		ul#nav5 li.parent {
			width:280px;
		}
		ul#nav5 li:hover {
			position:static;  /* This fixes an occasional IE7 error */
			background-position: 155px -48px;
		}
		ul#nav5 li a {
			color:#cccccc;
			display:block;
			width:280px;
			height:40px;
			padding: 0 3px;
			text-decoration:none;
			font-size:12px;
		}
			ul#nav5 li.parent a {
				width:280px;
				padding-right:3px;
			}
			ul#nav5 li.parent a:hover {
				width:280px;
				color:#2bb9ec;
				padding-right:3px;
				background: url(images/submenu_item_hover.jpg) left bottom no-repeat;
			}
	ul#nav5 li ul {
		position: absolute;
		left: -9999em;
		z-index:1;
		width:280px;
		margin: -40px 0 0 280px;
		padding:0;
		list-style:none;
	}
		ul#nav5 li:hover ul {
			left: auto;
		}

		ul#nav5 li ul li {
			position:relative;
			left:-1px;
			/*float:none;*/
			height:40px;			
			background: url(images/submenu_item_hover.jpg) left bottom no-repeat;
		}

			ul#nav5 li ul li.parent {
				}

			ul#nav5 li ul li:hover {
				position:relative;
				left:-1px;
				width:280px;
				color:#2bb9ec;
				padding-right:3px;
				background: url(images/submenu_item_hover.jpg) left bottom no-repeat;
				
			}

			ul#nav5 li ul li a {
				width:280px;
				height:auto;
				padding: 3px 4px;
				color:#CCCCCC;
				text-align:left;
				text-decoration:none;
				font-size:12px;
				font-weight:normal;
			}
			
			ul#nav5 li ul li ul {
				margin: -47px 0 0 192px;
			}

			ul#nav5 li:hover ul li ul {
				left: -999em;
			}
				ul#nav5 li:hover ul, ul#nav5 li ul li:hover ul {
					left: auto;
				}
				
				ul#nav5 li:hover ul li ul, ul#nav5 li:hover ul li ul li ul {
					left: -999em;
				}
					ul#nav5 li:hover ul, ul#nav5 li ul li:hover ul, ul#nav5 li ul li ul li:hover ul {
						left: auto;
					}