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

/* TOP NAV AND DROP DOWN */
#MainMenu 
{
	height:42px;
	width:760px;
	float:right;
	margin:0;
	border:0;
	
}
#tab 
{
	margin:0;
	top:0;
}
#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tab li 
{
display:inline;
	float:left;
	margin:0; 
	padding:0;
}
#tab a 
{
	margin:0;
	padding:0; width:184px;
	text-decoration:none;
	display:block;
	float:left;background: url(../graphics/main-nav.png) no-repeat;
}
#tab a span 
{
	display:block;
	padding:0 -5px; text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#23408f;
	line-height:34px; padding-bottom:8px;
	
}


#tab a:hover span,#tab li.item_active a span 
{
	color:#FFFFFF; background:url(../graphics/main-nav-over.png) no-repeat

	
}
.dropmenudiv
{
	position:absolute;
    float:left;
	display:block;
	visibility:hidden;
	z-index:100;
	text-decoration:none;
	padding:0; margin-top: -5px
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
	width:178px;
	margin:0;
	padding:0;
	display:block;
	border-bottom:1px solid #999999;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv a span 
{
	float:left;
	display:block;
	line-height:22px;
	background:#f2f2f2;
	padding:0; text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; font-weight:bold;
	color: #23408f;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
		font-style:normal;
	text-decoration:none;
	color: #333333;
}
.dropmenudiv a:hover span 
{
	background:#23408f;
	font-style:normal;
	text-decoration:none;
	color: #FFFFFF;
}

/* book */
.book{width:97px}
.book a span 
{
	display:block;
	padding:0; text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	line-height:31px;
	background: url(../graphics/book-now-big.jpg) no-repeat

}
.book a 
{
	margin:0; margin-top:7px;
	padding:0;
	text-decoration:none;
	display:block; width:97px
	
}
.book a:hover span
{
	color:#FFFFFF; background:url(../graphics/book-now-big-over.jpg) no-repeat

	
}

/* view more */
.more{width:70px; float:right;margin-top:-25px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   .more{margin-top:0px;}
}
.more a span 
{
	display:block;
	 text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	 
	font-size:10px;
	color:#333f64;
	line-height:22px; padding-bottom:3px;
	

}
.more a 
{
	margin:0; 
	padding:0;
	text-decoration:none;
	display:block; width:70px;background: url(../graphics/viewmore.png) no-repeat
	
}
.more a:hover span
{
	color:#FFFFFF; background:url(../graphics/viewmore-over.png) no-repeat

	
}

.enquiry-prod{width:97px; margin-left:400px; margin-top:350px; position:absolute; *margin-left:-550px}
.enquiry-prod a span 
{
	display:block;
	padding:0; text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold; 
	font-size:14px;
	color:#FFFFFF; 
	line-height:31px;
	background: url(../graphics/book-now-big.jpg) no-repeat

}
.enquiry-prod a 
{
	margin:0; margin-top:7px;
	padding:0;
	text-decoration:none;
	display:block; width:97px
	
}
.enquiry-prod a:hover span
{
	color:#FFFFFF; background:url(../graphics/book-now-big-over.jpg) no-repeat

	
}

img{border:none;}
pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	width:920px;
	}		

/* Easy Slider */
	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:600px;
		height:200px;
		overflow:hidden; 
		}
		

	p#controls{
	margin:0;
	position:relative;
	} 

	
	#prevBtn, #nextBtn{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:30px;
	height:20px;
	position:absolute;
	left:515px;
	top:6px;
	}	
#nextBtn{
	left:550px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:20px;
	background:url(../graphics/up.jpg) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(../graphics/down.jpg) no-repeat 0 0;	
	}							
			
/* Easy Slider 2 */
	#slider2{margin-left:17px}	
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2, #slider2 li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:920px;
		height:200px;
		overflow:hidden; 
		
		}
		

	p#controls{
	margin:0;
	position:relative;
	} 

	
	#prevBtn2, #nextBtn2{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:26px;
	height:28px;
	position:absolute;
	left:-10px;
	top:-120px;
	}	
#nextBtn2{
	left:940px;
	}														
#prevBtn2 a, #nextBtn2 a{  
	display:block;
	width:26px;
	height:28px;
	background:url(../graphics/left-prod.jpg) no-repeat 0 0;	
	}	
#nextBtn2 a{ 
	background:url(../graphics/right-prod.jpg) no-repeat 0 0;	
	}					
/* SLIDE UP */

			
			.boxgrid{ 
				width: 308px; 
				height: 222px; 
				float:left; 
				background:#161613; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid span{ 
				
					padding: 0 10px; 
					color: #666666; 
					font-weight:bold; font-size:13px;
					font-family:Arial, Helvetica, sans-serif 
					  
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: url(../graphics/bg1.png);
				height: 100px; 
				width: 100%; 
				

 			}

 				.caption .boxcaption {
 					top: 180px;
 					left: 0;
					
 				}
	
/*roll over*/

#iconbar span {
	background: url(../graphics/prod-over.png) no-repeat;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	position: relative;
	top: -180px;
	left: 20px;
	padding: 11px; padding-right:40px;
	display: none;  
	color: #333333;
	cursor:pointer;
}

#iconbar a:selected{border:0}

/* left*/
#MainMenuLeft 
{ 
	float:left;
	margin-top:10px; 
	border:0;
}
#MainMenuLeft h1{margin:0; padding:0; font-size:16px; color:#333f64; padding-left:10px}
#tabLeft 
{
	margin:0;
	top:0;
}
#tabLeft ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:270px
}
#tabLeft li 
{
float:left;
 margin-top:3px;
	padding:0;
	clear:both;
}
#tabLeft a 
{
	background:#7a85a2;  
	margin:0; padding-left:10px;
 
	text-decoration:none;
	width:270px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px; font-weight:bold;
	color:#FFF;
	line-height:24px;
	border:0;
	display:block;
	float:left;
}

#tabLeft a:hover,#tabLeft li.item_active a 
{
	background:#333f64; color:#FFFFFF;
	
}
		
				
				
/* bottom */
#navbottom{width:700px;  }
@media screen and (-webkit-min-device-pixel-ratio:0) {
   #navbottom{ float:left; }
  
}
#tabbottom 
{
	margin:0;
	top:0;
}
#tabbottom  ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tabbottom  li 
{
display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tabbottom  a 
{
	margin:0;
	padding:0;
		text-decoration:none;
	width:88px; margin-left:2px;	
	border:0;
	display:block;
	
	float:left;
	
	
}
#tabbottom  a span 
{
	display:block; text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:5px;
	padding-right:5px;
	color: #666666;
	font-weight:bold;
	line-height:23px;
	background: url(../graphics/nav-bottom.png) no-repeat

}

#tabbottom  a:hover span,#tabbottom  li.item_active a span 
{
	color: #FFF;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	background:url(../graphics/nav-bottom-over.png) no-repeat

	
}