/*================== ABOUT ===================== */ #inside #main #container #content { border-bottom:solid 1px #c0c0c0; border-top:solid 1px #f08a01; z-index:3; position:relative; top:63px; left:21px; height:473px; width:980px;} #inside #main #container #content #about_list { float:left; width:140px; text-align:left; margin:20px 0 0 0;} #inside #main #container #content #about_list ul {} #inside #main #container #content #about_list ul li { margin:0; display:block; padding:0; } #inside #main #container #content #about_list ul li a { font-family:Helvetica, Arial, sans-serif; font-size:11px; color:#414243;} #inside #main #container #content #about_list ul li a:hover, #inside #main #container #content #about_list ul li a.active{ color:#09a1f8; font-weight:normal;} #inside #main #container #content #about_list ul li a.selected{ color:#09a1f8; font-weight:bold;} #inside #main #container #content #about_sub {padding:0px 0 5px 0; float:left;} #inside #main #container #content #about_sub li a {padding:0 0 0 10px; margin:5px 0 0 0; float:left;} #inside #main #container #content #about_sub li a:hover, #inside #main #container #content #about_sub li a.active {background:url(../img/bullet_sub.gif) no-repeat 0 3px; padding:0 0 0 10px;} @media screen and (-webkit-min-device-pixel-ratio:0) { #inside #main #container #content #about_list ul li { margin:0 0 7px 0; display:block; padding:0; } #inside #main #container #content #about_sub {padding:2px 0 5px 0; float:left;} } /*================== CAREERS ===================== */ #inside #main #container #content #about_careers { width:834px; height:461px; float:right; margin:6px 0 0 0; background:url(../img/about/careers.jpg) no-repeat;} #inside #main #container #content #about_careers #careers_text { width:275px; float:right; text-align:left; margin:15px 15px 0 0;} #inside #main #container #content #about_careers #careers_text h1 { font: bold 12px Helvetica, Arial, sans-serif; color:#FFFFFF;} #inside #main #container #content #about_careers #careers_text p { margin:15px 0 0 0; font: normal 12px Helvetica, Arial, sans-serif; color:#FFFFFF; line-height:1.5; } #inside #main #container #content #about_careers #careers_text a { color:#18a7f8; text-decoration:none;} #inside #main #container #content #about_careers #careers_text a:hover { color:#ccf21a; text-decoration:none;} /*================== HISTORY ===================== */ #inside #main #container #content #about_history { width:834px; height:461px; float:right; margin:6px 0 0 0; background:url(../img/about/history.jpg) no-repeat;} #inside #main #container #content #about_history #history_text { width:275px; float:right; text-align:left; margin:15px 15px 0 0;} #inside #main #container #content #about_history #history_text h1 { font: bold 12px Helvetica, Arial, sans-serif; color:#FFFFFF; margin:0 0 0 2px;} #inside #main #container #content #about_history #history_text p { margin:15px 0 0 0; font: normal 12px Helvetica, Arial, sans-serif; color:#FFFFFF; line-height:1.5; } #inside #main #container #content #about_history .jScrollPaneContainer { position: relative; overflow: hidden;z-index: 1;} #inside #main #container #content #about_history .jScrollPaneTrack {position: absolute; cursor: pointer;right: 3px;top: 0;height: 100%;background: #ffffff;} #inside #main #container #content #about_history .jScrollPaneDrag {position: absolute; background: #cccccc;cursor: pointer;overflow: hidden; margin:0 0 0 -2px;} #inside #main #container #content #about_history .jScrollPaneDragTop {position: absolute; top: 0; left: 0;overflow: hidden;} #inside #main #container #content #about_history .jScrollPaneDragBottom {position: absolute; bottom: 0;left: 0;overflow: hidden;} #inside #main #container #content #about_history a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0;text-indent: -2000px;overflow: hidden;height: 9px;} #inside #main #container #content #about_history a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px; } #inside #main #container #content #about_history a.jScrollArrowUp {background: url(../images/basic_arrow_up_white.gif) no-repeat 4px 0;} #inside #main #container #content #about_history a.jScrollArrowUp:hover {xbackground-position: 0 -15px;} #inside #main #container #content #about_history a.jScrollArrowDown {background: url(../images/basic_arrow_down_white.gif) no-repeat 4px 0;} #inside #main #container #content #about_history a.jScrollArrowDown:hover {xbackground-position: 0 -15px;} #inside #main #container #content #about_history a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {xbackground-position: 0 -30px;} #inside #main #container #content #about_history .holder {float: left;margin: 10px 10px 10px 0px;} #inside #main #container #content #about_history .scroll-pane {width: 270px;height: 162px;overflow: auto;float: left;} #inside #main #container #content #about_history #pane1 {height: 395px;font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; line-height:16px; color:#81898e;} #inside #main #container #content #about_history #pane1 p{ margin:0 0 8px 2px;} /*================== WHAT WE THINK ===================== */ #inside #main #container #content #about_think { width:834px; height:461px; float:right; margin:6px 0 0 0; background:url(../img/about/think.jpg) no-repeat;} #inside #main #container #content #about_think #think_text { width:275px; float:right; text-align:left; margin:15px 15px 0 0;} #inside #main #container #content #about_think #think_text h1 { font: bold 12px Helvetica, Arial, sans-serif; color:#FFFFFF; margin:0 0 0 2px;} #inside #main #container #content #about_think #think_text p { margin:18px 0 0 0; font: normal 12px Helvetica, Arial, sans-serif; color:#FFFFFF; line-height:1.5; } #inside #main #container #content #about_think .jScrollPaneContainer { position: relative; overflow: hidden;z-index: 1;} #inside #main #container #content #about_think .jScrollPaneTrack {position: absolute; cursor: pointer;right: 3px;top: 0;height: 100%;background: #ffffff;} #inside #main #container #content #about_think .jScrollPaneDrag {position: absolute; background: #cccccc;cursor: pointer;overflow: hidden; margin:0 0 0 -2px;} #inside #main #container #content #about_think .jScrollPaneDragTop {position: absolute; top: 0; left: 0;overflow: hidden;} #inside #main #container #content #about_think .jScrollPaneDragBottom {position: absolute; bottom: 0;left: 0;overflow: hidden;} #inside #main #container #content #about_think a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0;text-indent: -2000px;overflow: hidden;height: 9px;} #inside #main #container #content #about_think a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px; } #inside #main #container #content #about_think a.jScrollArrowUp {background: url(../images/basic_arrow_up_white.gif) no-repeat 4px 0;} #inside #main #container #content #about_think a.jScrollArrowUp:hover {xbackground-position: 0 -15px;} #inside #main #container #content #about_think a.jScrollArrowDown {background: url(../images/basic_arrow_down_white.gif) no-repeat 4px 0;} #inside #main #container #content #about_think a.jScrollArrowDown:hover {xbackground-position: 0 -15px;} #inside #main #container #content #about_think a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {xbackground-position: 0 -30px;} #inside #main #container #content #about_think .holder {float: left;margin: 10px 10px 10px 0px;} #inside #main #container #content #about_think .scroll-pane {width: 270px;height: 162px;overflow: auto;float: left;} #inside #main #container #content #about_think #pane1 {height: 389px;font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; line-height:16px; color:#81898e;} #inside #main #container #content #about_think #pane1 p{ margin:0 0 8px 2px;} /*================== BIOS ===================== */ #inside #main #container #content #about_bios #bios_text { width:275px; float:right; text-align:left; margin:15px 15px 0 0;} #inside #main #container #content #about_bios #bios_text h1 { font: bold 12px Helvetica, Arial, sans-serif; color:#414243;} #inside #main #container #content #about_bios #bios_text a { font: normal 12px Helvetica, Arial, sans-serif; color:#18a7f8; text-decoration:none;} #inside #main #container #content #about_bios #bios_text a:hover{ font: normal 12px Helvetica, Arial, sans-serif; color:#18a7f8; text-decoration:underline;} #inside #main #container #content #about_bios #bios_text span.bio_title { font: normal 12px Helvetica, Arial, sans-serif; color:#414243;} #inside #main #container #content #about_bios #bios_text p { margin:15px 0 0 0; font: normal 12px Helvetica, Arial, sans-serif; color:#666c71; line-height:1.3; } #inside #main #container #content #about_bios .jScrollPaneContainer { position: relative; overflow: hidden;z-index: 1;} #inside #main #container #content #about_bios .jScrollPaneTrack {position: absolute; cursor: pointer;right: 3px;top: 0;height: 100%;background: #94a3af;} #inside #main #container #content #about_bios .jScrollPaneDrag {position: absolute; background: #94a3af;cursor: pointer;overflow: hidden; margin:0 0 0 -2px;} #inside #main #container #content #about_bios .jScrollPaneDragTop {position: absolute; top: 0; left: 0;overflow: hidden;} #inside #main #container #content #about_bios .jScrollPaneDragBottom {position: absolute; bottom: 0;left: 0;overflow: hidden;} #inside #main #container #content #about_bios a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0;text-indent: -2000px;overflow: hidden;height: 9px;} #inside #main #container #content #about_bios a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px; } #inside #main #container #content #about_bios a.jScrollArrowUp {background: url(../images/basic_arrow_up.gif) no-repeat 4px 0;} #inside #main #container #content #about_bios a.jScrollArrowUp:hover {xbackground-position: 0 -15px;} #inside #main #container #content #about_bios a.jScrollArrowDown {background: url(../images/basic_arrow_down.gif) no-repeat 4px 0;} #inside #main #container #content #about_bios a.jScrollArrowDown:hover {xbackground-position: 0 -15px;} #inside #main #container #content #about_bios a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {xbackground-position: 0 -30px;} #inside #main #container #content #about_bios .holder {float: left;margin: 10px 10px 10px 0px;} #inside #main #container #content #about_bios .scroll-pane {width: 270px;height: 162px;overflow: auto;float: left;} #inside #main #container #content #about_bios #pane1 {height: 255px;font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; line-height:16px; color:#81898e;} #inside #main #container #content #about_bios #pane1 p{ margin:0 0 8px 2px;} #inside #main #container #content #about_bios #pane2 {height: 295px;font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; line-height:16px; color:#81898e;} #inside #main #container #content #about_bios #pane2 p{ margin:0 0 8px 2px;}