/* HBP Corporate Default Site CSS Document */
/* Written by Tim Pritchard for HBP Systems Limited 2007/2008 */
/* Creation Date : 21 / 12 / 2007 */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*======================================================================================================================================
	NORMANDY44 - GLOBAL WEBSITE CSS DEFINITIONS **START**
======================================================================================================================================*/

body {
	background-color:#4a4f4a;
	font-family:sans-serif;
	font-size:10px;
	padding:0px;
	margin:0px;
	background-image:url(/images/layout/website_bg_repeat.jpg);
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
}
#website_container_outer {
	float:left;
	position:absolute;
	top:0px;
	left:50%;
	margin:0px 0px 0px -550px;
	background-image:url(/images/layout/bg_repeat.jpg);
	background-position:top;
	background-repeat:repeat-y;
	text-align:center;
	}
	#website_container_middle {
		float:left;
		background-image:url(/images/layout/header_bg.jpg);
		background-position:top;
		background-repeat:no-repeat;
		text-align:center;
		width:1100px;
		}
		#website_inner_left {
			background-image:url(/images/layout/left_repeat.jpg);
			background-position:47px 0px;
			background-repeat:repeat-y;
			margin:0px auto 0px auto;
			width:1100px;
			float:left;
			text-align:center;
			}
			#website_inner_right {
				background-image:url(/images/layout/right_repeat.jpg);
				background-position:974px 0px;
				background-repeat:repeat-y;
				width:836px;
				padding:0px 133px 0px 133px;
				text-align:center;
				float:left;
				overflow:hidden;
				clear:both;
				}
		
/* header */
#header_container {
	overflow:hidden;
	float:left;
	width:836px;
	height:465px;
	clear:both;
}
	#header_image {
		float:left;
		}
	#header_links {
		float:left;
		width:822px;
		margin:57px 0px 0px 0px;
		color:#999;
		font-size:16px;
		padding:0px 0px 0px 18px;
	}
	#header_links ul.header_links_list {
		float:none;
		list-style:none;
		margin:0px;
		padding:0px;
		}
	#header_links ul.header_links_list li.level_1 {
		float:left;
		list-style:none;
		margin:0px;
		padding:0px 3px 0px 4px;
		border-right:1px solid #999;
		}
	#header_links ul.header_links_list li.last {
		float:left;
		list-style:none;
		margin:0px;
		padding:0px 3px 0px 4px;
		border-right:0px solid #999;
		}
	header_links .divider {
		display:block;
		padding:0px 0px 0px 0px;
		width:51px;
		height:15px;
		border-right:1px solid #999;
		
	}
		#header_links a.off {
			font-size:12px;
			padding:5px 5px 5px 5px;
			color:#999;
			text-decoration:none;
			font-weight:bold;
			border:1px solid transparent;
			display: block;
			width:auto;
			height:auto;
			background-color:transparent;
			/*background-color:#353734;*/
			}
		#header_links a.off:hover {
			font-size:12px;
			padding:5px 5px 5px 5px;
			color:#ccc;
			text-decoration:none;
			font-weight:bold;
			border:1px solid #666;
			display:block !important;
			background-color:#353734;
			}
		a.off_over {
			font-size:12px;
			padding:5px 5px 5px 5px;
			color:#ccc;
			text-decoration:none;
			font-weight:bold;
			display: inline-block;
			border:1px solid #666;
			}
		a.off_over:hover {
			font-size:12px;
			padding:5px 5px 5px 5px;
			color:#ccc;
			text-decoration:none;
			font-weight:bold;
			border:1px solid #666;
			display:block !important;
			background-color:#353734;
			}
		#header_links a.on {
			font-size:12px;
			padding:5px 5px 5px 5px;
			color:#fff;
			text-decoration:none;
			font-weight:bold;
			border:1px solid #666;
			display: inline-block;
			background-color:#333333;
			}
	#header_title {
		float:left;
		width:250px;
		color:#FFF;
		margin:55px 0px 0px 0px;
		#margin:55px 0px 0px 0px;
		_margin:55px 0px 0px 0px;
		text-align:left;
		padding:0px 0px 0px 10px;
		
	}
		span#header_title_top {
			float:left;
			font-size:12px;
			line-height:20px;
			width:190px;
			text-align:center;
			
		}
		span#header_title_sub {
			font-size:30px;
			line-height:32px;
			float:left;
			margin:-5px 0px 0px 0px;
			width:190px;
		}
/* /header */

/* drop downs */
ul.drop_down_container {
	position:absolute;
	top:331px;
	#top:331px;
	_top:329px;
	left:50%;
	z-index:10;
	margin:0px;
	padding:0px;
	list-style:none;
	background-color:#666666;
	padding:1px;
	width:110px;
	z-index:1000;
	display:none;
}
li.level_1:hover ul.drop_down_container {
	display:block;
		}
li.level_2 {
	z-index:10;
	width:110px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	
}
li.level_2 a {
	display:block;
	z-index:10;
	width:100px;
	padding:5px 0px 5px 10px;
	float:left;
	text-align:left;
	font-size:12px;
	border-top:1px solid #333 !important;
	border-bottom:1px solid #333 !important;
	color:#999;
	background-color:#333333;
	margin:0px;
	text-decoration:none;	
}
li.level_2 a:hover {
	display:block;
	z-index:10;
	width:100px;
	padding:5px 0px 5px 10px;
	float:left;
	text-align:left;
	font-size:12px;
	border-top:1px solid #666 !important;
	border-bottom:1px solid #666 !important;
	color:#ccc;
	background-color:#444;
	margin:0px;
	text-decoration:none;	
}
li.level_2 a.first {
	display:block;
	z-index:10;
	width:100px;
	padding:5px 0px 5px 10px;
	float:left;
	text-align:left;
	font-size:12px;
	border-top:0px solid #333 !important;
	border-bottom:1px solid #333 !important;
	color:#999;
	background-color:#333;
	margin:0px;
	text-decoration:none;	
}
li.level_2 a.first:hover {
	display:block;
	z-index:10;
	width:100px;
	padding:5px 0px 5px 10px;
	float:left;
	text-align:left;
	font-size:12px;
	border-top:0px solid #666 !important;
	border-bottom:1px solid #666 !important;
	color:#ccc;
	background-color:#444;
	margin:0px;
	text-decoration:none;	
}
li.level_2 a.last {
	display:block;
	z-index:10;
	width:100px;
	padding:5px 0px 5px 10px;
	float:left;
	text-align:left;
	font-size:12px;
	border-top:1px solid #333 !important;
	border-bottom:0px solid #333 !important;
	color:#999;
	background-color:#333;
	margin:0px;
	text-decoration:none;	
}
li.level_2 a.last:hover {
	display:block;
	z-index:10;
	width:100px;
	padding:5px 0px 5px 10px;
	float:left;
	text-align:left;
	font-size:12px;
	border-top:1px solid #666 !important;
	border-bottom:0px solid #444 !important;
	color:#ccc;
	background-color:#444;
	margin:0px;
	text-decoration:none;	
}

#history_drop_down {
	margin-left:-286px;
	}
#gallery_drop_down {
	margin-left:-174px;
	}
#units_drop_down {
	margin-left:-115px;
	}
#kit_drop_down {
	margin-left:-66px;
	}
#group_drop_down {
	margin-left:-31px;
	}
#events_drop_down {
	margin-left:85px;
	}
#links_drop_down {
	margin-left:204px;
	}
/* /drop downs */

/* pop ups */
ul.pop_up_container {
	position:absolute;
	left:50%;
	z-index:10;
	margin:0px;
	padding:0px;
	list-style:none;
	background-color:#666666;
	padding:1px;
	width:110px;
	z-index:1000;
	display:none;
}
/*li.level_1:hover ul.pop_up_container {
	display:block;
		}*/
#history_pop_up {
	margin-left:-284px;
	margin-top:-80px;
	#margin-top:-53px;
	_margin-top:-53px;
	}
#gallery_pop_up {
	margin-left:-172px;
	margin-top:-106px;
	#margin-top:-79px;
	_margin-top:-78px;
	}
#units_pop_up {
	margin-left:-113px;
	margin-top:-80px;
	#margin-top:-53px;
	_margin-top:-52px;
	}
#kit_pop_up {
	margin-left:-64px;
	margin-top:-107px;
	#margin-top:-79px;
	_margin-top:-79px;
	}
#group_pop_up {
	margin-left:-29px;
	margin-top:-80px;
	#margin-top:-53px;
	_margin-top:-53px;
	}
#events_pop_up {
	margin-left:87px;
	margin-top:-107px;
	#margin-top:-74px;
	_margin-top:-74px;
	}
#links_pop_up {
	margin-left:206px;
	margin-top:-80px;
	#margin-top:-53px;
	_margin-top:-53px;
	}
/* /pop ups */

/* main content */
#main_content_region_container {
	float:left;
	width:835px;
}
#main_content_region_container A {
color: #CCCCCC;
font-size:12px;
text-decoration:none;
}
#main_content_region_container A:hover {
color: #FFFF00;
font-size:12px;
text-decoration: underline;
}
#main_content_region_container A:visited {
color: #CCCCCC;
font-size:12px;
text-decoration:none;
}
#main_content_region_container h2 {
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	padding:10px 0px 10px 30px;
	margin:10px 0px 10px 3px;
	#_margin:10px 0px 10px 0px;
	_margin:10px 0px 10px 0px;
	border-bottom:1px dotted #666666;
	border-top:1px dotted #666666 !important;
	width:95%;
}
#main_content_region_container p {
padding:0px 20px 0px 20px;
text-align:justify;
color:#999;
font-size:12px;
}
#main_content_region_container img.right_image {
	float:right;
	margin:10px 2px 0px 10px;
	clear:right;
}
img.title_overlay {
	position:absolute;
	top:358px;
	left:550px;
	margin:0px 0px 0px -2px;
	z-index:100;
	#z-index:1;
	_z-index:1;
	display:block;
	width:1005;
	}
#main_content_region_container div.title_overlay_sub {
	float:right;
	width:425px;
	height:600px;}

#main_content_region_container p.last {
margin:0px;
}
/* /main content */
/* footer */
#footer_container {
	float:left;
	width:796px;
	padding:60px 20px 10px 20px;
	background-image:url(/images/layout/footer_bg.jpg);
	background-position:-1px 0px;
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
}
	#footer_container h3 {
		float:left;
		width:786px;
		text-align:left;
		font-size:18px;
		padding:5px 0px 7px 10px;
		margin:0px 0px 10px 0px;
	}
		#footer_container h3 span {
			float:left;
			width:816px;
			text-align:left;
			font-size:9px;
			padding:0px 0px 0px 2px;
		}
		#footer_links {
		float:left;
		width:822px;
		margin:0x 0px 0px 0px;
		color:#999;
		font-size:16px;
		padding:74px 0px 0px 0px;
	}
	#footer_links ul.footer_links_list {
		float:none;
		list-style:none;
		margin:0px;
		padding:0px;
		}
	#footer_links ul.footer_links_list li.level_1 {
		float:left;
		list-style:none;
		margin:0px;
		padding:0px 3px 0px 4px;
		border-right:1px solid #999;
		}
	#footer_links ul.footer_links_list li.last {
		float:left;
		list-style:none;
		margin:0px;
		padding:0px 3px 0px 4px;
		border-right:0px solid #999;
		}
	footer_links .divider {
		display:block;
		padding:0px 0px 0px 0px;
		width:51px;
		height:15px;
		border-right:1px solid #999;
		
	}
		#footer_links a.off {
			font-size:12px;
			padding:5px 5px 5px 5px;
			color:#999;
			text-decoration:none;
			font-weight:bold;
			border:1px solid transparent;
			display: inline-block;
			}
		#footer_links a.off:hover {
			font-size:12px;
			padding:5px 5px 5px 5px;
			color:#ccc;
			text-decoration:none;
			font-weight:bold;
			display: inline-block;
			border:1px solid #666;
			}
		#footer_links a.on {
			font-size:12px;
			padding:5px 5px 5px 5px;
			color:#fff;
			text-decoration:none;
			font-weight:bold;
			border:1px solid #666;
			display: inline-block;
			background-color:#333333;
			}
	#footer_info {
		float:left;
		width:796px;
		margin:85px 0px 0px 0px;
		color:#222;
		font-size:11px;
	}
	#footer_info a {
		color:#222;
		font-size:11px;
	}
	#footer_info a:hover {
		color:#fff;
		font-size:11px;
	}
/* /footer */


/* gallery */
#gallery_container {
	float:left;
	width:830px;
	display:block;
	padding:0px 0px 0px 2px;
}
#gallery_container a.gallery_thumb {
	float:left;
	width:166px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:0px;
	text-decoration:none;
}
#gallery_container a.gallery_thumb:hover {
	float:left;
	width:166px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:0px;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
}
#gallery_container a.gallery_thumb img {
	float:left;
	overflow:hidden;
	padding:0px 0px 3px 7px;
	border:0px;
	filter: Alpha(Opacity=100);
	opacity: 1.0;

}
#gallery_container a.gallery_thumb:hover img {
	float:left;
	overflow:hidden;
	padding:0px 0px 3px 7px;
	border:0px;
	cursor:pointer;
	cursor:hand;
	filter: Alpha(Opacity=80);
	opacity: 0.8;
}
	#gallery_container a.left span.repeat {
		float:left;
		width:166px;
		background-image:url(/images/layout/gallery/gallery_thumb_left_repeat.jpg);
		background-position:top left;
		background-repeat:repeat-y;
	}
		#gallery_container a.left span.repeat span.top {
			float:left;
			width:166px;
			background-image:url(/images/layout/gallery/gallery_thumb_left_top.jpg);
			background-position:0px 0px;
			background-repeat:no-repeat;
		}
			#gallery_container a.left span.repeat span.top span.bottom {
				float:left;
				width:164px;
				background-image:url(/images/layout/gallery/gallery_thumb_left_bottom.jpg);
				background-position:bottom left;
				background-repeat:no-repeat;
				padding:7px 0px 9px 2px;
			}
	#gallery_container a.middle span.repeat {
		float:left;
		width:166px;
		background-image:url(/images/layout/gallery/gallery_thumb_middle_repeat.jpg);
		background-position:top left;
		background-repeat:repeat-y;
	}
		#gallery_container a.middle span.repeat span.top {
			float:left;
			width:166px;
			background-image:url(/images/layout/gallery/gallery_thumb_middle_top.jpg);
			background-position:0px 0px;
			background-repeat:no-repeat;
		}
			#gallery_container a.middle span.repeat span.top span.bottom {
				float:left;
				width:164px;
				background-image:url(/images/layout/gallery/gallery_thumb_middle_bottom.jpg);
				background-position:bottom left;
				background-repeat:no-repeat;
				padding:7px 0px 9px 2px;
			}
	#gallery_container a.right span.repeat {
		float:left;
		width:166px;
		background-image:url(/images/layout/gallery/gallery_thumb_right_repeat.jpg);
		background-position:top left;
		background-repeat:repeat-y;
	}
		#gallery_container a.right span.repeat span.top {
			float:left;
			width:166px;
			background-image:url(/images/layout/gallery/gallery_thumb_right_top.jpg);
			background-position:0px 0px;
			background-repeat:no-repeat;
		}
			#gallery_container a.right span.repeat span.top span.bottom {
				float:left;
				width:164px;
				background-image:url(/images/layout/gallery/gallery_thumb_right_bottom.jpg);
				background-position:bottom left;
				background-repeat:no-repeat;
				padding:7px 0px 9px 2px;
				overflow:hidden;
			}
		#gallery_container a span.repeat span.top span.bottom span.img_container {
			float:left;
			width:164px;
			max-height:147px;
			overflow:hidden;
			padding:0px 0px 0px 0px;
			margin:0px 0px 5px 0px;
			}




#gallery_container a.gallery_thumb span.title {
	float:left;
	width:146px;
	overflow:hidden;
	padding:0px 10px 15px 10px;
	margin:0px 0px 0px 0px;
	border:0px;
	font-size:10px;
	color:#CCCCCC;
	text-align:center;
	text-transform:capitalize;
	text-decoration:none;
	display:none;
}
.gallery_row {
	float:left;
	width:830px;
}
/* /gallery */
#gallery_browser {
	float:left;
	width:788px;
	padding:20px;
	border-top:1px dotted #666666;
	border-bottom:1px dotted #666666;
	color:#fff;
	text-align:center;
	margin:0px 0px 10px 0px;}
#gallery_browser a.gallery_btn_off {
	font-size:12px;
	padding:5px;
/*	border:1px solid #666666;*/
	color:#999;
	text-align:center;
	text-decoration:none;
/*	background-color:#333333;*/
	font-weight:bold;
	margin:0px 0px 5px 0px;

}
#gallery_browser a.gallery_btn_off:hover {
	padding:5px;
	/*border:1px solid #666666;*/
	color:#ccc;
	text-align:center;
	text-decoration:none;
	/*background-color:#444*/
}
#gallery_browser a.gallery_btn_on {
	font-size:12px;
	padding:5px;
	border:1px solid #666666;
	color:#fff;
	text-align:center;
	text-decoration:none;
	background-color:#333;
	font-weight:bold;
}
#gallery_browser a.gallery_btn_on:hover {
	padding:5px;
	border:1px solid #666666;
	color:#fff;
	text-align:center;
	text-decoration:none;
	background-color:#333;
}

#gallery_description {
	float:left;
	width:788px;
	padding:20px;
	border-top:1px dotted #666666;
	border-bottom:1px dotted #666666;
	margin:0px 0px 20px 0px;
	color:#fff;
	text-align:left;
	display:none;
}
#gallery_description a {
	color:#FFFFFF;
	font-weight:bold;
}

span.bottom .video_title {
	padding:35px 0px 35px 0px;
	float:left;
	width:150px;
	background-color:#000000;
	color:#CCCCCC;
	display:block
}
a.gallery_thumb:hover .video_title {
	color:#ffff00;
	text-decoration:underline;
}
.video_title_outer {
	padding:0px 0px 3px 7px; 
	float:left;
}
/*======================================================================================================================================
	NORMANDY44 - GLOBAL WEBSITE CSS DEFINITIONS **END**
======================================================================================================================================*/


