html { 
	margin: 0; 
	padding: 0; 
	}

body { 
	width: 100%; 
	min-height: 100%; 
	margin: 0; 
	padding: 0; 
	color: #5d5d60;
	font-size: 13px;
	font-family: Arial, Helvetica, 'Lucida Grande', sans-serif;
	}
	
	.wrapper {
		position: relative;
		min-width: 1000px;
		width: 100%;
/*		overflow-x: hidden;*/
		min-height: 800px;
		height: 100%;
	}
	
a {
	text-decoration: none;
}

.nav { 
	z-index: 500; 
	position: absolute; 
	right: 43px;
	top: 28px; 
	font-size: 1.2em;
	width: 1100px;
	}
	
		.splash .nav { display: none; }

		.nav li { 
			float: right; 
			list-style-type: none; 
			padding: 10px 0; 
		}
	
		.nav a { 
			color: #5d5d60; 
			display: block;
			float: left;
			font-weight: bold;
			padding: 0 7px;
			border-right: 1px #5d5d60 solid;
		}
		
		.openPane .nav a {
			border-right-color: #bfdd92;
		}
		
				/*.nav li a.active {
									color: #7bbd31;
								}*/
		
				.nav a.last {
					border-style: hidden;
				}
				
				* html .nav a.last {
					border-left-style: hidden;
				}
		
				.nav a.active, .nav a:hover { 
					color: #7cbc33; 
				}
				
				.openPane li a {
					color: #c9e2a7;
				}
				
				.openPane li a:hover {
					color: #fff !important;
				}
		
				.openPane li a.active {
					color: #ffffff;
				}				
		
#load { /*position: relative;*/ clear: both; }

.landing a {
	display: none;
	width: 200px;
	height: 200px;
	overflow: hidden;
	position: absolute;
	top: 265px;
	left: 45px;
/*	margin-top: -100px;*/
	background: url('images/land_bg.gif') 20px 30px no-repeat;
}

.splash .landing a {
	display: block;
}

.splash .landing a.hover {
	background-position: bottom left;
	min-width: 800px;
	width: 90%;
}

#intro { 
	z-index: 10; 
	display: none; 
	position: absolute; 
	top: 140px; 
	right: 40px;  
	width: 800px; 
	}
	
	#intro h1 {
		font-size: 3.6em; 
		line-height: 130%;
		color: #9d9fa2; 
		font-weight: bold; 
		text-align: right;
		font-family: 'Arial Black', Arial, Helvetica, sans-serif;
	}
	
	.landing a h1 {
		text-align: right;
		position: absolute;
		top: 200px;
		right: 125px;
		width: 400px;
		font-size: 3.8em; 
		line-height: 130%;
		color: #5d5d60;
		font-weight: bold; 
		font-family: 'Arial Black', Arial, Helvetica, sans-serif;
	}
	
	.landing a.hover h1 {
		top: 63px;
	}
	
	.landing a h1:hover {
		color: #000;
	}
	
	.landing a h1 span {
		color: #7bbc32;
	}

#intro h1 a {color: #5d5d60; position: relative;}

		#intro h1 a:hover { color: #7bbd31; z-index: 300; }
				
#coast {
	width: 308px;
	height: 824px;
	position: absolute;
	top: -50px;
	left: -308px;
	background: url('images/bc_coast.png') top left no-repeat; 
}

.logo {
	position: fixed;
	top: 267px;
/*	margin-top:-80px;*/
	left: 58px;
	z-index: 1; 
}

* html .logo {
	position: absolute;
}

.splash .logo { display: none; }

#content_bg { 
	position: fixed; 
	top: 0; 
	height: 100%; 
	width: 1076px;
	right: -1076px; 
	z-index: 100; 
	}
	
	* html #content_bg {
		display: none;
	}
	
		#content_bg img {
			position: absolute;
			left: 0;
			top: 0;
			min-height: 730px;
			height: 100%;
			width: 100%;
			}


#content { 	
	display: none; 
	position: absolute; 
	top: 50px; 
	right: 60px; 
	width: 700px; 
	padding-bottom: 40px;
	z-index: 5000; 
	}
	
	* html #content {
		background: #70a820 url('images/bc_main.jpg') top left no-repeat;
		height: 820px;
		padding: 80px 70px 40px 360px;
		top: 0;
		right: 0;
	}
	
#content h2,
#content h3,
#content ol {
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, 'Trebuchet MS' sans-serif;
	font-size: 3.4em;
	margin-bottom: 40px;
	margin-top: 50px;
}

	#content.home h2 {
		margin-bottom: 10px;
	}

#content h3 {
	font-size: 2.3em;
	line-height: 110%;
	margin-top: -4px;
}

#content a { color: #fff; font-weight: bold; }

#content ol {
	font-size: 2.6em;
	list-style: decimal;
	margin-left: 40px;
}

	#content ol li {
		margin-bottom: 30px;
		color: #c9e2a7;
	}
	
	#content ol li a {
		color: #c9e2a7;
	}
	
	#content ol li a:hover,
	#content ol li:hover {
		color: #fff;
	}

#content p {
	color: #fff;
	line-height: 31px;
	margin: 10px 0;
	font-size: 1.35em;
}

#content .panel {
	position: relative;
	border-left: 2px #fff solid;
	padding-left: 23px;
	right: 23px;
}

#content .panel .close_pane {
	display: block;
	height: 20px;
	width: 20px;
	text-indent: -1000px;
	overflow: hidden;
	border: 2px #fff solid;
	position: absolute;
	top: 0;
	left: -24px;
	background: url('images/close_btn.png') center center no-repeat;
}

* html #content .panel .close_pane {
	margin-left: -24px;
	background-image: url('images/close_btn.gif');
}

#flashVideo, #content .video {
	margin: 20px 0;
}

.box p,
#content .box p {
	color: #fff; 
	margin: 10px 0 0 0; 
	font-size: 1.15em;
	line-height: 19px;
	}
	
		#intro.contact .box p {font-size: 1.4em; line-height: 130%;}
		#content .box p {margin-top: 0;}
	
		.box p strong {color: #7cbc33; font-weight: bold; font-size: 115%;}

.box {
	display: none;
} 

.box {
	width: 511px;
	height: 300px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 150;
}

.box .inner {
	width: 209px;
	padding: 18px;
	background: #241E20;
	position: absolute;
	color: #fff;
	top: 0;
	left: 0;
	z-index: 151;
}

	#h1 {top: 46px; right: 313px;}
	#h2 {top: 106px; right: 305px;}
	#h3 {top: 105px; right: 135px;}
	#h4 {top: 0px; right: 390px;}
	#h5 {top: 38px; right: 285px;}
	#h6 {top: 135px; right: 420px;}
	#h7 {top: 194px; right: 430px;}
	#h8 {top: 235px; right: 497px;}
	
		#h1.box, #h2.box, #h3.box {width: 460px;}
		#h8.box {width: 335px;}

.box .arrow {position: absolute; z-index: 15;}

* html .box .arrow {
	display: none;
}

	#h1 .arrow {top: 10px; right: -213px;}
	#h2 .arrow {top: 10px; right: -213px;}
	#h3 .arrow {top: 10px; right: -213px;}
	#h4 .arrow {top: 50px; right: -266px;}
	#h5 .arrow {top: 60px; right: -266px;}
	#h6 .arrow {top: 15px; right: -266px;}
	#h7 .arrow {top: 20px; right: -266px;}
	#h8 .arrow {top: 165px; right: -88px;}
	
	#a1 {top: 41px; right: 335px;}
	#a2 {top: 11px; right: 370px;}
	#a3 {top: 235px; right: 500px;}
	#a4 {top: 225px; right: 270px;}
	#a5 {top: 143px; right: 410px;}
	
		#a1.box, #a3.box, #a4.box {width: 460px;}
		#a3.box, #a4.box, #a5.box {height: 340px;}
	
	#a1 .arrow {top: 10px; right: -213px;}
	#a2 .arrow {top: 50px; right: -266px;}
	#a3 .arrow {top: 10px; right: -213px;}
	#a4 .arrow {top: 10px; right: -213px;}
	#a5 .arrow {top: 72px; right: -266px;}
	
	#p1 {top: 41px; right: 305px;}
	#p2 {top: 121px; right: 455px;}
	#p3 {top: 89px; right: 530px;}
	#p4 {top: 239px; right: 450px;}
	#p5 {top: 216px; right: 715px;}
	#p6 {top: 157px; right: 385px;}
	#p7 {top: 150px; right: 420px;}
	
		#p1.box, #p2.box, #p4.box {width: 460px;}
		#p2.box, #p3.box {height: 340px;}
		#p3.box {width: 411px;}
		#p5.box { width: 245px; z-index: 202;}
		#p5link:hover { z-index: 120 !important; }
	
	#p1 .arrow {top: 10px; right: -213px;}
	#p2 .arrow {top: 10px; right: -213px;}
	#p3 .arrow {top: 145px; right: -90px;}
	#p4 .arrow {top: 60px; right: -212px;}
	#p5 .arrow {top: 200px; right: -90px;}
	#p6 .arrow {top: 120px; right: -267px;}
	#p7 .arrow {top: 180px; right: -267px;}
	
	#r1 {top: -21px; right: 380px;}
	#r2 {top: 170px; right: 115px;}
	#r3 {top: 20px; right: 430px;}
	#r4 {top: 179px; right: 355px;}
	#r5 {top: 39px; right: 70px;}
	#r6 {top: 41px; right: 415px;}
	#r7 {top: -35px; right: 125px;}
	#r8 {top: 37px; right: 405px;}
	#r9 {top: 170px; right: 305px;}
	
		#r2.box {width: 460px;}
		#r4.box {width: 360px;}
	
	#r1 .arrow {top: 60px; right: -263px;}
	#r2 .arrow {top: 10px; right: -213px;}
	#r3 .arrow {top: 80px; right: -260px;}
	#r4 .arrow {top: 60px; right: -90px;}
	#r5 .arrow {top: 60px; right: -266px;}
	#r6 .arrow {top: 120px; right: -267px;}
	#r7 .arrow {top: 180px; right: -267px;}
	#r8 .arrow {top: 180px; right: -267px;}
	#r9 .arrow {top: 100px; right: -267px;}
	
	#t1 {top: 0; right: 275px;}
	#t2 {top: -15px; right: 430px;}
	#t3 {top: 165px; right: 230px;}
	#t4 {top: 60px; right: 680px;}
	#t5 {top: 30px; right: 400px;}
	#t6 {top: 185px; right: 465px;}
	
		#t1.box, #t3.box, #t6.box {width: 460px;}
/*		#t4.box {width: 335px;}*/
		#t4.box { width: 245px; z-index: 202;}
		#t4link:hover { z-index: 120 !important; }
	#t1 .arrow {top: 60px; right: -212px;}
	#t2 .arrow {top: 45px; right: -267px;}
	#t3 .arrow {top: 10px; right: -212px;}
	#t4 .arrow {top: 180px; right: -90px;}
	#t5 .arrow {top: 60px; right: -266px;}
	#t6 .arrow {top: 120px; right: -212px;}
	
	#o1 {top: 0; left: -321px;}
	#o2 {top: 40px; left: -321px;}
	#o3 {top: 0; left: -321px;}
	#o4 {top: 0; left: -321px;}
	#o5 {top: 90px; left: -321px;}
	#o6 {top: 35px; left: -321px;}
	#o7 {top: 20px; left: -321px;}
	
		#o1.box, #o2.box, #o3.box, #o4.box, 
		#o5.box, #o6.box, #o7.box {
			width: 341px;
			height: 375px;
		}
		
		#o4.box, #o7.box {
			height: 455px;
		}
	
	#o1 .arrow {top: 22px; right: -95px;}
	#o2 .arrow {top: 42px; right: -95px;}
	#o3 .arrow {top: 125px; right: -95px;}
	#o4 .arrow {top: 170px; right: -95px;}
	#o5 .arrow {top: 142px; right: -95px;}
	#o6 .arrow {top: 260px; right: -95px;}
	#o7 .arrow {top: 340px; right: -95px;}
	
	#c1 {top: 170px; right: 160px;}
	#c2 {top: 220px; right: 420px;}
	/*#c3 {top: 215px; right: 275px;}*/
	#c3 {top: 180px; right: 170px;}
	#c4 {top: 220px; right: 90px;}
	
		#c1.box, #c2.box, #c3.box, #c4.box {
			height: 150px;
			width: 340px;
		}
	
	#c1 .arrow {top: 53px; right: -87px;}
	#c2 .arrow {top: 53px; right: -87px;}
	#c3 .arrow {top: 53px; right: -87px;}
	#c4 .arrow {top: 53px; right: -87px;}


	#tooltip {
		position: absolute;
		z-index: 3000;
		border: 1px solid #111;
		background-color: #eee;
		padding: 5px;
		opacity: 0.85;
	}
	#tooltip h3, #tooltip div { margin: 0; }