table, tr, td { border-collapse:collapse; vertical-align:top; font-size:14px; line-height:15px;}

/*======= header =======*/
#header {height:173px;  background:url(../images/dsn_header.png) no-repeat top center}
#header .indent{padding:71px 0px 55px 19px}
/***** Indents Navigation in Header  *****/
#header .m{ margin:1px 0px 0px 184px }

/******************************************** Footer ********************************************/
/*footer*/
#footer { color:#ffffff; font-size:10px; background:url(../images/bot.gif) repeat-x top; padding:15px 0px 15px 0px; text-align:center }
#footer a {color:#ffffff; text-decoration:underline }  
#footer a:hover {text-decoration:none }
 
/* Navigation Left */
#navigation h2 { color:#468fab; font-size:22px; font-weight:bold; margin-top:20px; margin-bottom:2px; }
#navigation { font-size:12px; padding:0em 0em 0em 8px; vertical-align:top; }
#navigation a { font-size:12px; color:#ffffff; text-decoration:none; }
#navigation a:hover, a:active{ font-size:12px; font-weight:bold; color:#ffffff;}
ul.states { padding-left:0; list-style:none; }
ul.items { color:#468fab; padding-left:1em; list-style:circle; }
ul.subjects { padding-left:0; list-style:none; }
ul.pages { color:#468fab; padding-left:1em; list-style:circle; }
.selected { font-weight: bold; }


/* Home Page Content Full */
#homepage h2 { color:#66889d; font-size:22px; font-weight:bold; margin-top:0px; margin-bottom:2px; }
#homepage { padding:.01em 0em 0em 0em; vertical-align:top; }
#homepage h3 { color:#8D0D19; }

/* Page Content Full */
#cloudpage h1 { color:#8D0D19; font-size:11px; font-weight:bold; }
#cloudpage h2 { color:#468fab; font-size:22px; font-weight:bold; margin-top:0px; margin-bottom:2px; }
#cloudpage { padding:.2em 1em 1em 1em; vertical-align:top; }
#cloudpage h3 { color:#8D0D19; }

/* Page Content Right */
#page h1 { color:#8D0D19; font-size:11px; font-weight:bold; }
#page h2 { color:#468fab; font-size:22px; font-weight:bold; margin-top:0px; margin-bottom:2px; }
#page { padding:1em 1em 1em 1em; vertical-align:top; }
#page h3 { color:#8D0D19; }

/* Page Content Full */
#page2 h1 { color:#8D0D19; font-size:11px; font-weight:bold; }
#page2 h2 { color:#468fab; font-size:22px; font-weight:bold; margin-top:0px; margin-bottom:2px; }
#page2 { padding:1em 1em 1em 1em; vertical-align:top; }
#page2 h3 { color:#8D0D19; }

/* Page Content Left */
#page3 h1 { color:#8D0D19; font-size:11px; font-weight:bold; }
#page3 h2 { color:#468fab; font-size:22px; font-weight:bold; margin-top:10px; margin-bottom:5px; }
#page3 { width:170px; color:#ffffff; font-size:medium; float:left; margin:8px 0px 10px 12px; }
#page3 a { color:#ffffff; text-decoration:underline; }

/* Page Content Middle */
#page_middle h1 { color:#FFFFFF; font-weight:normal; margin-top:0px; margin-bottom:8px; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
#page_middle h2 { color:#468fab; font-size:22px; font-weight:bold; margin-top:0px; margin-bottom:8px; }
#page_middle { padding:2em 1em 3em 1.5em; vertical-align:top; }
#page_middle h3 { color:#8D0D19; }

#output_table h2 { font-size:12px; color:#FFF; font-weight:bold; text-align:center; margin:2px; }
#output_table { width:100%; font-size:12px; margin-bottom:2px; color:#FFF; text-align:left;  }
#output_table a { font-size:12px; text-decoration:none; color:#FFF; text-align:center; margin:2px; }
#output_table table { font-size:12px; width:50%; font-size:12px; margin-bottom:2px; background:#000; border:solid; border-color:#FFF; border-width:1px; }
#output_table tr { background:#000; border:solid; border-color:#666; border-width:1px; }
#output_table td { background:#000; border:solid; border-color:#666; border-width:1px; }
#output_table th { background:#333; border:solid; border-color:#666; border-width:1px; }

/******************************************** CSS Style Document ********************************************/
html, body { height:100%; }
body {font-size:14px; text-align:center; background:url(../images/bg_images/production_truck.jpg) repeat-x top #000; }
html, input	{ font-family:Arial, Helvetica, sans-serif; color:#ffffff; }	

div.container {	overflow:hidden; width:100%; }
a img{ border:0px; }
img{ vertical-align:top; }

/***** Body Content  *****/
b{color:#D4E6F4; }
strong{color:#D4E6F4; }
a{color:#D4E6F4; text-decoration:underline; } 
a:hover{text-decoration:none; }
.a1{color:#D4E6F4; display:block; margin-bottom:11px; } 
hr { background-color:#999; border-width:0; color:#999; height:1px; }

/********************** CSS Layout Document **********************/
/*======= width =======*/
.w{margin:0 auto; text-align:left; width:900px}
.left{ width:0px; float:left}
.center{ width:900px; float:left}
.right{ width:0px; float:left}

/******************************************** Content ********************************************/
#content{ width:100%; text-align:left; background:#010103; font-family:Arial, Helvetica, sans-serif; }
#content .indent_main{padding:0px 10px 0px 10px; }
#content .indent_col1{padding:26px 0px 42px 15px; }
#content .indent_col2{padding:26px 0px 60px 0px; }
#content .indent{ padding:25px 30px 75px 14px; }
#content .indent1{ padding:25px 26px 35px 14px; }
#content .line{ margin:0px 0px 10px 0px; }
#content p{ margin:0px 0px 10px 0px; }
#content .p1{ margin:0px 0px 17px 0px; }
#content .p2{ margin:0px 0px 8px 0px; }
#content .p{ margin:0px 0px 5px 0px; }
#content .txt{ color:#468fab; font-weight:bold; float:right; }
#content .txt1{ color:#468fab; }
#content .txt2{ color:#ffffff; text-align:left; }
#content .txt3{ color:#ffffff; text-align:center; }
#content .txt4{ color:#468fab; font-weight:bold; float:left; }

#login h2 { color:#468fab; font-weight:bold; margin-bottom:5px; }
#login{ width:170px; color:#ffffff; font-size:14px; font-weight:bold; float:left; margin-bottom:5px; margin-left:12px;}
#login a { color:#ffffff; text-decoration:underline; }
#login a:hover { text-decoration:none; }
	
#content .col1{ width:196px; float:left; }
#content .col2{ width:683px; float:left; }
#content .col3{ width:300px; float:left; }
#content .col4{ width:880px; float:left; }
#content .col5{ width:580px; float:left; }

/******************************************** Blocks ********************************************/
/*block*/
.block{ background:#193b50; width:100%; }
.block .bg_bottom_left{ background:url(../images/bg_bottom_left.gif) no-repeat bottom left; width:100%; height:680px; }
.block .bg_top_left{ background:url(../images/bg_top_left.gif) no-repeat top left;width:100%; }
.block .indent_block1{ padding:69px 0px 39px 36px; }
.block .indent_block{ padding:8px 5px 20px 0px; }

/*block1*/
.block1{ background:#112836; width:100%; }
.block1 .bg_top_left{ background:url(../images/bg_top_left1.gif) no-repeat top left; }
.block1 .bg_top_left_1{ background:url(../images/bg_top_left1_1.gif) no-repeat top left; }
.block1 .bg_top_right{ background:url(../images/bg_top_right1.gif) no-repeat top right; }
.block1 .bg_bottom_left{ background:url(../images/bg_bottom_left1.gif) no-repeat bottom left; }
.block1 .bg_bottom_right{ background:url(../images/bg_bottom_right1.gif) no-repeat bottom right; width:100%; height:680px; }
.block1 .indent_block1{ padding:69px 0px 39px 40px; }
.block1 .indent_block{ padding:25px 18px 40px 39px; }
.block1 .indent_block2{ padding:25px 5px 40px 39px; }

/*block2*/
.block2{ background:#010103; width:100%; }
.block2 .indent_block{ padding:25px 40px 80px 14px; }
.block2 .indent_block1{ padding:25px 40px 45px 14px; }

/*block3*/
.block3{ background:url(../images/bg_top_left.gif) no-repeat top left; width:100%; }
.block3 .indent_block{ padding:26px 18px 56px 37px; }

/*block4*/
.block4{ background:#112836; width:100%; }
.block4 .bg_top_left_1{ background:url(../images/bg_top_left1_1.gif) no-repeat top left; }
.block4 .bg_top_right{ background:url(../images/bg_top_right1.gif) no-repeat top right; }
.block4 .bg_bottom_left_1{ background:url(../images/bg_bottom_left1_1.gif) no-repeat bottom left; }
.block4 .bg_bottom_right{ background:url(../images/bg_bottom_right1.gif) no-repeat bottom right; width:100%; height:680px; }
.block4 .indent_block1{ padding:69px 0px 39px 40px; }
.block4 .indent_block{ padding:25px 18px 40px 39px; }
.block4 .indent_block2{ padding:25px 5px 40px 39px; }

/******************************************** Form ********************************************/

input{ font-size:14px; color:#000000; padding-left:0px; margin-bottom:3px; }
textarea{ background:#FFFFFF; color:#000000; padding-left:5px; margin-bottom:11px; overflow:auto; }

/******************************************** Text Area  ********************************************/

.title {
	width:850px;
	margin:0 auto;
}

.caption {
	width:850px;
	margin:0 auto;
	padding:0px 0;
}

/*  VIDEO ALL CONTAINER1 1 PAGE OF VIDEO */
.container2 {
	width:800px;
	background:none;
	margin:0 auto;
	height:620px;
}

/*  VIDEO ALL CONTAINER2 2 PAGE OF VIDEO */
.container3 {
	width:800px;
	background:none;
	margin:0 auto;
	height:800px;
}
/******************************************** VIDEO PLAYER CONTAINER  ********************************************/
#vid_frame{ border-style:solid; border-radius:6px; border-width:4px; border-color:#333; position:relative; overflow:hidden; position:relative; z-index:10; background:#000; }

.vid-container {
    position: relative;
    padding-bottom:450px; /*======= Padding below video container =======*/
	padding-top:0px; 
    height:0px; 
}
 
.vid-container iframe,
.vid-container object,
.vid-container embed {
    position:absolute;
    top:0px;
    left:0;
    width:800px;
    height:445px;
}
/******************************************** VIDEOS PLAYLIST  ********************************************/
.vid-list-container {
	width:780px;
	overflow:hidden;
	margin-top:10px;
	margin-left:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	background:#000;
	border:solid;
	border-color:#333;
	border-left-width:14px;
	border-right-width:14px;
	border-radius:6px;
}

.vid-list {
	width:6240px; /*======= 780px per page =======*/
	position:relative;
	top:0;
	left:0;
}

.vid-item {
	display:block;
	width:148px;
	height:115px;
	float:left;
	margin:0;
	padding:4px;
}

.thumb {
	/*position:relative;*/
	overflow:hidden;
	height:84px;
}

.thumb img {
	width:100%;
	position:relative;
	top:-13px;
}
.vid-item .desc {
	color:#fff;
	font-size:11px;
	margin-top:4px;
}

.vid-item:hover {
	background:#fa0000;
	background-image: linear-gradient(top, #fa0000 1%, #af0000);
	background-image: -moz-linear-gradient(top, #fa0000 1%, #af0000);
	background-image: -webkit-linear-gradient(top, #fa0000 1%, #af0000);
	background-image: -o-linear-gradient(top, #fa0000 1%, #af0000);
	background-image: -ms-linear-gradient(top, #fa0000 1%, #af0000);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fa0000) 1%, to(#af0000));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='$to', EndColorStr='$from');
	
	cursor:pointer;
}
.vid-item:active {
	background-color: #600;
	background-image: linear-gradient(top, #600 20%, #cc0000);
	background-image: -moz-linear-gradient(top, #600 20%, #cc0000);
	background-image: -webkit-linear-gradient(top, #600 20%, #cc0000);
	background-image: -o-linear-gradient(top, #600 20%, #cc0000);
	background-image: -ms-linear-gradient(top, #600 20%, #cc0000);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#600) 20%, to(#cc0000));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='$to', EndColorStr='$from');
	box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.25);
}
.arrows {
	position:relative;
	margin:0 auto;
	width:96px;
}

.arrow-left {
	color:#fff;
	position:absolute;
	background:#777;
	padding:12px;
	left:-368px;
	top:-90px;
	z-index:0;
	cursor:pointer;
}

.arrow-right {
	color:#fff;
	position:absolute;
	background:#777;
	padding:12px;
	right:-376px;
	top:-90px;
	z-index:0;
	cursor:pointer;
	
}

.arrow-left:hover {
	background:#CC181E;
}

.arrow-right:hover {
	background:#CC181E;
}

/******************************************** Image Loader Gif  ********************************************/
#frameWrap { position:relative; }
#loader1 { position:absolute; left:46%; top:40%; z-index:10; }
#iframe1 { border-radius: 8px; border: solid; border-width: 2px; border-color: #999; position:relative; background-color:#345278;}