.header_nav .nav ul {display: "none"}
#header .header_nav { position:relative; width:960px; float:left; height:40px; margin-top:5px; background-image:url(../images/tile_mainnav.jpg); overflow: visible; z-index:9; }
#header .header_nav .nav {width:800px; margin-top:3px; margin-left:110px;}
#header .header_nav ul { margin:0;  padding:0; float:left; z-index:9;  }
#header .header_nav ul li { list-style:none;  float:left;  padding:0; margin:0; color: #FFFFFF;   }

/* define the donate button here */
#header .header_nav .nav li:nth-child(9) { position:absolute; right:10px; margin-top:-3px; }
#header .header_nav .nav li:nth-child(9) a{ background-color:#0ac6ed;  line-height:10px; padding:4px 10px 4px 10px!important; font-size:16px!important;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px; border:1px solid #185562; }
/* end donate button styles */


#header .header_nav .nav li a:link, #header .header_nav .nav li a:visited { text-decoration:none; height:40px; line-height:40px; font-weight:700; font-family: "proxima-nova-condensed", Arial, sans-serif; color:#FFFFFF; text-transform:uppercase; font-size:13px; padding:9px 8px; }
#header .header_nav .nav li a:hover, .header_nav_hover { background-color:#217688; color:#FFFFFF; }
#header .header_nav .lastnavitem {  }

#header .header_nav .nav ul { 
	display:none;
	width:240px!important;
	margin:-3px 0 0 0 ;  
	padding:5px 0 10px 0; 
	position:absolute; 
	z-index:10; 
	background: #217688; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#217688', endColorstr='#0e333c'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#217688), to(#0e333c)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #217688,  #0e333c); /* for firefox 3.6+ */ 
 }
#header .header_nav .nav ul li { float:none; width:200px; list-style:none; margin:0; padding:3px 8px; text-transform:none; color:#FFF;}
#header .header_nav .nav li ul li a:link, #header .header_nav .nav li ul li a:visited {color:#FFF; text-decoration:none; line-height:18px; text-transform:none;}
#header .header_nav .nav li ul li a:hover {color:#00aef0;  background-color:transparent; }


/* I'm Finished menu
-----------------------------------------------------------------*/
#finished_nav .sub_nav_home{text-decoration: none;float: left;height: 16px;line-height: 12px;font-weight: 700;font-family: "proxima-nova-condensed", Arial, sans-serif;color: white;text-transform: uppercase;font-size: 12px;padding: 4px 8px; color:#000000;}
#finished_nav .sub_nav_home:hover{background-color:#000000; color:#ed1c24;}
#finished_nav {height: 100px;width:960px; background-color:#FFFFFF; z-index:6;}
#finished_layout .nav{ margin:1px 0 0 0;  padding:0; position:relative;  float:left; height:40px; overflow: visible; z-index:6; }
#finished_layout .nav li { list-style:none;  float:left;  padding:0; margin:0; color: #000000;  }
#finished_layout .nav li a:link, #finished_layout .nav li a:visited { text-decoration:none; height:40px; line-height:12px; font-weight:700; font-family: "proxima-nova-condensed", Arial, sans-serif; color:#000000; text-transform:uppercase; font-size:12px; padding:6px 8px; }
#finished_layout .nav li a:hover, .finished_nav_hover { background-color:#000000; color:#ed1c24 !important; }

#finished_layout .nav ul {display:none; background-color:#000000; position:absolute; margin:4px 0 0 0; padding:5px 0 10px 0;}
#finished_layout .nav ul li { float:none; width:240px; list-style:none; margin:0 0 0 0; padding:3px 8px; text-transform:none; color:#000000;}
#finished_layout .nav li ul li a:link, #finished_layout .nav li ul li a:visited{color:#FFF; text-decoration:none; line-height:12px; text-transform:none; text-indent: -8px;}
#finished_layout .nav li ul li a:hover {color:#ed1c24;  background-color:transparent; }
#finished_layout .header_nav_hover {color:#ed1c24;  background-color:transparent; }

#finished_nav h1 { color:#000000; font-size:26px; margin:30px 0 0 8px;}

.bk_finished .vid_block_title{
	color: #AD271C;
}

/* Sharks Count Menu
-----------------------------------------------------------------*/
#sharkscount_nav .sub_nav_home{text-decoration: none;float: left;height: 16px;line-height: 12px;font-weight: 700;font-family: "proxima-nova-condensed", Arial, sans-serif;color: white;text-transform: uppercase;font-size: 12px;padding: 4px 8px;}
#sharkscount_nav .sub_nav_home:hover{background-color:#5f594b;}
#sharkscount_nav {height: 100px;width:960px; background-color:#5f594b; z-index:6;}
#sharkscount_layout .nav{ margin:1px 0 0 0;  padding:0; position:relative;  float:left; height:40px; overflow: visible; z-index:6; }
#sharkscount_layout .nav li { list-style:none;  float:left;  padding:0; margin:0; color: #FFFFFF;  }
#sharkscount_layout .nav li a:link, #sharkscount_layout .nav li a:visited { text-decoration:none; height:40px; line-height:12px; font-weight:700; font-family: "proxima-nova-condensed", Arial, sans-serif; color:#FFFFFF; text-transform:uppercase; font-size:12px; padding:6px 8px; }
#sharkscount_layout .nav li a:hover { background-color:#877b60; color:#FFFFFF; }

#sharkscount_layout .nav ul {display:none; background-color:#877b60; position:absolute; margin:4px 0 0 0; padding:5px 0 10px 0;}
#sharkscount_layout .nav ul li { float:none; width:240px; list-style:none; margin:0 0 0 0; padding:3px 8px; text-transform:none; color:#FFF;}
#sharkscount_layout .nav li ul li a:link, #sharkscount_layout .nav li ul li a:visited {color:#FFF; text-decoration:none; line-height:12px; text-transform:none;}
#sharkscount_layout .nav li ul li a:hover {color:#26231a;  background-color:transparent; }

#sharkscount_nav h1 { color:#fff; font-size:26px; margin:30px 0 0 8px;}

.bk_sharkscount .vid_block_title{
	color: #ffffff;
}

/* Manta Ray Menu
-----------------------------------------------------------------*/

#mray_nav .sub_nav_home{text-decoration: none;float: left;height: 16px;line-height: 12px;font-weight: 700;font-family: "proxima-nova-condensed", Arial, sans-serif;color: white;text-transform: uppercase;font-size: 12px;padding: 4px 8px;}
#mray_nav .sub_nav_home:hover{background-color:#39717e;}
#mray_nav {height: 100px;width:960px; background-color:#4b94a5; z-index:6;}
#mray_layout .nav{ margin:1px 0 0 0;  padding:0; position:relative;  float:left; height:40px; overflow: visible; z-index:6; }
#mray_layout .nav li  { list-style:none;  float:left;  padding:0; margin:0; color: #FFFFFF;  }
#mray_layout .nav li a:link, #mray_layout .nav li a:visited { text-decoration:none; height:40px; line-height:12px; font-weight:700; font-family: "proxima-nova-condensed", Arial, sans-serif; color:#FFFFFF; text-transform:uppercase; font-size:12px; padding:6px 8px; }
#mray_layout .nav li a:hover, .mray_nav_hover { background-color:#39717e; color:#FFFFFF; }

#mray_layout .nav ul {display:none; background-color:#39717e; position:absolute; margin:4px 0 0 0; padding:5px 0 10px 0;}
#mray_layout .nav ul li { float:none; width:240px; list-style:none; margin:0 0 0 0; padding:3px 8px; text-transform:none; color:#FFF;}
#mray_layout .nav li ul li a:link, #mray_layout .nav li ul li a:visited {color:#FFF; text-decoration:none; line-height:12px; text-transform:none;}
#mray_layout .nav li ul li a:hover {color:#d7e9ef;  background-color:transparent; }

#mray_nav h1 { color:#fff; font-size:26px; margin:30px 0 0 8px;}

.bk_mantaray .vid_block_title{
	color: #ffffff;
}

/* Shark Sanctuaries Menu
-----------------------------------------------------------------*/
#sanc_nav .sub_nav_home{text-decoration: none;float: left;height: 16px;line-height: 12px;font-weight: 700;font-family: "proxima-nova-condensed", Arial, sans-serif;color: white;text-transform: uppercase;font-size: 12px;padding: 4px 8px;}
#sanc_nav .sub_nav_home:hover{background-color:#0895b3;}
#sanc_nav {height: 100px;width:960px; background-color:#0ac4eb; z-index:6;}
#sanc_layout .nav{ margin:1px 0 0 0;  padding:0; position:relative; float:left; height:40px; overflow: visible; z-index:6; }
#sanc_layout .nav li { list-style:none;  float:left;  padding:0; margin:0; color: #FFFFFF;  }
#sanc_layout .nav li a:link, #sanc_layout .nav li a:visited { text-decoration:none; height:40px; line-height:12px; font-weight:700; font-family: "proxima-nova-condensed", Arial, sans-serif; color:#FFFFFF; text-transform:uppercase; font-size:12px; padding:6px 8px; }
#sanc_layout .nav li a:hover, .sanc_nav_hover { background-color:#0895b3; color:#FFFFFF; }

#sanc_layout .nav ul {display:none; background-color:#0895b3; position:absolute; margin:4px 0 0 0; padding:5px 0 10px 0;}
#sanc_layout .nav ul li { float:none; width:240px; list-style:none; margin:0 0 0 0; padding:3px 8px; text-transform:none; color:#FFF;}
#sanc_layout .nav li ul li a:link, #sanc_layout .nav li ul li a:visited {color:#FFF; text-decoration:none; line-height:18px; text-transform:none;}
#sanc_layout .nav li ul li a:hover {color:#26231a;  background-color:transparent; }

#sanc_nav h1 { color:#fff; font-size:26px; margin:30px 0 0 8px;}

.bk_sanctuary .vid_block_title{
	color: #ffffff;
}




/* HOME SLIDER
-----------------------------------------------*/

#slider {

	margin:0px 0 0px 0;
	background:#000;
	/* -moz-border-radius: 15px;
	 border-radius: 15px;*/	
}

* html #slider {
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#sliderFold {
	width:198px;
	padding:0;
	margin:0 0 0 0; 
	float:left;
	position:absolute;
	background-image:url(../images/home/slidre_back.png); 
	z-index:1;
	height:400px;
}

#sliderFold .sliderItem, #sliderFold .sliderItemOnFirst{
	padding:10px 0px 10px 20px;
	position:relative;
	cursor:pointer;

}

 #sliderFold .sliderItemOnFirst {
	background-image:url(../images/home/slider_live.png); 
	padding:10px 0px 10px 20px;
	position:relative;
	cursor:pointer;
 }

 #sliderFold .sliderItemOn, #sliderFold .sliderItem:hover {
	background-image:url(../images/home/slider_live.png); 
	padding:10px 0px 10px 20px;
	position:relative;
	cursor:pointer;	
}



	

/* CAROUSEL
---------------------------------------------*/

.stepcarousel{
	float:left;
	position: relative; /*leave this value alone*/
	overflow: hidden; /*leave this value alone*/
	width: 960px; /*Width of Carousel Viewer itself*/
	height: 400px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left:0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:400px;
	position:relative;
}