html { position: relative; z-index: 0; }

body { position: relative; z-index: 1; margin: 0; padding: 0; color: #000; background-color: #fff; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; }

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, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, table, caption, tbody, tfoot, thead, tr, th, td, .x { margin: 0; padding: 0; color: inherit; background-color: transparent; background-repeat: no-repeat; font-family: inherit; font-size: 1em; font-weight: inherit; font-style: inherit; line-height: 1em; text-decoration: none; text-align: left; vertical-align: baseline; border: 0; outline: 0; }

a, input, textarea, select, button { outline: 0; }

ul, ol, dd { margin: 0 0 0 20px; list-style-position: outside; }
ul ul, ol ul, dd ul { list-style-type: circle; }

ol { list-style-type: decimal; list-style-position: outside; }
ol ol { list-style-type: lower-roman; }

hr { display: block; height: 1px; background: #000; border: none; }

blockquote cite { display: block; }

table { width: 100%; border-collapse: separate; border-spacing: 0; }
table th, table td { vertical-align: top; }
table thead, table th, table caption { font-weight: bold; }

img { -ms-interpolation-mode: bicubic; }

h1 { font-size: 31px; }

h2 { font-size: 24px; }

h3 { font-size: 16px; }

h4 { font-size: 14px; }

h5 { font-size: 12px; }

h6 { font-size: 12px; }

p { font-size: 12px; line-height: 18px; }

ul { margin: 0 0 0 20px; line-height: 18px; }

a { color: #02f; }
a:hover { color: #000; }
a:active { color: #c33; }

del { color: #888; text-decoration: line-through; }

abbr, acronym { text-transform: uppercase; border-bottom: 1px dashed #ddd; cursor: help; }

code, pre, var { font-family: Palatino Linotype, Courier, monospace; font-size: 12px; color: #080; background-color: #eee; }

strong { font-weight: bold; }

em, cite { font-style: italic; }

u, ins { text-decoration: underline; }

s, strike { text-decoration: line-through; }

sub { font-size: 7px; vertical-align: sub; }

sup { font-size: 7px; vertical-align: super; }

body { text-align: center; }

.left { text-align: left; }
.left #container { margin-left: 0; }

.right #container { margin-right: 0; }

#header, #content-wrapper, #footer { position: relative; _display: inline-block; _zoom: 1; clear: both; margin: 0 auto; }
#header:after, #content-wrapper:after, #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*+html #header, *+html #content-wrapper, *+html #footer { height: 1%; zoom: 1; }

#container, .in { clear: both; margin: 0 auto; }

body { background-color: #ebeced; overflow-y: scroll; *overflow-y: auto; border-top: 3px solid #d9dbdd; }

h1 { font-size: 21px; font-weight: bold; letter-spacing: -.05em; }
h1 a { float: left; width: 150px; height: 58px; background-image: url(../images/logo.png); background-color: transparent; text-indent: -9999em; }
h1 a:hover { background-position: 0 -60px; background-color: transparent; }

p { color: #61666c; }

a { color: #444; background-color: #ffa; }
a:hover { color: #3333; background-color: #fff; }

.work img { background-color: #eee; background-image: url(../images/spinner.gif); background-position: 15px 15px; }

#header { margin: 50px 0 50px; }

#container { width: 800px; }
#container #content { float: right; width: 600px; }
#container #aside { float: left; width: 200px; }

#content-wrapper { position: relative; }

#content { position: relative; margin-top: -20px; }
#content #introduction { border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; margin-top: 40px; overflow: hidden; }
#content #loader { position: absolute; top: 2px; left: -25px; width: 18px; height: 18px; background-image: url(../images/spinner.gif); }
#content .work { border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; padding: 20px; background-color: #fff; }
#content h2 { padding: 0 0 15px; font-size: 21px; font-family: Georgia, serif; font-weight: bold; color: #3f454c; }
#content p { padding: 0 0 15px; }

#aside { position: fixed; margin-top: 20px; }

#footer { margin: 100px 0 20px; }
#footer p { color: #95989c; font-size: 11px; text-align: right; }

.nav { position: relative; _display: inline-block; _zoom: 1; margin: 0; list-style: none; }
.nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*+html .nav { height: 1%; zoom: 1; }
.nav li, .nav a { float: left; margin: 0; }
.nav ul { position: relative; _display: inline-block; _zoom: 1; margin: 0; list-style: none; }
.nav ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*+html .nav ul { height: 1%; zoom: 1; }
.nav ul li, .nav ul a { float: left; margin: 0; }
.nav li { float: none; display: block; _margin: 0 0 -3px; }
.nav a { float: none; display: block; }
.nav li { clear: left; padding: 2px 0; }
.nav a { float: left; padding: 2px; font-size: 11px; }

.alert { border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; float: right; width: 120px; margin: -20px 0 0; padding: 20px; background-color: #fff; }
#aside .alert { float: none; margin-top: 35px; }
.alert h3 { padding: 0 0 10px; font-family: Georgia, serif; font-weight: bold; color: #61666c; }
.alert p { color: #72777c; font-size: 11px; line-height: 14px; }

.share { position: relative; _display: inline-block; _zoom: 1; margin: 0; list-style: none; padding: 20px 0; }
.share:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*+html .share { height: 1%; zoom: 1; }
.share li, .share a { float: left; margin: 0; }
.share ul { position: relative; _display: inline-block; _zoom: 1; margin: 0; list-style: none; }
.share ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*+html .share ul { height: 1%; zoom: 1; }
.share ul li, .share ul a { float: left; margin: 0; }
.share li { padding-right: 5px; }
.share li a, .share li a:hover { padding: 0; background-color: transparent; }

@media print { body { font-size: 12pt; } }