@font-face
{
	font-family: TitleFont;
	src: url('04b_25__.ttf'),
		 url('04b_25__.eot'); /* IE9+ 
	font-weight:bold;*/
}

@font-face
{
	font-family: BodyFont;
	src: url('04B_03__.TTF'),
		 url('04B_03__.eot'); /* IE9+ 
	font-weight:bold;*/
}

@font-face {
	font-family: 'Conv_BorisBlackBloxx';
	src: url('fonts/BorisBlackBloxx.eot');
	src: local('☺'), url('fonts/BorisBlackBloxx.woff') format('woff'), url('fonts/BorisBlackBloxx.ttf') format('truetype'), url('fonts/BorisBlackBloxx.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_bluebold';
	src: url('fonts/bluebold.eot');
	src: local('☺'), url('fonts/bluebold.woff') format('woff'), url('fonts/bluebold.ttf') format('truetype'), url('fonts/bluebold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

#Container{
	background-color: #032341;
	width: 100%;
	height: 100%;
}

#Content{
	margin-top: 40px;
	margin-left: 0px;
	padding:0px;
	width: 100%;
	height: 100%;
	position:absolute;
	top:50px;
	z-index: 1000;
	font-family:TitleFont;
	font-size:28px;
	color: #ffffff;
	/*text-transform:uppercase;*/
}

a{
	font-size:14px;
	color: #ffffff;
	text-transform:uppercase;
	text-decoration:none;
}

a.bigLink {
	position: relative;
	font-family:Conv_BorisBlackBloxx;
	font-size:23px;
	color: #4ADE0B;
	top:-3px;
	text-transform:uppercase;
	text-decoration:none;
}

a.title {
	font-family:Conv_BorisBlackBloxx;
	margin-left:0px;
	top: 10px;
	font-size:16px;
	color: #ffffff;
	letter-spacing: 2px;
	line-height: 20px;
	text-transform:uppercase;
}

p {
	margin-left:0px;
}

p.copy {
	margin-left:10px;
	margin-right: 10px;

}

.itemHighlight {
	font-size:18px;
	color: #ffffff;
	text-transform: uppercase;
}

h1{
	font-family:Conv_BorisBlackBloxx;
	font-size:74px;
	color: #3D96D2;
	text-transform:uppercase;
}


h2{
	font-family:Conv_BorisBlackBloxx;
	font-size:18px;
	color: #4ADE0B;
	letter-spacing: 2px;
	line-height: 14px;
	text-transform:uppercase;
}

h3{
	font-family:Conv_bluebold;
	font-size:26px;
	color: #aaaaaa;
	letter-spacing: 12.9px;
	text-transform:uppercase;
}

h4{
	font-family:Conv_BorisBlackBloxx;
	font-size:18px;
	color: #ffffff;
	letter-spacing: 5px;
	text-transform:uppercase;
}

h5 
{
	font-family:Conv_bluebold;
	font-size:21px;
	color: #ffffff;
	letter-spacing: 10px;
	text-transform:uppercase;
}


.title {
	position: relative;
	text-align:center;
	position: relative;
	font-family:Conv_BorisBlackBloxx;
	font-size:70px;
	color: #3D96D2;
	line-height: 70px;
	text-transform:uppercase;
}

.subTitle {
	position: relative;
	top:-70px;
	font-family:Conv_BorisBlackBloxx;
	font-size:26px;
	color: #9DB9DD;
	letter-spacing: 4px;
	line-height: 30px;
	text-transform:uppercase;
}

.subTitle2 {
	position: relative;
	font-family:BodyFont;
	left:0px;
	top:-95px;
	font-size:30px;
	color: #ffffff;
	letter-spacing: 4px;
	line-height: 30px;
	text-transform:uppercase;
}

.links {
	position: relative;
	text-align: center;
	top: -100px;
	font-family:Conv_BorisBlackBloxx;
	font-size:36px;
	color: #ffffff;
	letter-spacing: 3px;
	line-height: 36px;
	text-transform:uppercase;
}

.contact {
	position: relative;
	font-family:Conv_bluebold;
	font-size:18px;
	top:-80px;
	color: #ffffff;
	letter-spacing: 5px;
	text-transform:uppercase;
	text-align: center;
}







img
{
	float:left;
	
	margin:5px;
}

li
{
	clear:both;
}

ol
{
	clear:both;
}


#List{
	font-family:Conv_bluebold;
	font-size:16px;
	left:400px;
	color: #aaaaaa;
	/*text-transform:uppercase;*/
}

#Info{
	position:absolute;
	font-family:Conv_BorisBlackBloxx;
	font-size:14px;
	color: #ffffff;
	margin-top:5px;
	margin-bottom:15px;
	left:300px;
	top:-15px;
}

.Category{
	clear:both;
	text-align: center;
	margin-top:60px;
}

.Item{
	/*background-color:#29439e;*/
	text-align: left;
	position:relative;
	font-family:Conv_bluebold;
	font-size:16px;
	color: #cccccc;
	/*margin-top:5px;
	margin-bottom:15px;*/
	margin-left:auto;
	margin-right:auto;
	width:60%;
	clear:both;
	
	background-image: -moz-linear-gradient(top, #29439e, transparent);
	background-image: -ms-linear-gradient(top, #29439e, transparent);
	background-image: -o-linear-gradient(top, #29439e, transparent);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#29439e), to(transparent));
	background-image: -webkit-linear-gradient(top, #29439e, transparent);
	background-image: linear-gradient(top, #29439e, transparent);
}

.Thumb {
	width:300px;
	height:140px;
	float:left;
	clear:both;
	margin-right:45px;
	margin-bottom:55px;
	background-position:0px 140px;
}



#shaded {
    filter: grayscale(1);
    transition: filter ease-in 0.3s;
}


#tiles {
	position:relative;
	padding: 15px;
	
}

#tiles_img{
	opacity:1;
	
}




#body {
	background-color: #020220;
	margin-top:0px;
	margin-left:0px;
	/*overflow: hidden;*/
}

#shaded:hover {
    filter: grayscale(0);
	
}



/* CONTENT THUMBS */

#MiniThumb {
	background-image:url('thumbs/mini_sprite.jpg');
}

#MiniThumb:hover {
    filter: grayscale(0);
	background-position:0px 0px;
}


#MiniConfigThumb {
	background-image:url('thumbs/mini_config_sprite.jpg');
}

#MiniConfigThumb:hover {
    filter: grayscale(0);
	background-position:0px 0px;
}

#ComcastThumb {
	background-image:url('thumbs/comcast_sprite.jpg');
}

#ComcastThumb:hover {
    filter: grayscale(0);
	background-position:0px 0px;
}

#CatsThumb {
	background-image:url('thumbs/cats_sprite.jpg');
}

#CatsThumb:hover {
    filter: grayscale(0);
	background-position:0px 0px;
}


#YoMTVThumb {
	background-image:url('thumbs/yomtv_sprite.jpg');

}

#YoMTVThumb:hover {
    filter: grayscale(0);
	background-position:0px 0px;
}

#NotNormalThumb {
	background-image:url('thumbs/not_normal_sprite.jpg');

}

#NotNormalThumb:hover {
    filter: grayscale(0);
	background-position:0px 0px;
}

#EndOfTheWorldThumb {
	background-image:url('thumbs/kscope_sprite.jpg');
	
}

#EndOfTheWorldThumb:hover {
    filter: grayscale(0);
	background-position:0px 0px;
}


#FireStormThumb{
	background-image:url('thumbs/firestorm_sprite.jpg');
	
}

#FireStormThumb:hover {
	filter: grayscale(0);
	background-position:0px 0px;
}

/* BACKGROUND ITEMS  */

#Canvas {
	position:absolute;
	z-index:610;
	overflow: hidden;
}

#Satellites{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:610;
}

#Satellite{
	background-image:url('assets/images/satellite.gif');
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	width:76px;
	height:60px;
	z-index:650;
}

#SatelliteExplosion{
	background-image:url('assets/images/satelliteExplosion.gif');
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	width:78px;
	height:68px;
	z-index:650;
}


#SVGTitles{
	position:relative;

}

#SVGTitles.name{
	top:10%;
	left:0px;
}
#SVGTitles.name_box{
	top:0px;
	left:0px;
	z-index:0;
	background-color:#415C5F;
}
#SVGTitles.swiss_army{
	top:80%;
	left:0px;
}
#SVGTitles.spec_ops{
	top:0px;
	left:0px;
}
#SVGTitles.craftsman{
	top:0px;
	left:0px;
}
#SVGTitles.hack{
	top:0px;
	left:0px;
}
#SVGTitles.tinker{
	top:0px;
	left:0px;
}
#SVGTitles.research{
	top:0px;
	left:0px;
}
#SVGTitles.plus{
	top:0px;
	left:0px;
}


/*MOUNTAINS */

#Stratosphere {
	/*background-color: #05052b; /*#032341;*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#0e0e44', endColorstr = 'transparent')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together
	border-style:solid;
border-color:#ff0000;*/
	background-image: -moz-linear-gradient(top, #0e0e44, transparent);
	background-image: -ms-linear-gradient(top, #0e0e44, transparent);
	background-image: -o-linear-gradient(top, #0e0e44, transparent);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#0e0e44), to(transparent));
	background-image: -webkit-linear-gradient(top, #0e0e44, transparent);
	background-image: linear-gradient(top, #0e0e44, transparent);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	position: absolute;
	top:0px;
	width: 100%;
	height: 300px;
	z-index: 100;
}

#Clouds {
	position:absolute;
	left: 0px;
	top:20px;
	width: 100%;
   /* max-width: 1440px;*/
	min-width: 1200px;
	height: 100%;
    max-height: 1440px;
	min-height: 960px;
	/*-webkit-transform: scaleY(2); 
	-moz-transform: scaleY(2);*/
}

#Mountains{
  padding: 0px;
  position: absolute;
  left: 0px;
  top: 200px;
  width: 100%;
  height: 250px;
  z-index: 250;
}

#BackMountain {
  background-image:url('back_mountain_pixel.png');
  color: #000000;
  padding: 0px;
  position: absolute;
  left: 0px;
  top: 0;
  width: 100%;
  height: 350px;
  z-index: 200;
  opacity:1;
}

#FrontMountain {
  background-image:url('front_mountain_pixel.png');
  color: #000000;
  padding: 0px;
  position: absolute;
  left: 0px;
  top: 215px;
  width: 100%;
  height: 150px;
  z-index: 300;
  opacity:1;
}

#Hill{
  background-image:url('hill_pixelated.png');
  color: #000000;
  padding: 0px;
  position: absolute;
  left: 0px;
  top: 300px;
  width: 100%;
  height: 204px;
  z-index: 350;
  opacity:1;
}

/*#Hill:hover
{ 
	background-color:yellow;
}
*/
#Trees {
  background-image:url('trees_pixelated.png');
  color: #000000;
  padding: 0px;
  position: absolute;
  left: 0px;
  top: 245px;
  width: 100%;
  height: 201px;
  z-index: 400;
  opacity:1;
}
/*
#Trees:hover
{ 
	background-image:url('trees_pixelated_fine.png');
}
*/

#Background {
 /* background-color: #d0f0d0;*/
  position: absolute;
  left: 0px;
  bottom: -2170px;
  width: 100%;
  height: 100%;
  z-index: 200;
}

#Boundaries {
 /* background-color: #d0f0d0;
  border: solid 1px #000000;*/
  color: #000000;
  position: absolute;
  left: 0px;
  top: -250px;
  width: 100%;
  height: 100%;
  z-index: 200;
  opacity:1;
}

#BlueGradient{
  background-image:url('top_gradient.png');
  color: #000000;
  position: absolute;
  left: 0px;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  /*opacity:.05;
   Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom right, rgba(255,0,0,1) 0%, #032341 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom right, #3086AB 0%, #032341 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom right, #3086AB 0%, #032341 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #3086AB), color-stop(1, #032341));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom right, #3086AB 0%, #032341 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top left, #3086AB 0%, #032341 100%);
}

#Stars{
    background-image:url('stratosphere.png');
    position: absolute;
    top: 0px;
    width: 100%;
    height: 2000px;
    z-index: 0;
}


#BlueBack {
 /* background-image:url('top_gradient.png');*/
  
  color: #000000;
  position: absolute;
  left: 0px;
  top: 300px;
  width: 100%;
  height: 390px;
  z-index: 10;
}