/*
	CSS NAME: Horizontal and Vertical Centered Content
	VERSION: 1.0
	AUTHOR: Raul Illana
	AUTHOR URI: http://raulillana.com
*/

/* CSS 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, font, img, ins, kbd, q, s, samp, 
small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,sub, sup
{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }

/* layout */
body { background:black; color:white; font:normal 62.5% Arial, Verdana, Sans-serif; }
h2 { position:absolute; top:17px; right:175px; font:bold 2.5em Helvetica, Arial, Verdana, Sans-serif; margin-top:-5px; }

#vertical { position:absolute; top:50%; left:0; width:100%; margin-top:-250px; text-align:center; min-width:900px; }
#horizontal { position:relative; text-align:left; width:900px; height:380px; margin:0 auto; text-align:center; }

#social { position:relative; text-align:right; vertical-align:middle; width:720px; margin:10px auto 0; }