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

body { position: relative; z-index: 1; overflow-y: scroll; margin: 0; padding: 0; color: black; background-color: white; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; line-height: 20px; }

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: inherit; 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: black; 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; }

ul { margin: 0 0 0 20px; }

a { color: #0022ff; }
a:hover { color: black; }
a:active { color: #cc3333; }

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

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

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

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; }

input, select, textarea { padding: 0; color: black; background-color: white; border: 1px solid #888888; }

input[type=checkbox], input[type=radio], input[type=submit], select, button { cursor: pointer; }

button { margin: 0; padding: 0; line-height: 20px; }

body { background-image: url(../images/style/body.gif); background-repeat: repeat-x; }

#background { background-image: url(../images/backgrounds/1.png); background-repeat: no-repeat; background-position: 50% 0; }
.whatisachordus #background { background-image: url(../images/backgrounds/2.png); }
.ourprocess #background { background-image: url(../images/backgrounds/3.png); }
.casestudies #background { background-image: url(../images/backgrounds/4.png); }

a { color: #4d4e3b; }

h1 { padding: 0 0 30px; font-family: "Georgia"; font-size: 24px; font-style: italic; line-height: 34px; }
h1 strong { color: #222222; font-weight: normal; border-bottom: 1px solid #dddddd; }

h2 { padding: 15px 0; padding-right: 30px; color: #222222; font-family: "Georgia"; font-size: 18px; font-style: italic; line-height: 28px; }
h2 a { color: #4d4e3b; }
h2 a:hover { color: #b9c33c; }

h3 { padding: 15px 0; padding-right: 30px; color: #222222; font-family: "Georgia"; font-size: 16px; font-style: italic; line-height: 21px; }

h4 { padding: 15px 0 5px; color: #222222; }

#header { position: relative; _display: inline-block; _zoom: 1; padding: 30px 0; }
#header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* + html #header { height: 1%; zoom: 1; }
#header #logo { *display: inline; float: left; width: 236px; height: 63px; background-image: url(../images/logo.png); text-indent: -9999em; }
#header ul { position: relative; _display: inline-block; _zoom: 1; margin: 0; list-style: none; *display: inline; float: right; padding: 30px 0 0; }
#header ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* + html #header ul { height: 1%; zoom: 1; }
#header ul li, #header ul a { float: left; margin: 0; }
#header ul ul { position: relative; _display: inline-block; _zoom: 1; margin: 0; list-style: none; }
#header ul ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* + html #header ul ul { height: 1%; zoom: 1; }
#header ul ul li, #header ul ul a { float: left; margin: 0; }
#header ul li { margin-left: 30px; }
#header ul li.selected a { color: #b9c33c; border-color: rgba(185, 195, 60, 0.3); }
#header ul a { color: rgba(77, 78, 59, 0.8); font-size: 14px; font-weight: bold; line-height: 24px; border-bottom: 2px solid rgba(77, 78, 59, 0.1); }
#header ul a:hover { color: #b9c33c; border-color: rgba(185, 195, 60, 0.3); }

#container { width: 940px; }

#content-wrapper { position: relative; _display: inline-block; _zoom: 1; padding: 160px 0 60px; }
#content-wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* + html #content-wrapper { height: 1%; zoom: 1; }

#content { *display: inline; float: left; width: 640px; background-color: white; }
#content .in { padding: 40px; }
#content p, #content ul, #content ol { padding: 0 0 15px; color: #555555; }
#content p li strong, #content ul li strong, #content ol li strong { display: block; }
#content a { color: #949c30; border-bottom: 1px solid #b9c33c; }
#content a:hover { color: #4d4e3b; }
#content .figure { *display: inline; float: left; clear: both; margin: 15px 40px 40px 0; }
#content .figure.right { *display: inline; float: right; margin: 15px 0 40px 40px; }
#content .sections { margin-left: -8%; }
#content .sections .section { *display: inline; float: left; width: 25%; margin-left: 8%; }
#content .sections .section p { padding: 0; }

#aside { *display: inline; float: right; width: 240px; padding: 40px 0 0; }
#aside .section { padding: 0 0 30px; }
#aside h4 { 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: 0 0 15px; padding: 8px 15px; background-color: white; border: 2px solid #b9c33c; }
#aside .quote p { font-family: "Georgia"; font-style: italic; font-size: 13px; line-height: 20px; }
#aside .quote p.light { font-size: 11px; }
#aside p { padding: 5px 0 0 30px; color: #555555; line-height: 18px; }
#aside .light { padding: 5px 0 15px 15px; color: #aaaaaa; font-size: 11px; font-style: italic; }
#aside ul { position: relative; _display: inline-block; _zoom: 1; margin: 0; list-style: none; padding: 0 15px; }
#aside ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* + html #aside ul { height: 1%; zoom: 1; }
#aside ul li, #aside ul a { float: left; margin: 0; }
#aside ul ul { position: relative; _display: inline-block; _zoom: 1; margin: 0; list-style: none; }
#aside ul ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* + html #aside ul ul { height: 1%; zoom: 1; }
#aside ul ul li, #aside ul ul a { float: left; margin: 0; }
#aside ul li { float: none; display: block; _margin: 0 0 -3px; }
#aside ul a { float: none; display: block; }
#aside ul .selected a strong { color: #b9c33c; border-color: rgba(185, 195, 60, 0.1); }
#aside ul a { margin: 5px; }
#aside ul a strong { color: #4d4e3b; font-size: 14px; line-height: 28px; border-bottom: 2px solid rgba(77, 78, 59, 0.1); }
#aside ul a:hover strong { color: #b9c33c; border-color: rgba(185, 195, 60, 0.1); }

#twitter .user { *display: inline; float: left; position: relative; top: 10px; left: 15px; }
#twitter p { padding: 5px 0 0 45px; font-size: 11px; line-height: 18px; }

.quote-large blockquote { padding: 0 0 50px 320px; color: #4d4e3b; background-image: url(../images/style/quote.png); background-position: 270px 0; font-family: "Georgia"; font-size: 16px; line-height: 24px; }
.quote-large blockquote cite { padding: 5px 0 0; color: rgba(77, 78, 59, 0.8); font-size: 12px; }

#footer .in { position: relative; _display: inline-block; _zoom: 1; padding: 30px 0; font-size: 11px; border-top: 2px solid rgba(77, 78, 59, 0.1); }
#footer .in:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* + html #footer .in { height: 1%; zoom: 1; }
#footer .in address { *display: inline; float: left; width: 320px; font-style: normal; }
#footer .in address p { color: rgba(77, 78, 59, 0.4); font-size: 11px; }
#footer .in ul { position: relative; _display: inline-block; _zoom: 1; margin: 0; list-style: none; *display: inline; float: left; width: 620px; }
#footer .in ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* + html #footer .in ul { height: 1%; zoom: 1; }
#footer .in ul li, #footer .in ul a { float: left; margin: 0; }
#footer .in ul ul { position: relative; _display: inline-block; _zoom: 1; margin: 0; list-style: none; }
#footer .in ul ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* + html #footer .in ul ul { height: 1%; zoom: 1; }
#footer .in ul ul li, #footer .in ul ul a { float: left; margin: 0; }
#footer .in ul li { margin-right: 15px; }
#footer .in ul a { color: rgba(77, 78, 59, 0.6); }
#footer .in ul a:hover { color: #4d4e3b; }

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