html {
    width: 100%;
    height: 100%
}

/*FONTS*/

/* open-sans-regular - latin */
/* open-sans-400 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/open-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../../fonts/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/open-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/open-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/open-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/open-sans-v13-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* cardo-700 - latin */
@font-face {
  font-family: 'Cardo';
  font-style: bold;
  font-weight: 700;
  src: url('../../../fonts/cardo-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Cardo Bold'), local('Cardo-Bold'),
       url('../../../fonts/cardo-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/cardo-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/cardo-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/cardo-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/cardo-v8-latin-700.svg#Cardo') format('svg'); /* Legacy iOS */
}



body {
	/* overflow: hidden; */
    margin: 0px;
    padding: 0px;
font-family: 'Open Sans', sans-serif;
background-color:#000000;

background-image: url("../img/bg1.png");
background-size: cover; 
background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat; 

}


a.sb-nav-home
{
	width: 35px;
	height: 35px;
	display: block;
	overflow: hidden;
	background-image:url("../img/sidebar/home.png");
	margin-bottom: 10px;
}

a.sb-nav-home:hover
{background-position: -35px 0;}

a.sb-nav-index
{
	width: 35px;
	height: 35px;
	display: block;
	overflow: hidden;
	background-image:url("../img/sidebar/index.png");
	margin-bottom: 10px;
}

a.sb-nav-index:hover
{background-position: -35px 0;}

a.sb-nav-previous
{
	width: 35px;
	height: 35px;
	display: block;
	overflow: hidden;
	background-image:url("../img/sidebar/previous.png");
	margin-bottom: 10px;
}
a.sb-nav-previous:hover
{background-position: -35px 0;}

a.sb-nav-next
{
	width: 35px;
	height: 35px;
	display: block;
	overflow: hidden;
	background-image:url("../img/sidebar/next.png");
	margin-bottom: 10px;
}
a.sb-nav-next:hover
{background-position: -35px 0;}

#navcontain 
{
top: 50%;
margin-top: -90px;
position: absolute;
width:35px;	
height: 130px;
background-image:url("../img/sidebar/blacktrans-bg.png");
padding: 2px;	
}



.displace {
	position: absolute;
	left: -5000px;
	}



a {
text-decoration: underline;
color: #FFF;
margin: 0px;	
}


H1 {
	
	margin-top: 20px;
	margin-bottom: 10px;
	color: #d5ab00;
	font-size: 500%;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	


.header {
	
		background-image:url("../img/h1-bg.jpg");
	background-repeat: repeat-x;
	background-position:top;
	width:40%;
	height: 90%;
}
	
}

H2 {
	font-size:140%;	
	margin-top: 0px;
	margin-bottom: 5px;
	line-height: 20pt;
	padding: 0;
	
}

H3{
background-image:url("../img/blacktrans-bg.png");
color: #FFF;
margin: 0px;
padding-left: 4px;
padding-right: 4px;
font-size: 10pt;
	
}



.quote {
	
font-family: 'Oswald', sans-serif;
	width: 100%;
	color: #63d824; 
	position: relative;
	float: left;
		text-shadow: 2px 2px #000;
text-align: center;
font-size: 24pt;
display: block;
	}


p {
	margin-top: 0px;
	margin-bottom: 30px;
	
}


.p-indent {
	
padding-left: 30px;
margin: 20px 0 0 0;
padding-bottom: 0;
line-height: 20pt;
	
}



.lowres-visibility {display: block;}
.1600res-hide {display: block;}

img {
	
	max-width: 100%;
	height: auto;
	width: auto/9; /* IE8 */
	
}

.textwrapleft{
	
	float:right;
	margin: 10px;
}

.st-container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}


.st-panel {
	position: relative;
	width: 100%;
	height: 100%;
	vertical-align:top;

}


#sidebar {
	
	position: fixed;
	width:35px;
	min-height: 100%;
	padding-top: 10px;
}




.contentcontainer iframe,
.contentcontainer object,
.contentcontainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
}


.text1, .text2 {
	
	color: #d5ab00; 		
	line-height: 21pt;
	}
	

.inset-text1 {
	color: black;
		max-width: 450px;
		font-size: 12pt;
}



.page2, .page3, .page4, .page5, .page6,
.page7, .page8, .page9, .page10, .page11, .page12
{
border-top: 1px solid black;	
}



/* PAGE 1 */

.page1 {

background-image: url("../img/bg.jpg");
background-repeat:no-repeat;
background-position:center;
width: 100%;
height: 100%;
background-size: cover; 
overflow:hidden; /* FIXED TOP GAP PROBLEM */
}

#title {
	
		position: absolute;
	width:757px;
	height: 281px;
	background-image: url(../img/scannex-cy.png);
	right: 3%;
	margin-top: 15%;	
	z-index: 14;
}






/*PAGE 2*/
.page2 {

		
}

.page2 .text1 {
	

width:100%;

		height: 500px;
		
		font-size: 120%;
	margin-left:auto; margin-right:auto; 
	float: left;
		position: relative;
}


.page2 .text2 {

		width: 46%;
		min-width: 0px;
		min-height: 395px;
		height: 100%;
		font-size: 120%;
	margin-left:auto; margin-right:auto; 
	float: right;
	position: relative;
	

}


.page2 .news-entry
{
margin: 20px 0 100px 0;	
		width: 46%;
				min-width: 350px;

				padding-top: 30px;
				padding-bottom: 30px;
}




.page2 .contentcontainer{
	
min-width:900px;
height: 95%;
width: 70%;	
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;

}

.sx-newsnet, .sx-alliance, .sx-mars, .sx-icehawk, .sx-phoenix, .sx-police, .sx-navy,
.sx-venus, .sx-orbit, .sx-sno, .sx-inquisitor, .sx-melanie, .sx-cybrid, .sx-spear,.sx-pvorctr, .sx-machinator {
	
				border-top:1px solid #D5AB00; width: 94%;
}


.sx-newsnet {
	


background-image: url(../img/logos/newsnet.png);
background-position: center right;
background-repeat: no-repeat;
min-height: 280px;
}

.sx-mars {
	


background-image: url(../img/logos/mars.png);
background-position: center right;
background-repeat: no-repeat;
min-height: 280px;
}

.sx-police{
	


background-image: url(../img/logos/police.png);
background-position: center right;
background-repeat: no-repeat;
min-height: 280px;
}

.sx-alliance{
	


background-image: url(../img/logos/alliance.png);
background-position: center right;
background-repeat: no-repeat;
min-height: 280px;
}

.sx-phoenix{
	


background-image: url(../img/logos/phoenix.png);
background-position: center right;
background-repeat: no-repeat;
min-height: 280px;
}

.sx-icehawk{
	


background-image: url(../img/logos/icehawk.png);
background-position: center right;
background-repeat: no-repeat;
min-height: 280px;
}


.sx-navy{
	


background-image: url(../img/logos/navy.png);
background-position: center right;
background-repeat: no-repeat;
min-height: 280px;
}

.sx-venus{
	


background-image: url(../img/logos/venus.png);
background-position: center right;
background-repeat: no-repeat;
min-height: 280px;
}

.sx-orbit{
	

background-image: url(../img/logos/orbit.png);
background-position: center right;
background-repeat: no-repeat;
min-height: 280px;
}


.sx-sno{
	


background-image: url(../img/logos/sno.png);
background-position: center right;
background-repeat: no-repeat;
min-height: 280px;
}

.sx-inquisitor{
	


background-image: url(../img/logos/inquisitor.png);
background-position: center right;
background-repeat: no-repeat;
min-height: 280px;
}

.sx-cybrid{
	


background-image: url(../img/logos/exemplar.png);
background-position: center right;
background-repeat: no-repeat;
min-height: 280px;
}

.sx-melanie{
	


background-image: url(../img/logos/melanie.png);
background-position: center right;
background-repeat: no-repeat;
min-height: 280px;
}

.sx-spear{
	


background-image: url(../img/logos/spear.png);
background-position: center right;
background-repeat: no-repeat;
min-height: 280px;
}

.sx-pvorctr{
	


background-image: url(../img/logos/pvorctr.png);
background-position: center right;
background-repeat: no-repeat;
min-height: 280px;
}

.sx-machinator{
	


background-image: url(../img/logos/machinator.png);
background-position: center right;
background-repeat: no-repeat;
min-height: 280px;
}

/*POPUP BOXES*/


.tooltip {
  position: relative;
  cursor: help;
  display: inline-block;
  text-decoration: underline;
  outline: none;
}

.tooltip span {
  visibility: hidden;
  position: absolute; 
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  border: 1px solid #990000;
  opacity: 1;
  background-color: #000;                     

}

.tooltip:hover {
  border: 0; /* IE6 fix */
}

.tooltip:hover span {
  visibility: visible;
}

.tooltip span:before,
.tooltip span:after {
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;  
  border-top: 8px solid #990000;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;        
  border-bottom: 0;  
}

.tooltip span:before {
  border-top-color: #000;
  bottom: -8px;
}











/* SMALLER RESOULTION STYLES */





@media only screen and (min-width : 600px) and (max-width : 999px) /* Set Max-Width so that it doesnt count everything above minwidth */
{
	
	
#title {
	
		position: absolute;
	width:100%;
	height: 281px;
	background-size: contain;
	background-position:center;
	background-repeat: no-repeat;
	left: 50%;
	margin-left: -50%;
	bottom: 10%;	
	z-index: 14;
}



.page2 .text1 {
	

width:600px;
min-width:0;
		font-size: 120%;
	margin-left:auto; margin-right:auto; 
		position: relative;

}


#sidebar{display:none;}
	

	
}



@media only screen and (min-width : 0px) and (max-width : 599px) /* Set Max-Width so that it doesnt count everything above minwidth */
{	
	#sidebar{display:none;}
	
	
		#title {
	
		position: absolute;
	width:290px;
	height: 356px;
	background-position:bottom right;
	background-size:contain;
	background-repeat:no-repeat;
	left: 54%;
	margin-left: -157.5px;
	bottom: 10%;
	z-index: 14;	
}



.page2 .news-entry
{
margin: 20px 0 100px 0;	
		width: 100%;
		height:auto;
				min-width: 0px;
display:block;
background-image:url(../img/blacktrans-bg.png);
}


.page2 .contentcontainer{
	
min-width:0px;
height: 95%;
width: 300px;	
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;

}
	
}