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

body {
	margin-top: 50px;
	background-image: url(images/ndviewer_bg.gif);
	background-repeat: repeat;
}
.header_still {
	background-image: url(images/viewer_head_bg.jpg);
	background-repeat: no-repeat;
}
#header_button a{
	display: block;
	float: left;
	height: 95px;
	width: 190px;
	text-indent: -200px;
	overflow: hidden;
	margin-left: 45px;
}
#header_button a:hover{
	background-image: url(images/header_button_ro.jpg);
	margin-top: 10px;
	margin-left: 45px;
}

.main_bg_index {
	background-image: url(images/viewer_main_bg_1.jpg);
	background-repeat: no-repeat;
}
.main_bg {
	background-image: url(images/viewer_main_bg_2.jpg);
	background-repeat: no-repeat;
}
.video_bg_shadow {
	background-image: url(images/video_bg_shadow.jpg);
	background-repeat: no-repeat;
}
#panels {
	height: 350px;
	width: 900px;
	position: relative;
}
#panel_intro_l {
	background-image: url(images/panel_intro_l.jpg);
	background-repeat: no-repeat;
	height: 355px;
	width: 400px;
	position: relative;
	left: 45px;
	padding-top: 5px;
	margin-top: 30px;
}
#panel_intro_r {
	background-image: url(images/panel_intro_r_2.jpg);
	background-repeat: no-repeat;
	height: 355px;
	width: 410px;
	position: relative;
	padding-top: 5px;
	margin-top: 30px;
}
#panel_video {
	background-image: url(images/panel_videos.jpg);
	background-repeat: no-repeat;
	height: 350px;
	width: 400px;
	position: relative;
	left: 45px;
}
#panel_video_bg_1 {
	background-image: url(images/panel_videos_bg_1.jpg);
	background-repeat: no-repeat;
	height: 350px;
	width: 400px;
	position: relative;
	left: 45px;
}
#panel_video_bg_2 {
	background-image: url(images/panel_videos_bg_2.jpg);
	background-repeat: no-repeat;
	height: 350px;
	width: 400px;
	position: relative;
	left: 45px;
}
#panel_video_bg_3 {
	background-image: url(images/panel_videos_bg_3.jpg);
	background-repeat: no-repeat;
	height: 350px;
	width: 400px;
	position: relative;
	left: 45px;
}
#panel_video_bg_4 {
	background-image: url(images/panel_videos_bg_4.jpg);
	background-repeat: no-repeat;
	height: 350px;
	width: 400px;
	position: relative;
	left: 45px;
}
#panel_video_bg_5 {
	background-image: url(images/panel_videos_bg_5.jpg);
	background-repeat: no-repeat;
	height: 350px;
	width: 400px;
	position: relative;
	left: 45px;
}
#panel_video_bg_6 {
	background-image: url(images/panel_videos_bg_6.jpg);
	background-repeat: no-repeat;
	height: 350px;
	width: 400px;
	position: relative;
	left: 45px;
}
#panel_video_bg_7 {
	background-image: url(images/panel_videos_bg_7.jpg);
	background-repeat: no-repeat;
	height: 350px;
	width: 400px;
	position: relative;
	left: 45px;
}






#panel_videoplayer {
	background-image: url(images/panel_videos.jpg);
	background-repeat: no-repeat;
	height: 350px;
	width: 400px;
	position: relative;
	left: 455px;
}
#video_text_box1 {
	background-position: left center;
	overflow: hidden;
	height: 30px;
}
#video_text_box2 {
	background-position: left center;
	overflow: hidden;
	height: 30px;
}
#video_text_box3 {
	background-position: left center;
	overflow: hidden;
	height: 30px;
}
#video_text_box4 {
	background-position: left center;
	overflow: hidden;
	height: 30px;
}
#video_text_box5 {
	background-position: left center;
	overflow: hidden;
	height: 30px;
}
#video_text_box6 {
	background-position: left center;
	overflow: hidden;
	height: 30px;
}
#video_text_box7 {
	background-position: left center;
	overflow: hidden;
	height: 30px;
}
.video_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #D1D1D1;
	overflow: hidden;
}
.video_text_time {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: lighter;
	color: #D1D1D1;
}
.go_button a{
	background-image: url(images/go_button_link.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 30px;
	width: 60px;
	background-position: left top;
	text-indent: -200px;
	overflow: hidden;
}
.go_button a:hover{
	background-image: url(images/go_button_ro.jpg);
}
#play_button_1 a{
	background-image: url(images/play_button_link.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 30px;
	width: 60px;
	background-position: left top;
	text-indent: -200px;
	overflow: hidden;
}
#play_button_1 a:hover{
	background-image: url(images/play_button_ro.jpg);
}
#play_button_2 a{
	background-image: url(images/play_button_link.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 30px;
	width: 60px;
	background-position: left top;
	text-indent: -200px;
	overflow: hidden;
}
#play_button_2 a:hover{
	background-image: url(images/play_button_ro.jpg);
}
#play_button_3 a{
	background-image: url(images/play_button_link.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 30px;
	width: 60px;
	background-position: left top;
	text-indent: -200px;
	overflow: hidden;
}
#play_button_3 a:hover{
	background-image: url(images/play_button_ro.jpg);
}
#play_button_4 a{
	background-image: url(images/play_button_link.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 30px;
	width: 60px;
	background-position: left top;
	text-indent: -200px;
	overflow: hidden;
}
#play_button_4 a:hover{
	background-image: url(images/play_button_ro.jpg);
}
#play_button_5 a{
	background-image: url(images/play_button_link.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 30px;
	width: 60px;
	background-position: left top;
	text-indent: -200px;
	overflow: hidden;
}
#play_button_5 a:hover{
	background-image: url(images/play_button_ro.jpg);
}
#play_button_6 a{
	background-image: url(images/play_button_link.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 30px;
	width: 60px;
	background-position: left top;
	text-indent: -200px;
	overflow: hidden;
}
#play_button_6 a:hover{
	background-image: url(images/play_button_ro.jpg);
}
#play_button_7 a{
	background-image: url(images/play_button_link.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 30px;
	width: 60px;
	background-position: left top;
	text-indent: -200px;
	overflow: hidden;
}
#play_button_7 a:hover{
	background-image: url(images/play_button_ro.jpg);
}



#intro {
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #D1D1D1;
	position: relative;
	top: 200px;
	width: 370px;
	left: 5px;
}
#index_pic {
	background-image: url(images/index_pic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: 10px;
	top: 5px;
	width: 380px;
	position: relative;
	height: 190px;
}
#drysuit_pic {
	background-image: url(images/drysuit_index_pic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: 10px;
	top: 5px;
	width: 380px;
	position: relative;
	height: 190px;
}
#vid_camera_pic {
	background-image: url(images/vid_camera_pic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: 10px;
	top: 5px;
	width: 380px;
	position: relative;
	height: 190px;
}



#panel_tabs {
	height: 35px;
	width: 400px;
	left: 45px;
	position: relative;
}

#tabs_maintenance_active {
	background-image: url(images/tab_maintenance_active.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 35px;
	width: 115px;
	background-position: left top;
}
#tabs_maintenance a{
	background-image: url(images/tab_maintenance_link.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 35px;
	width: 115px;
	background-position: left top;
	text-indent: -200px;
	overflow: hidden;
}
#tabs_maintenance a:hover{
	background-image: url(images/tab_maintenance_ro.jpg);
}

#tabs_repairs_active {
	background-image: url(images/tab_repairs_active.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 35px;
	width: 75px;
	background-position: left top;
}
#tabs_repairs a{
	background-image: url(images/tab_repairs_link.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 35px;
	width: 75px;
	background-position: left top;
	text-indent: -200px;
	overflow: hidden;
}
#tabs_repairs a:hover{
	background-image: url(images/tab_repairs_ro.jpg);
}
#tabs_testing_active {
	background-image: url(images/tab_testing_active.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 35px;
	width: 75px;
	background-position: left top;
}
#tabs_testing a{
	background-image: url(images/tab_testing_link.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 35px;
	width: 75px;
	background-position: left top;
	text-indent: -200px;
	overflow: hidden;
}
#tabs_testing a:hover{
	background-image: url(images/tab_testing_ro.jpg);
}
#tabs_modifications_active {
	background-image: url(images/tab_modifications_active.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 35px;
	width: 120px;
	background-position: left top;
}
#tabs_modifications a{
	background-image: url(images/tab_modifications_link.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 35px;
	width: 120px;
	background-position: left top;
	text-indent: -200px;
	overflow: hidden;
}
#tabs_modifications a:hover{
	background-image: url(images/tab_modifications_ro.jpg);
}
#tabs_dryglove_active {
	background-image: url(images/tab_dryglove_active.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 35px;
	width: 90px;
	background-position: left top;
}
#tabs_dryglove a{
	background-image: url(images/tab_dryglove_link.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 35px;
	width: 90px;
	background-position: left top;
	text-indent: -200px;
	overflow: hidden;
}
#tabs_dryglove a:hover{
	background-image: url(images/tab_dryglove_ro.jpg);
}