/* Additional styles for home page only.
   Copyright (c) 2008-10 Azuro, Inc. All rights reserved.
*/

#bd-wrap {
  padding: 0px; /* override normal */
}

#bd { 
  position: relative;
  height: 722px;
}

#cols { 
  position: absolute;
  bottom: 0;
  width: 911px;
  height: 10px;
}


/* Banner */

#banner { 
  position: absolute;
  top: 26px;
  left: 22px;
  width: 628px;
  height: 320px;
  background: transparent url(img/banner/tsmc-adopts-rubix.jpg) 0px 0px no-repeat;
  cursor: pointer; /* ie6 */
}

#banner h1,
#banner h2 {
  visibility: hidden;
}

/* About box */

#about {
  position: absolute;
  top: 16px;
  right: 0px;
  width: 233px;
}

#about p {
  color: #555;
  line-height: 1.5 !important; /* non-ie6 */
  line-height: 1.35; /* ie6 */
}


/* Product boxes */

#prods { 
  position: absolute;
  top: 368px;
  left: 0px;
  height: 210px;
  width: 674px;
  background: transparent url(img/roundrect/prods-bg-all.png) 0px 0px no-repeat;
}

#prods #prod-rbx,
#prods #prod-pct {
  position: absolute;
  cursor: pointer;
  top: 9px;
  width: 301px;
  height: 192px;
}

#prods #prod-rbx {
  left: 15px;
  color: #77823c;
}

#prods #prod-pct { 
  left: 358px;
  color: #598198;
}

#prods h1 { 
  font-weight: bold;
  font-size: 108%;
}

#prods #prod-rbx h1 {
  color: #555d2b;
}

#prods #prod-pct h1 {
  color: #375f76;
}

#prods h2 {
  position: absolute;
  top: 28px;
  line-height: 1.4;
  font-weight: bold;
  font-size: 108%;
}

#prods p.more {
  position: absolute;
  top: 0px;
  right: 0px;
  font-weight: normal;
}

#prods ul.features { 
  position: absolute;
  top: 82px;
  line-height: 1.9;
  font-size: 108%;
}



/* What's new section */

#whats-new { 
  position: absolute;
  top: 188px;
  right: 0px;
  width: 233px;
  background: #eee;
  overflow: hidden;
}

#whats-new div.box-body-content { 
  height: 494px; /* plus box header and footer = 534px; also fixes IE6 layout error */
}

#whats-new a.more {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 0 1em 0 0;
  color: #666;
}

#whats-new a.more:hover {
  color: #0054a0;
}

#whats-new .items {
  overflow: auto;
}

#whats-new .item { 
  font-size: 93%;
  line-height: 1.4;
  margin: 0.75em 0;
}

#whats-new .item h2 { 
  color: #777;
}



/* Customer quotes section */

#cust-quotes { 
  position: absolute;
  top: 590px;
  left: 0px;
  width: 674px;
  height: 132px;
  overflow: hidden;
  background: transparent url(img/roundrect/quotes-bg-all.png) 0px 0px no-repeat;
}

#cust-quotes #quotes { 
  position: relative;
}

#cust-quotes #quotes div h2 {
  float: left;
  margin: 36px 5px 0 8px;
  text-indent: -8000px;
  background: url(img/quotes/quotes-logos-sprite.jpg) 0px 0px no-repeat;
  height: 60px;
  width: 120px;
  display: none;
}

#cust-quotes #quotes div div { 
  float: left;
  display: none;
  width: 497px;
  padding: 1.5em 20px;
  font-size: 93%;
  line-height: 1.4;
}

#cust-quotes #quotes div.shown h2,
#cust-quotes #quotes div.shown div { 
  display: inline; /* not block, to work around ie6 bug */
}


#cust-quotes #quotes div div blockquote { 
  color: #555;
  height: 5.5em;
}

#cust-quotes #quotes div div p.author { 
  text-align: right;
  font-weight: bold;
  color: #555;
}

#cust-quotes #quotes div div p.title { 
  text-align: right;
  color: #777;
}


#cust-quotes #quotes .quote-atheros h2 { 
  background-position: 0px 0px;
}

#cust-quotes #quotes .quote-broadcom h2 { 
  background-position: 0px -60px;
}

#cust-quotes #quotes .quote-csr h2 { 
  background-position: 0px -120px;
}

#cust-quotes #quotes .quote-ikanos h2 { 
  background-position: 0px -180px;
}

#cust-quotes #quotes .quote-nvidia h2 { 
  background-position: 0px -240px;
}

#cust-quotes #quotes .quote-st h2 { 
  background-position: 0px -300px;
}

#cust-quotes #quotes .quote-toshiba h2 { 
  background-position: 0px -360px;
}

#cust-quotes #quotes .quote-tsmc h2 { 
  background-position: 0px -420px;
}