@charset "UTF-8";
@font-face{font-family:myfirstfont;src:url('BIRTH OF A HERO.ttf'),/* IE */url('BIRTH_OF_A_HERO.eot');}

/*credit to: meyerweb reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

body{background-color:#303030;color:#FFFFFF;width:1000px;height:800px;}
section{background-color:#303030;width:1000px;height:650px;position:absolute;top:80px;left:10px;z-index:1;}
article{width:1000px;height:650px;position:absolute;top:80px;left:10px;z-index:2;}
nav a:link{color:#FFFFFF;}
nav a:visited {color:#D7D1FF;}
nav a:hover{color:#BDFF0D;}
nav a:active{color:#A9E2FF;}
nav a{font-family:Arial, Verdana, sans-serif;font-size:0.8em;font-weight:bold;margin-top:0px;padding:10px;display:inline-block;}
p a{color:#FFFFFF;text-decoration:none;}
h1{font-family:myfirstfont, Verdana, Arial, sans-serif;font-size:8em;color:#FFFFFF;position:absolute;top:0px;left:30px;padding-left:10px;}
h6{background-color:#000000;font-family:Arial, Verdana, sans-serif;font-size:1em;font-weight:bold;color:#FFFFFF;position:absolute;top:85px;left:22px;padding-left:10px;padding-right:10px;}

.slideshow{background-color:#303030;width:1000px;height:650px;box-shadow:0px 0px 20px #FFFFFF;-webkit-box-shadow:0px 0px 20px #FFFFFF;/* Safari and Chrome */-moz-box-shadow:0px 0px 20px #FFFFFF;/*FF*/-o-box-shadow:0px 0px 20px #FFFFFF;}
.titleline{font-family:myfirstfont,Verdana, Arial, sans-serif;font-size:3em;color:#FFFFFF;width:500px;line-height:0.5em;position:absolute;top:10px;left:600px;}
.clearbox{width:400px;height:650px;position:absolute;top:0px;left:0px;text-align:left;background-color:#FFFFFF;border:1px #FF5555;/* for IE */filter:alpha(opacity=50);/* CSS3 standard */opacity:0.5;z-index:3;}
.boxheading{font-family:myfirstfont, Verdana, Arial, sans-serif;font-size:4em;color:#404040;width:300px;position:absolute;top:15px;left:15px;text-align:left;z-index:4;}
.description{font-family:Verdana, Arial, sans-serif;font-size:0.8em;color:#000000;width:300px;position:absolute;top:450px;left:10px;width:95%;z-index:4;}
.subss{width:320px;height:320px;position:absolute;width:90%;height:90%;top:120px;left:45px;z-index:4;}
.subss img{padding:2px;border:1px solid #FFFFFF;width:300px;height:300px;position:absolute;top:80px;left:55px;} 
.b{color:#303030;position:absolute;top:300px;left:0px;z-index:-1}
.foo{font-family:Verdana, Arial, sans-serif;font-size:0.7em;width:300px;margin-top:730px;margin-left:20px;width:95%;color:#FFFFFF;text-align:center;}
.btns{position:absolute;top:670px;left:850px;z-index:4;}
.counter{font-family:Arial, Verdana, sans-serif;font-size:4em;color:#000000;text-shadow: -1px -1px 5px #909090, 0 0 10px rgba(255,255,255,1);position:absolute;width:400px;bottom:10px;left:10px;z-index:4;}

#contdetails{width:580px;height:600px;position:absolute;top:0px;left:-270px;z-index:3;}
#tt{font-family:"courier new", serif;font-size:1.1em;color:#FFFFFF;font-weight:bold;width:70px;height:100px;position:absolute;top:487px;left:560px;z-index:1;width:auto;}
#lin{font-family:"courier new", serif;font-size:1.1em;color:#FFFFFF;font-weight:bold;width:60px;height:60px;position:absolute;top:528px;left:820px;z-index:1;width:auto;}
#cnt{font-family:myfirstfont, Verdana, Arial, sans-serif;font-size:8em;color:#FFFFFF;position:absolute;top:-50px;left:30px;padding-left:10px;}