@charset "utf-8";
/* pacbio.css
   global style sheet for Pacific Biosciences site
*/

* {
  margin: 0;  padding: 0;
}

body {
  background-color: #999;
  font: 12px arial, helvetica, sans-serif;
}

a {
  text-decoration: none;
}

a img {
  border: none;
}

a:active, a:focus {
  outline: none;
}

a.youAreHere {
  cursor: default;
}

sup {
  font-size: 0.74em;
  vertical-align: 0.4em;
}

.clearFloat {
  clear: both;
  width: auto;
  height: 1px;
  font-size: 1px;
  lineheight: 1px;
}

.accessSpace {          /* place elements that ... uh, huh?! */
  visibility: hidden;
}

.printOnly { /* don't display print-specific elements */
  display: none;
}

.screenOnly { /* screen-only */
  display: inline;
}

.more {
  text-transform: uppercase;
  font-size: 90%;
}

/* == Page positioning and background images =========================*/

#wrapper {
  position: relative;    left: 0;    top: 0;
  margin: 10px auto;
  border: solid 1px #333;
  width: 955px;    height: 600px;
  color: #FFF;
}

/* == Header =========================================================*/
#header {
/*
  width: 561px;    height: 156px;
*/
  height: 156px;
}





/* == Logo ===========================================================*/
#logo {
  position: absolute; top: 18px; left: 418px;
}

#logoLink a {
  display: block;
  width: 279px; height: 60px;
  background: #FFF;
}

#logoImgPrint { /* screen-specific rule */
  display: none;
}

/* == Navigation =====================================================
    (includes a few rules common to #pointOfAction)
*/

#mainNav {
  position: absolute; top: 86px; left: 407px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  width: 548px;
}

#mainNav a{
  text-decoration: none;
  color: #FFF;
}

#mainNav dl {
  float: left;
}

#mainNav dt {
  display: inline;
}

#mainNav dt a,#mainNav dl dd dl dt a {
  display: block;
/* for debug only 
  outline: 1px dotted #CCC;  
*/  

}

#mainNav dt a {
  float: left;
  padding: 0px 10px 12px 11px;
  text-transform: uppercase;
}

/* Hack for IE7 dropdown issue
    IE7 does not recogonize a hotspot created by padding or by lineheight so
    the dropdown menus aren't accessible. Workaround the issue by adding a
    transparent GIF to give IE7 something to hover over ...
*/
/* Adjust target area for drop down nav in ie7
   Added class to nav_main.htm
   About Us, Technology, Applications, Community, News and Events, and Careers*/
#mainNav dt a.top_nav {
 line-height: 26px !important;
}

#mainNav dt a #main_nav_about,
#mainNav dt a #main_nav_tech,
#mainNav dt a #main_nav_apps,
#mainNav dt a #main_nav_comm,
#mainNav dt a #main_nav_newsevents,
#mainNav dt a #main_nav_careers {
	width: 70px;
	height: 24px;
	z-index: +1;
	position: absolute;
	left: 11px;
}

#mainNav dt a #main_nav_tech {
	width: 80px;
	left: +88px !important;
}

#mainNav dt a #main_nav_apps {
	width: 90px;
	left: +181px !important;
}

#mainNav dt a #main_nav_comm {
	width: 90px;
	left: +293px !important;
}

#mainNav dt a #main_nav_newsevents {
	width: 85px;
	left: +374px !important;
}

#mainNav dt a #main_nav_careers {
	width: 50px;
	left: +474px !important;
}

/* end nav target area adjustments */
/* End Hack for IE7 dropdown issue */

/* highlight current main Nav item */
body#aboutPage #mainNav dt.navabout a,
body#techPage #mainNav dt.navtech a,
body#appsPage #mainNav dt.navapps a,
body#commPage #mainNav dt.navcomm a,
body#newsPage #mainNav dt.navnewsevents a,
body#eventsPage #mainNav dt.navnewsevents a,
body#press-releasesPage #mainNav dt.navnewsevents a,
body#careersPage #mainNav dt.navcareers a,
body#contactPage #mainNav dt.navcontact-us a,
#mainNav dt.primaryNav a:hover{
  color: #F90;
}

/* Secondary Navigation
*/

#mainNav dd dl#dropabout {
  left: 11px;
}

#mainNav dd dl#droptech {
  left: 86px;
}

#mainNav dd dl#dropapps {
  left: 180px;
}

#mainNav dd dl#dropcomm {
  left: 290px;
}

#mainNav dd dl#dropnewsevents {
  left: 375px;
}

#mainNav dd dl#dropcareer {
  left: 482px;
}

#mainNav dd dl.dropDown {
  display: none;
  position: absolute; top: 23px;
  z-index: 200;
}



#mainNav dd dl a {
  float: none;
  border: 1px solid #CCC;
  border-top: none;
  padding: 2px 17px;
  width: 80px;              /* default width for dropdowns in main navigation */
  color: #666;
  background-color: #EEE;
  text-transform: capitalize;
}

#mainNav dd dl#dropapps a {
  width: 125px;
}

#mainNav dd dl#dropcomm a {
  width: 100px;
}
#mainNav dd dl#droptech a {
  width: 110px;
}

/* highlight current subnav item */
body.aboutPage dl#mainNav dl dt.snavAbout a, 
body.historyPage dl#mainNav dl dt.snavHistory a,
body.teamPage dl#mainNav dl dt.snavTeam a,
body.contact-usPage dl#mainNav dl dt.snavContactus a,
body.techPage dl#mainNav dl dt.snavTech a,
body.appsPage dl#mainNav dl dt.snavTech a,
body.smrtglancePage dl#mainNav dl dt.snavTech a,
body.lookaheadPage dl#mainNav dl dt.snavTech a,
body.detailsPage dl#mainNav dl dt.snavDetails a,
body.synthPage dl#mainNav dl dt.snavDetails a,
body.realtimePage dl#mainNav dl dt.snavDetails a,
body.hqdataPage dl#mainNav dl dt.snavDetails a,
body.scalabilityPage dl#mainNav dl dt.snavDetails a,
body.advantPage dl#mainNav dl dt.snavAdvantages a,
body.pubsPage dl#mainNav dl dt.snavPubs a,
body.resourcesPage dl#mainNav dl dt.snavResources a,
body.appsPage dl#mainNav dl dt.snavApps a,
body.dnaPage dl#mainNav dl dt.snavDna a,
body.addlappsPage dl#mainNav dl dt.snavAddlApps a,
body.newsEventsLandingPage dl#mainNav dl dt.snavnewsEvents a,
body.newsPage dl#mainNav dl dt.snavNews a,
body.eventsPage dl#mainNav dl dt.snavEvents a,
#mainNav dd dl a:hover{      
  color: #C60;
  background: #CCC url(../gfx/marker_dash_gold.gif) 4px center no-repeat;
}  

body#teamPage #mainNav dl dd dl,
body#hmartinPage #mainNav dl dd dl{
  display: block;
}

#mainNav dl dd dl dt a {
  text-transform: none;
}



/* == Point of Action (Search dialog and Registration link) ==========
*/
#pointOfAction {
  position: absolute;    right: 19px; top: 16px;
  font-size: 9px;
}

#pointOfAction div,#pointOfAction p,#pointOfAction a {
  color: #FFF;
}

#pointOfAction a:hover {
  color: #F90;
}

#pointOfAction div {
  line-height: 2.4em;
}

#pointOfAction form#searchStyle p {
  display: inline;
}

#pointOfAction .buttonDot {
  vertical-align: -0.4em
}

#pointOfAction form {
  display: inline;
}

#pointOfAction input#query {
  border: none;  
  height: 15px;
  vertical-align: -0.1em;  
  font-size: 12px;
}

#pointOfAction {
}

.contact-usPage #tertiaryNav #navTershabout #navContact a,
.smrt-dna-sequencingPage #tertiaryNav #navTershapps #navSmrtDnaSequencing a,
.smrt-overviewPage #tertiaryNav #navTershapps #navSmrtOverview a,
.community-overviewPage #tertiaryNav #navTershcomm #navCommOverview a,
.current-partnersPage #tertiaryNav #navTershcomm #navCommCurrentPartners a,
.partnership-requestPage #tertiaryNav #navTershcomm #navCommPartnershipRequest a,
.partner-programPage #tertiaryNav #navTershcomm #navPartnerProgram a,
.overview1Page #navOverview{
	color:#BB0022;
}

.hugh-martin1Page #navTershTeamhugh-martin1 a,
.current-partnersPage #navCommcurrent-partners a,
.partnership-requestPage #navCommpartnership-request a{
	color:#DD6633;
	cursor:default;
}


.hugh-martin1Page #navTershTeamhugh-martin a {
	color: #555;
}

/* == Footer =========================================================

*/

#footer {
/*
  width: 537px;
*/
  margin: 0px 17px 0px 415px;
  text-align: right;
  font-size: 9px;
  line-height: 29px  
}  

#footer #footerNav {
  float: left;
  text-transform: uppercase;
}  

#footer #footerNav a {
  color: #FFF;
}

#footer #footerNav a:hover {
  color: #F90;
}

#footer #copyright {
  float: right;
}