/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, section, article, aside, hgroup, header, footer, nav, dialog, figure, menu, video, audio, embed, mark, progress, meter, time, canvas, details, datalist, output {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-family:inherit; font-weight:inherit; font-style:inherit; white-space:normal; text-align:left}
body {line-height:1}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none}
:focus {outline:0}
del, ins {text-decoration:none}
table {border-collapse:collapse;border-spacing:0}
textarea {font-family:inherit; font-size:100%; font-weight:normal; font-style:normal; white-space:normal; text-align:left; margin:0; padding:0}
object, article, aside, footer, header, nav, section, dialog, figure, hgroup, menu {display:block}
nav ul {list-style-type:none}

/* BASE */
body{font-family:Helvetica,Arial,sans-serif; line-height:1.5; color:#666; background:#fff}
h1, h2, h3 {word-spacing:-0.125em}
h4, h5, h6 {font-weight:bold}
p {word-spacing:0.125em; hyphenate:auto; hyphenate-lines:3}
b, strong, caption, th, thead, dt, legend {font-weight:bold}
cite, dfn, em, i {font-style:italic}
address {font-style:normal}
code, kbd, samp, pre, tt, var {font-family:mono-space,monospace}
pre {white-space:pre}
del {text-decoration:line-through}
ins, dfn {border-bottom:1px solid #666}
abbr, acronym {text-transform:uppercase; font-size:85%; letter-spacing:.1em}
abbr[title], acronym[title], dfn[title] {cursor:help; border-bottom:1px dotted #666}
blockquote {padding:1.5em}
q {quotes:"\201C""\201D""\2018""\2019"}
sup,sub {font-size:80%; line-height:0}
sup {vertical-align:super}
sub {vertical-align:sub}
mark {background:rgba(255, 255, 0, 0.4); padding:0 .25em}
ul, ol {margin-left:1.5em}
ul {list-style:disc outside}
ol {list-style:decimal outside}
ul.colapse, ul.colapse li {display:inline;margin:0;padding:0;background:none}
input[type="text"], input[type="password"], textarea {border-color:#ccc}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border-color:#b4d5fe}
table {font:inherit; width:100%}
th, td {padding-right:1em}
th:first-child, td:first-child {padding-left:0}
th:last-child, td:last-child {padding-right:0}
tr:nth-child(odd) td {background:#f6f6f6}
hr {position:relative; border:none; height:1px; width:100%; background:#999}
.left {float:left !important}
.right {float:right !important}
.textLeft {text-align:left !important}
.textRight {text-align:right !important}
.textCenter {text-align:center !important}
.inline {display:inline !important; width:auto !important}
.no-display {display:none}
article, aside, header, hgroup, nav, section, footer {float:left}

/* GRID BASELINE 18PX */
body {font-size:75%; line-height:1.5; /*12/18*/ }
h1, h2, h3, h4, h5, h6 {position:relative}
h1, h2 {line-height:36px; margin-bottom:18px}
h1, h2, h3, h4 {margin-top:18px}
h3, h4, h5, h6 {line-height:18px}
h1 {font-size:36px; top:8px}
h2 {font-size:28px; top:10px}
h3 {font-size:22px; top:2px}
h4 {font-size:18px; top:4px}
h5 {font-size:15px; top:4px}
h6 {font-size:13px; top:5px}
h1:first-child, h2:first-child, h3:first-child, h4:first-child {margin-top:0}
p, pre, address {font-size:13px; line-height:18px; margin-bottom:18px; position:relative; top:5px}
small {position:relative; line-height:18px; top:5px}
p small {position:static; line-height:inherit}
ul, ol, dl, dialog {font-size:13px; line-height:18px; margin-bottom:18px; position:relative; top:5px}
li ul, li ol {top:0; margin-bottom:0}
li h1, li h2, li h3, li h4, li h5, li h6, li p {top:0}
.cform legend, .cform label {position:relative; top:5px; font-size:13px; line-height:18px}
.cform input, .cform textarea {font-size:12px}
.cform legend {padding-bottom:18px}
.cform label, .cform input, .cform textarea, .cform select, .cform button {margin-bottom:0}
.cform input[type="text"], .cform input[type="password"], .cform textarea {border-width:1px; border-style:solid; padding:1px 2px}
.cform input[type="text"], .cform input[type="password"], .cform textarea, .cform select {height:16px; margin-top:4px; margin-bottom:12px}
.cform textarea {display:block; line-height:18px; height:108px}
.cform input[type="submit"], .cform button {margin-top:4px; margin-bottom:12px}
table {font-size:13px; border-top:solid 1px #999; position:relative; margin-top:18px; margin-bottom:18px}
th, td {border-top:solid 1px #ccc; line-height:18px; padding-top:9px; padding-bottom:8px; position:relative}
caption {font-size:13px; line-height:18px; position:relative; top:5px; margin-bottom:18px}
hr {margin:-1px 0 18px 0}
.leading {margin-bottom:18px}
.noleading {margin-bottom:0 !important}

/* GRID 16 COLUMNS */
.container_16 {margin-left:auto; margin-right:auto; width:960px}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {display:inline; float:left; margin-left:10px; margin-right:10px}
.alpha {margin-left:0}
.omega {margin-right:0}
.container_16 .grid_1 {width:40px}
.container_16 .grid_2 {width:100px}
.container_16 .grid_3 {width:160px}
.container_16 .grid_4 {width:220px}
.container_16 .grid_5 {width:280px}
.container_16 .grid_6 {width:340px}
.container_16 .grid_7 {width:400px}
.container_16 .grid_8 {width:460px}
.container_16 .grid_9 {width:520px}
.container_16 .grid_10 {width:580px}
.container_16 .grid_11 {width:640px}
.container_16 .grid_12 {width:700px}
.container_16 .grid_13 {width:760px}
.container_16 .grid_14 {width:820px}
.container_16 .grid_15 {width:880px}
.container_16 .grid_16 {width:940px}
.container_16 .prefix_1 {padding-left:60px}
.container_16 .prefix_2 {padding-left:120px}
.container_16 .prefix_3 {padding-left:180px}
.container_16 .prefix_4 {padding-left:240px}
.container_16 .prefix_5 {padding-left:300px}
.container_16 .prefix_6 {padding-left:360px}
.container_16 .prefix_7 {padding-left:420px}
.container_16 .prefix_8 {padding-left:480px}
.container_16 .prefix_9 {padding-left:540px}
.container_16 .prefix_10 {padding-left:600px}
.container_16 .prefix_11 {padding-left:660px}
.container_16 .prefix_12 {padding-left:720px}
.container_16 .prefix_13 {padding-left:780px}
.container_16 .prefix_14 {padding-left:840px}
.container_16 .prefix_15 {padding-left:900px}
.container_16 .suffix_1 {padding-right:60px}
.container_16 .suffix_2 {padding-right:120px}
.container_16 .suffix_3 {padding-right:180px}
.container_16 .suffix_4 {padding-right:240px}
.container_16 .suffix_5 {padding-right:300px}
.container_16 .suffix_6 {padding-right:360px}
.container_16 .suffix_7 {padding-right:420px}
.container_16 .suffix_8 {padding-right:480px}
.container_16 .suffix_9 {padding-right:540px}
.container_16 .suffix_10 {padding-right:600px}
.container_16 .suffix_11 {padding-right:660px}
.container_16 .suffix_12 {padding-right:720px}
.container_16 .suffix_13 {padding-right:780px}
.container_16 .suffix_14 {padding-right:840px}
.container_16 .suffix_15 {padding-right:900px}
th, td {padding-left:10px;padding-right:10px}
td.grid_16, th.grid_16, td.grid_15, th.grid_15, td.grid_14, th.grid_14, td.grid_13, th.grid_13, td.grid_12, th.grid_12, td.grid_11, th.grid_11, td.grid_10, th.grid_10, td.grid_9, th.grid_9, td.grid_8, th.grid_8, td.grid_7, th.grid_7, td.grid_6, th.grid_6, td.grid_5, th.grid_5, td.grid_4, th.grid_4, td.grid_3, th.grid_3, td.grid_2, th.grid_2, td.grid_1, th.grid_1 {display:table-cell; float:none; margin:0}
td.alpha, th.alpha {padding-left:0}
td.omega, th.omega {padding-right:0}
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
* html .clearfix {height:1%}
* + html .clearfix {display:inline-block}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}

/* NAVIGATION */
ul.nav_horizontal {list-style:none; margin-left:0}
ul.nav_horizontal li {float:left; margin:0; padding:0 1em 0 0; background:none}
ul.nav_horizontal.right li {padding:0 0 0 1em}
ul.nav_horizontal li a {display:block; text-decoration:none}
ul.nav_horizontal_inline {list-style:none; margin-left:0}
ul.nav_horizontal_inline li {float:left; margin:0; padding:0 1em 0 0; background:none}
ul.nav_horizontal_inline.right li {padding:0 0 0 1em}
ul.nav_horizontal_inline li a {display:inline}
ul.nav_vertical {list-style:none; margin-left:0}
ul.nav_vertical ul {margin:0}
ul.nav_vertical li {margin:0; padding:0; background:none}
ul.nav_vertical li a {display:block; text-decoration:none}
/* sprite 
 *  usage on anchor tag:
 *      .link_example,
 *      .link_example a {width:200px; height:18px; background-image:url("../images/example-sprite.png")}
 *      .link_example a:hover {background-position:0 -18px}
 *  usage on button:
 *      .btn_example {width:200px; height:18px; background-image:url("../images/example-sprite.png")}
 *      .btn_example:hover {background-position:0 -18px}
 */
.nav_sprite, .nav_sprite a, .nav_sprite li {overflow:hidden; background-position:0 0; background-repeat:no-repeat}
button.nav_sprite {display:block; text-indent:-9999px; border:0; cursor:pointer}
p.nav_sprite, div.nav_sprite, span.nav_sprite, a.nav_sprite, ul.nav_sprite li {text-indent:-9999px}
ul.nav_sprite {margin-left:0}
p.nav_sprite a, div.nav_sprite a, a.nav_sprite {display:block}
a.nav_sprite {float:left; margin-right:1em}