html, body { background-color: #2b2b2b; color: #343434; margin: 0; padding: 0; }
body { font: normal normal normal 16px/1.6 Georgia, "Times New Roman", serif; }
a { color: #CE0A00; text-decoration: none; }
p { margin: 0 0 1em; }
ul { padding: 0; }
cite em { font-style: normal; }
dd { margin-bottom: 1em; }

input, textarea { font-size: 16px; font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif; padding: .3em; }
a img { border: none; }

#streamer { background-color: #C3DAE7; height: 7px; }
#page { background-color: #fff; border-bottom: 1px solid #333; }
#header { position: relative; padding: 36px 54px; font-family: Georgia, "Times New Roman", serif; }
#header .logo { border: none; }
#content { padding: 0 54px; line-height: 1.8; font-size: 0.95em; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; }


/* headers */
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", sans-serif; font-weight: normal; }
h1 { font-size: 4em; margin-top: 0; text-transform: lowercase; margin-bottom: .4em; color: #777; line-height: 1; padding-bottom: .2em; }
h2 { font-size: 1.8em; margin: 0 0 0; }
h3 { font-size: 1.5em; margin: 1em 0 0; }
h4 { font-size: 1.3em; margin: 0 0 .2em; border-bottom: 1px dotted #888;}

#footer h3 { color: #eee; border-bottom: 1px dotted #777; margin: 1em 0 .5em; padding-bottom: 0em; }

/* navigation */
#navigation, #subnavigation { list-style: none; padding: 0; position: absolute; top: 49px; right: 54px; font-size: 1.15em; }
#navigation li, #subnavigation li { position: relative; float: left; font-size: 1.15em; text-transform: lowercase; margin-left: 1.35em; }
#navigation a, #subnavigation a { text-decoration: none; color: #333; }
#navigation a:hover, #subnavigation a:hover { color: #CE0A00; }

#subnavigation { top: 8.2em; font-size: 0.7em; border: 1px solid #eee; border-bottom-color: #fff; }
#subnavigation li { margin: .2em .6em 0; }

#subnavigation.about { right: 32.4em; }
#subnavigation.blog { right: 24.8em; }

#navigation li.on a, #subnavigation li.on a { color: #CE0A00; }
	
#page .stage { width: 964px; margin: 0 auto; }

/* typography */
.amp { font-family: "Minion Pro", Minion, Baskerville, Palatino, Georgia, "Times New Roman", serif; line-height: 1; }
.phone-hyphen { margin: 0 .2em; }
.spacer-dot { margin: 0 1.2em; color: #444; }
.first { margin-left: 0; }
.highlight { background-color: #ffc; padding: .2em .4em; margin: -.2em 0; }
.note { font-style: italic; font-family: Georgia, "Times New Roman", serif; color: #999; font-size: 0.9em; line-height: 1.5; }

/* brand */
.text-logo { font-size: 1.1em; letter-spacing: 0.05em; font-family: "Minion Pro", Minion, Georgia, "Times New Roman", serif; font-weight: bold; font-variant: small-caps; color: #fff; }
.text-logo .swatch { color: #CE0A00; font-weight: bold; letter-spacing: -2px; font-size: 1.6em; margin-left: .1em; font-family: Consolas, "Lucida Grande", Verdana, sans-serif; }
.text-logo .swatch .space { font-size: 0.7em; }
.text-logo .swatch .semi-colon { font-size: 0.8em; }

/* pages ----------------------------------------------------------------*/

/* about */
.turn-ons { float: right; margin-top: -7.4em; margin-right: -2.5em; margin-left: 2em; }
#content p.indent { margin-left: 2em; }

#content h2 { font-size: 1.6em; margin-top: .3em; }

.about .column { padding-bottom: 24px; }
.column.map p { margin-right: 15em; }
.column.map p.first { margin-right: 0; }

/* contact */
.country-name { display: none; }
.coming-from { position: relative; }
.adr .street-address { font-size: 0.9em; }
#content.contact { position: relative; height: 400px; }
.map { position: absolute; top: 40px; left: 400px; }
.details { width: 53%; top: 300px; right: 0; font-family: Georgia, "Times New Roman", serif; font-size: 1.2em; line-height: 1.2; }
.contact-info { border-collapse: collapse; }
.contact-info th { text-align: right; white-space: nowrap; padding: .3em .7em .3em .6em; border-top: 1px solid #eee; vertical-align: top; }
.contact-info td { white-space: nowrap; padding: .3em 2em .3em .7em; border-top: 1px solid #eee; vertical-align: top; }
.contact-info tr.first th, .contact-info tr.first td { border-top: none; }

/* portfolio */
#page .showcase .stage { padding: 37px 0 2em; width: 60%; float: left; }
.presenting { margin-top: -30px; padding-bottom: 2em; }
.showcase { background: transparent none scroll no-repeat 100% 0%; margin: 0 -30px 2em -10px; border-bottom: 1px solid #eee; }
.showcase-logo { display: block; border: none; margin-bottom: 1.6em; }
.showcase-shield { float: right; border: none; margin: 0 2px 1em 4em; }
.showcase ul { margin-top: 0; }
.project-details { border-top: 1px dotted #999; }
.site-link { font-family: Georgia, "Times New Roman", serif; font-size: 1.1em; }

/* services */
.pigeonhole { border: 1px solid #ccc; }
#page .pigeonhole .stage { padding: .4em .6em; background-color: #f7f7f7; width: auto; }

/* page not found */
.not-found { padding-bottom: 2em; }

/* footer */
#footer { width: 964px; margin: 0 auto; color: #ddd; font-size: 0.875em; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; }
#footer .stage { padding: 0 54px 24px; }

#footer a { color: #DFA599; }
#footer a:hover { color: #F7C3B9; }

#footer .copyright { font-size: 0.75em; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; border-top: 1px solid #333; margin-top: 1em; text-align: center; padding-top: 6px; color: #666; }
#footer .copyright .swatch { margin-left: 0; margin-right: .1em; }
#footer .column { padding-bottom: 1em; }

#footer .subblog { border-top: 1px solid #444; padding-top: 6px; font-size: 0.8em; }
#footer .blog-link { float: right; width: 30%; text-align: right; }
#footer .twitter-time { margin-top: 1em; text-align: right; border-top: 1px solid #444; padding-top: 6px; font-size: 0.8em; color: #666; }

/* columns */
.clear { clear: both; }
.column-set { clear: both; }
.column-set .column { float: left; width: 27%; margin-left: 5%; position: relative; }
.column-set .column.main { width: 36%; }
.column-set .column.service { width: 47%; }
.column-set .column.wide { width: 66%; }
.column-set .column.logo { width: 35%; }
.column-set .column.portfolio-desc { width: 60%; }
.column-set .column.nudged { width: 29%; }

.column-set .column.even { width: 47%; margin-left: 6%; }

.column-set .column.map { width: 66%; }
.column-set .column.technically { width: 32%; margin-left: 2%; }
.column-set .column.first { margin-left: 0; }