/* Reset
------------------------------------------ */
html, 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 {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
input, textarea, button, select {font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;margin:0;}


/* Debug */
.debug {padding:5px;margin:10px 0;color:#fff;background:#000;z-index:55555;}

/* Global
------------------------------------------ */
body {font:normal 87.5%/1.428 "Helvetica Neue", Helvetica, sans-serif;color:#ffffff;background-color:#000000;font-size:15px;}


a {cursor:pointer;text-decoration:none;outline:none;}
a:focus, a:hover {text-decoration:underline;}
ul {margin:0 0 10px 20px;}
ol {margin:0 0 10px 30px;}
li {margin-bottom:5px;}
p, dl {margin:0 0 10px;}
em {font-style:italic;}
blockquote {margin:0 0 10px;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom: 1px dotted #4381bf;}
pre {white-space: pre; margin-bottom:10px; }
pre, code {font: 1em "andale mono","lucida console",monospace;}
table {margin-bottom:10px;width:100%;}
th {font-weight:bold;}
th,td,caption {padding: 4px 10px 4px 5px;}
tr.odd td{background-color:#ddd;}
tr.even td{background-color:#fff;}
caption {background:#eee;}
h1, h2, h3, h4, h5, h6, .h {font-weight:normal;margin-bottom:8px;display:block;}

/* Grid Containers
------------------------------------------- */
.contain-24 {width:940px;padding:0 20px;margin:0 auto;float:none} /* main container */



/* Grid
------------------------------------------ */
.area, .area-1, .area-2, .area-3, .area-4, .area-4_5, .area-5, .area-6, .area-7, .area-8, .area-9, .area-10, .area-11, .area-12, .area-13, .area-14, .area-15, .area-16, .area-17, .area-18, .area-19, .area-20, .area-21, .area-22, .area-23, .area-24 {float:left; margin-right: 20px;}
.area-1 {width:20px;}
.area-2 {width:60px;}
.area-3 {width:100px;}
.area-4 {width:140px;}
.area-5 {width:180px;}
.area-6 {width:220px;}
.area-7 {width:260px;}
.area-8 {width:300px;}
.area-9 {width:340px;}
.area-10 {width:380px;}
.area-11 {width:420px;}
.area-12 {width:460px;}
.area-13 {width:500px;}
.area-14 {width:540px;}
.area-15 {width:580px;}
.area-16 {width:620px;}
.area-17 {width:660px;}
.area-18 {width:700px;}
.area-19 {width:740px;}
.area-20 {width:780px;}
.area-21 {width:820px;}
.area-22 {width:860px;}
.area-23 {width:900px;}
.area-24, div.area-24 {width:940px;margin:0;}

.area-last {margin-right:0;}


/* Form Grid
------------------------------------------ */
input.area-1, textarea.area-1 {width:10px;}
input.area-2, textarea.area-2 {width:50px;}
input.area-3, textarea.area-3 {width:90px;}
input.area-4, textarea.area-4 {width:130px;}
input.area-5, textarea.area-5 {width:170px;}
input.area-6, textarea.area-6 {width:210px;}
input.area-7, textarea.area-7 {width:250px;}
input.area-8, textarea.area-8 {width:290px;}
input.area-9, textarea.area-9 {width:330px;}
input.area-10, textarea.area-10 {width:370px;}
input.area-11, textarea.area-11 {width:410px;}
input.area-12, textarea.area-12 {width:450px;}
input.area-13, textarea.area-13 {width:490px;}
input.area-14, textarea.area-14 {width:530px;}
input.area-15, textarea.area-15 {width:570px;}
input.area-16, textarea.area-16 {width:610px;}
input.area-17, textarea.area-17 {width:650px;}
input.area-18, textarea.area-18 {width:690px;}
input.area-19, textarea.area-19 {width:730px;}
input.area-20, textarea.area-20 {width:770px;}
input.area-21, textarea.area-21 {width:810px;}
input.area-22, textarea.area-22 {width:850px;}
input.area-23, textarea.area-23 {width:890px;}
input.area-24, textarea.area-24 {width:930px;margin:0;}


/* Prepend
------------------------------------------ */
.prepend-1 {margin-left:40px;}
.prepend-2 {margin-left:80px;}
.prepend-3 {margin-left:120px;}
.prepend-4 {margin-left:160px;}
.prepend-5 {margin-left:200px;}
.prepend-6 {margin-left:240px;}
.prepend-7 {margin-left:280px;}
.prepend-8 {margin-left:320px;}
.prepend-9 {margin-left:360px;}
.prepend-10 {margin-left:400px;}
.prepend-11 {margin-left:440px;}
.prepend-12 {margin-left:480px;}


/* Pad
------------------------------------------ */
.pad-0 {padding:0 !important;}
.pad-0_5 {padding:5px 5px 1px;}
.pad-1 {padding:10px 10px 1px;}
.pad-1_5 {padding:15px 15px 5px;}
.pad-2 {padding:20px 20px 10px;}
.pad-3 {padding:30px 30px 20px;}
.pad-4 {padding:40px 40px 30px;}
.pad-5 {padding:50px 50px 40px;}
.pad-6 {padding:60px 60px 50px;}
.pad-7 {padding:70px 70px 60px;}
.pad-8 {padding:80px 80px 70px;}
.pad-9 {padding:90px 90px 80px;}
.pad-10 {padding:100px 100px 90px;}




/* Push/Pull/Raise element right/left/up
------------------------------------------ */
.push-1 {margin-left:10px;margin-right:-10px;}
.push-2 {margin-left:20px;margin-right:-20px;}
.pull-1 {margin-left:-10px;}
.pull-1_5 {margin-left:-15px;}
.pull-2 {margin-left:-20px;}

.raise-1 {margin-top:-10px !important;}
.raise-2 {margin-top:-20px !important;}

.sink-0_5 {margin-top:5px !important;}
.sink-0_3 {margin-top:3px !important;}
.sink-1 {margin-top:10px !important;}


/* Spacing
------------------------------------------ */
.space-0 {margin-bottom:0 !important;}
.space-0_3 {margin-bottom:3px !important;}
.space-0_5 {margin-bottom:5px !important;}
.space-1 {margin-bottom:10px !important;}
.space-1_5 {margin-bottom:15px !important;}
.space-2 {margin-bottom:20px !important;}
.space-3 {margin-bottom:30px !important;}
.space-4 {margin-bottom:40px !important;}





/* Clearing
------------------------------------------ */
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}