/*RESETT0RZ*/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}



/*TYPOGRAPHIEZ*/
h1, h2, h3, h4, h5{
font-family: Arial;
}

h1 {
font-size: 30px;
font-weight: bold;
color: black;
}

h2 {
font-size: 17px;
letter-spacing: -1px;
font-weight: bold;
color: #511811;
clear: both;
}

h3{
font-size: 12px;
font-weight: 
bold;
}

h4 {
font-size: 14px;
letter-spacing: -1px;
font-weight: bold;
}

h5 {
font-size: 18px;
letter-spacing: -1px;
font-weight: bold;
color: white
}

h6 {
font-size: 14px;
letter-spacing: -1px;
font-weight: bold;
color: black;
}

h7 {
font-size: 36px;
font-weight: none;
color: white;
margin-top: 5px;
}



/*LINKAGE*/

a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: none}

a.one:link {color: white; text-decoration: none}
a.one:visited {color: white; text-decoration: none}
a.one:hover {color: blue; text-decoration: none}

a.two:link {color: #e21515; text-decoration: none}
a.two:visited {color: #e21515; text-decoration: none}
a.two:hover {color: #e21515; text-decoration: underline}

a.three:link{color: white}
a.three:visited{color: white}
a.three:hover{color: #e21515}

a.nav:link {color: white; text-decoration: none; font-size: 12px; font-weight: bold; padding: 3px;}

a.nav:visited {color: white; text-decoration: none; font-size: 12px; font-weight: bold; padding: 3px; }

a.nav:hover {background-color: #e21515; text-decoration: none; font-size: 12px; font-weight: bold;  padding: 3px;}


a.sprites:link {text-decoration: none; margin-left: 5px;}

a.sprites:visited {text-decoration: none; margin-left: 5px;}

a.spites:hover {text-decoration: none; margin-left: 5px;}




a.current:link {background-color: #e21515; color: white; text-decoration: none; font-size: 12px; font-weight: bold; padding: 3px;}

a.current:visited {background-color: #e21515; color: white; text-decoration: none; font-size: 12px; font-weight: bold; padding: 3px; }

a.current:hover {text-decoration: none; font-size: 12px; font-weight: bold;  padding: 3px;}




/*BODY CSS, YO*/

body
{
background-color: #000;
background-image:url('images/bg_001.jpg');
background-repeat:no-repeat;
background-attachment: scroll;
background-position: top;
color: white;
font-size: 12px;
font-family: ARIAL;
line-height: 16px; 
}


/*LAYOUT, PLAYA*/

#wrap{
width: 850px;
background-color: none; 
margin: 0 auto;
}


/*HEAD TOP CSS0RZ*/

#head{
width: 850px;
height: 105px;
background-color: none;
margin-top: -18px;
border-bottom: 2px solid white;
}

#headleft{
background-color: none;
float: left;
margin-top: 43px;
}

#headright{
background-color: none;
float: right;
padding: 0px 0px 2px 0px;
margin-top: 10px;
}

#spritesnav{
background-color: none;
float: right;
margin-top: 50px;
margin-bottom: -1px;
padding-right: 9px;
text-align: right;
display: block;
}

#nav{
width: 100%;
height: 17px;
padding: 5px;
background-color: black;
float: right;
text-align: right;
}

/*HEAD SECONDARY CSS0RZ*/

#header2{
width: 850px;
height: 65px;
background-color: black;
color: black;
float: left;
margin-top: 5px;
clear: both;
}

#header2left{
width: 300px;
height: 50px;
background-color: none;
margin: 6px 10px 10px 10px;
float: left;
color: white;
}

#submitarea{
width: 520px;
height: 50px;
background-color: none;
margin: 6px 10px 10px 0px;
float: right;
text-align: right;
color: white;

}

input{
color: grey;
background-color: white;
border: 0px solid white;
width: 76px;
font-size: 11px;
margin: 3px;
text-align: left;
padding-left: 5px;
}

input.red{
background-color: #e21515;
color: white;
font-weight: bold;
letter-spacing: -1px;
cursor: pointer;
}

input.big{
color: grey;
background-color: white;
border: 0px solid white;
width: 115px;
font-size: 14px;
margin: 10px 10px 10px 0px;
text-align: left;
padding-left: 7px;
float: left;
}

input.big2{
color: grey;
background-color: white;
border: 0px solid white;
width: 140px;
font-size: 14px;
margin: 10px 20px 5px 0px;
text-align: left;
padding-left: 7px;
float: right;
}

input.redbig{
float: right;
color: white;
background-color: #e21515;
border: 0px solid white;
width: 80px;
font-size: 13px;
margin-right: 34px;
text-align: center;
}






/*INTRO AND TWITTER CSS0RZ*/

#mainleft{
width: 280px;
height: 145px;
background-color: none;
color: white;
padding: 10px 20px 20px 20px;
margin-top: 5px;
margin-left: 100px;
float: left;
line-height: 20px;
}

#mainright{
width: 280px;
background-color: none;
color: black;
padding: 0px 20px 20px 20px;
margin-top: 25px;
margin-right: 100px;
float: right;
}





/*SLIDER AND BOTTOM CSS0RZ*/

#sliderarea{
width: 850px;
height: 250px;
background-color: none;
margin-top: 15px;
clear: both;
float: left;
border-top: 5px solid black;
border-bottom: 5px solid black;
}

#footer{
width: 840px;
height: 30px;
background-color: nonef;
padding: 5px;
float: left;
clear: both;
text-align: center;
border-top: 1px solid white;
}

/*CONTACT BOX*/
#contact{
height: 20px;
background-color: none;
clear: both;
text-align: right;
font-weight: bold;
text-transform: uppercase;
}