/* ===========================
	Reset
   =========================== */

html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

/* ===========================
	Grid
   =========================== */

.container { margin-left: auto; margin-right: auto; width: 220px; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { display: inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }
.container .grid-1 { width: 60px; }
.container .grid-2 { width: 140px; }
.container .grid-3 { width: 220px; }
.container .grid-4 { width: 300px; }
.container .grid-5 { width: 380px; }
.container .grid-6 { width: 460px; }
.container .grid-7 { width: 540px; }
.container .grid-8 { width: 620px; }
.container .grid-9 { width: 700px; }
.container .grid-10 { width: 780px; }
.container .grid-11 { width: 860px; }
.container .grid-12 { width: 940px; }
.container .prefix-1 { padding-left: 80px; }
.container .prefix-2 { padding-left: 160px; }
.container .prefix-3 { padding-left: 240px; }
.container .prefix-4 { padding-left: 320px; }
.container .prefix-5 { padding-left: 400px; }
.container .prefix-6 { padding-left: 480px; }
.container .prefix-7 { padding-left: 560px; }
.container .prefix-8 { padding-left: 640px; }
.container .prefix-9 { padding-left: 720px; }
.container .prefix-10 { padding-left: 800px; }
.container .prefix-11 { padding-left: 880px; }
.container .suffix-1 { padding-right: 80px; }
.container .suffix-2 { padding-right: 160px; }
.container .suffix-3 { padding-right: 240px; }
.container .suffix-4 { padding-right: 320px; }
.container .suffix-5 { padding-right: 400px; }
.container .suffix-6 { padding-right: 480px; }
.container .suffix-7 { padding-right: 560px; }
.container .suffix-8 { padding-right: 640px; }
.container .suffix-9 { padding-right: 720px; }
.container .suffix-10 { padding-right: 800px; }
.container .suffix-11 { padding-right: 880px; }
.container .push-1 { left: 80px; }
.container .push-2 { left: 160px; }
.container .push-3 { left: 240px; }
.container .push-4 { left: 320px; }
.container .push-5 { left: 400px; }
.container .push-6 { left: 480px; }
.container .push-7 { left: 560px; }
.container .push-8 { left: 640px; }
.container .push-9 { left: 720px; }
.container .push-10 { left: 800px; }
.container .push-11 { left: 880px; }
.container .pull-1 { left: -80px; }
.container .pull-2 { left: -160px; }
.container .pull-3 { left: -240px; }
.container .pull-4 { left: -320px; }
.container .pull-5 { left: -400px; }
.container .pull-6 { left: -480px; }
.container .pull-7 { left: -560px; }
.container .pull-8 { left: -640px; }
.container .pull-9 { left: -720px; }
.container .pull-10 { left: -800px; }
.container .pull-11 { left: -880px; }
.alpha { margin-left: 0; }
.omega { margin-right: 0; }
/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* ===========================
	Typography
   =========================== */
@font-face { font-family: "Museo"; src: url("fonts/Museo300.otf"); }
h1, h2, h3, h4, h5, h6 { font-family: Museo, Helvetica, Arial, sans-serif; margin-top: 20px; }
h1 { font-size: 28px; }
h2 { font-size: 26px; }
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

/* ===========================
	Main
   =========================== */

body { background: url('images/body-background.png'); font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 13px; color: #666666; }
#links a { float: left; width: 60px; height: 60px; margin-left: 10px; }
#links a:hover { background-position: -60px 0px; }
#links a span { display: none; margin: 0px; }
#twitter { background: url('images/twitter.png'); }
#linkedin { background: url('images/linkedin.png'); }
#facebook { background: url('images/facebook.png'); }
#copyright { text-align: center; color: #cccccc; padding-top: 10px; }