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

/*___START LAYOUT___*/

img, a img { border:0; } /* nobody likes default border around images */

.clear { display: inline-block; }   
.clear:after { content: "."; display: block; height: 0;   clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }

a {
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
}
/*text heighlight colors*/
::-moz-selection{
background: #CCCCCC;
color: #000000;
} 
::selection {
background: #CCCCCC;
color: #000000;
}

* {
	margin: 0;
}
html, body {
	height: 100%;
}

body {
	background-image: url(../layout/bg_dots.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #1E1E1E;
	font-family: Arial, Helvetica, sans-serif;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -25px;
}

.container {
	width: 1024px;
	min-height: 100%;
	margin: auto;
	background-image: url(../layout/white_dots.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.push, .footer {
	height: 25px;
}
.footer{
	font-size: 9px;
	color: #FFFFFF;
	width: 940px;
	margin: auto;
	margin-top: 5px;
}

img {
	border: none;
}

.left_column {
	width: 460px;
	margin: auto;
	margin-left: 42px;
}

.flash1 {
	width: 460px;
}

.flash2 {
	width: 460px;
	height: 200px;
	margin-top: 20px;
	float: left;
}

.flash1 td.top1 {
	background: url(../layout/frame_horizontal.jpg) repeat-x top;
	height: 5px;
	width: 450px;
}

.flash1 td.bottom1 {
	background: url(../layout/frame_horizontal_reverse.gif) repeat-x top;
	height: 5px;
	width: 450px;
}

.sides {
	background: url(../layout/frame_vertical.jpg) repeat-y top;
	width: 5px;
	height: auto;
}

#edit_txt {
	width: 460px;
	margin: auto;
	margin-top: 20px;
}

#edit_txt2 {
	width: 460px;
	margin: auto;
}

#about_txt {
	width: 460px;
	margin: auto;
	font-size: 12px;
	color: #fff;
}

#about_txt h1 {
	font-size: 20px;
	color: #fff;
	padding: 4px 0px;
}

#about_txt p, #about_txt ul, #about_txt ol {
	padding: 6px 0px;
}

#about_txt a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

#about_txt a:hover {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: normal;
}

.txt_area, .icons {
	background-color: #cfcfcf;
	padding: 0px 10px 10px;
	font-size: 12px;
	letter-spacing: 1px;
}

.headings {
	width: 100%;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	border-bottom-width: 1px;
	margin-bottom: 10px;
}

.headings td.date {
	color: #fff;
	font-size: 14px;
	font-weight: bolder;
}

.txt_area h1 {
	color: #fff;
	font-size: 20px;
	margin-bottom: 5px;
}

.txt_area h2 {
	color: #fff;
	font-size: 16px;
	margin-bottom: 5px;
}

.right_column {
	width: 460px;
	margin: auto;
	margin-right: 42px;
	vertical-align: top;
}

.image1 {
	width: 460px;
	height: 157px;
}

.image2, .image3 {
	width: 220px;
	height: 157px;
	float: left;
	margin-top: 20px;
}

.image3, .image5, .image6  {
	margin-left: 20px;
}

.image4, .image5, .image6 {
	width: 140px;
	height: 100px;
	float: left;
	margin-top: 20px;
}

.spaceBox {
	width: 20px;
}
	
.videoBox  {
	width: 140px;
	height: 100px;
	padding-bottom: 20px;
}

.aboutBox {
	width: 220px;
	height: 157px;
	padding-bottom: 20px;
}

/*___END LAYOUT___*/

/*___START NAV___*/

#navCell {
	width: 100%;
	height: 37px;
}

#navigation {
	width: 940px;
	margin: auto;
}

#navigation ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
}

#navigation li {
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	margin: 0px;
	margin-right: 10px;
	padding: 0px;
}

#navigation li#message {
	display: block;
	float: left;
	height: 37px;
	width: 119px;
	margin: 0px;
	margin-right: 10px;
	padding: 0px;
}


#navigation li a {
/*	background: url(../layout/navigation/nav.gif) no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;*/
}

#navigation li a:hover {
/*	background: url(../layout/navigation/nav_over.gif) no-repeat top;
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;	 */
}	

li#whats_new span, li#blog span, li#videos span,
li#launches span, li#about span, li#contact span,
li#whats_new_on span, li#blog_on span, li#videos_on span,
li#launches_on span, li#about_on span, li#contact_on span,
div.image4 span, div.image5 span, div.image6 span,
li#reel span, li#partners span, li#archive span, li#message span,
li#reel_on span, li#partners_on span, li#archive_on span, li#message_on span,
li#contact_vid span, li#contact_vid_on span {
	visibility: hidden;
}

#navigation li#whats_new_on {
	background: url(../layout/navigation/whats_new_on.gif) no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#whats_new a {
	background: url(../layout/navigation/whats_new.gif) no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#whats_new a:hover {
	background: url(../layout/navigation/whats_new_over.gif) no-repeat top;
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation li#blog_on {
	background: url(../layout/navigation/blog_on.gif) no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#blog a {
	background: url(../layout/navigation/blog.gif) no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#blog a:hover {
	background: url(../layout/navigation/blog_over.gif) no-repeat top;
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation li#videos_on {
	background: url(../layout/navigation/videos_on.gif) no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#videos a {
	background: url(../layout/navigation/videos.gif) no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#videos a:hover {
	background: url(../layout/navigation/videos_over.gif) no-repeat top;
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation li#launches_on {
	background: url(../layout/navigation/launches_on.gif) no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#launches a {
	background: url(../layout/navigation/launches.gif) no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#launches a:hover {
	background: url(../layout/navigation/launches_over.gif) no-repeat top;
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation li#about_on {
	background: url(../layout/navigation/about_on.gif) no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#about a {
	background: url(../layout/navigation/about.gif) no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#about a:hover {
	background: url(../layout/navigation/about_over.gif) no-repeat top;
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation li#contact {
	display: block;
	float: right;
	height: 37px;
	width: 96px;
	margin: 0px;
	margin-left: 190px;
	margin-right: 0px;
}

#navigation li#contact_on {
	background: url(../layout/navigation/contact_on.gif) no-repeat top;
	display: block;
	float: right;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-left: 190px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#contact a {
	background: url(../layout/navigation/contact.gif) no-repeat top;
	display: block;
	float: right;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#contact a:hover {
	background: url(../layout/navigation/contact_over.gif) no-repeat top;
	display: block;
	float: right;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation li#contact_vid {
	display: block;
	float: right;
	height: 37px;
	width: 96px;
	margin: 0px;
	margin-left: 40px;
	margin-right: 0px;
}

#navigation li#contact_vid_on {
	background: url(../layout/navigation/contact_on.gif) no-repeat top;
	display: block;
	float: right;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-left: 50px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#contact_vid a {
	background: url(../layout/navigation/contact.gif) no-repeat top;
	display: block;
	float: right;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#contact_vid a:hover {
	background: url(../layout/navigation/contact_over.gif) no-repeat top;
	display: block;
	float: right;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation li#reel_on {
	background: url(../layout/navigation/reel_on.gif)  no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#reel a {
	background: url(../layout/navigation/reel.gif) no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#reel a:hover {
	background: url(../layout/navigation/reel_over.gif) no-repeat top;
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation li#partners_on {
	background: url(../layout/navigation/partners_on.gif)  no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#partners a {
	background: url(../layout/navigation/partners.gif) no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#partners a:hover {
	background: url(../layout/navigation/partners_over.gif) no-repeat top;
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation li#archive_on {
	background: url(../layout/navigation/archive_on.gif)  no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#archive a {
	background: url(../layout/navigation/archive.gif) no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 96px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#archive a:hover {
	background: url(../layout/navigation/archive_over.gif) no-repeat top;
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation li#message_on {
	background: url(../layout/navigation/message_on.gif)  no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 119px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#message a {
	background: url(../layout/navigation/message.gif) no-repeat top;
	display: block;
	float: left;
	height: 37px;
	width: 119px;
	padding-top: 8px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#navigation li#message a:hover {
	background: url(../layout/navigation/message_over.gif) no-repeat top;
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
}

div.image4 a {
	background: url(../layout/navigation/small/videos.png) no-repeat top;
	width: 140px;
	height: 100px;
	display: block;
}

div.image4 a:hover {
	background: url(../layout/navigation/small/videos_over.png) no-repeat top;
	width: 140px;
	height: 100px;
	display: block;	
}

div.image5 a {
	background: url(../layout/navigation/small/cyberslam.png) no-repeat top;
	width: 140px;
	height: 100px;
	display: block;
}

div.image5 a:hover {
	background: url(../layout/navigation/small/cyberslam_over.png) no-repeat top;
	width: 140px;
	height: 100px;
	display: block;	
}

div.image6 a {
	background: url(../layout/navigation/small/cyberthreads.png) no-repeat top;
	width: 140px;
	height: 100px;
	display: block;
}

div.image6 a:hover {
	background: url(../layout/navigation/small/cyberthreads_over.png) no-repeat top;
	width: 140px;
	height: 100px;
	display: block;	
}

/*___END NAV___*/

/*___START TYPE___*/

p, ul, ol {
	font-family: Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
	color: #3A3A3A;
	font-weight: bolder;
}

a:hover {
	text-decoration: none;
	color: #999999;
	font-weight: bolder;
}

.footer a {
	text-decoration: none;
	color: #CCCCCC;
	font-size: 9px;
}

.footer a:hover {
	text-decoration: underline;
	color: #999999;
	font-size: 9px;	
}

/*___END TYPE___*/