* { margin: 0; padding: 0; }
html { height: 100%; }
body { height: 100%; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #666; line-height: 15px; }
table { border-width: 0; border-spacing: 0; }
table td { vertical-align: top; }
a { color: #444; text-decoration: underline; }
a:hover { color: #777; }
img { border-width: 0; }
img.alignleft { float: left; }
img.alignright { float: right; }
img.aligncenter { display: block; margin: 0 auto; }
select { display: block; }
h3 { margin-bottom: 20px; font-size: 14px; font-weight: bold; color: #FFAF00; }
h3 a { color: #FFAF00; text-decoration: none; }
h3 a:hover { color: #FFAF00; }
h4 { margin-bottom: 20px; font-size: 12px; font-weight: bold; color: #333; }
h4 a { color: #333; text-decoration: none; }
h4 a:hover { color: #333; text-decoration: underline; }
p { margin-bottom: 20px; }
strong { font-weight: bold; }
em { font-style: italic; }
label { font-weight: bold; }
ul { margin: 20px 0; padding-left: 20px; }
ul.nobullets { padding-left: 0; list-style-type: none; }

.bold { font-weight: bold; }
.shortcut { display: none; font-size: 11px; font-style: italic; }
.fakelink { color: #444; }

.breaker { clear: both; font-size: 1px; }
.buttonbar { clear: both; padding-top: 10px; }
.buttonbar input { float: right; }
.buttonbar input.left { float: left; }

.leftcolumn { position: relative; float: left; clear: left; width: 140px; margin-bottom: 40px; padding: 20px 20px 0 0; }
.leftcolumn h3 a { color: #FFAF00; text-decoration: none; }
.leftcolumn h4 { margin-bottom: 0; }
.leftcolumn .buttonbar { margin-top: 8px; }
.contentcolumn { position: relative; float: left; width: 780px; margin-bottom: 40px; padding: 19px 0 0; border-top: 1px solid #DBDBDB; }

.loadingsymbol { width: 20px; height: 20px; background: url(../images/loadingsymbol.png) scroll no-repeat top left; }

#mainwrap, #searchpage { min-height: 100%; padding: 0 10px; background-color: #FFF; text-align: center; }
#mainwrap .content, #searchpage .content { position: relative; width: 940px; overflow: hidden; margin: 0 auto; padding: 131px 0 160px; text-align: left; background-color: #FFF; }
#mainwrap { border-left: 20px solid #FFAF00; border-right: 20px solid #FFF; }
#searchpage { z-index: 999; position: absolute; top: 0; border-left: 20px solid #FFF; border-right: 20px solid #FFAF00; }

#searchpage .loadingsymbol { position: absolute; z-index: 1000; top: 191px; left: 460px; }
#searchpage .leftcolumn .numhits { margin: 20px 0; }
#searchpage .contentcolumn .hit { clear: both; margin-bottom: 20px; }
#searchpage .contentcolumn .hit h4 { margin-bottom: 0; }
#searchpage .contentcolumn .hit p { margin: 0; }
#searchpage .contentcolumn .hit .details { color: #666; font-weight: bold; }

#logo { z-index: 1000; position: absolute; top: 40px; left: 0; right: 0; text-align: center; }
#logo h1 { display: block; width: 940px; overflow: hidden; margin: 0 auto; padding: 0 30px; text-align: left; }

#mainmenu { display: block; clear: both; height: 39px; margin: -20px 0 1px; padding: 20px 0 0; background: url(../images/mainmenu_bg.gif) scroll repeat-x top left; border-bottom: 1px solid #DDD; list-style-type: none; }
#mainmenu li { display: inline; }
#mainmenu li a { display: block; float: left; width: 130px; height: 0; overflow: hidden; margin-right: 4px; padding-top: 39px; background: scroll top left no-repeat; text-decoration: none; }
#mainmenu li a:hover { background-position: 0 -39px; }
#mainmenu li.current a { background-position: 0 -78px; }
#mainmenu #menuitem_howwework { background-image: url(../images/menuitem_howwework.jpg); }
#mainmenu #menuitem_portfolio { background-image: url(../images/menuitem_portfolio.jpg); }
#mainmenu #menuitem_blog { background-image: url(../images/menuitem_blog.jpg); }
#mainmenu #menuitem_news { background-image: url(../images/menuitem_news.jpg); }
#mainmenu #menuitem_press { background-image: url(../images/menuitem_press.jpg); }
#mainmenu #menuitem_contact { background-image: url(../images/menuitem_contact.jpg); }

#breadcrumbs { width: 940px; height: 20px; overflow: hidden; margin: 0 0 30px; padding: 10px 0 10px; background: url(../images/breadcrumbs_bg.gif) scroll repeat-x top left; list-style-type: none; white-space: nowrap; text-overflow: ellipsis; }
#breadcrumbs li { display: inline; padding-left: 5px; padding-right: 16px; background: url(../images/breadcrumbs_arrow.gif) scroll no-repeat center right; font-size: 10px; color: #333; text-transform: uppercase; }
#breadcrumbs li.first a { color: #FFAF00; }
#breadcrumbs li.first a:hover { color: #FFAF00; }
#breadcrumbs li.last { background-image: none; }
#breadcrumbs li a { color: #666; text-decoration: none; }
#breadcrumbs li a:hover { color: #333; }

#footer { position: absolute; bottom: 60px; width: 100%; border-top: 1px solid #DBDBDB; }
#footer .leftcolumn { margin-bottom: 0; }
#footer .contentcolumn { margin-bottom: 0; padding-top: 20px; border-top-width: 0; }
#footer .prev, #footer .next { font-weight: bold; color: #222; text-decoration: none; }
#footer .prev { padding-left: 20px; background: url(../images/nav_arrow_l.gif) scroll no-repeat center left; }
#footer .next { float: right; padding-right: 20px; background: url(../images/nav_arrow_r.gif) scroll no-repeat center right; }

#searchbox { z-index: 1002; position: fixed; left: 0; right: 0; bottom: 0; text-align: center; }
#searchbox div { position: relative; width: 244px; height: 22px; overflow: hidden; margin: 0 auto; padding: 12px 7px 0 35px; background: url(../images/searchbox_bg.png) scroll no-repeat top left; text-align: left; }
#searchbox div input:focus { outline: none; }
#searchbox div #searchinput { width: 175px; padding: 2px 0; background-color: transparent; border-width: 0; outline: none; font-size: 12px; color: #333; }
#searchbox div #searchbutton { width: 50px; margin-left: 4px; }
#searchbox div #clearbutton { position: absolute; top: -6px; right: -6px; padding: 0; background: url(../images/icon_clearsearch.png) scroll no-repeat center center; cursor: pointer; cursor: hand; }

a.case { position: relative; display: block; float: left; width: 240px; height: 164px; overflow: hidden; padding: 10px; color: #666; text-decoration: none; }
a.case .background { position: absolute; top: 0; left: 0; display: none; width: 260px; height: 184px; background: url(../images/case_bg.gif) scroll no-repeat top left; }
a.case .foreground { position: absolute; top: 10px; left: 10px; width: 240px; height: 164px; }
a.case .thumb { display: block; width: 240px; height: 134px; overflow: hidden; text-align: center; }
a.case .color { float: right; margin: 5px 0 0 8px; }
a.case .title { display: block; margin: 2px 0; font-weight: bold; color: #333; }
a.case:hover { color: #FFF; }
a.case:hover .background { display: block; }
a.case:hover .title { color: #FFF; }

a.contact { position: relative; display: block; float: left; width: 136px; height: 140px; overflow: hidden; padding: 10px; color: #444; text-align: center; text-decoration: none; }
a.contact .background { position: absolute; top: 0; left: 0; display: none; width: 156px; height: 160px; background: url(../images/person_bg.gif) scroll no-repeat top left; }
a.contact .foreground { position: absolute; top: 10px; left: 10px; width: 136px; height: 140px; }
a.contact .thumb { display: block; width: 136px; height: 86px; margin-bottom: 4px; text-align: center; }
a.contact .name { display: block; font-weight: bold; color: #222; }
a.contact:hover { color: #FFF; }
a.contact:hover .background { display: block; }
a.contact:hover .name { color: #FFF; }

/* Scroller styles */
.scroller { position: relative; }
.scroller .view { position: relative; width: 100%; overflow: auto; padding-bottom: 10px; }
.scroller .bar { position: relative; height: 15px; margin: 0; background: url(../images/scroller_bar_bg.gif) scroll repeat-x top left; }
.scroller .bar .left { position: absolute; top: 0; left: 0; z-index: 10; width: 4px; height: 15px; background: url(../images/scroller_bar_bg_l.gif) scroll no-repeat top left; }
.scroller .bar .right { position: absolute; top: 0; right: 0; z-index: 10; width: 4px; height: 15px; background: url(../images/scroller_bar_bg_r.gif) scroll no-repeat top right; }
.scroller .bar .handle { position: relative; top: 1px; left: 0; z-index: 100; height: 13px; overflow: hidden; }
.scroller .bar .handle .left { position: absolute; top: 0; left: 0; width: 4px; height: 13px; background: url(../images/scroller_handle_bg_l.png) scroll no-repeat top left; }
.scroller .bar .handle .right { position: absolute; top: 0; right: 0; width: 4px; height: 13px; background: url(../images/scroller_handle_bg_r.png) scroll no-repeat top right; }
.scroller .bar .handle .label { height: 13px; margin: 0 4px; background: url(../images/scroller_handle_bg_c.gif) scroll no-repeat top center #FFAF00; }
.scroller .bar .handle:hover .left { background-position: 0 -13px; }
.scroller .bar .handle:hover .right { background-position: 0 -13px; }
.scroller .bar .handle:hover .label { background-position: 50% -13px; background-color: #DBDBDB; }

/* SliderStations styles */
.sliderstations { position: relative; }
.sliderstations .view { position: relative; width: 100%; overflow: auto; padding-bottom: 10px; }
.sliderstations .pagedesc { position: absolute; top: 0; z-index: 1000; width: 100%; height: 70px; overflow: hidden; padding: 50px 0 44px; background: url(../images/sliderstations_pagedesc_bg.png) scroll no-repeat center center; font-family: Helvetica, Arial, sans-serif; font-size: 65px; font-weight: bold; color: #FFF; text-align: center; line-height: 65px; }
.sliderstations .bar { position: relative; height: 13px; margin: 0; padding: 1px; background: url(../images/scroller_bar_bg.gif) scroll repeat-x top left; }
.sliderstations .bar .left { position: absolute; top: 0; left: 0; z-index: 10; width: 4px; height: 15px; background: url(../images/scroller_bar_bg_l.gif) scroll no-repeat top left; }
.sliderstations .bar .right { position: absolute; top: 0; right: 0; z-index: 10; width: 4px; height: 15px; background: url(../images/scroller_bar_bg_r.gif) scroll no-repeat top right; }
.sliderstations .bar .pagethumb { position: absolute; top: 1px; height: 13px; overflow: hidden; border-left: 1px solid #DBDBDB; border-right: 1px solid #FFF; }
.sliderstations .bar .pagethumb:hover { background-color: #DBDBDB; }
.sliderstations .bar .handle { position: absolute; top: 1px; left: 0; z-index: 100; height: 13px; overflow: hidden; }
.sliderstations .bar .handle .left { position: absolute; top: 0; left: 0; width: 4px; height: 13px; background: url(../images/scroller_handle_bg_l.png) scroll no-repeat top left; }
.sliderstations .bar .handle .right { position: absolute; top: 0; right: 0; width: 4px; height: 13px; background: url(../images/scroller_handle_bg_r.png) scroll no-repeat top right; }
.sliderstations .bar .handle .label { height: 13px; margin: 0 4px; background: url(../images/scroller_handle_bg_c.gif) scroll no-repeat top center #FFAF00; }
.sliderstations .bar .handle:hover .left { background-position: 0 -13px; }
.sliderstations .bar .handle:hover .right { background-position: 0 -13px; }
.sliderstations .bar .handle:hover .label { background-position: 50% -13px; background-color: #DBDBDB; }

/* Menu styles */
.popupbutton { position: relative; width: 140px; height: 28px; background: url(../images/popupbutton_bg.gif) scroll no-repeat top right #FFF; cursor: pointer; cursor: hand; }
.popupbutton .label { width: 108px; height: 21px; overflow: hidden; padding: 7px 26px 0 6px; white-space: nowrap; font-weight: bold; text-overflow: ellipsis; }
.popupbutton .menu { z-index: 1001; position: absolute; top: 0; left: 160px; padding-bottom: 20px; background-color: #FFF; cursor: default; }
.popupbutton .menu .topleft { position: absolute; top: -20px; left: -20px; width: 20px; height: 20px; background: url(../images/menu_corners.png) scroll no-repeat top left; }
.popupbutton .menu .top { position: absolute; top: -20px; left: 0; width: 100%; height: 20px; background: url(../images/menu_bg_t.png) scroll repeat-x top left; }
.popupbutton .menu .topright { position: absolute; top: -20px; right: -20px; width: 20px; height: 20px; background: url(../images/menu_corners.png) scroll no-repeat top right; }
.popupbutton .menu .left { position: absolute; top: 0; left: -20px; width: 20px; height: 100%; background: url(../images/menu_bg_l.png) scroll repeat-y top left; }
.popupbutton .menu .right { position: absolute; top: 0; right: -20px; width: 20px; height: 100%; background: url(../images/menu_bg_r.png) scroll repeat-y top right; }
.popupbutton .menu .bottomleft { position: absolute; bottom: -20px; left: -20px; width: 20px; height: 20px; background: url(../images/menu_corners.png) scroll no-repeat bottom left; }
.popupbutton .menu .bottom { position: absolute; bottom: -20px; left: 0; width: 100%; height: 20px; background: url(../images/menu_bg_b.png) scroll repeat-x bottom left; }
.popupbutton .menu .bottomright { position: absolute; bottom: -20px; right: -20px; width: 20px; height: 20px; background: url(../images/menu_corners.png) scroll no-repeat bottom right; }
.popupbutton .menu .column { float: left; width: 140px; overflow: hidden; padding-right: 20px; }
.popupbutton .menu .column.last { padding-right: 0; }
.popupbutton .menu .row { height: 14px; overflow: hidden; padding: 2px 0; white-space: nowrap; text-overflow: ellipsis; }
.popupbutton .menu .row.head { font-weight: bold; background-color: #F5F5F5; text-align: center; }
.popupbutton .menu .row.item { cursor: pointer; cursor: hand; }
.popupbutton .menu .row.item.selected { color: #333; }
.popupbutton .menu .row.item:hover { background-color: #FFAF00; color: #FFF; }
.popupbutton .menu .row.item.all { clear: both; height: 22px; margin-bottom: 10px; padding-top: 8px; font-weight: bold; text-align: center; }
.popupbutton .menu .row.empty { }
.popupbutton .arrow { display: none; z-index: 1001; position: absolute; top: 5px; right: -4px; width: 11px; height: 20px; background: url(../images/menu_arrow.png) scroll no-repeat top left; }

/* DropDown styles */
.dropdown { position: relative; width: 140px; height: 28px; background: url(../images/dropdown_bg.gif) scroll no-repeat top right #FFF; cursor: pointer; cursor: hand; }
.dropdown .label { width: 108px; height: 21px; overflow: hidden; padding: 7px 26px 0 6px; white-space: nowrap; font-weight: bold; text-overflow: ellipsis; }
.dropdown .menu { z-index: 1001; position: absolute; top: 0; left: 0; width: 140px; background-color: #FFF; }
.dropdown .menu .row { height: 20px; overflow: hidden; padding: 7px 6px 0; background: url(../images/dropdown_row_bg_m.gif) scroll no-repeat top left; border-bottom: 1px solid #DBDBDB; white-space: nowrap; font-weight: bold; text-overflow: ellipsis; }
.dropdown .menu .row:hover { background-position: 0 -28px; }
.dropdown .menu .row.first { background-image: url(../images/dropdown_row_bg_t.gif); }
.dropdown .menu .row.last { height: 21px; background-image: url(../images/dropdown_row_bg_b.gif); border-bottom: none; }
.dropdown .menu .row.selected { background-position: 0 -56px; }
.dropdown_selected_row { position: absolute; z-index: 1001; width: 128px; height: 21px; overflow: hidden; padding: 7px 6px 0; background: url(../images/dropdown_row_bg_m.gif) scroll no-repeat 0 -28px; white-space: nowrap; font-weight: bold; text-overflow: ellipsis; }
.dropdown_selected_row.first { background-image: url(../images/dropdown_row_bg_t.gif); }
.dropdown_selected_row.last { background-image: url(../images/dropdown_row_bg_b.gif); }

/* List styles */
.list { position: relative; }
.list .head { height: 21px; overflow: hidden; margin-right: 26px; padding: 7px 10px 0; background: url(../images/list_head_bg.gif) scroll no-repeat top left #FFAF00; font-weight: bold; color: #F8F8F8; text-transform: uppercase; }
.list .view { position: absolute; top: 28px; left: 0; right: 26px; bottom: 0; overflow: hidden; background-color: #FFF; border-width: 0 0 1px 1px; border-style: solid; border-color: #DBDBDB; }
.list .view .row { height: 20px; overflow: hidden; padding: 7px 10px 0; background-image: none; border-bottom: 1px solid #DBDBDB; white-space: nowrap; font-weight: bold; text-overflow: ellipsis; cursor: default; }
.list .view .row:hover { background-color: #EEE; }
.list .view .row .color { float: right; margin-top: 4px; }
.list .view .row.first { }
.list .view .row.last { }
.list .view .row.selected { background-color: #DBDBDB; }
.list .view .row.selected:hover { background-color: #DBDBDB; }
.list .corner { position: absolute; left: 0; bottom: 0; width: 5px; height: 5px; background: url(../images/list_corner.png) scroll no-repeat bottom left; font-size: 1px; }
.list .arrow { position: absolute; right: 0; width: 26px; height: 28px; background: scroll no-repeat top left #FFF; }
.list .arrow:hover { background-position: 0 -28px; }
.list .arrow:active { background-position: 0 -56px; }
.list .arrow.up { background-image: url(../images/list_arrow_up.gif); }
.list .arrow.down { background-image: url(../images/list_arrow_down.gif); }
.list .arrow.disabled { background-position: 0 -84px; }
.list .bar { position: absolute; top: 28px; right: 0; bottom: 28px; width: 24px; background-color: #EEE; border-width: 0 1px; border-style: solid; border-color: #DBDBDB; }
.list .bar.disabled { background-color: #FFF; }
.list .bar .handle { width: 24px; background-color: #FFF; }
.list .bar .handle:hover { background-color: #F8F8F8; }

/* Slideshow styles */
.slideshow { position: relative; overflow: hidden; color: #FFF; }
.slideshow img { position: absolute; top: 0; left: 0; }
.slideshow .navbar { position: absolute; z-index: 10; bottom: 0; height: 42px; }
.slideshow .navbar .left { float: left; width: 52px; height: 42px; background: url(../images/slideshow_arrow_l.png) scroll no-repeat top left; cursor: pointer; cursor: hand; }
.slideshow .navbar .left:hover { background-position: 0 -42px; }
.slideshow .navbar .left.disabled { background-position: 0 -84px; cursor: default; }
.slideshow .navbar .left.disabled:hover { background-position: 0 -84px; }
.slideshow .navbar .right { float: left; width: 52px; height: 42px; background: url(../images/slideshow_arrow_r.png) scroll no-repeat top right; cursor: pointer; cursor: hand; }
.slideshow .navbar .right:hover { background-position: 0 -42px; }
.slideshow .navbar .right.return { background-position: 0 -84px; }
.slideshow .navbar .right.return:hover { background-position: 0 -126px; }
.slideshow .navbar .circle { float: left; width: 20px; height: 42px; background: url(../images/slideshow_circle.png) scroll no-repeat top left; cursor: pointer; cursor: hand; }
.slideshow .navbar .circle:hover { background-position: 0 -42px; }
.slideshow .navbar .circle.selected { background-position: 0 -84px; }
.slideshow .navbar .circle.selected:hover { background-position: 0 -84px; }
.slideshow .loadingsymbol { position: absolute; z-index: 10; }