html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, q:before, blockquote:after, q:after { content: ""; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }

body.front { line-height: 1.5; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: #333333; font-size: 75%; }
body.front h1 { font-weight: normal; color: #222222; font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
body.front h1 img { margin: 0; }
body.front h2 { font-weight: normal; color: #222222; font-size: 2em; margin-bottom: 0.75em; }
body.front h3 { font-weight: normal; color: #222222; font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
body.front h4 { font-weight: normal; color: #222222; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
body.front h5 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
body.front h6 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; }
body.front h2 img, body.front h3 img, body.front h4 img, body.front h5 img, body.front h6 img { margin: 0; }
body.front p { margin: 0 0 1.5em; }
body.front p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
body.front p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }
body.front a { text-decoration: underline; color: #000099; }
body.front a:visited { color: #000066; }
body.front a:focus { color: black; }
body.front a:hover { color: black; }
body.front a:active { color: #cc0099; }
body.front blockquote { margin: 1.5em; color: #666; font-style: italic; }
body.front strong { font-weight: bold; }
body.front em { font-style: italic; }
body.front dfn { font-style: italic; font-weight: bold; }
body.front sup, body.front sub { line-height: 0; }
body.front abbr, body.front acronym { border-bottom: 1px dotted #666; }
body.front address { margin: 0 0 1.5em; font-style: italic; }
body.front del { color: #666; }
body.front pre { margin: 1.5em 0; white-space: pre; }
body.front pre, body.front code, body.front tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
body.front li ul, body.front li ol { margin: 0 1.5em; }
body.front ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }
body.front ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }
body.front dl { margin: 0 0 1.5em 0; }
body.front dl dt { font-weight: bold; }
body.front dd { margin-left: 1.5em; }
body.front table { margin-bottom: 1.4em; width: 100%; }
body.front th { font-weight: bold; }
body.front thead th { background: #c3d9ff; }
body.front th, body.front td, body.front caption { padding: 4px 10px 4px 5px; }
body.front tr.even td { background: #e5ecf9; }
body.front tfoot { font-style: italic; }
body.front caption { background: #eee; }
body.front .quiet { color: #666666; }
body.front .loud { color: #111111; }

body.front .box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; }
body.front div.border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #eeeeee; }
body.front div.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eeeeee; }
body.front hr { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; }
body.front hr.space { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; background: #fff; color: #fff; }

html { height: 100%; }

body.front { background-color: white; height: 100%; }
body.front #page-wrap { height: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -!footer_height; }
body.front .container { width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; }
body.front .container { display: block; }
body.front h2 { color: white; }
body.front p { color: black; }
body.front #nav { width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; background: url('/images/nav-bg.png?1254932564'); }
body.front #nav { display: block; }
body.front #nav a { text-decoration: none; }
body.front #nav #nav-items { list-style-type: none; margin: 0px; padding: 0px; display: inline; }
body.front #nav #nav-items li { margin: 0px; padding: 0px; display: inline; }
body.front #nav #nav-items li { display: block; height: 76px; display: inline; float: left; margin-right: 10px; width: 110px; border-right: 1px solid white; margin-left: 10px; }
* html body.front #nav #nav-items li { overflow-x: hidden; }
body.front #nav #nav-items li a { margin-top: 56px; display: block; }
body.front #nav #nav-items #nav-home a { margin-left: 10px; text-indent: -9999em; overflow: hidden; background-image: url('/images/nav-home.png?1254932564'); background-repeat: no-repeat; background-position: 0 0; }
body.front #nav #nav-items #nav-team a { text-indent: -9999em; overflow: hidden; background-image: url('/images/nav-team.png?1254932564'); background-repeat: no-repeat; background-position: 0 0; }
body.front #nav #nav-items #nav-portfolio a { text-indent: -9999em; overflow: hidden; background-image: url('/images/nav-portfolio.png?1254932564'); background-repeat: no-repeat; background-position: 0 0; }
body.front #nav #nav-items #nav-contact a { text-indent: -9999em; overflow: hidden; background-image: url('/images/nav-contact.png?1254932564'); background-repeat: no-repeat; background-position: 0 0; }
body.front #content-header { width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; padding-top: 20px; padding-bottom: 20px; }
body.front #content-header { display: block; }
body.front #content-header #stage2-logo-link { display: block; float: left; height: 86px; width: 224px; text-indent: -9999em; overflow: hidden; background-image: url('/images/stage2-logo.png?1254932564'); background-repeat: no-repeat; background-position: 0 0; }
body.front #content-header h1, body.front #content-header p { margin-left: 250px; color: black; }
body.front #content-wrap { background: url('/images/content-bg.png?1255332561'); -moz-border-radius: 3px; -webkit-border-radius: 3px; }
body.front #content { width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; color: #fff; padding-top: 15px; padding-bottom: 30px; }
body.front #content { display: block; }
body.front #content p { color: #bbbbbb; }
body.front #content a { color: white; text-decoration: none; }
body.front #content a:visited { color: white; }
body.front #content a:active { color: white; }
body.front #content a:hover { color: white; text-decoration: underline; }
body.front .front-col { display: inline; float: left; margin-right: 10px; width: 310px; }
* html body.front .front-col { overflow-x: hidden; }
body.front .last { margin-right: 0; }
body.front #content-secondary { width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; min-height: 145px; margin-bottom: 145px; }
body.front #content-secondary { display: block; }
body.front #footer-wrap { background: url('/images/footer-bg.png?1254932564'); height: 145px; position: relative; margin-top: -145px; clear: both; }
body.front #footer { width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; position: relative; top: 100px; }
body.front #footer { display: block; }
body.front #footer p { margin-bottom: 0.2em; }
body.front #footer hr { color: #000; border: 0.01em solid black; margin-bottom: 0.2em; }
body.front #footer #copyright { float: right; }
body.front #contact-blurb { display: inline; float: left; margin-right: 10px; width: 310px; }
* html body.front #contact-blurb { overflow-x: hidden; }
body.front #contact-form { display: inline; float: left; margin-right: 0; width: 630px; }
* html body.front #contact-form { overflow-x: hidden; }
body.front #form-contact label { color: #fff; width: 200px; display: block; margin-top: 0.6em; }
body.front #form-contact #form-contact-label-name { margin-top: 0; }
body.front #form-contact #recaptcha-area { margin-top: 0.6em; }
body.front #form-contact #contact-field-name, body.front #form-contact #contact-field-info, body.front #form-contact #contact-field-description { width: 320px; }
body.front #form-contact #contact-field-description { height: 100px; }
body.front #nav-shadow, body.front #subnav-portfolio { background-color: #fff; margin: 0 auto 50px auto; padding: 50px 0 0 127px; width: 497px; min-height: 130px; text-align: center; list-style: none; }
body.front #nav-shadow li, body.front #subnav-portfolio li { margin-right: 15px; width: 83px; height: 78px; position: relative; float: left; }
body.front #nav-shadow a, body.front #nav-shadow a:visited, body.front #nav-shadow a, body.front #nav-shadow a:hover { margin: 0 auto; width: 64px; height: 64px; text-indent: -9999px; overflow: hidden; background: url('/images/nav-names.png?1256538944') no-repeat; display: block; position: relative; z-index: 2; }
body.front #nav-shadow li#subnav-andy .subnav { background-position: -3px 0px; }
body.front #nav-shadow li#subnav-jeffu .subnav { background-position: -92px 0px; }
body.front #nav-shadow li#subnav-scott .subnav { background-position: -180px 0px; }
body.front #nav-shadow li#subnav-tim .subnav { background-position: -267px 0px; }
body.front #subnav-portfolio a, body.front #subnav-portfolio a:visited, body.front #subnav-portfolio a, body.front #subnav-portfolio a:hover { margin: 0 auto; width: 64px; height: 64px; text-indent: -9999px; overflow: hidden; background: url('/images/nav-projects.png?1256585121') no-repeat; display: block; position: relative; z-index: 2; }
body.front #subnav-portfolio li#subnav-shine .subnav { background-position: -3px 0px; }
body.front #subnav-portfolio li#subnav-oilersnation .subnav { background-position: -92px 0px; }
body.front #subnav-portfolio li#subnav-igniter .subnav { background-position: -180px 0px; }
body.front #subnav-portfolio li#subnav-cape .subnav { background-position: -267px 0px; }
body.front #nav-shadow li img.shadow, body.front #subnav-portfolio li img.shadow { margin: 0 auto; position: absolute; bottom: 0; left: 0; z-index: 1; }
body.front .team-content, body.front .portfolio-content { width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; }
body.front .team-content, body.front .portfolio-content { display: block; }
body.front .team-content h2, body.front .portfolio-content h2 { color: white; }
body.front .team-content h3, body.front .portfolio-content h3 { color: #3cb8d3; }
body.front .slider { overflow: hidden; width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; }
body.front .slider { display: block; }
body.front .slider .panels, body.front .slider .pane { margin: 0; padding: 0; list-style: none; }
body.front .slider .panels { width: 3900px; }
body.front .slider .pane { float: left; padding: 5 5 5 5; }
body.front .team-content { display: inline; float: left; margin-right: 0; width: 950px; }
* html body.front .team-content { overflow-x: hidden; }
body.front .portfolio-content { display: inline; float: left; margin-right: 10px; width: 750px; }
* html body.front .portfolio-content { overflow-x: hidden; }
body.front .portfolio-content h2 { color: white; }
body.front .portfolio-content h3 { color: #3cb8d3; }
body.front .screenshots { display: inline; float: left; margin-right: 0; width: 190px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
* html body.front .screenshots { overflow-x: hidden; }
body.front .screenshots .thumbnail { margin: 0 auto; padding: 10px 0; display: block; }
