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


body {
	background: white; 
  -webkit-background-size: 50%;
  -moz-background-size: 50%;
  -o-background-size: 50%;
  background-size: 50%;
  font-family: "Lucida Sans Unicode",Verdana,Tahoma, Geneva, sans-serif;
  font-size: 16px;
  
}
h1 {
	text-align:center;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:50px;
}
h2 {
	text-align:right;
	-webkit-margin-before: 0px;
    -webkit-margin-after: 0px;	
}
blockquote{
	font-size:10px;
}
a:link {
	color: #D42326;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #D42326;
}
a:hover {
	color: #00a388;
	/*text-shadow:
	1px 0px 0 #666,
    0px 1px 0 #666,
    0px -1px 0 #666,
    -1px 0px 0 #666;*/
	
}
a:active {
	text-decoration: none;
	color: white;
}
.bgcolor {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -90;
opacity:1;
background-color:white;
background-size: cover;
background-image:url(images/background.gif);

}
#hidden {
	opacity:0;
	display:none;
}
#header {
    display:none;
	background-image:url(images/header.png);
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center;
	position:fixed;
	top:50px;
	left: 100px;
    color:black;
    text-align:center;
    padding-left:20px;
	padding-right:20px;
	width:300px;
	height:225px;
	border-radius: 50px;
	border: 0px #ccc solid;
	}	
#about{
	position:absolute;
	top:50px;
	left: 400px;
    color:black;
    text-align:left;
    padding:15px;
	width:553px;
	background-color:white;
	border-radius: 50px;
	border: 0px black solid;
	margin-bottom:50px;
}

#comicm{
	width:50px; 
	height:50px;
	background-image:url(images/comicm-icon.png);
	background-size:contain;
	position: fixed;
	left:  315px;
	top: 45px;
	border-radius: 50px;
}
#comicmtext	{
	width:50px; 
	height:50px;
	background-image:url(images/comicm-icon.png);
	background-color:black;
	background-size:contain; 
	opacity:0; 
	border-radius: 50px;
	text-align:center;
	color:blue;
	-webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
	}	
#comicm:hover #comicmtext { 
	opacity:.2;
	}

#ca{
	width:75px;
	height:75px;
	background-image:url(images/ca-icon1.png);
	background-size:contain;
	position: fixed;
	left:  300px;
	top: 100px;
	border-radius: 50px;
}
#catext	{
	width:75px; 
	height:75px;
	background-image:url(images/ca-overlay1.png);
	background-size:contain;
	opacity:0; 
	border-radius: 50px;
	text-align:center;
	font-size:15px; 
	color:white;
	-webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
	}	
#ca:hover #catext { 
	opacity:1;
	
	}


#joat{
	width:75px;
	height:75px;
	background-image:url(images/joat-icon1.png);
	background-size:contain;
	position: fixed;
	left:  300px;
	top: 180px;
	border-radius: 50px;
}
#joattext	{
	width:75px; 
	height:75px;
	background-image:url(images/joat-overlay1.png);
	background-size:contain;
	opacity:0; 
	border-radius: 50px;
	text-align:center;
	font-size:15px; 
	color:white;
	-webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
	}	
#joat:hover #joattext { 
	opacity:1;
	
	}
	
#tfu{
	width:75px; 
	height:75px;
	background-image:url(images/tfu-icon.gif);
	background-size:contain;
	position: fixed;
	left:  300px;
	top:260px;
	border-radius: 50px;
}
#tfutext	{
	width:75px; 
	height:75px;
	
	background-image:url(images/tfu-icon.png);
	background-size:contain; 
	opacity:0; 
	border-radius: 50px;
	text-align:center;
	color:white;
	font-size:15px;
	-webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
	}	
#tfu:hover #tfutext { 
	opacity:1;
	}
	
#bc{
	width:75px; 
	height:75px;
	background-image:url(images/bc-icon.gif);
	background-size:contain;
	position: fixed;
	left:  300px;
	top:340px;
	border-radius: 50px;
}
#bctext	{
	width:75px; 
	height:75px;
	background-image:url(images/bc-icon.png);
	background-size:contain; 
	opacity:0; 
	border-radius: 50px;
	text-align:center;
	color:white;
	font-size:15px;
	-webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
	}
#bc:hover #bctext { 
	opacity:1;
	}

#allan{
	width:75px;
	height:75px;
	background-image:url(images/allan-icon4.png);
	background-size:contain;
	position: fixed;
	left:  300px;
	top: 420px;
	border-radius: 50px;
}
#allantext	{
	width:75px; 
	height:75px;
	background-image:url(images/allan-overlay.png);
	background-size:contain;
	opacity:0; 
	border-radius: 50px;
	text-align:center;
	font-size:15px; 
	color:white;
	-webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
	}	
#allan:hover #allantext { 
	opacity:1;
	
	}
	
#t600{
	width:75px; 
	height:75px;
	background-image:url(images/600-icon.gif);
	background-size:contain;
	position: fixed;
	left: 300px;
	top:500px;
	border-radius: 50px;
}
#t600text	{
	width:75px; 
	height:75px;
	background-image:url(images/t600-over.png);
	background-size:contain; 
	opacity:0; 
	border-radius: 50px;
	text-align:center;
	color:black;
	font-size:15px;
	-webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
	}
#t600:hover #t600text { 
	opacity:1;
	}
	
#doop{
	width:75px; 
	height:75px;
	background-image:url(images/doop-icon.gif);
	background-size:contain;
	position: fixed;
	left:  300px;
	top:580px;
	border-radius: 50px;
}
#dooptext	{
	width:75px; 
	height:75px;
	background-image:url(images/doop-roll.png);
	background-size:contain;
	opacity:0; 
	border-radius: 50px;
	text-align:center;
	color:purple;
	font-size:15px;
	-webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
	}
#doop:hover #dooptext { 
	opacity:1;
	}
	
#ow{
	width:75px; 
	height:75px;
	background-image:url(images/ow-icon.gif);
	background-size:contain;
	position: fixed;
	left: 300px;
	top: 660px;
	border-radius: 50px;
}
#owtext	{

	width:75px; 
	height:75px;
	background-image:url(images/ow-over.png);
	background-size:contain; 
	opacity:0; 
	border-radius: 50px;
	text-align:center;
	color:white;
	font-size:15px;
	-webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
	}	
#ow:hover #owtext { 
	opacity:1;
	}

	#journal{
	width:75px; 
	height:75px;
	background-image:url(images/book-icon.gif);
	background-size:contain;
	position: fixed;
	left:  300px;
	top: 740px;
	border-radius: 50px;
}
#journaltext	{
	width:75px; 
	height:75px;
	background-image:url(images/journal-over.png);
	background-size:contain; 
	opacity:0; 
	border-radius: 50px;
	text-align:center;
	color:blue;
	font-size:15px;
	-webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
	}
#journal:hover #journaltext { 
	opacity:1;
	}
	
.clickhere	{
	text-align:center;
	font-size:24px !important;
	text-transform: uppercase;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	letter-spacing: 2px;
}
.roundcorners {
	border-radius: 25px;
}
.borders {
	border:3px #eee solid;
	border-radius: 25px;
	width:543px;
	height:178px;
	background-color:#eee;
}
/*video.bgvid {
	display:none;
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -100;
background: url(videos/tower-still.jpg) no-repeat;
background-size: cover;
}*/
/*#sound{
	display:none;
	width:100px;
	height:100px;
	background-image:url(images/sound-icon.png);
	background-size:contain;
	position: absolute;
	left:  1000px;
	top: 730px;
	border-radius: 50px;
}
#soundtext	{
	width:100px; 
	height:60px;
	background-image:url(images/sound-roll.png);
	background-size:contain;
	opacity:0; 
	padding-top:40px;
	border-radius: 50px;
	text-align:center;
	color:white;
	font-size:15px;
	-webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
	}	
#sound:hover #soundtext { 
	opacity:1;
	}
	
#pro{
	display:none;
	width:100px;
	height:100px;
	background-image:url(images/pro-icon.png);
	background-size:contain;
	position: absolute;
	left:  1000px;
	top: 835px;
	border-radius: 50px;
}
#protext	{
	width:100px; 
	height:60px;
	background-image:url(images/pro-roll.png);
	background-size:contain;
	
	opacity:0; 
	padding-top:40px;
	border-radius: 50px;
	text-align:center;
	color:black;
	font-size:15px;
	-webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
	}	
#pro:hover #protext { 
	opacity:1;
	}
	*/