/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,  pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}



@font-face {
    font-family: 'pixel_arial_11bold';
    src: url('pixeab__-webfont.eot');
    src: url('pixeab__-webfont.eot?#iefix') format('embedded-opentype'),
         url('pixeab__-webfont.woff') format('woff'),
         url('pixeab__-webfont.ttf') format('truetype'),
         url('pixeab__-webfont.svg#pixel_arial_11bold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'pixel_arial_11regular';
    src: url('pixearg_-webfont.eot');
    src: url('pixearg_-webfont.eot?#iefix') format('embedded-opentype'),
         url('pixearg_-webfont.woff') format('woff'),
         url('pixearg_-webfont.ttf') format('truetype'),
         url('pixearg_-webfont.svg#pixel_arial_11regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'upheaval';
    src: url('upheavalpro-webfont.eot');
    src: url('upheavalpro-webfont.eot?#iefix') format('embedded-opentype'),
         url('upheavalpro-webfont.woff') format('woff'),
         url('upheavalpro-webfont.ttf') format('truetype'),
         url('upheavalpro-webfont.svg#UpheavalProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	color: #FFF;
	font: 10px 'pixel_arial_11regular', sans-serif;
	text-shadow: 1px 1px 1px #000;
	font-size-adjust: 0.51;
	font-weight: 100;
	letter-spacing: 1px;
	background-color: #000;
	background-image: url(../images/back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}

strong{
	color:#999;
	
}

em{
	color:#c04000;
	}


#warn{
padding:30px;
background-color:#FF0000;
}

a {
	color:#FF0;
}
/* styles */

#info{
	width:800px;
	margin: 0 auto;
	clear:both;
}

#credits, #download{
	width:800px;
	margin: 0 auto 40px auto;
	clear:both;
}

#boss{
clear:both;
}

h1 {
	text-align: center;
	font-size: 24px;
	font-family: 'pixel_arial_11regular';
	margin: 20px 0 0;
	color: #c05100;
	border-bottom: thin solid #c05100;
}

h2 {
text-align:left;
font-size: 20px;
font-family: 'pixel_arial_11regular';
display: block;
border-bottom: thin solid #8088b0;
margin-bottom:16px;
color:#8088b0;
}

#content{
width: 1000px;
margin: 0 auto;
min-height:400px;
}

#linha{
margin-bottom:30px;
/*border: thin solid #00f;*/
position: relative;
float: left;
}

#case{
width: 484px;
min-height:224px;
position:relative;
float:left;
margin-right:10px;
/*border: thin solid #f00;*/
}

#cage{
	width:192px;
	background: url(../images/cage-small.png) no-repeat center top;
	min-height:225px;
	position:relative;
	float:left;
	padding-bottom:20px;
	/*border: thin solid #f00;*/
}


#texto{
	witdh:170px;
	margin-left:192px;
	padding:10px;
	background: url(../images/black-bg.png);
}

#texto strong{
	color:#8088b0;
}

#texto h4{
	color:#c05f00;
	font-size: 16px;
	font-weight: bold;
}

#texto h5{
	color: #999999;
	border-bottom: thin solid #999;
}

/*chars - yeah, I am lazy */

.america{
width:192px;
height:200px;
background: url(../images/chars/america.gif) no-repeat center bottom;
}

.ironman{
width:192px;
height:200px;
background: url(../images/chars/iron.gif) no-repeat center bottom;
}

.hawkeye{
width:192px;
height:200px;
background: url(../images/chars/hawk.gif) no-repeat center bottom;
}

.hulk{
width:192px;
height:200px;
background: url(../images/chars/hulk.gif) no-repeat center bottom;
}

.thor{
width:192px;
height:200px;
background: url(../images/chars/thor.gif) no-repeat center bottom;
}

.vision{
width:192px;
height:200px;
background: url(../images/chars/vision.png) no-repeat center bottom;
}

.warmachine{
width:192px;
height:200px;
background: url(../images/chars/warmachine.png) no-repeat center bottom;
}

.beast{
width:192px;
height:200px;
background: url(../images/chars/beast.png) no-repeat center bottom;
}

.quicksilver{
width:192px;
height:200px;
background: url(../images/chars/quicksilver.png) no-repeat center bottom;
}

.emma{
width:192px;
height:200px;
background: url(../images/chars/emma.png) no-repeat center bottom;
}

















.alisia{
width:192px;
height:200px;
background: url(../images/chars/alisia.gif) no-repeat center bottom;
}



.luke{
width:192px;
height:200px;
background: url(../images/chars/luke.png) no-repeat center bottom;
}

.spawn{
width:192px;
height:200px;
background: url(../images/chars/spawn.png) no-repeat center bottom;
}

.ricther{
width:192px;
height:200px;
background: url(../images/chars/ricther.png) no-repeat center bottom;
}

.fang{
width:192px;
height:200px;
background: url(../images/chars/fang.png) no-repeat center bottom;
}

.raptor{
width:192px;
height:200px;
background: url(../images/chars/raptor.png) no-repeat center bottom;
}

.robocop{
width:192px;
height:200px;
background: url(../images/chars/robocop.png) no-repeat center bottom;
}

.aggar{
width:192px;
height:200px;
background: url(../images/chars/aggar.png) no-repeat center bottom;
}

.vader{
width:192px;
height:200px;
background: url(../images/chars/vader.png) no-repeat center bottom;
}

.sucubbus{
width:192px;
height:200px;
background: url(../images/chars/sucubbus.png) no-repeat center bottom;
}

.joker{
width:192px;
height:200px;
background: url(../images/chars/joker.png) no-repeat center bottom;
}

.succubus{
width:192px;
height:200px;
background: url(../images/chars/succubus.png) no-repeat center bottom;
}

.violator{
width:192px;
height:200px;
background: url(../images/chars/violator.png) no-repeat center bottom;
}

.giru{
width:192px;
height:200px;
background: url(../images/chars/giru.png) no-repeat center bottom;
}

.egg{
width:192px;
height:200px;
background: url(../images/chars/egg.png) no-repeat center bottom;
}

.firedemon{
width:192px;
height:200px;
background: url(../images/chars/firedemon.png) no-repeat center bottom;
}

.giantspiders{
width:192px;
height:200px;
background: url(../images/chars/spider.png) no-repeat center bottom;
}

.gilefarg{
width:192px;
height:200px;
background: url(../images/chars/gi-le-farg.png) no-repeat center bottom;
}

.minotaur{
width:192px;
height:200px;
background: url(../images/chars/minotaur.png) no-repeat center bottom;
}

.robotguard{
width:192px;
height:200px;
background: url(../images/chars/robotguard.png) no-repeat center bottom;
}

.summon{
width:192px;
height:200px;
background: url(../images/chars/summondemon.png) no-repeat center bottom;
}


/*Rodape fixo - newsletter*/
#footer {
color:#FFFFFF;
min-width:940px;
width: 100%;
line-height: 35px;
position: fixed;
z-index: 5000;
bottom: 0px;
left:0px;
background-color:#000;
}

#menu{
margin: 0 auto;
width:960px;
}

#menu ul li{
display: inline;
margin: 10px;
padding:10px;
}

#menu ul li a, #menu ul li a:visited{
text-decoration: none;
color:#FF9933;
}

#menu ul li a:hover{
text-decoration: none;
color:#fff;
}

* html #footer {
   position:absolute;
   top:expression((0-(newsletter.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');

}