/* ************************************************
	*
	* RESET: HTML5 ? Boilerplate
	*
************************************************** */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size:8px; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


a:link { -webkit-tap-highlight-color: #FF5E99; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea { color: #000; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #147ae6; text-decoration:none; }
a:hover { color:#1989ff; text-decoration:underline; }

dt {float:left; font-weight:bold;}

 
/* ************************************************
	*
	* TYPOGRAPHY
	*
************************************************** */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4;
}

h1, h4, h5, h6 {font-weight:bold;}

h1, h2, h3, h4, h5, h6, p {
	margin-bottom:18px;
}

h2, h3 {font-weight:normal; line-height:18px;}
h1 {font-size:36px;}

h2 {
	font-size:22px;
	color:#147ae6;
}

h3 {font-size:19px;}
h4 {font-size:16px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

/* ************************************************
	*
	* GENERAL LAYOUT
	*
************************************************** */
html {
	height:100%;
	background:#b7b7b7;
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0.48, rgb(183,183,183)), color-stop(0.98, rgb(255,255,255))) fixed;
	background:-moz-linear-gradient(center bottom, rgb(183,183,183) 48%, rgb(255,255,255) 98%) fixed;
	background-repeat:no-repeat;
}

body {
	width:850px;
	margin:0 auto;
	background:url('/library/themes/lennontraining/images/dragon_bg.png') no-repeat top center;
}

#main-content {
	border-radius:3px;
	margin:15px 0;
	padding:0 0 18px;
	background:#f4f4f4;
	background-image: -webkit-gradient(linear,left bottom, left top, color-stop(0.4, #edece7), color-stop(0.8, #fff));
	background-image: -moz-linear-gradient(center bottom, #edece7 40%, #fff 80%);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.33);
	box-shadow:0 0 3px rgba(0,0,0,0.33);
	position: relative;
	z-index: 1;
}

#RegionPageContents {
	min-height:50px;
	padding:30px 15px 15px;
}

#intro-content {
	margin-bottom:132px;
}

/* Main Header/Footer */
#main-header {
	height:170px;
	position:relative;
	z-index:666;
}

#branding {
	height:140px;
}

#logo {
	background:url('/library/themes/lennontraining/images/logo.png') no-repeat 0 15px;
	height:129px;
	width:381px;
}

/* ************************************************
	*
	* NAVIGATION
	*
************************************************** */
.menu {
	list-style:none;
	margin:0;
}

.menu li {
	float:left;
	position:relative;
}

#main-nav .menu {
	background:#f4f4f4;
	background-image: -webkit-gradient(linear,left bottom, left top, color-stop(0.4, rgb(244,244,244)), color-stop(0.8, rgb(255,255,255)));
	background: -moz-linear-gradient(center bottom, rgb(244,244,244) 40%, rgb(255,255,255) 80%);
	border-radius:3px;
	height:32px;
	margin:0 0 15px;
}

#RegionFooterNavigation a {
	color:#000;
	font-weight:bold;
	margin:0 5px;
}

#main-footer {
	margin:0 0 15px;
	padding-bottom:1px;
}

#main-footer {
	text-align:center;
}
#RegionFooterNavigation .menu {display:inline-block;}

#main-nav li a {
	display:block;
	font-weight:bold;
	padding:8px 25px;
	color:#000;
	border-right:1px solid #969696;
}

	#main-nav li a:hover {
		background:#0d50ab;
		background: -webkit-gradient(linear,left bottom,left top,color-stop(0.4, rgb(13,79,171)),color-stop(0.8, rgb(23,135,246)));
		background: -moz-linear-gradient(center bottom,rgb(13,79,171) 40%,rgb(23,135,246) 80%);
		color:#fff;
		text-decoration:none;
	}

	#main-nav .menu > li:first-child a {
		border-radius:3px 0 0 3px;
	}

	#main-nav .top.selected > a {
		background:#0d50ab;
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.4, rgb(13,79,171)),color-stop(0.8, rgb(23,135,246)));
		background-image: -moz-linear-gradient(center bottom,rgb(13,79,171) 40%,rgb(23,135,246) 80%);
		color:#fff;
	}

#main-nav .menu .sub {
	list-style:none;
	display:none;
	position:absolute;
	z-index:9999;
	top:32px;
	left:-24px;
	width:160px;
	background:#fff;
	border-radius:0 0 3px 3px;
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.5);
	box-shadow:0 2px 3px rgba(0,0,0,0.5);
}

	#main-nav .menu li:hover .sub {
		display:block;
	}
	
#main-nav .menu .sub li {
	float:none;
		
}

#main-nav .menu .sub li:last-child a{border-radius:0 0 3px 3px}
#main-nav .menu .sub li a {
	display:block;
	border:0 !important;
}



.droppable > a {
	cursor:default;
	padding-right:35px !important;
	background:url('/library/themes/lennontraining/images/droppable.gif') 85% 45% no-repeat;
}

#RegionImageSlider {
	height:386px;
	margin-bottom:30px;
	position:relative;
	overflow:hidden;
}

/* ************************************************
	*
	* HOMEPAGE
	*
************************************************** */
.left-col {
	float:left;
	width:440px;
	padding-left:30px;
}

.right-col {
	float:right;
	width:320px;
	padding:0 30px; 
}

/* Page Modules */
.page-module {
	background:#fff;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.0, rgba(255,255,255,0)),color-stop(0.5, rgb(255,255,255)));
	background: -moz-linear-gradient(center bottom,rgba(255,255,255,0) 0%,rgb(255,255,255) 50%) no-repeat bottom;
	border-radius:6px;
	padding:10px 10px 0 15px;
	margin:0 0 18px;
	border:none;
	display:block;
	color:#000 !important;
	border:1px solid #d4d4d4;
}

a.page-module:hover {
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);
	box-shadow:0 0 3px rgba(0,0,0,0.2);
	text-decoration:none;
}
.left-col .module-content {width:290px;}

.page-module .module-content,
.module-content h3,
.module-content p {
	float:left;
}

h5,
.module-content h3,
.news-item-hd {
	margin:0;
}

.page-module img {
	float:right;
	margin:0 5px 0 0;
}

.page-module.contact {line-height:1;}
.page-module.contact p {
	float:none;
}

.page-module.contact p {
	font-size:16px;
	margin:0;
}

.page-module.home-article img {margin:-22px 15px 0;}

.page-module.booking p {
	text-align:center;
	width:190px;
	font-weight:normal;

}


/* ************************************************
	*
	* CONTACT PAGE
	*
************************************************** */
#contact_us dl {margin-bottom:30px;}
#contact_us dt {min-width:70px;}

#contact_us .contact {
	float:right;
	width:280px;
	padding:20px;
	background:#fff;
	border-radius:6px;
	border:1px solid #ccc;
}

#contact_us .contact input.text, 
#contact_us .contact select.select, 
#contact_us .contact textarea.textarea, 
#contact_us .contact textarea,
#contact_us .contact input#security {
	min-width:250px;
}


/* ************************************************
	*
	* GALLERY
	*
************************************************** */

.gallery {
	background:#fff;
	padding:15px 17px;
	border-radius:6px;
}

.gallery img {
	margin:0 15px 15px 0;
}

.gallery td:last-child img {
	margin:0 0 15px;
}

#underground_training_facility table {
	width:90%;
	margin:0 auto;
}

.fancybox img {
	border:4px solid #fff;
	margin:0 10px 10px;
}

/* ************************************************
	*
	* ACCORDIONS
	*
************************************************** */
.ui-accordion-header {
	font-size:14px;
	padding:6px;
	margin:0;
	cursor:pointer;
}

.ui-accordion-header, .ui-accordion-content {
	border:1px solid #ccc;
	border-width:0 0 1px;
}

	.ui-accordion-header a {color:#000;}
		.ui-accordion-header a:hover {text-decoration:none;}
	.ui-accordion-header:nth-child(4n+1) {background:#ccc;}
	.ui-accordion-header:hover {background:#aaa;}

.ui-accordion-content {
	padding:10px 10px 10px 30px;
}

/* ************************************************
	*
	* NEWS ITEMS
	*
************************************************** */

.tip-name {
	display:block;
	width:165px;
	float:left;
	margin-right:20px;
	font-size:18px;
	padding:10px;
	border-bottom:3px solid #c4c4c4;
	cursor:pointer;
}

.tip-name:hover {
	border-color:#0cf;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgba(0,204,255,0.15)),
	    color-stop(0.25, rgba(255,255,255,0.15))
	);
	background: -moz-linear-gradient(
	    center bottom,
	    rgba(0,204,255,0.15) 0%,
	    rgba(255,255,255,0.15) 25%
	);
	
}


/* ************************************************
	*
	* NEWS ITEMS
	*
************************************************** */

.articleContainer {
	padding: 10px 15px 0px;
}

.news-section h2 {
	padding-bottom:16px;
	border-bottom:1px solid #c4c4c4;
	font-size:30px;
	color:#000;
}

.post-title {
	font-size:24px;
	margin:0 0 6px;
}

.ticker-post-title {
	font-size:12px;
	margin:0 0 4px;
}

.time {
	color:#999;
	margin-bottom:16px;
	font-size:14px;
}

.articleBox .time {
	position:absolute;
	right:0;
	font-size:10px;
}

.articleBox {margin:0 0 18px;}
.news-section .articleBox {
	list-style:none;
	margin:0 20px 10px;
	padding:15px 0;
	border-bottom:1px dotted #c4c4c4;
	position:relative;
}

.btnViewArticle {
	margin:10px 0 0;
	display:block;
	width:100px;
}

.news-section .articleContainerCnt ul, .news-section .articleContainerCnt ol {
	margin:0 0 12px 25px;
}

.articleContainer img {
	padding:3px;
	background:#fff;
	border:1px solid #c4c4c4;
	margin:0 12px 10px 0;
}

.articleContainerFoot {
	border-top:1px dotted #c4c4c4;
	padding-top:10px;
	margin-top:10px;
}

.articleContainerHead {
	padding-bottom:10px;
	margin-bottom:10px;
}

/* ************************************************
	*
	* MILSETONES LIST
	*
************************************************** */
#milestones dl {
	position:relative;
}

#milestones dt {
	font-weight:bold;
	position:absolute;
	left:0;
	margin-right:15px;
}

#milestones dd {
	margin-bottom:5px;
	position:relative;
	left:40px;
	width:90%;
}


/* ************************************************
	*
	* MISC.
	*
************************************************** */
.ir {display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr;}
.clearfix:before, .clearfix:after { content:"\0020"; display:block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix {zoom:1;}

.chinese-link a {
	background-image:url('/library/themes/lennontraining/images/chinese.gif');
	background-position:center center;
	background-repeat:no-repeat;
	width:73px;
	height:24px;
	padding:4px!important;
}

.chinese-link a:hover {
	background:url('/library/themes/lennontraining/images/ch.jpg') no-repeat left !important;
}

#rhb-logo {
	background:url('/library/themes/lennontraining/images/layout/redhotblue-logo.png') no-repeat center center;
	width:131px;
	height:43px;
	opacity:0.55;
	margin:0 auto 15px;
	-webkit-transition:all 1s linear;
	-moz-transition:all 1s linear;
	transition:all 1s linear;
}

#rhb-logo:hover {
	opacity:1;
}

.left {
	float:left !important;
	padding:20px 20px 10px 0;
}

#image-buttons {margin-top:30px;}
#image-buttons img {margin-right:10px;}