html, body, 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    line-height: 1;
}
ul, ol, ul li, ol li
{
    list-style: none outside;
}

/* Group Wrap - Defines styles for the main content areas (header, footer, content area, aside) */

html
{
    background: #003042;
}
body
{
    background: #00384c url(Images/Backgrounds/bg_html.png) no-repeat left top;
    color: #a9c9d5;
    min-width: 990px;
    font-family: "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
    text-align: center;
    font-size: 12px;
}
div.container
{
    width: 940px;
    margin: 0 auto;
    text-align: left;
}
h1, h2, h3, h4
{
    font: normal 25px "Avenir LT 35" , "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
    color: #89aebc;
}
h1
{
    height: 30px;
    line-height: 30px;
}
h2, h2 a, .rich-text h2 a
{
    font-size: 20px;
    color: #aecbd4;
}
h3
{
    font-size: 16px;
    color: #f3fcff;
}
h4
{
    font-size: 12px;
    color: #fff;
}
h5, h6
{
    font: normal 11px "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
}

h1 a, h1 em, .page-title h1
{
    color: #89aebc;
    display: inline;
}
h1 em
{
    font-style: normal;
}
h1.emphasized
{
    color: #aecbd4;
}
em.flir-replaced
{
}
div.page-title
{
    background: transparent url(Images/Backgrounds/sep_underline_full.png) no-repeat center bottom;
    padding-bottom: 10px;
}
div.page-title h1 .sIFR-alternate
{
    margin-bottom: .125em;
}
a
{
    color: inherit;
    text-decoration: inherit;
}
p
{
    line-height: 1.5;
    margin-bottom: 1em;
}
li
{
    line-height: 1.5;
    margin-bottom: 1em;
}
blockquote
{
    background: transparent url(Images/Widgets/widget_quote_open.png) no-repeat left top;
    font: normal 14px/2 "Avenir LT" , helvetica, arial, sans-serif;
    font-style: italic;
    color: #28657e;
    min-height: 40px;
}
blockquote p
{
    margin-bottom: .5em;
}
#sketchbook #main_content blockquote
{
    margin: 20px 20px 20px 0;
    padding-left: 40px;
}
cite
{
    display: block;
    font: normal 12px "Avenir LT" , helvetica, arial, sans-serif;
    font-style: normal;
    color: #88acb8;
    background: transparent url(Images/Widgets/widget_quote_close.png) no-repeat right top;
    padding-top: 18px;
    padding-right: 5px;
    margin-right: -5px;
    overflow: visible;
}
cite small
{
    font-size: 11px;
    color: #4c879b;
}
cite a
{
    color: #aacad5;
}
cite small a
{
    color: #4c879b;
}

form
{
}
form li
{
    margin-bottom: 20px;
}
form li.form-action
{
    float: right;
}
form a
{
    color: #fff;
}
form label, form label.required
{
    display: block;
    font: normal 12px "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
    color: #fff;
    margin-bottom: 0.5em;
}
form input.checkbox
{
    vertical-align: middle;
}
form input.textfield, textarea
{
    font: normal 12px/1 "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
    padding: 6px;
    background: #003245 url(Images/Backgrounds/form_bg_textfield.png) repeat-x left top;
    border: 1px solid #0e475e;
    color: #bad5de;
}
form input.textfield:focus, textarea:focus
{
    -moz-box-shadow: #10536e 0px 0px 4px;
    -webkit-box-shadow: 0 0 4px #10536e;
    background: #003b50 url(Images/Backgrounds/form_bg_textfield_focus.png) repeat-x left top;
    border: 1px solid #10536e;
}
form textarea
{
    line-height: 1.5;
    height: 180px;
    color: #bad5de !important;
}
input.textfield.sm
{
    width: 88px;
}
input.textfield.med
{
    width: 148px;
}
input.textfield.lrg
{
    width: 228px;
}
input.textfield.fl, textarea.fl
{
    width: 435px;
}
select, select.required
{
    background: #003245 url(Images/Backgrounds/form_bg_textfield.png) repeat-x left top;
    border: 1px solid #0e475e;
    color: #bad5de;
    padding: 6px;
}
form label.inset
{
    color: #184759;
}
form label.required-field:after
{
    content: '*';
    color: #98bb00;
    margin-left: 1px;
}
form label.error
{
    position: absolute;
    left: -9999px;
}
form button
{
    background: #0b435a url(Images/Backgrounds/form_bg_button.png) repeat-x left top;
    font: normal 11px "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
    border: 1px solid #195c76;
    border-bottom: 1px solid #013246;
    border-right: 1px solid #013246;
    color: #bad5de;
    -moz-border-radius: 3px 4px;
    -webkit-border-radius: 3px 4px;
    display: block;
    height: 29px;
    cursor: pointer;
}
form button.primary
{
    background: #528a1a url(Images/Backgrounds/form_bg_button_green.png) repeat-x left top;
    font: bold 11px "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
    border: none;
    border-bottom: 1px solid #013246;
    border-right: 1px solid #013246;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    height: 29px;
    cursor: pointer;
}
form fieldset
{
    margin-top: 2em;
}
form fieldset.structural
{
    margin-top: 0;
}
form fieldset legend
{
    display: block;
    background: transparent url(Images/Backgrounds/sep_underline_center_shadow.png) no-repeat left bottom;
    padding-bottom: 5px;
    margin-bottom: .5em;
    font-size: 20px;
}
input.error, textarea.error, select.error, input.textfield.error, input.textfield.error:focus, textarea.error:focus, select.error:focus
{
    border: 1px solid #4d413c;
    color: #bad5de;
}

.section
{
    position: relative;
}

.required
{
    color: #da371c;
}
.rss
{
    position: absolute;
    right: 0;
    top: 45%;
    color: #fff;
    display: none;
    outline: none;
}
.rss img
{
    vertical-align: top;
}
img.rss
{
    position: static;
    display: inline;
    vertical-align: top;
    padding-top: 2px;
    padding-left: 2px;
}

/* Group Wrap: Header */

div#header
{
    background: #003245 url(Images/Backgrounds/bg_header.png) no-repeat center bottom;
    border-bottom: 1px solid #114a61;
    margin-bottom: 40px;
    height: 80px;
}
div#header #logo
{
    display: block;
    text-indent: -9999px;
    background: transparent url(Images/Branding/branding_main_logo.gif) no-repeat left center;
    width: 200px;
    height: 80px;
    float: left;
    margin-right: 40px;
    outline: none;
}
div#header #nav
{
    float: left;
    font-size: 12px;
}
div#header #nav li
{
    display: block;
    float: left;
    font: bold 12px "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
}
div#header #nav li.current
{
    background: #023d53 url(Images/Backgrounds/bg_nav_on.png) no-repeat left bottom;
    color: #fff;
}
div#header #nav li.current a
{
    color: #fff;
}
div#header #nav li.current span
{
    display: block;
    background: transparent url(Images/Backgrounds/bg_nav_on.png) no-repeat right bottom;
    margin-left: 2px;
}
div#header #nav li a
{
    display: block;
    height: 80px;
    line-height: 110px;
    padding: 0 14px;
    outline: none;
}
div#header #nav li.current a, div#header #nav li.current a:hover
{
    background: transparent url(Images/Widgets/widget_hover_nav_this.gif) no-repeat center bottom;
    padding: 0 14px 0 12px;
}
div#header #nav li a:hover
{
    background: transparent url(Images/Widgets/widget_hover_nav_green.gif) no-repeat center bottom;
    color: #fff;
}

/* Group Wrap: Footer */

div#footer
{
    background: #003042 url(Images/Backgrounds/bg_footer.png) no-repeat center top;
    border-top: 1px solid #023a4e;
    min-height: 150px;
    color: #88aebd;
    font-size: 12px;
    margin-top: -1px;
}
div#footer div.section
{
    background: transparent url(Images/Backgrounds/sep_footer.png) no-repeat right top;
    min-height: 150px;
    float: left;
    width: 200px;
    padding: 32px 10px 20px 20px;
}
div#footer div#footer_nav, div#footer div#footer_colophon
{
    width: 210px;
}
div#footer div#footer_address
{
    padding-left: 10px;
    width: 210px;
}
div#footer div#footer_nav ul li
{
    list-style: none inside url(Images/Widgets/bullet.png);
}
div#footer div#footer_nav ul li
{
    background: transparent url(Images/Backgrounds/sep_underline_left.png) no-repeat left top;
    padding: 5px 0 0 4px;
    margin-top: 2px;
    line-height: 1.5;
    margin-bottom: 0;
}
div#footer div#footer_nav ul li:first-child
{
    background: none;
    margin-top: 0;
    padding-top: 0;
}
div#footer div#footer_nav ul li a
{
    margin-left: 4px;
    color: #aacad5;
}
div#footer div#footer_nav ul li a:hover
{
    color: #fff;
}
div#footer div#footer_colophon
{
    width: 210px;
    padding-right: 10px;
}
div#footer div#footer_colophon p
{
    margin-bottom: 16px;
}
div#footer div#footer_colophon p a
{
    color: #fff;
}
div#footer div#footer_colophon p a:hover
{
    text-decoration: underline;
}
div#footer div#footer_colophon a img
{
    margin-right: 8px;
    vertical-align: middle;
}
div#footer div#footer_copyright
{
    background: none;
}

/* Group Wrap: Content */

.alt, .hidden, .h-alt
{
    position: absolute;
    left: -9999px;
}
.call-to-action
{
    margin-left: 12px;
    padding-left: 8px;
    background: transparent url(Images/Widgets/icn_call_to_action.png) no-repeat left center;
}
div.call-to-action
{
    margin-left: 0;
    background-position: left 6px;
    line-height: 1.5;
}
.call-to-action a
{
    color: #fff;
    border-bottom: 1px solid #80959d;
}
.call-to-action a:hover, .rich-text .call-to-action a:hover
{
    text-decoration: none;
}
.testimonial
{
    text-align: right;
}
div.page-title
{
    position: relative;
}
.device
{
    display: block;
    position: absolute;
    width: 42px;
    height: 42px;
    background: transparent url(Images/Branding/branding_device.gif) no-repeat left top;
    text-indent: -9999px;
    z-index: 999;
    cursor: default;
    outline: none;
}
.col1
{
    background: transparent;
}
.col2
{
    background: #003b52 url(Images/Backgrounds/bg_col2.png) repeat-x left top;
}
.col3
{
    background: #003f55 url(Images/Backgrounds/bg_col3.png) repeat-x left top;
}
.col-last
{
    background: transparent url(Images/Backgrounds/bg_col_last.png) repeat-x left top;
}
.aside .section h2, h2.emphasized, .rich-text h2, h3.emphasized
{
    background: transparent url(Images/Backgrounds/sep_underline_center_shadow.png) no-repeat center bottom;
    padding-bottom: .25em;
    margin-bottom: 1em;
    padding-left: 10px;
    margin-left: -10px;
    display: inline-block;
    min-width: 217px;
}
body.three-col h2.emphasized, body.two-col-a h2.emphasized, body.three-col h3.emphasized, body.two-col-a h3.emphasized
{
    background-position: left bottom;
}

#main_content h2.emphasized, #main_content h3.emphasized
{
    margin-top: 1em;
}
#main_content h2.emphasized:first-child, #main_content h3.emphasized:first-child
{
    margin-top: 0;
}
ul.call-out
{
    font: normal 12px "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
    background: transparent url(Images/Backgrounds/sep_call_out.png) no-repeat left top;
}
ul.call-out li, #aside ul.call-out li, #aside ul.call-out li:first-child
{
    background: transparent url(Images/Widgets/icn_big_idiolocator_lighter.png) no-repeat left center;
    padding-left: 30px;
    margin-bottom: .625em;
}
ul.call-out li.plain
{
    background: none;
}
ul.call-out li:first-child div
{
    background: none;
    padding-top: 0;
}
ul.call-out li div
{
    background: transparent url(Images/Backgrounds/sep_underline_left_brighter.png) no-repeat left top;
    line-height: 1.5;
    padding-top: .625em;
}
ul.call-out li.plain div.call-to-action
{
    background: transparent url(Images/Widgets/icn_call_to_action.png) no-repeat left center;
    padding-top: 0;
    line-height: 1;
}
ul.articles
{
}
ul.articles li
{
    background: transparent url(Images/Backgrounds/sep_underline_left_brightest.png) no-repeat left top;
    margin-bottom: .625em;
    padding-top: .625em;
    padding-left: 10px;
}
ul.articles li:first-child
{
    padding-top: 0;
    background: none;
}
ul.articles li h4
{
    font: bolder 12px/1.5 "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
    margin-bottom: .5em;
    color: #fff;
}
ul.articles li p
{
}
ol.huge
{
    margin: 40px 0;
}
ol.huge li, .rich-text ol.huge li
{
    margin-left: 0px;
    background: transparent url(Images/Widgets/huge_ol_1.png) no-repeat -20px top;
    padding: 0 20px 0 75px;
    margin-bottom: 40px;
    list-style: none outside none;
}
ol.huge li.two
{
    background-image: url(Images/Widgets/huge_ol_2.png);
}
ol.huge li.three
{
    background-image: url(Images/Widgets/huge_ol_3.png);
}
ol.huge li.four
{
    background-image: url(Images/Widgets/huge_ol_4.png);
}
ol.huge li.five
{
    background-image: url(Images/Widgets/huge_ol_5.png);
}
ol.huge li.six
{
    background-image: url(Images/Widgets/huge_ol_6.png);
}
ol.huge li.seven
{
    background-image: url(Images/Widgets/huge_ol_7.png);
}
ol.huge li.eight
{
    background-image: url(Images/Widgets/huge_ol_8.png);
}
ol.huge li.nine
{
    background-image: url(Images/Widgets/huge_ol_9.png);
}
ol.huge ul li, ol.huge ol li, .rich-text ol.huge ul li, .rich-text ol.huge ol li
{
    margin-bottom: .75em;
}
ol.huge ul li, .rich-text ol.huge ul li
{
    margin-left: 5px;
    padding-left: 15px;
    background: transparent url(Images/Widgets/icn_call_to_action.png) no-repeat left center;
    margin-bottom: .5em;
}
.all
{
    background: #003245 url(Images/Backgrounds/bg_all_select.png) repeat-x left top;
    border: 1px solid #0c4156;
    position: relative;
    bottom: -10px;
    overflow: hidden;
    height: auto;
}
.all ul
{
    font: bolder 12px/1 "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
    color: #4c889c;
}
.all ul li
{
    float: left;
    width: 24%;
    border-right: 1px solid #083649;
    margin: 0 14px 0 0;
    background: transparent url(Images/Backgrounds/sep_underline_right.png)no-repeat right bottom;
}
.all ul li.four
{
    width: 23%;
    border-right: none;
    margin-right: 0;
}
.all ul li a
{
    color: #4c889c;
    padding: 1em 20px 1em;
    display: block;
    outline: none;
}
.all ul li a:hover
{
    padding-left: 20px;
    background: transparent url(Images/Widgets/icn_arrow_tiny_green.png) no-repeat 10px center;
    color: #fff;
}
.all ul li.current a
{
    padding-left: 20px;
    background: transparent url(Images/Widgets/icn_arrow_tiny_green.png) no-repeat 10px center;
    color: #fff;
}
a#all_trigger
{
    position: absolute;
    right: 1px;
    top: 1em;
    padding-left: 10px;
    background: transparent url(Images/Widgets/icn_toggle_arrows_tiny_white.png) no-repeat left 2px;
    outline: none;
}
a#all_trigger.two-line
{
    top: 3em;
}
a#all_trigger.on
{
    background-position: left bottom;
}
a#all_trigger:hover
{
    text-decoration: underline;
}

.paging
{
    margin-bottom: 80px;
    font-size: 11px;
    background: transparent url(Images/Backgrounds/sep_underline_center_sketchbook.png) no-repeat left bottom;
    padding-bottom: 1px;
}
.paging-links
{
    margin-left: 10px;
}
.paging strong, .paging a
{
    display: inline;
    display: inline-block;
    text-align: center;
    min-width: 11px;
    padding: 0 3px;
    height: 15px;
    line-height: 15px;
    outline: none;
    background: #033c50;
    border: 1px solid #0f485f;
    color: #aecbd4;
}
.paging strong, .paging a:hover
{
    background: #4d7a8a;
    border: 1px solid #487686;
    color: #013447;
}
.paging a.first, .paging a.last, .paging a.next, .paging a.prev
{
    text-indent: -9999px;
    padding: 0;
    margin: 0;
    width: 15px;
    background-image: url(Images/Widgets/btn_arrow_double.png);
    background-position: left top;
}
.paging a.next, .paging a.prev
{
    background-image: url(Images/Widgets/btn_arrow_darker.png);
}
.paging a.next, .paging a.last
{
    background-position: right top;
}
.paging a.prev:hover, .paging a.first:hover
{
    background-position: left bottom;
}
.paging a.next:hover, .paging a.last:hover
{
    background-position: right bottom;
}
.paging a.prev
{
    margin-right: 0px;
}
.paging a.next
{
    margin-left: 4px;
}
.rich-text
{
    width: 450px;
}
.rich-text a
{
    color: #fff;
    text-decoration: none;
}
.rich-text a:hover
{
    text-decoration: underline;
}
.rich-text em
{
    font-style: italic;
}
.rich-text strong
{
    font-weight: bold;
}
.rich-text p
{
    margin-bottom: 1em;
}
.rich-text p + h3
{
    margin-top: 2em;
}
.rich-text ul li, .rich-text ol li
{
    margin-bottom: .75em;
}
.rich-text ul li
{
    margin-left: 5px;
    padding-left: 15px;
    background: transparent url(Images/Widgets/icn_call_to_action.png) no-repeat left center;
    margin-bottom: .5em;
}
.rich-text ol li
{
    margin-left: 30px;
    list-style: decimal outside;
    margin-bottom: .5em;
}
.rich-text ul, .rich-text ol
{
    margin-bottom: 2em;
}
.rich-text div.section
{
    margin-bottom: 3em;
}
.rich-text pre
{
    font: normal 12px/1.5 "monaco" , "bitstream vera sans mono" , courier, monospace;
    display: block;
    background: #003245 url(Images/Backgrounds/bg_all_select.png) repeat-x left top;
    border: 1px solid #0c4156;
    position: relative;
    margin-bottom: 1em;
    color: #6391a3;
}
.rich-text code
{
    padding: 8px 10px;
    background: transparent url(Images/Backgrounds/bg_code.png) repeat-y left -10px;
    display: block;
    line-height: 1.5;
}
.rich-text embed
{
    margin: 0 0 1em;
}

/* Group Wrap: Aside */

#aside
{
    padding-bottom: 50px;
}
#aside ul
{
    padding: 0;
    margin: 0 0 1em;
}
#aside ul li
{
    background: transparent url(Images/Backgrounds/sep_underline_left_brighter.png) no-repeat left top;
    padding: 15px 0 0;
    margin: 0 0 12px;
}
#aside ul li:first-child
{
    background: none;
    padding-top: 0;
}
#aside .section h2
{
    margin-left: -20px;
    padding-left: 20px;
}
#aside .section .widget
{
    background: transparent url(Images/Backgrounds/sep_underline_left_brighter.png) no-repeat left top;
    margin: 1em 0;
    padding: 1em 0;
}

#aside hr
{
    background: transparent url(Images/Backgrounds/sep_underline_left_brighter.png) no-repeat left top;
    margin: 30px 0 20px;
    border: none;
}

#aside .action-button, #aside ul li.action-button
{
    background: transparent url(Images/Backgrounds/bg_action_btn.png) no-repeat left top;
    margin: 0 -50px 0 -10px;
    padding: 8px 0 0 10px;
    width: 220px;
    font-size: 11px;
}
#aside .action-button:hover, #aside .action-button.hover, #aside ul li.action-button:hover, #aside ul li.action-button.hover
{
    background-position: -270px 0;
}
#aside .action-button a
{
    background: transparent url(Images/action_buttons.png) no-repeat 4px 4px;
    display: block;
    padding: 10px 10px 18px 40px;
    line-height: 2;
}
#aside .action-button a.download-vcard
{
    background-image: url(Images/Widgets/icn_hcard_dl.png);
    background-position: 8px 10px;
    line-height: 1.5;
    padding: 12px 10px 12px 45px;
}
#aside .action-button a:hover
{
    text-decoration: none;
}

#aside .action-button a.flickr
{
    background-position: 2px -41px;
}
#aside .action-button a.facebook
{
    background-position: 2px -91px;
}
#aside .action-button a.upcoming
{
    background-position: 2px -141px;
}
#aside .action-button a.download
{
    background-position: 2px -191px;
}
#aside .action-button a.document, #aside .action-button a.rfp
{
    background-position: 2px -243px;
}
#aside .action-button a.capabilities, #aside .action-button a.doc-download
{
    background-position: 2px -300px;
}

/* Group Homepage Content */

#section_home_about h1
{
    margin: 0 0 8px 120px;
    width: 500px;
    height: 32px;
    background: transparent url(Images/Headings/h1_simple_answers.gif) no-repeat left top;
    text-indent: -9999px;
}
#section_home_about p
{
    margin-left: 230px;
    width: 600px;
    color: #6e9baa;
    font-size: 13px;
}

#section_home_products
{
    margin-top: 27px;
}
#section_home_products h2
{
    margin: 0 0 0 1px;
    position: relative;
    top: 65px;
    width: 117px;
    height: 18px;
    background: transparent url(Images/Headings/h1_our_main_products.png) no-repeat left top;
    text-indent: -9999px;
}
#work_widget
{
    background: transparent url(Images/Backgrounds/bg_work_widget.png) no-repeat left bottom;
    position: relative;
    height: 280px;
    width: 942px;
    margin: 0 -1px;
}
#work_widget li
{
    margin-bottom: 0;
}
#work_widget ul.menu
{
    float: left;
    width: 250px;
    margin-top: 90px;
    margin-left: 1px;
}
#work_widget ul.menu li
{
    background: transparent url(Images/Backgrounds/sep_underline_right.png) no-repeat right top;
    font: bold 12px "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
    color: #4c889c;
}
#work_widget ul.menu li:first-child
{
    background: none;
}
#work_widget ul.menu li.current
{
    background-image: url(Images/Backgrounds/bg_work_widget_current.png);
    color: #fff;
}
#work_widget ul.menu li a
{
    display: block;
    padding: 12px 12px 12px 25px;
    outline: none;
}
#work_widget ul.menu li a:hover
{
    background: transparent url(Images/Widgets/icn_big_idiolocator_sprite.png) no-repeat left 4px;
    color: #aecbd4;
}
#work_widget ul.menu li.current a
{
    background: transparent url(Images/Widgets/icn_big_idiolocator_sprite.png) no-repeat 0px -45px;
    color: #fff;
}
#work_widget .projects
{
    float: left;
    width: 709px;
    height: 280px;
    position: relative;
    margin-left: -20px;
}
#work_widget .projects
{
}
#work_widget .project
{
    position: absolute;
    display: none;
}
#work_widget .project:first-child
{
    display: block;
}
#work_widget .project .samples-container
{
    width: 480px;
    float: left;
    overflow: hidden;
    margin-left: 232px;
    margin-right: 20px;
}
.hasJS #work_widget .project .samples-container
{
    margin-left: 0;
    margin-right: 0;
}
#work_widget .project .samples
{
    width: 480px;
    height: 279px;
    float: left;
    position: relative;
    text-align: left;
    overflow: hidden;
}
#work_widget .project .samples li
{
    display: block;
    float: left;
    width: 240px;
    position: relative;
    margin-left: -66px;
    border: 1px solid #e0e0e0;
    -moz-box-shadow: #002634 0px 0px 8px;
    -webkit-box-shadow: 0 0 8px #002634;
}
#work_widget .project .samples li:first-child
{
    margin-left: 0;
}
#work_widget .project .samples li.primary
{
    width: 240px;
    margin-top: 78px;
}
#work_widget .project .samples li.secondary
{
    width: 200px;
    margin-top: 124px;
}
#work_widget .project .samples li.tertiary
{
    width: 164px;
    margin-top: 165px;
}
#work_widget .project .samples li.front
{
    z-index: 30;
}
#work_widget .project .samples li.middle
{
    z-index: 20;
}
#work_widget .project .samples li.back
{
    z-index: 10;
}
#work_widget .project .samples li a
{
    display: block;
    width: 100%;
    border: none;
    outline: none;
    position: relative;
    padding: 0;
    margin: 0;
}
#work_widget .project .samples li a img
{
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}
#work_widget .project .summary
{
    padding: 10px 10px 10px 20px;
    margin-left: 480px;
    margin-top: 100px;
}
#work_widget .project .summary h3
{
    font-weight: normal;
    padding-bottom: .3785em;
    margin-bottom: .3785em;
    background: transparent url(Images/Backgrounds/sep_underline_left.png) no-repeat left bottom;
}
#work_widget .project .summary p
{
    color: #89aebc;
    margin-bottom: 1em;
    padding-right: 6px;
}
#work_widget .project .summary .call-to-action
{
    font-size: 11px;
}
#work_widget .device
{
    right: 18px;
    top: 64px;
}
#work_widget hr
{
    position: absolute;
    width: 930px;
    display: block;
    left: 5px;
    top: 280px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    height: 1px;
    -moz-box-shadow: #002a38 -5px -5px 8px;
    -webkit-box-shadow: -5px -5px 8px #002a38;
    z-index: 10;
}

#aside_home
{
    padding-bottom: 0;
}
#aside_home .section
{
    width: 210px;
    min-height: 400px;
    float: left;
    padding: 3em 10px 10px;
    margin-bottom: 0;
}
#aside_home .testimonial
{
    padding-right: 20px;
    padding-left: 0;
    margin: -5px 0 0;
    width: 209px;
}

#aside_home #section_home_company
{
    padding-left: 0;
    padding-right: 20px;
    width: 220px;
}
#aside_home #section_home_company h2
{
    margin-left: 10px;
}
#aside_home #section_home_company h2 a
{
    display: block;
    width: 115px;
    height: 21px;
    background: transparent url(Images/Headings/h2_what_we_do.gif) no-repeat left top;
    text-indent: -9999px;
}
#aside_home #section_home_company ul.call-out
{
    min-height: 300px;
}
#aside_home #section_home_company div.call-to-action
{
    margin-top: 15px;
}

#aside_home #section_home_news
{
    width: 210px;
    padding-right: 20px;
}
#aside_home #section_home_news h2
{
    padding-left: 20px;
}
#aside_home #section_home_news h2 a
{
    display: block;
    width: 196px;
    height: 21px;
    background: transparent url(Images/Headings/h2_latest_news.gif) no-repeat left top;
    text-indent: -9999px;
}
#aside_home #section_home_news ul.articles li
{
    background: transparent url(Images/Backgrounds/sep_underline_left_brightest.png) no-repeat 10px top;
    position: relative;
}
#aside_home #section_home_news ul.articles li:first-child
{
    background: none;
}

#aside_home #section_home_rfp
{
    padding-right: 0;
    width: 220px;
}
#aside_home #section_home_rfp p
{
    padding-left: 10px;
}
#aside_home #section_home_rfp h2
{
    padding-left: 20px;
}
#aside_home #section_home_rfp h2 a
{
    display: block;
    width: 124px;
    height: 21px;
    background: transparent url(Images/Headings/h2_work_with_us.gif) no-repeat left top;
    text-indent: -9999px;
}
#aside_home #section_home_rfp div.call-to-action
{
    margin-left: 10px;
}
#aside_home #section_home_rfp div.call-to-action a
{
    font-weight: normal;
}

body.three-col
{
}
body.three-col h1
{
    color: #89aebc;
}
body.three-col #main_content, body.three-col #aside
{
    padding-top: 30px;
    padding-right: 10px;
    float: left;
}
body.three-col #main_content
{
    width: 450px;
}
body.three-col #aside
{
    width: 460px;
    background: transparent url(Images/Backgrounds/bg_aside_3-col.png) no-repeat 4px top;
}
body.three-col #aside .column
{
    width: 180px;
    float: left;
    padding: 0 20px 10px;
    margin-right: -20px;
}
body.three-col #aside .column:first-child
{
    width: 205px;
    padding: 0 15px 10px 30px;
    margin-right: 0;
}
body.three-col #aside .column .section
{
    margin-bottom: 40px;
}
body.three-col #aside .column.last
{
    padding-right: 0;
}
body.three-col #aside ul.call-out
{
    margin-left: -20px;
    background-image: none;
    margin-top: -10px;
}
body.three-col #aside ul.call-out li
{
    padding-top: 0;
}
body.three-col #aside ul.call-out li div
{
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Group Webevm Content */

#section_webevm_about h1
{
    margin: 0 0 8px 120px;
    width: 500px;
    height: 32px;
    background: transparent url(Images/Headings/h1_webevm_earned_value_management.gif) no-repeat left top;
    text-indent: -9999px;
}
#section_webevm_about p
{
    margin-left: 230px;
    width: 600px;
    color: #6e9baa;
    font-size: 13px;
}

/* Group Portfolio Manager Content */

#section_portfolio_manager_about h1
{
    margin: 0 0 8px 120px;
    width: 500px;
    height: 32px;
    background: transparent url(Images/Headings/hi_portfolio_manager.gif) no-repeat left top;
    text-indent: -9999px;
}
#section_portfolio_manager_about p
{
    margin-left: 230px;
    width: 600px;
    color: #6e9baa;
    font-size: 13px;
}

/* Group Sentinel Content */

#section_sentinel_about h1
{
    margin: 0 0 8px 120px;
    width: 500px;
    height: 32px;
    background: transparent url(Images/Headings/h1_sentinel.gif) no-repeat left top;
    text-indent: -9999px;
}
#section_sentinel_about p
{
    margin-left: 230px;
    width: 600px;
    color: #6e9baa;
    font-size: 13px;
}

/* Group Costings.Net Content */

#section_costings_about h1
{
    margin: 0 0 8px 120px;
    width: 500px;
    height: 32px;
    background: transparent url(Images/Headings/h1_costings_cost_capture.gif) no-repeat left top;
    text-indent: -9999px;
}
#section_costings_about p
{
    margin-left: 230px;
    width: 600px;
    color: #6e9baa;
    font-size: 13px;
}

/* Group Factsafe Content */

#section_factsafe_about h1
{
    margin: 0 0 8px 120px;
    width: 500px;
    height: 32px;
    background: transparent url(Images/Headings/h1_factsafe_evidence_protection.gif) no-repeat left top;
    text-indent: -9999px;
}
#section_factsafe_about p
{
    margin-left: 230px;
    width: 600px;
    color: #6e9baa;
    font-size: 13px;
}

/* Group PCRS Content */

#section_pcrs_about h1
{
    margin: 0 0 8px 120px;
    width: 500px;
    height: 32px;
    background: transparent url(Images/Headings/h1_pcrs.gif) no-repeat left top;
    text-indent: -9999px;
}
#section_pcrs_about p
{
    margin-left: 230px;
    width: 600px;
    color: #6e9baa;
    font-size: 13px;
}

/* Group Contact Us Content */

#section_contact_us_about h1
{
    margin: 0 0 8px 120px;
    width: 500px;
    height: 32px;
    background: transparent url(Images/Headings/h1_contact_us.gif) no-repeat left top;
    text-indent: -9999px;
}
#section_contact_us_about p
{
    margin-left: 230px;
    width: 600px;
    color: #6e9baa;
    font-size: 13px;
}

/* Group About Content */

#section_about_about h1
{
    margin: 0 0 8px 120px;
    width: 500px;
    height: 32px;
    background: transparent url(Images/Headings/h1_more_about_us.gif) no-repeat left top;
    text-indent: -9999px;
}
#section_about_about p
{
    margin-left: 230px;
    width: 600px;
    color: #6e9baa;
    font-size: 13px;
}

/* @group 1-col */
/**
 * Defines styles for the user message layout
 *
 * @section 1-col
 */

body.one-col
{
}
body.one-col div.page-title
{
    background: transparent url(Images/Backgrounds/sep_underline_full.png) no-repeat center bottom;
    padding-bottom: 10px;
}
body.one-col div.page-title p
{
    max-width: 580px;
}
body.one-col #main_content
{
    padding-top: 30px;
    padding-bottom: 50px;
    min-height: 200px;
}
body.two-col-a .rich-text ul
{
    padding-top: 0;
}
body.two-col-a .column
{
    padding-left: 20px;
    float: left;
    width: 560px;
    background: transparent url(Images/Backgrounds/bg_case_study.png)no-repeat left bottom;
}
/* @end */

/* @group 2-col-a */
/**
 * Defines styles for the case-studies-type 2-column layout
 *
 * @section 2-col-a
 */

body.two-col-a
{
}
body.two-col-a div.page-title
{
    background: transparent url(Images/Backgrounds/sep_underline_full.png) no-repeat center bottom;
    padding-bottom: 10px;
}
body.two-col-a #main_content
{
    padding-top: 30px;
    padding-right: 20px;
    float: left;
    width: 340px;
}
body.two-col-a .rich-text ul
{
    padding-top: 0;
}
body.two-col-a .column
{
    padding-left: 20px;
    float: left;
    width: 560px;
    background: transparent url(Images/Backgrounds/bg_case_study.png)no-repeat left bottom;
}
/* @end */

/* @group 2-col-b */
/**
 * Defines styles for the sketchbook-type 2-column layout
 *
 * @section 2-col-b
 */

body.two-col-b
{
}
body.two-col-b div.page-title
{
    background: transparent url(Images/Backgrounds/sep_underline_full.png) no-repeat center bottom;
    padding-bottom: 10px;
}
body.two-col-b #main_content
{
    padding-top: 30px;
    padding-right: 20px;
    float: left;
    width: 680px;
}
body.two-col-b #aside
{
    padding-left: 30px;
    padding-top: 30px;
    float: left;
    width: 210px;
    background: transparent url(Images/Backgrounds/bg_aside_2-col-b.png) no-repeat 4px top;
}
body.two-col-b #aside ul.call-out
{
    margin-left: -20px;
    background-image: none;
    margin-top: -10px;
}
body.two-col-b #aside ul.call-out li
{
    padding-top: 0;
}
body.two-col-b #aside ul.call-out li div
{
    padding-top: 10px;
    padding-bottom: 10px;
}
/* @end */

/* @group About Page */
/**
 * Defines styles for the about template
 *
 * @section about
 */
body#about
{
}
body#about #main_content p
{
    padding-right: 5px;
}
.main-image
{
    margin-bottom: 30px;
    position: relative;
}
.main-image img, .huge-image img, .small-image img
{
    border-bottom: 1px solid #013547;
    box-shadow: 0 1px 2px #013547;
    -webkit-box-shadow: 0 1px 2px #013547;
}
body#about .main-image .device
{
    left: auto;
    right: 0;
    top: -1px;
}

body#about #about_us
{
    margin-bottom: 40px;
}

body#about #our_team
{
    float: left;
    margin-top: .5em;
    margin-right: -5px;
}
body#about #our_team li
{
    float: left;
    width: 221px;
    padding-right: 4px;
    background: transparent url(Images/Backgrounds/sep_underline_left_brighter.png) no-repeat left bottom;
    margin-bottom: 1.5em;
    padding-bottom: 1px;
}
body#about #our_team li:hover
{
    background: transparent url(Images/Backgrounds/bg_underline_left_brighter.png) no-repeat left bottom;
}
body#about #our_team li.odd
{
    clear: left;
}
body#about #our_team li *
{
    float: left;
}
body#about #our_team li a
{
    margin-right: 10px;
}
body#about #our_team li p
{
    width: 110px;
    font: normal 11px/1.25 "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
    color: #6e9baa;
    margin-bottom: .25em;
    margin-right: -5px;
}
body#about #our_team li p strong
{
    font: bold 12px/1.5 "trebuchet ms" , trebuchet, sans-serif;
    color: #fff;
    text-transform: uppercase;
}
body#about #our_team li p a
{
    margin-right: 0;
}
body#about #aside #about_join div.main-image
{
    margin-bottom: 40px;
}
body#about #aside div.main-image
{
    margin-bottom: 0;
}

/* @end */

/* @group Sketchbook */
/**
 * Defines styles for the sketchbook template
 *
 * @section sketchbook
 */
body#sketchbook
{
}

body#sketchbook h2.entry-title
{
    color: #fff;
    margin-bottom: 2px;
}
body#sketchbook h2.entry-title .sIFR-alternate
{
    display: block;
}
body#sketchbook abbr
{
    font: normal 10px "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
    color: #9ebfcc;
}
body#sketchbook .single abbr
{
    font-size: 12px;
}
body#sketchbook li.article
{
    margin-bottom: 50px;
    color: #9ebfcc;
}
body#sketchbook #about_sketchbook
{
    margin-bottom: 20px;
}
body#sketchbook #search_form form
{
    position: relative;
    margin-right: -50px;
}
body#sketchbook #search_form input, body#sketchbook #search_form button
{
    float: left;
}
body#sketchbook #search_form input
{
    margin-right: 6px;
}
body#sketchbook #search_form label.inset
{
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 9;
}
body#sketchbook #search_form label.inset.alt
{
    left: -9999px;
}
body#sketchbook #search_form button
{
    position: relative;
    top: 1px;
}

body#sketchbook #aside
{
    padding-top: 30px;
}
body#sketchbook #aside #archive_content li a:hover
{
    text-decoration: underline;
}
body#sketchbook #aside span.call-to-action
{
    background-image: url(Images/Widgets/icn_call_to_action_trans.png);
}
body#sketchbook #aside span.call-to-action a
{
    border-bottom: 0;
    padding-bottom: 0;
    margin-left: 4px;
}
body#sketchbook #aside span.call-to-action a:hover
{
    text-decoration: underline;
}
body#sketchbook #aside #archive_content li
{
    padding-top: 8px;
    margin-bottom: 6px;
}
body#sketchbook #aside #archive_content li:first-child
{
    padding-top: 0;
}
body#sketchbook #aside li h3
{
    font: normal 12px "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
    padding-bottom: .625em;
    margin-left: 10px;
    background: transparent url(Images/Backgrounds/sep_underline_left_brighter.png) no-repeat left bottom;
}
body#sketchbook #aside li h3 a
{
    outline: none;
}
body#sketchbook #aside li ol
{
    padding-bottom: .5em;
    background: transparent url(Images/Backgrounds/sep_underline_left_brighter.png) no-repeat left bottom;
}
body#sketchbook #aside li li
{
    background: transparent url(Images/Backgrounds/sep_underline_left.png) no-repeat left top;
    padding-top: .625em;
}
body#sketchbook #aside li li:first-child
{
    background: none;
    padding-top: .625em;
}
body#sketchbook #aside cite
{
    line-height: 1.5;
}
body#sketchbook #aside cite small
{
    display: block;
}

body#sketchbook #aside div.main-image
{
    margin-bottom: 1em;
}
body#sketchbook .main-image img, body#sketchbook .huge-image img, body#sketchbook .small-image img
{
    border-bottom: none;
}
body#sketchbook #aside ul#single_paging
{
    margin-top: 3em;
}

body#sketchbook #aside #extended_content h2
{
    width: 205px;
}

/*#sketchbook #all_trigger {display:none;}*/
#sketchbook .all .section
{
    width: 25%;
    float: left;
    border-right: 1px solid #083649;
    margin-right: -1px;
}
#sketchbook .all .section.three
{
    width: 240px;
}
#sketchbook .all .section.four
{
    width: 220px;
    border-right: none;
}
#sketchbook .all h2
{
    padding-left: 20px;
    padding-top: 20px;
    margin: 0;
}
#sketchbook .all ul li
{
    float: none;
    width: auto;
    border-right: none;
}
#sketchbook .all .archives ul li
{
    float: left;
    width: 43%;
    margin-right: 0;
}


body#sketchbook #popular li .call-to-action
{
    margin-left: 0;
    background-position: left 6px;
    display: block;
}
body#sketchbook #popular li .call-to-action a
{
    display: inline;
    display: inline-block;
    line-height: 1.5;
}

#calendar
{
    height: 195px;
    overflow: hidden;
    margin-right: -20px;
    width: 220px;
    position: relative;
    margin-bottom: 2em;
}
table.calendar
{
    width: 200px;
    margin-bottom: 20px;
    font: normal 10px "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
    text-align: center;
    position: absolute;
    z-index: 1;
}
table.calendar th
{
    text-align: left;
}
table.calendar tr
{
    background: transparent url(Images/Backgrounds/sep_calendar_horizontal.png) no-repeat 45% 0;
}
table.calendar tr.month
{
    background: none;
}
table.calendar tr.month h2
{
    margin-bottom: 0;
}
table.calendar tr.weekdays
{
    background: none;
}
table.calendar tr.weekdays td
{
    height: 30px;
    color: #fff;
}
table.calendar tr td
{
    height: 22px;
    width: 24px;
    padding: 0;
    vertical-align: middle;
    background: transparent url(Images/Backgrounds/sep_calendar_vertical.png) no-repeat left center;
}
table.calendar tr td:first-child
{
    background-image: none;
}
table.calendar tr td.entries
{
    background: #74ac51 url(Images/Backgrounds/bg_calendar_entries.png) no-repeat center;
    border-top: 1px solid #11516a;
    border-left: 1px solid #11516a;
}
table.calendar tr td.entries:first-child
{
    border-left: none;
}
table.calendar tr.weekdays td
{
    background-position: left top;
}
table.calendar tr.week.last td
{
    background-position: left bottom;
}
table.calendar tr td a
{
    color: #fff;
}

.calendar-month-links
{
    position: absolute;
    right: 10px;
    top: 4px;
    padding: 0;
    z-index: 99;
}
.calendar-month-links a
{
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    background: transparent url(Images/Widgets/btn_arrow.png) no-repeat left top;
    outline: none;
}
/*.calendar-month-links a.today {width:15px;background-image:url(Images/Widgets/icn_calendar_today.png);margin-left:4px;}*/
.calendar-month-links a.next
{
    background-position: right top;
    margin-left: 4px;
}
.calendar-month-links a:hover
{
    background-position: left bottom;
}
.calendar-month-links a.next:hover
{
    background-position: right bottom;
}
table.calendar .calendar-month-links
{
    display: none;
}

body#sketchbook .single h1
{
    color: #89aebc;
}
body#sketchbook .single #aside
{
    padding-top: 27px;
}

#bio
{
}
#bio img.photo
{
    margin-bottom: 2em;
}
#bio a
{
    color: #fff;
}
.single #main_content h2.emphasized
{
    background-image: url(Images/Backgrounds/sep_underline_left_comments.png);
    min-width: 450px;
}
.single #aside .section
{
    margin-bottom: 3em;
}
.single ol.recent-posts li
{
    margin-left: 0;
}
.single ol.recent-posts li span.call-to-action
{
    margin-left: 5px;
    margin-right: 15px;
}
.single ol.recent-posts li a
{
    display: inline-block;
    vertical-align: top;
    line-height: 1.5;
}

/* @group Article styles */
.article .rich-text h2
{
    display: inline;
    display: inline-block;
    margin-top: 30px;
}
.article .rich-text h3, .rich-text h3
{
    font-size: 16px;
    padding-bottom: 1px;
    margin: .5em 0;
    background: transparent url(Images/Backgrounds/sep_underline_left.png) no-repeat left bottom;
}
.article .rich-text h4, .rich-text h4
{
    font-size: 14px;
    margin: .5em 0;
    background: none;
    font-weight: bold;
}
.article div.header
{
    padding-bottom: 10px;
    margin-bottom: 12px;
    background: transparent url(Images/Backgrounds/sep_underline_center_sketchbook.png) no-repeat left bottom;
}
.article div.footer
{
    background: transparent url(Images/Backgrounds/bg_sketchbook_teaser_footer.png) no-repeat;
    position: relative;
    font-size: 11px;
    height: 31px;
    line-height: 31px;
    margin-top: 32px;
}
.article div.footer li
{
    line-height: 31px;
    float: left;
    margin-right: 1.5em;
}
.article div.footer a
{
    color: #fff;
}
.article div.footer .sprite
{
    margin-top: 12px;
    margin-right: 5px;
}
.article div.footer .last
{
    position: absolute;
    right: 10px;
    top: 7px;
}
.article div.footer .call-to-action a
{
    /*text-decoration:underline;border-bottom:none;*/
    padding-bottom: 1px;
    margin-top: 2px;
    display: block;
}
.article img
{
    max-width: 450px;
}
.article .huge-image, .article .small-image
{
    margin-bottom: 1em;
}
.article .interior
{
    display: block;
}
.article.lead .interior
{
    display: none;
}
.article ul li
{
    background-position: left 7px;
}
.article ul li.call-to-action
{
    background-position: left center;
}

#aside .article div.header
{
    background-image: url(Images/Backgrounds/sep_underline_center_shadow.png);
    position: relative;
}
#aside .article div.header a.comments
{
    position: absolute;
    right: 10px;
    line-height: 1.725;
    font-size: 11px;
}
#aside .article div.header span.comment-sprite
{
    float: none;
    display: inline;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: transparent url(Images/Widgets/icn.png) no-repeat 0 0;
}
#aside .article div.footer
{
    background-image: url(Images/Backgrounds/bg_sketchbook_teaser_footer_aside.png);
    margin-top: 15px;
}
#aside .article div.footer ul li
{
    padding: 0;
    margin: 0 1.5em 0 0;
    background-image: none;
}
#aside .article div.footer ul li.call-to-action
{
    padding-left: 8px;
    background: transparent url(Images/Widgets/icn_call_to_action.png) no-repeat left center;
}
#aside .article div.footer li:first-child
{
    display: none;
}

#aside div.posts-footer
{
    background-image: url(Images/Backgrounds/bg_sketchbook_teaser_footer_aside.png);
    position: relative;
    font-size: 11px;
    height: 31px;
    line-height: 31px;
    margin-top: 32px;
}
#aside div.posts-footer div.call-to-action
{
    padding-left: 8px;
    background: transparent url(Images/Widgets/icn_call_to_action.png) no-repeat left center;
    position: absolute;
    left: 0;
    top: 7px;
}

#main_content.archive ol.articles li
{
    float: left;
    width: 215px;
    padding: 0 10px;
    margin-bottom: 4em;
    height: 320px;
}
#main_content.archive ol.articles li.one
{
    padding-left: 0;
    clear: left;
}
#main_content.archive ol.articles li.three
{
    padding-right: 0;
    margin-right: -5px;
}
#main_content.archive ol.articles li.paging
{
    height: auto;
    width: auto;
    float: none;
    clear: left;
    padding-bottom: .5em;
    padding-left: 0;
}
#main_content.archive ol.articles li div.header
{
    background-image: url(Images/Backgrounds/sep_underline_center_shadow.png);
    height: 60px;
    position: relative;
}
#main_content.archive ol.articles li div.header h3
{
    font-size: 14px;
    min-height: 35px;
}
#main_content.archive ol.articles li div.header span.comment-sprite
{
    float: none;
    display: inline;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: transparent url(Images/Widgets/icn.png) no-repeat 0 0;
}
#main_content.archive ol.articles li div.header a.comments
{
    position: absolute;
    right: 14px;
    line-height: 1.725;
    font-size: 11px;
}


/*.single .article img {max-width:640px;}*/

/*.single .article {width:450px;padding-right:20px;float:left;}
.single #extended_content {width:205px;padding: 30px 15px 10px 20px;margin:-30px 0 0;float:left;background:url(Images/Backgrounds/bg_middle_col_short.png) no-repeat right top;}

body#sketchbook .single #main_content {width:710px;padding-right:0;}
body#sketchbook .single #aside {padding-left:20px;padding-top:30px;background-position:-7px -150px;width:205px;}
*/
body.two-col-b .article div.footer
{
    background: transparent url(Images/Backgrounds/bg_footer_2-col.png) no-repeat;
}
/* @end */

/* @group Comment styles */
#comments
{
}
#comments ol li
{
    background: transparent url(Images/Backgrounds/bg_comment_shadow_2-col.png) no-repeat left bottom;
    padding-bottom: 20px;
    margin-top: -20px;
}
#comments ol li div.entry
{
    width: 100%;
}
#comments ol li a
{
    color: #fff;
}
#comments ol li a:hover
{
    text-decoration: underline;
}
#comments ol li a img
{
    border: none;
}
#comments ol li img.avatar
{
    width: 36px;
    height: 36px;
    padding: 0 2px 2px 0;
    margin: 0 20px 0 0;
    background: transparent url(Images/Backgrounds/bg_comment_avatar.png) no-repeat right bottom;
    display: block;
    float: left;
}
#comments ol li div.header
{
    font-size: 11px;
    width: 300px;
    padding: 20px 20px 20px 0;
    margin-bottom: 20px;
}
#comments ol li div.header .username
{
    text-transform: uppercase;
}
#comments ol li div.header p
{
    margin-bottom: 0;
    float: left;
    width: 200px;
}
#comments ol li a
{
    color: #fff;
}
#comments ol li sup
{
    font-size: 9px;
    font-variant: small-caps;
    vertical-align: top;
}
#comments ol li div.body img
{
    vertical-align: middle;
}
#comments ol li div.body
{
    color: #6e9baa;
    clear: left;
    padding-left: 58px;
}

/* admin comments */
#comments ol li.group-1
{
    padding-bottom: 11px;
}
#comments ol li.group-1 div.entry
{
    background: transparent url(Images/Backgrounds/bg_admin_comment_2-col.png) no-repeat left bottom;
    margin-bottom: 0;
}
#comments ol li.group-1 div.body
{
    font-style: italic;
}

/* comment entry */
#comment_form ul
{
    /*background:#0c455b;*/ /*padding:20px;*/
}
#comments ol li.yours, #comments ol li.yours li
{
    margin-top: 0;
}
#comment_form ul li
{
    width: 450px;
    float: left;
    clear: left;
    background: none;
    font-size: 11px;
    padding-bottom: 0;
}
#comment_form ul li img.avatar, #comment_form ul li.remember
{
    margin-bottom: 0;
}
#comment_form ul li p
{
    margin-bottom: 0;
}
#comment_form ul li .rich-text p, #comment_form ul li #comment_preview p
{
    margin-bottom: 1em;
}
#comment_form ul li .username
{
    text-transform: uppercase;
}
#comment_form ul li.condensed
{
    width: 48%;
    clear: none;
    margin-bottom: .75em;
}
#comment_form ul li.condensed.email
{
    margin-left: 14px;
}
#comment_form label
{
    margin-bottom: 0.25em;
}
#comment_form input.textfield, #comment_form textarea
{
    font: normal 11px "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
    width: 430px;
}
#comment_form textarea
{
    height: 100px;
}
#comment_form li.condensed input.textfield
{
    width: 200px;
}
#comment_form li.captcha img, #comment_form li.captcha input
{
    display: block;
    float: left;
    margin-right: 10px;
}
#comment_form li.captcha input
{
    padding-top: 7px;
}
/*#comment_form li.preview {float:right;clear:none;width:450px;max-height:240px;overflow:auto;}*/
#comment_form li.textarea
{
    margin-bottom: 10px;
}
#comment_form #comment_preview
{
    padding: 0 20px 0 0; /*background:transparent url(Images/Backgrounds/bg_comment_caret.png) no-repeat 0 18px;*/
    color: #6e9baa;
}
#comment_form button
{
    background: #528a1a url(Images/form_bg_button_green.png) repeat-x left top;
    font: bold 11px "lucida grande" , "lucida sans unicode" , "lucida sans" , arial, sans-serif;
    border: none;
    border-bottom: 1px solid #013246;
    border-right: 1px solid #013246;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 2px;
    display: block;
    height: 29px;
    cursor: pointer;
}

/* @end */

/* @end */

/* @group work */
/**
 * Defines styles for the work and case-studies section
 *
 * @section work
 */
body#work.one-col #main_content
{
    padding-right: 0;
}
body#work .featured-projects
{
    background: transparent url(Images/Backgrounds/bg_featured_work.png) no-repeat center bottom;
    padding-bottom: 100px;
    margin-bottom: -20px;
}
body#work .featured-projects .project
{
    width: 460px;
    height: 251px;
    background: transparent url(Images/Backgrounds/bg_featured_project.png) no-repeat right bottom;
    float: left;
    margin: 0 0 0 20px;
}
body#work .featured-projects .project:first-child
{
    margin-left: 0;
}
body#work .featured-projects .project a.screenshot
{
    border-left: 1px solid #114a61;
    float: left;
    -moz-box-shadow: #002634 0px 0px 8px;
    box-shadow: 0 0 8px #002634;
    -webkit-box-shadow: 0 0 8px #002634;
}
body#work .featured-projects .project .summary
{
    width: 200px;
    float: left;
    margin: 77px 0 0 20px;
}
body#work .featured-projects .project .summary h3
{
    font-weight: normal;
    margin-bottom: .5em; /*background:transparent url(Images/Backgrounds/sep_underline_left.png) no-repeat left bottom;*/
}
body#work .featured-projects .project .summary p
{
    color: #89aebc;
    margin-bottom: 1em;
}
body#work .featured-projects .project .summary p a
{
    color: #fff;
}
body#work .featured-projects .project .summary .call-to-action
{
    font-size: 11px;
}


body#work .paging
{
    padding: 0;
    margin: 0 0 15px 0;
    background: none;
}
body#work .paging a
{
    float: right;
    clear: none;
    margin-right: 4px;
    background-image: url(Images/Widgets/btn_arrow.png);
}
/*body#work .paging a.jcarousel-prev-disabled:hover {background-position:left top;border:1px solid #0f485f;}
body#work .paging a.jcarousel-next-disabled:hover {background-position:right top;border:1px solid #0f485f;}*/
body#work .all-projects
{
    clear: left;
    height: 220px;
    width: 100%;
}
body#work .all-projects li
{
    display: inline;
    display: inline-block;
}
body#work .all-projects li h3
{
    margin-bottom: 0.5em;
}
body#work .all-projects li a img
{
    width: 160px;
}

body#work #screenshots
{
    padding-top: 32px;
    padding-bottom: 1em;
}
body#work #screenshots ol, body#work #screenshots ul
{
    clear: both;
}
body#work.hasJS #screenshots ol
{
    height: 800px;
}
body#work #screenshots ol#pager
{
    height: auto;
}
body#work #screenshots #pager li
{
    display: block;
    float: left;
    text-align: center;
    margin-right: 5px;
}
body#work #screenshots #pager li a
{
    font-size: 10px;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: #104960;
    color: #aecbd4;
    outline: none;
}
body#work #screenshots #pager li a:hover, body#work #screenshots #pager li.current a
{
    background: #97b8c3;
    color: #013447;
}

body#work.two-col-b #main_content
{
    width: 679px;
}
body#work.two-col-b #main_content p
{
    margin-bottom: 40px; /*padding-right:40px;*/
}
body#work.two-col-b #main_content ul
{
    margin-right: -30px;
}
body#work.two-col-b #main_content ul li
{
    float: left;
    margin-bottom: 50px;
}
body#work.two-col-b #main_content ul li a
{
    display: block;
    clear: left;
    outline: none;
}
body#work.two-col-b #main_content ul li img
{
    width: 210px;
    margin-left: 15px;
    margin-right: 10px;
    -moz-box-shadow: #002634 0px 0px 8px;
    box-shadow: 0 0 8px #002634;
    -webkit-box-shadow: 0 0 8px #002634;
}
body#work.two-col-b #main_content ul li.one img
{
    margin-left: 10px;
}
body#work.two-col-b #main_content ul li h2 img, body#work.two-col-b #main_content ul li.one h2 img
{
    width: auto; /*margin-left:5px;*/
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
/*body#work.two-col-b #main_content ul li.one h2 img {margin-left:0;}*/
body#work.two-col-b #aside
{
    width: 210px;
}

body#work ul li#identity
{
    width: 700px;
    clear: left;
    position: relative;
}
body#work.two-col-b #main_content ul li#identity h2 img
{
    margin-left: 0;
    padding-left: 10px;
}
body#work ul li#identity ul
{
    background: #fff;
    width: 680px;
    margin: 0 10px;
    text-align: center;
    position: relative;
}
body#work.hasJS ul li#identity ul
{
    height: 210px;
}
body#work.two-col-b #main_content ul li#identity ul li
{
    float: none;
    display: block;
    text-align: center;
    margin: 10px;
    width: 660px;
    height: 190px;
    background-color: #fff;
    text-align: center;
    vertical-align: middle;
}
body#work.two-col-b #main_content ul li#identity ul li img
{
    width: auto;
    border: none;
    vertical-align: middle;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
body#work ul li#identity #identity_pager
{
    position: absolute;
    right: 6px;
    top: 20px;
}
body#work ul li#identity #identity_pager a
{
    float: none;
    display: inline-block;
}

body#work.two-col-b #main_content ul li.secondary a
{
    display: block;
    height: 112px;
    border-bottom: 8px solid #fff;
    margin-left: 15px;
    margin-right: 10px;
    overflow: hidden;
    -moz-box-shadow: #002634 0px 0px 8px;
    -webkit-box-shadow: 0 0 8px #002634;
}
body#work.two-col-b #main_content ul li.secondary.one a
{
    margin-left: 10px;
}
body#work.two-col-b #main_content ul li.secondary a img
{
    margin: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
body#work.two-col-b #main_content ul li.secondary h2 a
{
    /*margin-left:0;*/
    margin-right: 0;
    overflow: visible;
    width: auto;
    height: auto;
    display: inherit;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-bottom: none;
}
body#work.two-col-b #main_content ul li.secondary h2 a img
{
    width: auto;
}
/*body#work.two-col-b #main_content ul li.secondary.one h2 a {margin-left:0;}

/* exceptions to secondary bottom border */
body#work.two-col-b #main_content ul li h2 a
{
    height: auto !important;
}
body#work.two-col-b #main_content ul li#fullbleed a, body#work.two-col-b #main_content ul li#happyhour a, body#work.two-col-b #main_content ul li#gdzlla a, body#work.two-col-b #main_content ul li#museum-of-sex a
{
    border-bottom: none;
    height: 120px;
}



/* @end */

/* @group services */
/**
 * Defines styles for the services page
 *
 * @section services
 */
body#services #main_content h2
{
    background: transparent url(Images/Backgrounds/sep_underline_center_sketchbook.png) no-repeat -50px bottom;
    min-width: 440px;
}

/* @end */

/* @group contact */
/**
 * Defines styles for the contact page
 *
 * @section contact
 */
body#contact textarea
{
    height: 180px;
}
body#contact #contact_us
{
    margin-bottom: 34px;
}
body#contact #main_content.rich-text h2
{
    margin-top: 1em;
    background: transparent url(Images/Backgrounds/sep_underline_center_sketchbook.png) no-repeat -50px bottom;
    min-width: 440px;
}
body#contact .rich-text h3
{
    font-size: 14px;
    margin-top: 0;
}
body#contact .rich-text ol
{
    margin: 0 0 2em 10px;
}
body#contact .rich-text ol li
{
    list-style: decimal outside;
    margin-left: 20px;
}
/*body#contact .rich-text p {padding-right:50px;}*/
body#contact #map
{
    height: 350px;
    margin-bottom: 2em;
    color: #4d4d4d;
    border: 1px solid #0e485d;
    -moz-box-shadow: #002634 0px 0px 8px;
    -webkit-box-shadow: 0 0 8px #002634;
}
body#contact #map p
{
    line-height: 1.5;
    margin-left: 1em;
}
body#contact #map p b
{
    font-size: 13px;
    color: #2d2d2d;
    margin-bottom: .5em;
    display: block;
}

body#contact #request_proposal
{
    margin-bottom: 3em;
}
body#contact fieldset
{
    padding-bottom: 0;
    margin: 0;
}
body#contact fieldset legend
{
    position: absolute;
    left: -9999px;
    height: 0;
    visibility: hidden;
}
li#budget_more
{
    width: 406px;
    padding: 20px;
    border: 1px solid #0e485d;
    background: #023a4e;
}
li#budget_more p
{
    font-size: 11px;
}
li#budget_more input
{
    width: 393px;
}
/* @end */

/* @group errors */
/**
 * Defines styles for the 404 page
 *
 * @section errors
 */
#content.fourohfour .container
{
    background: transparent url(Images/Backgrounds/bg_404.png) no-repeat right 110px;
}
#content.fourohfour #main_content
{
    width: 450px;
}
/* @end */

/* @group sprites */
/**
 * Defines sprite-mapped background positions
 *
 * @section sprites
 */
span.sprite
{
    text-indent: -9999px;
}
span.comment-sprite
{
    float: left;
    display: block;
    width: 10px;
    height: 10px;
    background: transparent url(Images/Widgets/icn.png) no-repeat 0 0;
}
/* @end */

/* @group Clearfix */
/**
  * Defines a self-clearing class, '.clear'
  *
  * @section clearfix
  */
.clear:after
{
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    margin-bottom: 0;
}
.clear
{
    display: inline-block;
}
html[xmlns] .clear
{
    display: block;
}
* html .clear
{
    height: 1%;
}
/* @end */

/* Webevm: Content */

/* Slideviewer */

/*preload classes*/
.svw
{
    width: 32px;
    height: 32px;
    background: #00384C;
}
.svw ul
{
    position: relative;
    left: -999em;
}

/*core classes*/
.stripViewer
{
    position: relative;
    overflow: hidden;
    border: 5px solid #1c5770;
    margin: 0 0 1px 0;
}
.stripViewer ul
{
    /* this is your UL of images */
    margin: 0;
    padding: 0;
    position: relative;
    left: 0;
    top: 0;
    width: 1%;
    list-style-type: none;
}
.stripViewer ul li
{
    float: left;
}
.stripTransmitter
{
    overflow: auto;
    width: 1%;
}
.stripTransmitter ul
{
    margin: 0;
    padding: 0;
    position: relative;
    list-style-type: none;
}
.stripTransmitter ul li
{
    width: 20px;
    float: left;
    margin: 0 1px 1px 0;
}
.stripTransmitter a
{
    font: bold 10px Verdana, Arial;
    text-align: center;
    line-height: 22px;
    background: #1c5770;
    color: #fff;
    text-decoration: none;
    display: block;
}
.stripTransmitter a:hover, a.current
{
    background: #fff;
    color: #1c5770;
}

/*tooltips formatting*/
.tooltip
{
    padding: 0.5em;
    background: #fff;
    color: #000;
    border: 5px solid #dedede;
}
