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

body {
	background-color:#F3F3F3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1em;
	text-align:center;
	}
	
body * {
	margin:0;
	padding:0;
	list-style:none;
	}
	
#header {
	width:985px;
	height:200px;
	text-align:right;
	margin:0 auto;
	}

#header .home_link {
	width:180px;
	height:150px;
	margin:0;
	padding:0;
	border:none;
	float:left;
	}
	
#header .phone-number {
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	margin-right:20px;
	padding-top:25px;
	float:right;
	width:800px;
	}
	
#header .header-links {
	padding-top:25px;
  float:right;
	width:800px;
	clear:right;
	}
	
#header .header-links li a {
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	background-image:url(../images/topnav_li_back.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:15px;
	margin-right:20px;
	display:block;
	}
	
	
#header .header-links li {
	margin-bottom:10px;
	}
	
#topnav {
	background-image:url(../images/topnav_back.jpg);
	width:1002px;
	height:52px;
	margin:0 auto;
	}

#topnav ul {
	display:block;
	padding-top:20px;
	width:952px;
	padding-left:45px;
	}
	
#topnav * {
	z-index:100;
	position:relative;
	}
	
	
#topnav li {
	float:left;
	}
	
#topnav li a {
	padding-left:20px;
	padding-right:20px;
	display:block;
	font-size:15px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	padding-bottom:13px;
	font-weight:bold;
	}

#topnav li a:hover {
	color:#FF0000;
	}

#topnav li ul { 
	position: absolute; 
	width: 175px; 
	left: -999em; 
	border:1px solid #666666;
	margin-left:5px;
	border-top:1px solid #666666;
	padding:0;
	} 

#topnav li ul li {
	border:0;
	display:block;
	z-index:5;
	}

#topnav li ul li a {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#000000;
	width:170px;
	display:block;
	border:0;
	font-weight:normal;
	font-size:11px;
	text-align:left;
	padding-left:5px;
	padding-top:3px;
	line-height:1.4em;
	padding-bottom:3px;
	/*height:18px;*/
	background-color:#EEEEEE;
	color:#000000;
	border-top:1px solid #FFFFFF;
	}


#topnav li ul li a:hover {
	background-color:#000066;
	color:#FFFFFF;
	text-decoration:none;
	}

#topnav li ul ul {
	margin-top:-26px;
	margin-left:175px;
	width:185px;
	border-right:solid 1px #666666;
	}

#topnav li ul ul a {
	width:180px;
	border-left:1px solid #CCCCCC;
	border-right:solid 1px #666666;

	}

#topnav li:hover ul ul, #topnav li.sfhover ul ul {
	left:-999em;


	}

#topnav li:hover ul, #topnav li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul  {
		left: auto; 
		z-index:3;
		

		}	
#topnav li:hover, #topnav li.sfhover {
    position: static;
}		

#topnav .cat_header a {
	font-size:12px;
	font-weight:bold;
	}

#hero {
	width:1002px;
	height:295px;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:5px;
	text-align:left;
	background-image:url(../images/hero_background2.jpg);
	background-repeat:no-repeat;
	background-position:center;
	overflow:hidden;
	}

#hero h1 {
	float:left;
	width:260px;
	margin-left:25px;
	margin-top:25px;
	color:#FFFFFF;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin-bottom:10px;
	display:block;
	}
	
#hero_text {
	float:left;
	color:#FFFFFF;
	margin-left:25px;
	margin-top:5px;
	width:260px;
	clear:left;
	text-align:justify;
	}
	
#hero_text p {
	font-size:12px;
	padding-bottom:11px;
	float:left;
	line-height:1.2em;
	}
	
#hero-links {
	float:right;
	width:405px;
	margin-right:10px;
	display:block;
	margin-top:-35px;
	
	}
	
#hero-links li {
	width:372px;
	height: 70px;
	margin:5px;
	padding:10px;
	}
	
#hero-links li h2 {
	font-size:16px;
	margin-bottom:5px;
	float:left;
	width:240px;
	color:#000000;
	}
	
#hero-links li p {
	color:#000099;
	font-weight:bold;
	float:left;
	width:240px;
	}
	
#hero-links li a {
	display:block;
	width:105px;
	height:29px;
	padding-left:15px;
	padding-top:17px;
	background-image:url(../images/hero_li_a_background.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	float:right;
	margin-top:-32px;
	margin-right:9px;
	font-weight:bold;
	}
	
	
#hero-links a:hover {
	color:#FF0000;
	background-image:url(../images/hero_li_a_background_over.jpg);
	}

.side_item {
	border-top:solid 1px #999999;
	padding-top:10px;
	}

#dead {
	margin:0 auto;
	width:1002px;
	overflow:hidden;
	text-align:justify;
	padding-bottom:10px;
	}
	
#dead p {
	padding-right:16px;
	padding-left:16px;
	padding-top:0px;
	color:#0000ff;
	}		
	
#three_page, #two_page, #one_page {
	margin:0 auto;
	width:1002px;
	overflow:hidden;
	text-align:left;
	padding-bottom:10px;
	background-image:url(../images/three_col_page_background.jpg);
	line-height:1.2em;
	}
	
#three_page h1, #two_page h1, #one_page h1 {
	font-size:18px;
	padding-bottom:10px;
	padding-top:10px;
	color:#000000;
	}
	
#three_page h2, #two_page h2, #one_page h2 {
	font-size:16px;
	padding-bottom:10px;
	color:#000000;
	}
	
#three_page h3, #two_page h3, #one_page h3 {
	font-size:14px;
	padding-bottom:10px;
	color:#000000;
	}
	
#three_page h4, #two_page h4, #one_page h4 {
	font-size:11px;
	padding-bottom:10px;
	color:#ff0000;
	}

  #three_page h5 {
	font-size:12px;
  font-weight: normal;
	color:#0000ff;
  text-decoration:none;
	}
  
  #three_page h6 {
	font-size:12px;
  font-weight: normal;
	color:#ff0000;
  text-decoration:none;
	}
	
#three_page p, #two_page p, #one_page p {
	padding-bottom:10px;
	}
	
#three_page a, #two_page a, #one_page a {
	color:#003399;
	text-decoration:none;
	}
	
#three_page a:hover, #two_page a:hover, #one_page a:hover {
	color:#FF0000;
	text-decoration:none;
	}

#three_page img , #two_page img , #one_page img {
	
	text-decoration:none;
	padding:0px;
	}

#three_col {
	margin-left:7px;
	width:789px;
	float:left;
	}	
	
#three_center {
	width:560px;
	padding:15px;
	float:right;
	margin-bottom:-20000px;
	padding-bottom:20010px;
	background-image:url(../images/three_column_center_header_background.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:30px;
	margin-right:1px;
	text-align:justify;
	}
	
#three_left, #two_left {
	width:165px;
	padding:12px;
	float:left;
	background-image:url(../images/column_header_background.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:30px;
	text-align:center;
	}
	
#three_right {
	float:right;
	width:165px;
	padding:12px;
	margin-right:9px;
	background-image:url(../images/column_header_background.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:30px;
	text-align:center;
	}


#three_right img, #two_left img {
	margin-left:-7px;
  margin-top:0px;
  padding:0px;
  border:0px;
  text-align:left;
	}

#three_left img {
	margin-left:5px;
  margin-top:0px;
  padding:0px;
  border:0px;
  text-align:left;
	}
	
#three_left h3, #two_left h3, #three_right h3 {
	padding-top:10px;
	text-align:left;
	}
	
#three_left p, #two_left p, #three_right p {
	text-align:justify;
	}	

#two_page {
	background-image:url(../images/two_page_background.jpg);
	}

#two_left {
	margin-left:8px;
	}	
	
#two_center {
	width:759px;
	padding:15px;
	float:right;
	margin-bottom:-20000px;
	padding-bottom:20010px;
	padding-top:30px;
	margin-right:7px;
	background-image:url(../images/two_col_center_back.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}
	
#one_page {
	background:none;
	padding:0;
	margin:0;
	margin:0 auto;
	margin-top:5px;
	background-image:url(../images/one_page_background.jpg);
	background-repeat:repeat-y;
	background-position:top left;
	}
	
#one_center {
	margin-left:7px;
	width:952px;
	padding:15px;
	background-image:url(../images/one_col_center_back.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:30px;
	}	


#one_center h1 {
	margin:0;
	padding:0;
	height:81px;
	font-size:30px;
	color:#FFFFFF;
	padding-top:30px;
	padding-left:20px;
	background-image:url(../images/one_h1_background.jpg);
	width:962px;
	margin-left:-15px;
	display:block;
	}	
	
#one_center #sub_headline {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:20px;
	color:#000099;
	margin-top:-50px;
	padding-left:10px;
	padding-bottom:50px;
	} 
	
#one_center .one_text {
	float:left;
	width:450px;
	}
	
#one_center #user_form {
	float:right;
	width:455px;
	padding:10px;
	border:solid 1px #999999;
	margin:10px;
	border:none;
	padding-bottom:20px;
	background-image:url(../images/ol_form_background_450.jpg);
	background-position:bottom left;
	overflow:hidden;
	}

#one_center #user_form h2 {
	background-image:url(../images/ol_form_h2_background_450.jpg);
	background-position:top left;
	}		

#user_form {
	width:510px;
	/*border:outset 2px #999999;*/
	padding:12px;
	margin-top:20px;
	margin-left:15px;
	padding-bottom:20px;
	background-image:url(../images/ol_form_background_500.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	}
	
#user_form h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#006BB8;
	line-height:1.2em;
	background-image:url(../images/ol_form_h2_background_500.jpg);
	background-position:top left;
	margin-top:-12px;
	margin-left:-12px;
	padding-top:12px;
	padding-left:12px;
	width:520px;
	background-repeat:no-repeat;
	}

	
#user_form table {
	width:480px;
	}
	
#user_form input {
	width:300px;
	}

#one_center #user_form input {
	width:230px;
	}

	
#user_form select {
	width:300px;
	}
	
#user_form table p {
	font-weight:bold;
	}

#user_form h6 {
	color:#990000;
	font-size:10px;
	margin-bottom:5px;
	}
	
	
#user_form #form_error {
	width:425px;
	padding:10px;
	border:solid 2px #FF0000;
	background-color:#FFFF66;
	color:#FF0000;
	margin-bottom:10px;
	display:none;
	}

#one_center ul {
	margin:0;
	padding:0;
	margin-top:0px;
	margin-bottom:10px;
	}
	
#one_center ul li {
	list-style:disc;
	margin-left:10px;
	padding-left:10px;
	margin-bottom:5px;
	}	
	
	
	
#diver-training {
	width:185px;
	float:left;
	margin-left:12px;
	line-height:1.1em;
	}
	
#diver-training h2 {
	width:185px;
	background-image:url(../images/diver_training_h2_background.jpg);
	text-align:center;
	height:20px;
	padding-top:5px;
	color:#FFFFFF;
	font-size:16px;
	}
	
#diver-training p, #hawaii-diving-options p {
	text-align:left;
	padding:10px;
	padding-top:0px;
	}
	
#diver-training h3, #hawaii-diving-options h3 {
	font-size:15px;
	font-weight:bold;
	padding-bottom:10px;
	text-align:left;
	padding-left:10px;
	}
	
#diver-training img, #hawaii-diving-options img {
	margin-top:10px;
	margin-bottom:10px;
	}
	
#diver-training a, #hawaii-diving-options a {
	font-weight:bold;
	text-align:left;
	color:#000066;
	}
	
#diver-training a:hover, #hawaii-diving-options a:hover {
	color:#FF0000;
	}
	
#recent-activities {
	width:569px;
	float:left;
	margin-left:10px;
	padding:10px;
	text-align:left;
	margin-bottom:-20000px;
	padding-bottom:20010px;
	line-height:1.1em;
	}
	
#recent-activities p {
	padding-bottom:10px;
	}
	
#recent-activities ul {
	padding-bottom:10px;
	}
	
#recent-activities img {
	margin:10px;
	}


#recent-activities h2 {
	width:589px;
	background-image:url(../images/recent_activities_h2_background.jpg);
	text-align:center;
	height:20px;
	padding-top:5px;
	color:#FFFFFF;
	font-size:16px;
	margin-bottom:10px;
	margin-top:-10px;
	margin-left:-10px;
	text-align:center;
	}
	
#recent-activities h3 {
	font-size:14px;
	padding-bottom:10px;
	}
	
#recent-activities * {
	line-height:1.2em;
	}
	
#hawaii-diving-options {
	width:185px;
	margin-left:9px;
	float:left;
	}	
	
#hawaii-diving-options * {
	line-height:1.2em;
	}

#hawaii-diving-options h2 {
	width:185px;
	background-image:url(../images/diving_options_h2_background.jpg);
	text-align:center;
	height:20px;
	padding-top:5px;
	color:#FFFFFF;
	font-size:16px;
	}

#footer {
	width:1002px;
	height:121px;
	margin:0 auto;
	background-image:url(../images/footer_background.jpg);
	background-position:center;
	background-repeat:no-repeat;
	}
	
#footer p {
	text-align:right;
	padding-right:25px;
	padding-top:87px;
	color:#DEDEDE;
	}

#footer a, #footer_three a, #footer_two a, #footer_one a {
	color:#AAFFEE;
	text-decoration:none;
	}
	
#footer a:hover, #footer_three a:hover, #footer_two a:hover, #footer_one a:hover {
	color:#EEAAAA;
	}
	
#footer_three {
	width:1002px;
	height:141px;
	margin:0 auto;
	margin-top:-10px;
	background-image:url(../images/footer_three_background.jpg);
	background-position:7px 0px;
	background-repeat:no-repeat;
	}
	
#footer_two {
	width:1002px;
	height:141px;
	margin:0 auto;
	margin-top:-10px;
	background-image:url(../images/footer_two_background.jpg);
	background-position:8px 0px;
	background-repeat:no-repeat;
	}
	
	
#footer_one {
	width:1002px;
	height:141px;
	margin:0 auto;
	margin-top:-10px;
	background-image:url(../images/footer_one_background.jpg);
	background-position:7px 0px;
	background-repeat:no-repeat;
	}

#footer_three p, #footer_two p, #footer_one p {
	text-align:right;
	padding-right:25px;
	padding-top:100px;
	color:#DEDEDE;
	}
	
#breadcrumbs {
	width:932px;
	margin:0 auto;
	height:10px;
	padding:5px;
	padding-left:10px;
	display:block;
	margin-bottom:5px;
	}	
	
#breadcrumbs li {
	float:left;
	}
	
#breadcrumbs a {
	border-left:solid 1px #006699;
	color:#006699;
	padding-left:10px;
	padding-right:10px;
	font-size:10px;
	font-weight:bold;
	}
	
#breadcrumbs a:hover {
	color:#990000;
	}
	
#addthis {
	width:985px;
	margin:0 auto;
	text-align:right;
	padding-right:15px;
	}

.tabcontentstyle {
	width:530px;
	background-color:#DDEEFF;
	}
	
.shadetabs li.selected a {
	background-color:#DDEEFF;
	color:#000066;
	}
	
.shadetabs li a {
	background-color:#AABBCC;
	color:#000066;
	}
	


#sub_footer {
	width:960px;
	margin:0 auto;
	text-align:left;
	margin-top:10px;
	padding-left:200px;
	}
	
#sub_footer .first_side_item, #sub_footer .side_item {
	float:left;
	margin-right:10px;
	padding:0px;
	border:none;
	}

#sub_footer p {
	margin:0;
	padding:0;
	display:inline;
	clear:none;
	}
	
	
.redbox {
	width:452px;
	height:79px;
	margin-left:50px;
	margin-top:10px;
	margin-bottom:10px;
	color:#FFFFFF;
	background-image:url(../images/redbox_background.jpg);
	padding-top:5px;
	}
	
.redbox_left {
	float:left;
	width:150px;
	font-weight:bold;
	font-size:16px;
	padding-top:20px;
	text-align:center;
	}
	
.redbox_right {
	float:right;
	width:300px;
	font-size:12px;
	}
	
.redbox li {
	list-style:disc;
	}
	
#sitemap li {
	margin-left:10px;
	padding:2px;
	}
	
.link_list {
	list-style:none;
	background-image:url(../images/arrow.jpg);
	padding-left:15px;
	}
	
.link_list a {
	color:#006699;
	text-decoration:none;
	}
	
.link_list a:hover {
	color:#990000;
	}
	
#three_center ul li {
	list-style:none;
	background-image:url(../images/arrow.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
	}

#three_center ol li {
	list-style:decimal;
	margin-left:17px;
	}
	
#three_center li a {
	color:#006699;
	text-decoration:none;
	}
	
#three_cetner li a:hover {
	color:#990000;
	}
		
#three_center ul, #two_center ul, #three_center ol, #two_center ol  {
	padding-bottom:10px;
	padding-left:10px;
	}

/*************** COURSE BOX CLASS *****************************/

#three_center .course_box, #two_center .course_box {
	width:480px;
	padding:10px;
	margin-left:65px;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;
	line-height:1.3em;
	background-image:url(../images/course_box_background.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	}
	
#three_center .course_box *, #two_center .course_box * {
	margin:0;
	padding:0;
	list-style:none;
	background-image:none;
	}
	
#three_center .course_box ul, #two_center .course_box ul {
	margin-bottom:5px;
	}
	
#three_center .course_box li, #two_center .course_box li  {
	margin-left:10px;
	list-style:disc;
	color:#999999;
	}
	
#three_center .course_box .left_course, #two_center .course_box .left_course  {
	float:left;
	width:235px;
	margin-bottom:-20000px;
	padding-bottom:20010px;
	margin-top:5px;
	}
	
#three_center .course_box .right_course, #two_center .course_box .right_course {
	float:right;
	width:235px;
	margin-top:5px;
	}
	
#three_center .course_box h4, #two_center .course_box h4 {
	color:#000000;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
	padding-bottom:5px;
	}	
	
#three_center .course_box h3, #two_center .course_box h3  {
	background-image:url(../images/course_box_h3_background.jpg);
	background-repeat:no-repeat;
	width:500px;
	margin-left:-10px;
	margin-top:-10px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	padding-top:8px;
	padding-left:10px;
	}

/********** THE DAMN TABLE LINKS *******************************/

#three_center table img, #two_center table img {
	margin:0;
	padding:0;
	}


/******************** tablesorter  *********************/

table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/************ DIVE MAP *******************************/

#dive_map {border:solid 1px #999999;width:750px;height:500px;margin-bottom:10px;margin-top:10px;margin-left:2px;}


/*************** PADI FLOWCHART *****************************/

#padi_flowchart {
	width:580px;
	margin:0;
	padding:0;
	color:#FFFFFF;
	margin-left:50px;
	background-image:url(../images/padi_flowchart_background.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}
	
#padi_flowchart * {
	margin:0;
	padding:0;
	border:none;
	}
	
#padi_flowchart a {
	color:#FFFFFF;
	}
	

	
	
	
#padi_flowchart img {
	margin:0;
	padding:0;
	border:none;
	}
	
	
/*********** GALLERY STUFF ********************/

.page-wrapper {
    background-color:#EEEEEE;
    text-align: left;
    width: 720px;
    margin: 0 auto;
    padding: 20px;
    position: relative;
    overflow: auto;
}

.page-wrapper h1 {
    font-size: 1.8em;
}

.page-wrapper h2 {
    font-size: 14px;
    color: #222;
}

.page-wrapper .feedIcon {
    vertical-align: middle;
    padding: 0 10px;
}

.album-wrapper .photo {
    width: 150px;
/*    height: 132px;*/
    background-color:#CCCCCC;
    text-align: center;
    vertical-align: middle;
    float: left;
    padding: 5px;
    margin: 5px;
}

.album-wrapper .photo img {
    border: none;
}

.album-wrapper .photo small {
    color: #aaa;
    font-size: 0.9em;
}

#gallery_link {
	width:588px;
	height:41px;
	text-align:center;
	background-image:url(../images/one_h1_background.jpg);
	margin-bottom:10px;
	margin-left:-14px;
	}
	
#gallery_link p {
	margin:0;
	padding:0;
	font-size:18px;
	padding-top:14px;
	}
	
#gallery_link a {
	color:#0077AA;
	font-weight:bold;
	text-decoration:none;
	}
	
#gallery_link a:hover {
	color:#000000;
	}
	
#three_center .TA_linkingWidget ul, #three_center .TA_linkingWidget ul li {
	background:none;
	}
  
  











.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 985px;
    height: 200px;
    z-index: 0; 
}
.cb-slideshow:after {
    width: 985px;
    height: 200px;
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    background: url(../images/pattern.png) repeat top left;
 
}
.cb-slideshow li span { 
    width: 985px;
    height: 200px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: -70px;
    left: 100px;
    width: 1002px;
    text-align: left;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 40px;
    padding: 0;
    line-height: 200px; 
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../images/1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../images/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 40px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 40px }
}


.iflow {
	BORDER-BOTTOM: medium none;
  POSITION: absolute;
  BORDER-LEFT: medium none;
  MARGIN-TOP: 10px;
  MARGIN-LEFT: 20px;
  BORDER-TOP: medium none;
  TOP: 260px;
  BORDER-RIGHT: medium none;
  LEFT: 0px
}

.clear {
	CLEAR: both
}

#images {
	VISIBILITY: hidden
}

#load {
	TEXT-ALIGN: center;
  margin: 20px 300px 10px 0px; WIDTH: 95%
}

#load IMG {
  POSITION: relative;
  MARGIN-TOP: 10px
}

#captions {
	Z-INDEX: 10000;
  POSITION: relative;
  TEXT-ALIGN: center;
  FONT-WEIGHT: bold
}

#scrollbar {
	Z-INDEX: 10001;
  POSITION: relative;
  BORDER-BOTTOM: rgb(0,0,255) 1px solid;   
  VISIBILITY: hidden
}

#slider {
	Z-INDEX: 10002;
  POSITION: absolute;
  MARGIN-TOP: -7px;
  WIDTH: 14px;
  BACKGROUND-REPEAT: no-repeat;
  HEIGHT: 14px;
  MARGIN-LEFT: -7px
}

#imageflow {
	TEXT-ALIGN: center;
  COLOR: rgb(0,0,0);
  margin: 0px 30px 10px 0px
}


.rightcore {
	margin: 10px 25px 0px 5px;
  width: 240px;
  background: #ffc;
  float: right;
  color: #191970;
  font-size: 14px;
}

.rightcore A {
	color: #083d65; border-bottom:none;text-decoration:none;

}

.rightcore A:hover {
  text-decoration: none; border-bottom: none;

}

.rightcore H3 {
	text-align: center;
  color: #f60;
  font-size: 120%;
  font-weight: bold;
  margin: 10px 0px 0px 0px;
}


.textincenter {
	font-size: 12px;
  text-align: center;
}

.imgleft {
  border: medium double #24618E;
  float: left;
  margin: 5px 10px 0px 0px;

}

.imgright {
  border: medium double #24618E;
  margin: 5px 0px 10px 10px;
  float: right;
}

.imgincenter {
  border: medium double #24618E;
  text-align: center;
  float: center;
  margin: 5px 10px 0px 0px;

}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.miracle-world.net/pictures/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.miracle-world.net/pictures/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.miracle-world.net/pictures/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.pictures_hidden {
display: none;
}