/*
	Author   - Neill Harmer	
	Company  - Element Fusion
	
	Style    - style-mobile.css	
*/


/* BODY */
body {
	font-family: arial, sans-serif;
	color: #e7e6e6;
	font-size: 75%;
	background: #344f5b;
}	
	#body {
		background: #141716 url(images/body-bg.jpg) top center repeat-x;
	}
	
	html>body {font-size: 12px;}
	

		
		
		
/* jQUERY DROP DOWN */
#dropDown {	
	padding: 55px 0 45px;
	font-size: 12px;
	width: 868px;
	margin: 0 auto;
	position: relative;
	color: #e7e6e6;
	display: none;
}		
	#closeDropDown {
		height: 25px;
		width: 71px;
		float: right;
		margin: -55px 0 0 0;
	}
		#closeDropDown a {
			background: url(images/b-close.jpg) 0 0 no-repeat;
			text-indent: -9999px;
			height: 25px;
			width: 71px;
			display: block;
		}
		
		
		
		
		
/* PAGE CONTAINER */
#pageContainer, 
#footer {
	width: 868px;
	margin: 0 auto;
	position: relative;
}




/* HEADER */
#header {
	height: 210px;
	position: relative;
}		
	#logo {
		position: absolute;
		z-index: 99;
		top: 0;
		left: -20px;
		width: 343px;
		height: 141px;
	}
	
	.headerNav {
		float: right;
		margin: 80px 0 40px 0;
	}
		.headerNav li {
			display: inline;
			font-size: 10px;
			text-transform: uppercase;
			background: url(images/header-nav-break.jpg) 100% 50% no-repeat;
			padding: 0 11px 0 8px;
		}
			.headerNav li:last-child {background: none;}
			.headerNav li a {
				color: #e9eaea;
			}
				.headerNav li a:hover {
					color: #fff;
					border-bottom: 1px solid #3a5a68;
				}

	#bSearch {
		position: absolute;
		top: 0;
		right: 82px;
		width: 82px;
		height: 28px;
	}
		#bSearch a {
			display: block;
			width: 82px;
			height: 28px;
			background: url(images/b-search.png) 0 0 no-repeat;
			text-indent: -9999px;
			cursor: pointer;
		}
			#bSearch a:hover, #bSearch a:hover, .searchActive {background: url(images/b-search-o.png) 0 0 no-repeat !important;}
			
			.search {			
				position: absolute;
				top: 28px;
				right: 0;
				background: url(images/search-bg.png) 0 0 no-repeat;
				height: 36px;
				width: 192px;
				display: none;
			}
				.search label {display: none;}
				
				.search .searchInput {
					background: url(images/search-input.png) 0 0 no-repeat;
					height: 19px;
					width: 147px;
					border: none;
					float: left;
					margin: 6px 0 0 7px;
					color: #777;
					text-transform: uppercase;
					font-size: 12px;
					font-family: arial;
					padding: 4px 25px 0 5px;
				}
				
				.search .searchButton {
					background: url(images/search-button.png) 0 0 no-repeat;
					height: 14px;
					width: 13px;
					border: none;
					position: absolute;
					top: 10px;
					right: 15px;
					color: #ABABAB;
					cursor: pointer;
				}
	
	#bLinks {
		position: absolute;
		top: 0;
		right: 0;
		width: 82px;
		height: 28px;
	}
		#bLinks a {
			display: block;
			width: 82px;
			height: 28px;
			background: url(images/b-links.png) 0 0 no-repeat;
			text-indent: -9999px;
			cursor: pointer;
		}
			#bLinks a:hover, #bLinks a.active {background: url(images/b-links-o.png) 0 0 no-repeat;}
		
		
		
	/* navigation */	
	#nav {
		float: left;
		clear: both !important;
		margin: 0 0 0 5px;
		position: relative;
		z-index: 99;
		height: 66px;
		width: 868px;
		background: url(images/nav-bg.png) 0 0 no-repeat;
	}	
		.mainNav {
			float: right;
			margin-right: 16px;
		}	
			.mainNav li {
				font-size: 14px;
				float: left;
				text-transform: uppercase;
				color: #fff;	
				position: relative;
				z-index: 99;
				font-weight: bold;
				height: 55px;
				font-family: "arial narrow", "Helvetica Neue", "HelveticaNeue", helvetica, arial;
				margin-left: 12px;
			}		
				.mainNav li a {
					color: #fff;	
					display: block;
					padding: 25px 10px 11px;
				}	
					.mainNav li.selectedPage a,
					.mainNav li.selectedPageRoot a,
					.mainNav li:hover a,
					.mainNav li a:hover {
						border-bottom: 7px solid #3a5a68;
					}
				
				
			/* level 2 */
			.mainNav li:hover ul.level2, 
			.mainNav li:focus ul.level2, 
			.mainNav li.sfhover ul.level2 {
				display: block;
			}				
			
			.mainNav .level2 {
				display: none;
				position: absolute;
				z-index: 99;
				top: 61px;
				left: 0;
				width: 220px;
				padding: 10px 0;
				background: url(images/sec-nav-bg.png);
				min-height: 380px;
				height: auto !important;
				height: 380px;
				border-bottom: 7px solid #3a5a68;
			}	
				.mainNav .level2 li {
					float: none;
					font-size: 14px;
					min-height: 10px;
					height: auto !important;
					height: 10px;
					text-transform: none;
					margin: 0;
				}
					.mainNav .level2 li a {
						padding: 4px 12px !important;
						border: none !important;
						color: #444;
					}
						.mainNav .level2 li a:hover {
							background: url(images/sec-nav-bg-li.png);
							color: #111;
						}
		
	
	
/* URGENT MESSAGE */
#urgentMessage {
	font-size: 13px;
	text-align: right;
	min-height: 26px;
	height: auto !important;
	height: 26px;
	color: #e7e6e6;
}
	
	
		
		

/* FEATURED AREA */
#featuredImage {
	clear: both;
	margin-left: 7px;
	position: relative !important;
	z-index: 5 !important;
}
	#featuredImage .SlideShowImage {
		margin-left: -5px !important;
	}
	#featuredImage img {
		margin-bottom: -5px;
		border: 3px solid #1c2629;
	}
		
		
		
	
			




	
		
				
/* CONTENT AREA */
#contentContainer {	
	clear: both;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	padding: 35px 0;
}	
	/* home page */
	#homePage #mainColumn {
		float: left;
		width: 420px;
		min-height: 200px;
		height: auto !important;
		height: 200px;			
		margin: 0 57px 0 6px;
	}
	
	#homePage #subColumn {
		float: left;
		width: 380px;
		min-height: 100px;
		height: auto !important;
		height: 100px;	
	}
	
	/* sec page */	
	#secPage #subColumn {
		float: left;
		width: 215px;
		min-height: 100px;
		height: auto !important;
		height: 100px;			
		margin: 0 35px 0 6px;
	}
	
	#secPage #mainColumn {
		float: left;
		width: 605px;
		min-height: 200px;
		height: auto !important;
		height: 200px;	
	}
	




	
/* SEC NAV */
.secNav {
	margin: 55px 0 45px 0;
}
	.secNav li {
		font-size: 15px;
		font-family: "arial narrow", "Helvetica Neue", "HelveticaNeue", helvetica, arial;
		margin-bottom: 5px;
	}
		.secNav li a {
			color: #fff;
		}
			.secNav li a:hover {
				color: #74a1b8;
			}
		
	.secNav li.selectedPage {
		font-weight: bold;
		background: url(images/sec-nav-break.jpg) 0 90% repeat-x;
	}
		.secNav li.selectedPage a {
			background: #141716;
			padding-right: 3px;
		}
	
	
	
	
	
	
/* BREAD CRUMB */
.breadCrumb {
	font-size: 11px;
	font-style: italic;
	color: #666867;
	margin: -15px 0 15px 0;
}
	.breadCrumb a {		
		color: #666867;
		text-decoration: none;
	}
	
	
	
	
	
	
/* FOOTER */
#footer {
	color: #e7e6e6;
	padding: 25px 0 75px 6px;
}
	#footer h1 {
		font-size: 17px;
		margin-bottom: 5px;
	}
	
	#footer a {
		color: #e7e6e6;
		text-decoration: underline;
	}
		#footer a:hover {
			color: #fff;
		}
		
	.footerNav {
		float: right;
	}
		.footerNav li {
			display: inline;
			font-size: 14px;
			text-transform: uppercase;
			color: #fff;	
			font-weight: bold;
			font-family: "arial narrow", "Helvetica Neue", "HelveticaNeue", helvetica, arial;
			margin-left: 12px;
		}
			.footerNav li a {
				color: #fff !important;	
				text-decoration: none !important;
			}
				.footerNav li a:hover {
					border-bottom: 1px solid #e7e6e6;
				}
			
		
	#socialMedia {
		float: right;
		clear: right;
		margin: 20px 0 25px 0;
	}
		
		
	#copyright {
		float: right;
		clear: right;
		text-align: right;
		line-height: 15px;
		width: 500px;
	}