/* =universals 
These rules are applied to all elements unless otherwise specified below. */
* { margin : 0; padding : 0; }

/* =body */
body { background : #000000; }

/* =hx */
h1, h2, h3 { font-weight : bold; text-transform : uppercase; }

html,body { height: 100%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:small; }


/* =code */
code, pre {  font : 80% monaco, courier, monospace; font-weight : normal; color : #666; }
pre {  padding-left : 20px; font-size : 80%; }


/* =img */
img, img a { border : none }
abbr, acronym { text-decoration : none; border : none; }


/* =a */
a:link { color : #ffffff;  }
a:visited { color : #ffffff;  }
a:hover { color : #c898ae; text-decoration : underline; }
a:active, a:focus { color : #ccc;  }

/* a:focus { outline: none; }  removing dotted lines for Firefox, only for mouse navigation, however, it doesnt seem to work, so try applying overflow: hidden to the FIR elements in question */




/* layout */
div#container { 
position : relative; 
width : 960px; 
min-height: 100%;
height: auto !important; 
height: 100%;
margin : auto auto; 
text-align : left;  
background-color:#000000;
}


div#content { width : 100%;  background-color : #000000; overflow : hidden;
 }

div#content_main_wrapper {  
width : 960px;

/* Positioning something vertically in the middle, with known height*/
position: absolute;
top:50%;
margin-top:-306px; /* then subtract the half of elements height*/

 }


div#content_main { }

div#skipintro { width : 960px; height:16px; text-align:center; 
 }
 
 .generalhighlight {
 margin-top: 25px; 
 
 color:#ca3737; }