@import url("reset.css"); #preload { display:none; } html { color:#2e3f48; /*background-image: url(/images/bg1.jpg);*/ background-repeat: no-repeat; background-position: center top; background-color:#fff; width:100%; } html.how { background-image: url(/images/bg1.jpg); } html.what { background-image: url(/images/bg2.jpg); } html.who { background-image: url(/images/bg3.jpg); background-color:#000006; } html.home div#bg-switcher a { background-repeat: no-repeat; background-position: center bottom; position:absolute; top:160px; height:35px; width:35px; z-index:100;} html.home div#bg-switcher a.first { background-image: url(/images/btn-1.png); left:0px; } html.home div#bg-switcher a.second { background-image: url(/images/btn-2.png); left:35px; } html.home div#bg-switcher a.third { background-image: url(/images/btn-3.png); left:70px;} html.home div#bg-switcher a:hover { background-position: center top; } html.home div#bg-switcher a.on { background-position: center center; cursor:default; } body { font-family:Arial, Helvetica, sans-serif; font-size:13px; width:100%; } #container, #header-contents { width:1050px; margin:50px auto; } /*layout elements*/ #header { background-color:#fff; width:100%; height:80px; } #header-contents { } #logo { float:left; margin-top:15px; } #nav { float:right; padding-top:15px; margin-top:40px; clear:right; height:25px; width:550px; background:transparent url(../images/nav/bg-nav-home-img.gif) no-repeat scroll left center; text-align:right; } html.who #nav { background-image: url(../images/nav/bg-nav-who-img.gif); } html.what #nav { background-image: url(../images/nav/bg-nav-what-img.gif); } html.how #nav { background-image: url(../images/nav/bg-nav-how-img.gif); } /*these next 2 lines are hacky fixes to kill top nav effects for "News" page selected state*/ html.who.news #nav { background-image: url(../images/nav/bg-nav-home-img.gif); } html.who.news #nav a#nav-who { color:#40535E; } #nav a { float:left; width:94px; text-align:center; color:#40535e; font-weight:bold; font-size:12px; text-decoration:none; } /*14pt Trade Gothic Light / #41545f*. Contact link is #50c8e8. Light home and pipes: #95a0a9 - */ #nav a:hover { color:#2e3f48; } /*top navigation rollover effects, adapts to the page - set the section name as a class of the body object of page to activate e.g. */ #nav a#nav-home { width:47px; text-align:left; } #nav a#nav-home:hover { } body.home #nav-home { color:#95a0a9; cursor:text; } #nav a#nav-who { } #nav a#nav-who:hover { } html.who #nav a#nav-who { color:#fff; } #nav a#nav-what{ } #nav a#nav-what:hover { } html.what #nav a#nav-what { color:#fff; } #nav a#nav-how { width:105px; } #nav a#nav-how:hover { } html.how #nav a#nav-how { color:#fff; } #nav a#nav-contact { color:#50c8e8; width:60px; } #nav a#nav-contact:hover { } #nav a#nav-news { width: 50px; } #nav a#nav-careers { width: 65px; } body.contact #nav a#nav-contact { } #message { text-align:right; } #content { padding-bottom:20px; background-color:#fff; } body.home #content { margin-top:28px; background:transparent url(../images/bg-top-level-content.png) repeat scroll; } p { padding:2px 0; } h2, h1 { margin-top:20px; } h3 { margin-top:15px; } #footer { margin-left:20px; clear:both; float:left; margin-top:20px; color:#fff; font-size:10px; line-height:1.3em; width:100%; } #footer a:hover { text-decoration:underline; } /*tabs and content*/ .tabs a, .tabs-static a { height:36px; background:transparent url(../images/tab.png) no-repeat left bottom; width:145px; display:inline; float:left; padding-left:15px; line-height:4em; color:#2e3f48; font-weight:bold; font-size:12px; } .tabs a.current, .tabs a.current:hover, .tabs-static a.current, .tabs-static a.current:hover { background-position: center top; } .tabs a:hover, .tabs-static a:hover { background-position: center center; text-decoration:none; } div.panes div { display:none; } div.panes p { margin-bottom:10px; line-height:1.4em; } div.panes .sidebar p { margin-bottom:0px; } div.panes .sidebar p.first { margin-top:15px; } span.bio { margin-top:10px; } span.bio p.name { font-weight:bold; padding:8px 0 0; } span.bio p.title { padding:0;} span.bio p.name, span.bio p.title, span.bio a { font-size:11px; margin:0; } .full-bio { } .full-bio img { float:left; margin-right:20px; } .full-bio img.wrapping-text { margin-bottom:20px; } .job {} html.who .job h1, html.who .job h2 { color:#000; } html.who .job h1 { padding:0; font-size:18px; } p.job-location { padding:0 0 5px 0; } .job ul { margin-left:20px; } .job li { list-style:inherit; } .job.sidebar p { padding:50px 15px 10px 15px; font-size:11px; } .modal { width:780px; padding:25px; display:none; z-index:10000; background-color:#fff; } html.who .modal .close { background-image:url(/images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; width:31px; height:32px; } .modal p { margin-bottom:10px; line-height:1.4em; font-size:12px; } .from-sidebar { width:auto; background-color:transparent; } .sidebar-box { background-image: url(/images/sidebar-grad-top.gif); background-repeat: no-repeat; background-position: center top; float:left; background-color:#f8f9fa; padding-top:15px; } .sidebar-box-contents { background-image: url(/images/sidebar-grad-bottom.gif); background-repeat: no-repeat; background-position: center bottom; float:left; padding-bottom:15px; } .sidebar-box-contents p, .sidebar-box-contents h3 { margin-left:20px; margin-right:20px; font-size:11px; } #content .sidebar-box-contents h1 { color:#FFFFFF; font-size:16px; height:10px; padding:12px; width:256px; margin:0 10px; } html.who .sidebar-box-contents h1 { background-color:#4DC8E9; } html.what .sidebar-box-contents h1 { background-color:#FDB825; } html.how .sidebar-box-contents h1 { background-color:#A5C22D; } /*building blocks*/ .sidebar { margin-top:20px; } /*helpers*/ .clear-left { clear:left; } /*grid system - 6 column grid, cols-1 mean 1 column's worth. cols-2 means 2 columns worth of width, etc.*/ .cols-1, .cols-2, .cols-3, .cols-4, .cols-5, .cols-6, .cols-6-parent { display:inline; float:left; margin-left:0px; margin-right:16px; } .cols-1 {width: 140px; } .cols-2 {width: 296px;} .cols-3 {width: 452px;} .cols-4 {width: 608px;} .cols-5 {width: 764px;} .cols-6 {width: 920px;} .cols-6-parent { width: 920px; padding:0 20px; } .last-child {margin-right:0;} /*last child in a grid*/ /*html*/ em { font-style:italic; } strong { font-weight:bold; } a { color:#fff; text-decoration:none; } a:hover { text-decoration:underline; } html.who div.panes a { color:#4DC8E9; } h1 { font-size:35px; font-weight:bold; padding:10px 0; } html.what h1 { color:#FDB825; } html.how h1 { color: #A5C22D; } html.who h1 { color: #4DC8E9; } h1 em { } h2 { color:#161C23; font-size:20px; font-weight:bold; } html.who h2 { color: #4DC8E9; font-size:14px; } h3 { color:#161C23; font-size:11px; font-weight:bold; line-height:1.4em; } h4 { color:#161C23; font-size:12px; font-weight:bold; } h5 { }