/*-------------------------- Audyssey Laboratories, Inc. 350 S. Figueroa St., Suite 233 Los Angeles, CA 90071 213-625-4300 www.audyssey.com --------------------------*/ /*------------------------ LAYOUT------------------------*/ body {text-align: center;padding: 0;margin: 0;font-family: Helvetica, Arial, sans-serif, verdana "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font;font-size: 14px;color: #404040;line-height: 19px;/* background: url(images/titlebar.gif) repeat-x left top; */ background: #EDEDED} body.contentpane {text-align: left;background: none} form {margin: 0} #banner {width: 900px;clear: both;padding-bottom: 35px} #banner.installer-stories {margin-top: -10px} #billboards {width: 900px;height: 178px;clear: both} #billboards img {float: left} #contentarea {width: 900px;clear: both;min-height: 400px;_height: 400px} #contentareaNoBck {width: 900px;clear: both;min-height: 400px} #mainwrap {width: 900px;margin-left: auto;margin-right: auto;text-align: left} #subcontentleft {width: 180px;float: left} #subcontentleftpad {padding: 45px 12px 0 0} #maincontent {width: 540px;float:left} #maincontentpad {padding: 35px 36px 35px 36px} #subcontentright {width: 180px;float:left} #subcontentrightpad {padding: 45px 0 0 10px} #maincontentwide {width: 720px;float: left} #fulllengthcontent {width: 900px} #maincontentwidepad {padding: 0 36px 35px 0} /*------------------------ New 2-column layout ------------------------*/ #contentarea2col {width: 900px;clear: both;min-height: 400px;_height: 400px;background: url(http://www.audyssey.com/images/divider_2column.gif) repeat-y left top} #maincontentarea {width: 636px;float: left} #maincontentareapad {padding: 0 36px 36px 0} #subcontentarea {width: 264px;float: left} #subcontentareapad {padding: 24px 0 0 36px} #maincontentarea h1 {padding-top: 0;margin-top: 0} /*------------------------ New auto layout ------------------------*/ #autolay {width: 900px;clear: both;min-height: 400px;_height: 400px;} #main_autolay {width: 900px;float: left} #maincontent_autolay {padding: 0 36px 36px 0} /*------------------------ Footer ------------------------*/ #footer {clear: both;width: 900px;margin: 20px 0;border-top: 1px solid #e5e5e5;color: #666;padding: 30px 0 40px 0;font-size: 11px;line-height: 16px} #footer ul {float: left;list-style: none;margin: 0;padding: 0;} #footer ul.products {float: left;list-style: none;margin: 0;padding: 0;width: 185px} #footer ul.solution {float: left;list-style: none;margin: 0;padding: 0;width: 195px} #footer ul.tech {float: left;list-style: none;margin: 0;padding: 0;width: 180px} #footer ul.installer {float: left;list-style: none;margin: 0;padding: 0;width: 175px} #footer ul.about {float: left;list-style: none;margin: 0;padding: 0;width: 160px} /* new 08.02.2010 */ #footer ul li, #footer ul li a {color: #999; font-family: Helvetica, Arial, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font ; font-size: 11px} #footer ul strong {color: #666; display: block; font-weight: bold; margin-bottom: 10px} /* override for home page */ /* .home #footer ul {width: 197px} */ /* #footer ul.products { width: 170px} #footer ul.tech { width: 150px} #footer ul.installer { width: 130px} #footer ul.about { width: 110px} #footer ul.connect { width: 120px} */ #multi-page-nav {text-align: right;padding-top: 10px} #footer ul li a {background-image: none} #footer .copyright {clear: both; font-family: Helvetica, Arial, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font ;font-weight: bold;padding-top: 20px;} /*------------------------ Contact Form ------------------------*/ .captcha {padding: 30px 0 0 120px} .contact01 { width: 449px; float: left; margin-right: 20px;} .contact02 { width: 430px; float: left;} /*------------------------ Newsletter Homepage ------------------------*/ #newsletter_home {height: 100px;border-bottom: 1px solid #fff;padding-bottom: 2px;margin-bottom: 2px} #newsletter_home input.email {width: 180px; height: 14px;margin-right: 6px} #subscribe_footer_success {display:none; color: green} /*------------------------ Newsletter Main ------------------------*/ #newsletter { float: right;position: relative;text-align: right;width: 275px} #footer #newsletter {width: 310px} .subscribe label.error, .subscribe .subscribe_error, #newsletter label.error {left: 30px;position: absolute;top: 25px} .subscribe input:focus {border: 1px solid #666} #subscribe_header.sub™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿ™™™ÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿÅÅÅÿËËËÿÒÒÒÿÛÛÛÿâââÿéééÿïïïÿôôôÿøøøÿûûûÿüüüÿýýýÿúúúÿöööÿòòòÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿ™™™ÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿ”””ÿÊÊÊÿàààÿìììÿöööÿüüüÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿõõõÿ___ÿ]]]ÿ]]]ÿ]]]ÿ]]]ÿ]]]ÿ]]]ÿuuuÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿíííÿÐÐÐÿÿÿÿÿÿÿÿÿËËËÿðððÿÿÿÿÿÿÿÿÿÿÿÿÿÎÎÎÿ]]]ÿ]]]ÿ]]]ÿ]]]ÿ]]]ÿ]]]ÿ]]]ÿžžžÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿêêêÿ°°°ÿêêêÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿüüüÿ¬¬¬ÿ^^^ÿ‡‡‡ÿ¸¸¸ÿÖÖÖÿæææÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿ”””ÿÊÊÊÿàààÿìììÿöööÿüüüÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿüüüÿ¬¬¬ÿ^^^ÿ‡‡‡ÿ¸¸¸ÿÖÖÖÿæææÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿîîîÿ”””ÿÊÊÊÿàààÿìììÿöööÿüüüÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿÝÝÝÿallink.gif) no-repeat right top;padding-right: 10px} */ a[href^="http://www.audyssey"], a[href^="http://test.audyssey"], a[href^="http://test2.audyssey"], a[href^="http://stage.audyssey"], a[href^="http://dev.audyssey"], a[href^="http://audyssey"] {background: none;padding-right: 0} a[href$=".pdf"] {background: url(images/pdflink.png) no-repeat right top;padding-right: 15px} /*------------------------ Footer Links ------------------------*/ #footer a:link { color: #999; text-decoration: none; } #footer a:visited { color: #999; text-decoration: none; } #footer a:hover { color: #999; text-decoration: underline; } #footer a:active { color: #999; text-decoration: none; } /*------------------------ IMAGES ------------------------*/ a img {border: 0px} .banner {} /*------------------------ HEADER------------------------*/ #mainwrap {background: #fff;width: 960px} #maininner {background: #fff;margin: 0 30px;width: 900px} #header {background: #333 url(images/bg_header.png) no-repeat 0 0;height: 160px;position: relative;z-index: 9999; /* so dd menus in header on ie will display OVER lower content, esp on home page */ } /** header positions **/ #titlebar, #mainNav {position: absolute} #titlebar {bottom: 30px;left: 30px} #mainNav { bottom: 19px; right: 19px; } /* -- header defaults -- */ #header a {font-style: none} #header a:link, #header a:visited {color: #AEAEAE} #header a:hover, #header a:active {color: #fff} #header #utility, #header .subscribe {float: right} #mainNav {float: right; margin-right:70px;} /* -- logo -- */ #titlebar {height: 26px} #titlebar img {height: 26px;position: absolute;width: 201px} /* -- utitilty -- */ #header #utility {position: absolute;top: 3px;right: 33px} #header #utility li {float: left;list-style-type: none;margin: 0;padding:0} #header #utility li a {display: block; float: left; font-family: Helvetica, Arial, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font ; font-size: 13px; font-weight: normal; list-style-type: none} #header #utility li a, #header #utility li span.bullet {padding-right: 3px} #header #utility li.facebook , #header #utility li.twitter {background: url(images/icon_header_facebook.png) no-repeat 0 0;display: block;height: 16px;margin-right: 0;margin-left: 3px;text-indent: -5555px;width: 16px} #header #utility li.facebook { margin-left: 7px; margin-right: 3px} #header #utility li.twitter {width: 16px} #header #utility li.twitter {background-image: url(images/icon_header_twitter.png);margin-right: 0} #utility li span.bullet { color: #AEAEAE; padding: 0px 4px 0px 1px !important;} /* -- subscribe form header/footer -- */ #header .subscribe {position: absolute;right: 30px;top: 50px} .subscribe input {display: block;float: left;margin: 0;padding: 0} .subscribe .email {background: url(images/bg_subscribe_header2.png) no-repeat 0 0;border: none;color: #b9b9b9;font-family: Helvetica, Arial, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font ;font-size: 12px;height: 25px;line-height: 25px; padding: 0 0 0 5px;width: 185px} #subscribe_footer {float:right} #subscribe_footer.subscribe .email {background: url(images/bg_subscribe_footer2.png) no-repeat 0 0;color: #8D8D8D;width: 215px; padding-right: 0} .subscribe .submit {background: #1a1a1a url(images/button_subscribe_header.png) repeat-x 0 0;border: none;color: #B9B9B9;cursor: pointer;font-family: Helvetica, Arial, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font ; height: 25px;margin: 0;padding: 0;width: 80px} #subscribe_footer.subscribe input.submit {background: #1a1a1a url(images/button_subscribe_footer.png) repeat-x 0 0 !important;text-indent: -5555px;line-height: 5} .subscribe_success, .subscribe_error {display:none;color: green} .subscribe_error {color: red} /*------------------------ MAIN NAV ------------------------*/ /* suckerfish skeleton structure and functionality */ /* reset all elements, start from scratch */ ul.menu_main, ul.menu_main * {margin: 0;padding:0; list-style-type: none;z-index: 9999;text-align: left;position: relative} ul.menu_main li {float: left;position: relative;list-style-type: none} ul.menu_main li li {float: left;position: relative;margin:0;padding:0} ul.menu_main li ul {display: none;position: absolute;top: 40px;left: 0} ul.menu_main li ul ul {position: absolute;top: 0;left: 200px} ul.menu_main li ul .sub2navi01 {position: absolute;top: 0;left: 150px} ul.menu_main li ul .sub2navi02 {position: absolute;top: 0;left: 170px} ul.menu_main li:hover ul, ul.menu_main li.sfhover ul{display: block} ul.menu_main li:hover ul ul, ul.menu_main li.sfhover ul ul{ display: none; } ul.menu_main li li:hover ul, ul.menu_main li li.sfhover ul {display:block} ul.menu_main li a, ul.menu_main li a span {display: block;height: 45px} /* fonts */ /* top level */ ul.menu_main li a { color: #ccc;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font ;font-weight: 100;font-size: 20px;height: 40px;padding: 12px 10px 5px;text-decoration: none;text-transform: lowercase} ul.menu_main li:hover, ul.menu_main li.sfhover a {background-color: #1A1A1A;color: #fff} ul.menu_main ul li.parent:hover>a {background: url(images/nav_arrow_small.png) no-repeat 140px 10px;color: #fff} ul.menu_main li ul li ul li:hover, ul.menu_main li.sfhover ul li ul li a {background-color: #262626;color: #fff} /* 2nd and 3rd levels */ ul.menu_main li ul li a { font-family: Helvetica, Arial, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font ;font-size: 11px;font-weight: normal;height: 26px;padding: 0 10px;text-transform: none} ul.menu_main li ul li ul li a {font-size: 12px;font-weight: normal} ul.menu_main li ul li a span {border-bottom: 1px solid #313131;cursor: pointer;display: block;height: 22px;padding: 3px 0 0 10px;width: 170px} ul.menu_main li ul li a .subnavi01 {border-bottom: 1px solid #313131;cursor: pointer;display: block;height: 22px;padding: 3px 0 0 10px;width: 148px} ul.menu_main li ul li a .subnavi02 {border-bottom: 1px solid #313131;cursor: pointer;display: block;height: 22px;padding: 3px 0 0 10px;width: 140px} /* background */ /* 2nd level background color */ ul.menu_main ul li {background-color: #1A1A1A} /* 3rd level background color */ ul.menu_main ul ul li {background-color: #262626} ul.menu_main ul ul li a:hover {background-color: #262626} /* set active states */ #header ul.menu_main li#current>a {color: #fff} #header ul.menu_main li#current a li a {color: #AEAEAE} #header ul.menu_main li.active li a {color: #AEAEAE} #header ul.menu_main li.active a:hover, #header ul.menu_main li.active li.sfhover a {color: #fff} #header a[href^="http:"] {background-image:none} /* css image sprites for top level */ ul.menu_main li.item198, ul.menu_main li.item195, ul.menu_main li.item65, ul.menu_main li.item89, ul.menu_main li.navi01 {background: url(images/nav_arrow_large.png) no-repeat 125px 18px;padding: 0 20px 0 10px} ul.menu_main li.navi02 {background: url(images/nav_arrow_large.png) no-repeat 90px 18px;padding: 0 20px 0 10px} ul.menu_main li.navi03 {background: url(images/nav_arrow_large.png) no-repeat 90px 18px;padding: 0 20px 0 10px} ul.menu_main li.item198, ul.menu_main li.item195, ul.menu_main li.item89, ul.menu_main li.navi01{background: url(images/nav_arrow_large.png) no-repeat 145px 18px} ul.menu_main li.navi02{background: url(images/nav_arrow_large.png) no-repeat 90px 18px} ul.menu_main li.navi03{background: url(images/nav_arrow_large.png) no-repeat 90px 18px} ul.menu_main li.item198>a, ul.menu_main li.item195>a, ul.menu_main li.item65>a, ul.menu_main li.item89>a, ul.menu_main li.navi01>a{background: url(images/nav-sprite2.png) no-repeat 0 -5px;line-height: 5;text-indent: -5555px;padding: 0;margin: 0;width: 175px} ul.menu_main li.navi02>a{background: url(images/nav-sprite2.png) no-repeat 0 -5px;line-height: 5;text-indent: -5555px;padding: 0;margin: 0;width: 90px} ul.menu_main li.navi03>a{background: url(images/nav-sprite2.png) no-repeat 0 -5px;line-height: 5;text-indent: -5555px;padding: 0;margin: 0;width: 90px} ul.menu_main li.item215>a{background: url(images/nav-products.png) no-repeat 0 0;line-height: 5;text-indent: -5555px;padding: 0;margin: 0;width: 75px} ul.menu_main>li:hover {background-color: #1A1A1A} ul.menu_main li>a:hover,ul.menu_main li>a.active {background-color: #1A1A1A;background-position: 0 -46px} ul.menu_main li.item65>a {background-position: -75px -5px;width: 109px} ul.menu_main li.item65>a:hover,ul.menu_main li.item65>a.active {background-position: -75px -46px} ul.menu_main li.item89>a {background-position: -184px -5px;width: 76px} ul.menu_main li.item89>a:hover,ul.menu_main li.item89>a.active {background-position: -184px -46px} /* products */ ul.menu_main li.navi01>a {background-position: -209px -5px;width: 126px} ul.menu_main li.navi02>a {background-position: -0px -5px;width: 76px} ul.menu_main li.navi03>a {background-position: -105px -5px;width: 76px} ul.menu_main li.navi01>a:hover,ul.menu_main li.item215>a.active {background-position: -209px -46px} ul.menu_main li.navi02>a:hover,ul.menu_main li.item215>a.active {background-position: -0px -46px} ul.menu_main li.navi03>a:hover,ul.menu_main li.item215>a.active {background-position: -105px -46px} /*------------------------ BREADCRUMBS ------------------------*/ #ja-pathway {clear: both;padding: 12px 0 18px 2px;font-size: 11px} #ja-pathway a[href^="http:"] {background: none;padding-right: inherit} /*------------------------ CLIENT SETUP POPUP ------------------------*/ #clientsetup-container {margin: 0;padding: 0;width: 720px;height: 338px} #clientsetup-bar {width: 720px;height: 50px;float: left;background-image: url(images/installers/installerstories/setuptitle.gif);background-repeat: no-repeat} #clientsetup-text {color: black;width: 250px;height: 288px;padding: 0 20px 0 30px;float: left;clear: both;background-color: #CB8F1F;text-align: right} #clientsetup-image {width: 420px;height: 288px;float: left;background-color: #975C20;text-align: left} /*------------------------ GRAPHS RESULTS POPUP ------------------------*/ #graphresult-container {margin: 0;padding: 0;width: 800px} #graphresult-bar {width: 800px;height: 50px;float: left;background-image: url(images/installers/installerstories/graphresultstitle.gif);background-repeat: no-repeat} #graphresult-text {color: black;width: 150px;padding: 10px 20px 0 30px;float: left;clear: both;background-color: #fff;text-align: right} #graphresult-image {width: 592px;float: left;margin-top: 25px;padding-left: 8px;text-align: left} /*------------------------ BLOG ------------------------*/ #contentarea-blog {width: 900px;background: url(images/bckblog.jpg) repeat-y left top;clear: both} #contentarea-newsletter {width: 900px;background: url(images/bcknewsletter.jpg) repeat-y left top;clear: both} #subcontentleft-newsletter {width: 250px;float: left} #subcontentleftpad-newsletter {padding: 30px 12px 0 0} #maincontent-newsletter {width: 640px;float:left} #maincontentpad-newsletter {padding: 35px 36px 35px 36px} #contentarea-blog-nobg {width: 900px;clear: both} #footergradient-blog {padding: 6px 0;text-align: center;clear: both;width: 900px} #leftcolumn-blog {width: 690px;float: left} #leftcolumnpad-blog {padding: 20px 60px 0 130px} #rightcolumn-blog {width: 210px;float:left} #rightcolumnpad-blog {padding: 10px 24px} /*------------------------ INSTALLER WEBSITE ------------------------*/ #contentarea-installersite {width: 900px;background: url(images/bckinstallersite.jpg) repeat-y left top;clear: both} #leftcolumn {width: 260px;float:left} #leftcolumnpad {padding: 35px 12px} #leftcolumn a {text-decoration: none} #leftcolumn a:hover {text-decoration: underline} #rightcolumnpad {padding: 0px 36px} #rightcolumn {width: 640px;float: left} #footergradient-installer {padding: 6px 0 0 295px;clear: both;width: 605px;background: url(images/footergradient-installer.jpg) left top;background-repeat: no-repeat} #installersignin {padding-bottom: 10px;margin-bottom: 18px} #installersignin input, #installersignin select, #installersignin2 input, #installersignin2 select {padding: 0;margin-right: 12px} #installersignin2 {width: 900px;margin-bottom: 18px} #installersignin2-inner {padding: 21px 100px 20px 100px} #googlemap {width: 900px} /*------------------------ PRODUCTS SECTION ------------------------*/ img.new-icon, img.comingsoon-icon, img.discontinued-icon {position: relative;display: block;z-index: 1000} .products .new-icon, .products .comingsoon-icon, .products .discontinued-icon {top: 40px} #rightcolumn-product {width: 720px;float: left} #rightcolumn-product-pad {padding: 45px 0px 35px 36px} #category-main {width: 900px;padding-left: 180px} #category-main-pad {padding-top: 45px} .category-row {width: 720px} .category-container {width: 200px;float: left;padding-right: 40px} .product-row {width: 684px;float: left;clear: both;margin: 10px 0 10px 0} .logo-dealer-container {width: 684px;float: left;clear: both} .logo-dealer-container img {float: left} .item-container {width: 159px;float: left;margin-right: 9px} #form2 {display: inline;margin-left: 36px} /*------------------------ HOMEPAGE GREETING BOX ------------------------*/ #greetingbox_inner {padding: 10px 26px} #greetingbox { width: 256px; height: 280px; border: 1px solid #dcdcdc; position: absolute; top:200px; left: 0px; background-color: white; font-family: georgia, times, times-roman, serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font ; font-size: 17px; line-height: 21px; opacity: .93; filter:alpha(opacity=93);//filter:progid:DXImageTransform.Microsoft.Alpha(opacity=93);//-moz-opacity:0.93} /*------------------------ OTHERS ------------------------*/ .post {padding-top: 10px} .rule {border-bottom: 1px solid #C0C0C0;padding-bottom: 12px;margin-bottom: 12px} .rule-top {border-top: 1px solid #C0C0C0;padding-top: 15px;margin-top: 15px} .clear {clear: both} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden} .clearfix {display: inline-table} /* backslash hides from IE mac \*/ * html .clearfix {height: 1%} .clearfix {display: block} /* end backslash hack */ #teaser {position: absolute;width: 180px;height: 71px;top: 0px;z-index: 10} .blogteaser {position: relative;left: 710px;top: 100px} a.blogteaser {display: block;width: 180px;height: 71px;background: url("images/blog_teaser.png") 0 0 no-repeat;text-decoration: none} a:hover.blogteaser {background-position: 0 -71px} .article_url {padding-top: 12px} /*------------------ HOMEPAGE ROTATING BANNERS -------------------*/ #banners {height: 350px; width: 900px; position: relative; overflow: hidden} #rotate {} #banners .products {z-index: 100; width: 376px; height: 0px; position: absolute; top: 240px; left: 40px; font-weight: normal; border-top: 1px solid #C0C0C0} #banners .products p {padding-top: 12px} #banners .products img {margin-right: 14px} /* position and dimensions of the navigator */ .navi {position:absolute;right:5px;bottom:5px;z-index:999} .navi a {width:10px;height:10px;float:left;margin:3px;background:url(images/navigator2.png) 0 0 no-repeat;display:block;font-size:1px;cursor:pointer;text-indent:-9999em;overflow: hidden} .navi a:active, .navi a:focus {outline:none} .navi a:hover {background-position:0 -20px} /* active state (current page state) */ .navi a.activeSlide {background-position:0 -10px} .sectionheads td h4 {padding: 0 0 0 20px; color: #c61e4f} .sectioncontent td {width: 400px; padding: 10px 20px 0 20px} .newsfeed_item { padding-bottom: 14px} .quote {font-family: helvetica, "lucida grande", arial, verdana, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font ;font-size: 16px;line-height: 22px;font-weight: normal; font-style: italic; color: #999} .newsfeed_date {font-style: italic; font-size: 11px} .left { float: left} .right {float: right} blockquote {text-indent: 26px;background: url(images/open-quote.gif);background-position: 0 2px;background-repeat: no-repeat;margin: 0;padding: 0} blockquote p {font-family: Helvetica, Arial, sans-serif, verdana, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font ;font-size: 12px;line-height: 19px;display: inline;margin: 0;padding-right: 24px;background: url(images/close-quote.gif);background-position: bottom right;background-repeat: no-repeat} /* transforms link info icon */ .downloadpdf {background: url(images/pdf_icon_22x22.png) no-repeat top left !important;display: block;height: 22px;padding: 3px 0 0 30px !important} /*** BASS EXTENSION PAGE ***/ .bass-container {margin-bottom: 20px} .bass-container .logo {float: left;width: 150px;margin-left: 10px} .bass-container .logo img {float: right} .bass-container .bass-copy {float: right;width: 700px} #socialmarks {float:right;padding-top:20px} .article-tools #socialmarks { /* specific for joomla template */ margin:0;padding:0} #socialmarks .socialbutton {float: left;list-style-type: none;width: 100px} #socialmarks .socialbutton.retweet {padding-top: 3px;width: 75px} /*------------------ SOUTH OF MARKET LANDING PAGE -------------------*/ #soma {background: url(images/soma/bg_soma_comingsoon_01.png) no-repeat 0 0;height: 540px;padding-top: 50px;position: relative;width: 900px} #soma h2 {background: url(images/soma/headline_soma_comingsoon.png) no-repeat 0 0;height: 100px;line-height: 5px;margin: 0 0 0 30px;text-indent: -5555px;width: 703px} #soma #somasignup, ul#somasocial {bottom: 190px;position: absolute} #somasignup {background: url(images/soma/bg_soma_comingsoon_form.png) no-repeat 0 0;height: 145px;margin: 0 0 0 30px;width: 405px} #somasignup h3, #somasignup .subscribe_success, #somasignup .subscribe_error, #somasignup .subscribe_wait {display: none;position: absolute;top: 5px;right: 80px} #somasignup .subscribe_success, #somasignup .subscribe_error, #somasignup .error {color: #fff;left: 0;position: absolute;top: 30px} #somasignup .subscribe_success, #somasignup .subscribe_error, #somasignup .subscribe_wait, #somasignup .error {color: #fff} #somasignup .error {left: 0;margin: 0;top: 30px} #somasignup .subscribe {left: 30px;position: absolute;top: 90px} #somasignup .subscribe {left: 30px;position: absolute;top: 90px} #somasignup .subscribe .email, #soma-buy #somasignup input[type=text] {background: #fff;border: none;color: #333;height: 30px;line-height: 30px;margin: 0;padding: 0 0 0 10px;width: 250px} #somasignup .subscribe .submit, #soma-buy #somasignup .subscribe input.submit {border: none;color: #fff;cursor: pointer;font-size: 14px; height: 30px;margin: 0} ul#somasocial {background: #fff;list-style-type: none;margin: 0;padding: 4px 5px 0 5px;right: 0} ul#somasocial li {background: #fff;float: left} ul#somasocial li a {background: url(images/soma/icon32_facebook.png) no-repeat 0 0;display: block;float: left;height: 32px;line-height: 5;margin: 5px 3px;text-indent: -5555px;width: 32px} ul#somasocial li a.twitter {background: url(images/soma/icon32_twitter.png) no-repeat 0 0} ul#somasocial li a.email {background: url(images/soma/icon32_email.png) no-repeat 0 0} /* -- news --*/ h1.news {margin-top: 10px;clear: both} /*-- various unclassified --*/ .list li {list-style-type: disc;margin-left: 40px} img.floatright {float: right;margin: 0 0 20px 20px} /*=================================================== ================ SOMA PAGES HEADER =================*/ #soma-header .nav {float: right} #soma-header .nav ul li {float: left;list-style-type: none;margin: 0 8px} #soma-header .nav ul li a { display: block; height: 25px; text-indent: -9999px; } #soma-header .nav ul li.item206 a{ background: url(images/soma/soma_nav_overview.png) no-repeat 0 -50px; background-position-y: bottom; width: 25px; } #soma-header .nav ul li.item207 a{ background: url(images/soma/soma_nav_features.png) no-repeat 0 -50px; width: 25px; } #soma-header .nav ul li.item220 a{ background: url(images/soma/soma_nav_tour.png) no-repeat 0 -50px; width: 49px; } #soma-header .nav ul li.item208 a{ background: url(images/soma/soma_nav_specs.png) no-repeat 0 -50px; width: 25px; } #soma-header .nav ul li.item218 a{ background: url(images/soma/soma_nav_app.png) no-repeat 0 -50px; background-position-y: bottom; width: 33px; } #soma-header .nav ul li.item228 a{ background: url(images/soma/soma_nav_reviews.png) no-repeat 0 -50px; width: 44px; } #soma-header .nav ul li.item219 a{ background:url(images/soma/soma_nav_support.png) no-repeat 0 -50px; width: 45px; } #soma-header .nav ul li.item216 a{ background:url(images/soma/button_buy.png) no-repeat; width: 63px; } #soma-header .nav ul li.item206 a:hover, #soma-header .nav ul li.item207 a:hover, #soma-header .nav ul li.item220 a:hover,#soma-header .nav ul li.item208 a:hover,#soma-header .nav ul li.item218 a:hover, #soma-header .nav ul li.item228 a:hover, #soma-header .nav ul li.item219 a:hover{ background-position:0 -25px; } #soma-header .nav ul li.active a,#soma-header .nav ul li.active a:hover{ background-position: 0 0; } #soma-header .title {font-weight: normal} /* HIDE BREADCRUMB ON SOMA PAGES VIA CSS */ .products-soma #ja-pathway, body.southofmarket #ja-pathway, body.features #ja-pathway, body.specs #ja-pathway, body.soma-tour #ja-pathway, body.tour #ja-pathway, body.buy #ja-pathway, body.neighborhood #ja-pathway, body.theneighborhood #ja-pathway, body.app #ja-pathway, body.reviews #ja-pathway body.support #ja-pathway {display: none} //*=================================================== ============== SOMA OVERVIEW REVIEWS ===============*/ #soma-overview h1, #soma-overview h2, #soma-overview h3 { font-weight: 100; } #soma-overview h3 { margin: 0; } .features-wrap, .soma .neighborhood { float: left; width: 445px; } #soma-overview .banner { background: url("images/soma/soma_overview_header.jpg") no-repeat scroll 0 0 transparent; height: 410px; margin-bottom: 10px; padding: 90px 50px 0; width: 800px; } #soma-overview .banner h1 { color: #000000; font-size: 44px; letter-spacing: -1px; line-height: 42px; margin-bottom: 25px; text-transform: none; } #soma-overview .banner h2 { color: #404040; font-size: 30px; letter-spacing:-1px; font-weight: normal; margin-bottom: 11px; } #soma-overview .banner p.helnlite{ color: #808080; font-size: 19px; letter-spacing: -1.6px; line-height: 24px; margin-bottom: 16px; } #soma-overview .banner .buy { margin-bottom: 13px; } #soma-overview .banner .buy { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 white; border-color: #CCCCCC; border-style: solid; border-width: 0 1px 1px 0; display: block; font-size: 17px; height: 40px; line-height: 40px; text-decoration: none; width: 180px; } #soma-overview .banner .price { background: url("images/soma/buy_pricebar.jpg") no-repeat scroll 0 0 transparent; color: white; display: block; float: left; font-size:16px; letter-spacing: -0.8px; font-weight: bold; height: 32px; line-height: 100%; margin-right: 15px; padding-top: 10px; text-align: center; width: 80px; } #soma-overview .en { font-size: 12px; vertical-align: 4px; } #soma-overview .banner .buy .rtarrow, #soma-overview .banner .overview_video .rtarrow { font-size: 10px; padding-left:5px; vertical-align: 2px; } #soma-overview .banner .buy a { padding-right: 10px; } #soma-overview .banner .buy a:hover{ text-decoration: none; } #soma-overview .banner .overview_video { font-size: 16px; margin-left: -2px; text-decoration: none; } #soma-overview .banner .overview_video img { padding-right: 10px; vertical-align: middle; } #soma-overview .banner .logo img{ position: relative; top:-90px; left:250px; } #soma-overview .tout { background: url("images/soma/soma_features_bg.jpg") no-repeat scroll 0 0 transparent; float: left; height: 260px; padding: 20px; position: relative; width: 260px; } #soma-overview .tout .learnmore { display: block; height: 300px; left: 0; line-height: 5; position: absolute; text-indent: -9999px; top: 0; width: 300px; } #soma-overview .tout.reviews { background: url("images/soma/soma_reviews_bg.jpg") no-repeat scroll 0 0 transparent; } #soma-overview .tout.app { background: url("images/soma/soma_app_bg.jpg") no-repeat scroll 0 0 transparent; } #soma-overview .tout h3 { color: #000000; font-size: 18px; font-weight:bold; letter-spacing: -0.5px; margin-bottom: 15px; } #soma-overview .tout p { color: #2d2d2d; font-size: 13px; letter-spacing: -0.75px; line-height: 17px; } #soma-overview .tout.reviews p, #soma-overview .tout.reviews blockquote { background: none repeat scroll 0 0 transparent; font-family: "Times New Roman",Times,serif; font-size: 14px; font-style: italic; line-height: 18px; text-align: center; text-indent: 0 !important; } #soma-overview .tout.reviews blockquote { color:#333333; margin-bottom: 10px; } #soma-overview .tout.reviews p{ color:#006699; } #soma-overview .tout.reviews ul, #soma-overview .tout.reviews div { text-align: center; } #soma-overview #touts { margin-bottom: 10px; } #soma-overview #neighborhood-blurb { background: url("images/soma/soma_neighborhood_bg.jpg") no-repeat scroll 0 0 transparent; height: 320px; position: relative; width: 900px; /* applied IE6 and IE7 */ >margin-top:10px; /* applied only IE8 */ margin-top /*\**/: 10px\9; } #soma-overview #neighborhood-blurb .inner { background: url("images/soma/soma_neighborhood_box.jpg") no-repeat scroll 0 0 transparent; height: 200px; left: 300px; padding: 20px; position: absolute; top: 60px; width: 540px; } #soma-overview #neighborhood-blurb .inner h3 { color: #000000; font-size: 28px; letter-spacing: -1px; margin-bottom: 7px; } #soma-overview #neighborhood-blurb .inner .location { color: #FFFFFF; font-size: 16px; } #soma-overview #neighborhood-blurb .inner p { color: #A9A9A9; font-size: 14px; } /*=================================================== ================== SOMA FEATURES ===================*/ #soma-features { background: url("images/soma/soma_feat_header_bg.jpg") no-repeat scroll 0 0 transparent; } #soma-features .banner { background-image: none; height: 285px; padding: 75px 50px 0; width: 800px; } #soma-features .banner h1 { color: #000000; font-size: 60px; line-height: 57px; letter-spacing: -1.5px; margin-bottom: 10px; } #soma-features .banner p { color: #655B21; font-size: 19px; letter-spacing: -1px; line-height: 23px; width: 455px; } #soma-features .section { margin: 0 20px; } #soma-features .section.sound { background: url("images/soma/soma_feat_sound_bg.jpg") no-repeat scroll 0 0 transparent; color: #b1b1b1; font-size: 11px; height: 413px; line-height: 100%; margin-bottom: 18px; padding: 20px 20px 0; width: 863px; } #soma-features .section.sound dt, #soma-features .section.sound dd { margin: 0; padding: 0; } #soma-features .section.sound h3 { color: #FFFFFF; font-size: 24px; margin: 0 0 6px; } #soma-features .section.sound .unbelievable img { margin-bottom: 30px; } #soma-features .section.sound .unbelievable p { color: #A9A9A9; font-size: 13px; line-height: 18px; padding-right:17px; margin: 0; } #soma-features .section.sound .unbelievable { float:left; width: 420px; line-height: 15px; margin: 0; } #soma-features .section.sound .cols{ float:left; width: 409px; line-height: 15px; margin: 0; } #soma-features .section .cols .colfirst{ float:left; width:190px; margin:0; padding-right: 15px; margin-bottom:16px; } #soma-features .section .cols .collast { float:left; margin:0; width:200px; margin-bottom:16px; } #soma-features .section.sound .cols dt { color: #FFFFFF; font-size: 14px; font-weight: bold; padding-bottom:3px; } #soma-features .section.utility { color: #666666; font-size: 13px; margin: 0 0 20px 20px; } #soma-features .section.utility .col { float: left; width: 440px; } #soma-features .section.utility dl { background: url("images/soma/soma_feat_icon_wireless.jpg") no-repeat scroll 0 0 transparent; line-height: 18px; margin-bottom: 23px; padding-right: 20px; width: 420px; } #soma-features .section.utility dl.design { background-image: url("images/soma/soma_feat_icon_design.jpg"); } #soma-features .section.utility dl.computer { background-image: url("images/soma/soma_feat_icon_computer.jpg"); } #soma-features .section.utility dl.app { background-image: url("images/soma/soma_feat_icon_app.jpg"); } #soma-features .section.utility dl.speakerphone { background-image: url("images/soma/soma_feat_icon_speakerphone.jpg"); } #soma-features .section.utility dt, #soma-features .section.utility dd { margin: 0 0 3px 120px; } #soma-features .section.utility dd.img { float: left; margin: -10px 0 0; } #soma-features .section.utility dt { color: #000000; font-size: 18px; font-weight: bold; } /*=================================================== ==================== SOMA SPECS ====================*/ #soma-specs { background: url("images/soma/specs_bg.jpg") no-repeat scroll 0 0 transparent; font-size: 13px; } #soma-specs .lists { background: url("images/soma/specs_product_01.jpg") no-repeat scroll 0 0 transparent; height: 365px; margin: 0; padding: 0 0 0 300px; } #soma-specs .lists .col { float: left; margin-bottom: 30px; width: 300px; } #soma-specs .inside { font-size: 14px; line-height: 150%; margin-bottom: 25px; } #soma-specs .lists ul, #soma-specs .content .lists ul li { color: #666666; list-style-type: none; margin: 0; padding: 0; } #soma-specs h3 { color: #333 } #soma-specs .lists ul li { list-style-type: none; margin-left: 20px; } #soma-specs dl dt, #soma-specs dl dd { margin: 0; padding: 0; } #soma-specs p, #soma-specs dd { color: #666666; } #soma-specs dl dd { line-height: 150%; margin-bottom: 25px; padding: 0; } #soma-specs dl dt { font-size: 14px; font-weight: bold; } #soma-specs .soma-spec-resources { color: #FFFFFF; } #soma-specs .soma-spec-resources h3{ color: #FFFFFF; font-weight: bold; margin: 0 0 10px; } #soma-specs .soma-spec-resources h4 { color: #FFFFFF; font-weight: normal; margin: 0 0 10px; } #soma-specs .soma-spec-resources h4 { margin-bottom: 3px; } #soma-specs .soma-spec-resources { background: none repeat scroll 0 0 #2E2F2F; clear:both; float: left; margin-left: 30px; min-height: 160px; padding: 30px; width: 180px; /* applied IE6 and IE7 */ >margin-top:30px; /* applied only IE8 */ margin-top /*\**/: 30px\9; } #soma-specs .soma-spec-resources ul.links, #soma-specs .soma-spec-resources ul.links li { list-style-type: none; margin: 0; padding: 0; } #soma-specs .soma-spec-resources ul.links { margin-bottom: 20px; } #soma-specs .soma-spec-resources ul.links li a ,#soma-specs .soma-spec-resources #manualcontainer p{ font-size: 12px; } #soma-specs .soma-spec-resources #language, #soma-specs .soma-spec-resources #language li, #soma-specs .soma-spec-resources #language li a { background-color: #EDEDED; color: #333333; font-size: 11px; height: 24px; line-height: 24px; width: 170px; } #soma-specs .soma-spec-resources #language li a:hover { background-color: #DDDDDD; } #soma-specs .soma-spec-resources #language.manual-dropdown a { background-position: 155px 5px; } #soma-specs .spec-tech { margin-left: 300px; } #soma-specs .spec-tech h3.first { margin-top: 0; } /*=================================================== =============== SOMA NEIGHBORHOOD =================*/ #soma-neighborhood, #soma-buy { font-family: Helvetica, Arial, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font; } #soma-neighborhood .banner { background: url(images/soma/theneighborhood_banner_bg.jpg) no-repeat 0 0; height: 330px; margin-bottom: 30px; padding-top: 70px; width: 900px; } #soma-neighborhood .banner .welcome { color: #fff; float: left; margin: 40px 0 0 30px; width: 505px; } #soma-neighborhood .banner .welcome h1 { font-size: 55px; line-height: 100%; margin-bottom: 15px; } #soma-neighborhood .banner .welcome p { font-size: 18px; line-height: 125%; margin-bottom: 20px; } #soma-neighborhood .banner .welcome p.comingsoon { color: #9ec838; font-size: 22px; font-weight: bold; text-transform: uppercase; } #soma-neighborhood .banner .sidebar { background: #fff; color: #999; float: right; font-size: 16px; height: 210px; padding: 30px; width: 305px; } #soma-neighborhood .banner .sidebar h2 { color: #333; font-size: 24px; margin: 20px 0 10px; } #soma-neighborhood .banner .sidebar p { line-height: 125%; margin: 0 0 5px; } #soma-neighborhood .banner .sidebar p.starting {color: #00acd9} #soma-neighborhood .about { background: #f2f2f2; margin-bottom: 30px; padding: 30px; width: 445px; } #soma-neighborhood .about p {color: #666} #soma-neighborhood .about, #soma-neighborhood .signupandtweet {float: left} #soma-neighborhood #somasignup, #soma-neighborhood .twitter { margin: 0 0 0 30px; position: relative; width: 365px; } #soma-neighborhood .twitter h2 { padding-bottom: 5px; border-bottom: 1px solid #ccc; } #soma-neighborhood #somasignup .subscribe {top: 83px} #soma-neighborhood #somasignup .email {color: #ccc;width: 213px} #soma-neighborhood .twitter .follow { color: #00acd9; float: right; font-size: 11px; font-weight: bold; margin-top: -17px; } #soma-neighborhood .twitter .follow a {padding: 0;} #soma-neighborhood .twitter .follow img {padding-left: 5px; vertical-align: middle} #soma-neighborhood .twitter a[href^="http:"] {background: none} #soma-neighborhood .twitter .tweet { color: #666; font-size: 14px; margin: 15px 25px 10px; } #twitterfeedfollowmediv, #twitterfeedpoweredbylink {display:none !important;text-indent: -5555px} #soma-neighborhood .twitter .readmore {font-size: 12px;margin: 10px 25px} ul.nomargin, ul.nomargin li{ list-style-type: none; margin-left: 0; } /*=================================================== ===================== SOMA APP =====================*/ #soma-app { background: #f1f1f1; font-family: Helvetica, Verdana, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font; padding: 30px 0 50px 30px; font-size:12px; /* applied IE6 and IE7 */ >height:600px; /* applied only IE8 */ height /*\**/: 600px\9; } #soma-app h1, #soma-app h2, #soma-app h3 { color: #000000; } #soma-app h1 { margin-bottom: 25px; } #soma-app .col1, #soma-app .col2 { float: left; } #soma-app .col1 { width: 350px; } #soma-app .col1 #download { margin-left: -30px; } #soma-app .col1 .description { color: #666666; font-size: 14px; line-height: 150%; padding-bottom: 20px; } #soma-app .col1 .free p { line-height: 150%; padding-top: 20px; } #soma-app .col1 .free h3 { font-size: 16px; } #soma-app .col2 .screenshots h3 { margin-bottom: 15px; } #soma-app .col2 { float: right; width: 501px; } #soma-app .free ul, #soma-app .free ul li, #soma-app .screenshots ul, #soma-app .screenshots ul li { line-height: 150%; list-style-type: none; margin: 0; padding: 0; } #soma-app .free ul, #soma-app .free ul li, #soma-app .free ul, #soma-app .free p { color: #666666; } #soma-app .screenshots { margin-left: 45px; } #soma-app .screenshots ul li { float: left; margin-right: 20px; } #soma-app .screenshots ul li.last { margin-right: 0; } #soma-app .screenshots ul li a { box-shadow: 0 0 7px #CCCCCC; display: block; width: 126px; } #soma-app .screenshots ul li a img { border: 3px solid #FFFFFF; } /*================================================= ================== SOMA REVIEWS ==================*/ #soma-reviews .banner { background: url("images/soma/review_header2.jpg") repeat scroll 0 0 transparent; height: 250px; margin-bottom: 15px; padding: 64px 30px 0; width: 840px; } #soma-reviews .banner h2 { color: #000000; font-size: 43px; letter-spacing: -0.5px; line-height: 100%; margin: 0 0 25px; } #soma-reviews .banner p { color: #333333; font-size: 18px; letter-spacing: 0.25px; line-height: 100%; margin-bottom: 5px; } #soma-reviews .banner p.last { margin-bottom: 18px; } #soma-reviews .reviews { height:100%; min-height:100%; background: none repeat scroll 0 0 #EDEDED; padding: 30px; } #soma-reviews .reviews .review { clear: left; display: table; height: 60px; margin-bottom: 40px; } #soma-reviews .reviews .review cite { border-right: 2px solid #C8C8C8; float: left; height: 60px; margin: 0 18px 0 0; padding-right: 18px; width: 102px; } #soma-reviews .reviews .review blockquote { background-image: none; display: table-cell; font-style: italic; font-size:12px; text-indent: 0; vertical-align: middle; width: 410px; } #soma-reviews .reviews .sidebar { background: none repeat scroll 0 0 #4A4A4A; color:#FFFFFF; float:right; font-family:Helvetica, Arial, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font; line-height: 100%; margin-left: 25px; padding: 30px 25px; width: 215px; text-align:center; } #soma-reviews .reviews .sidebar h3 { color:#FFFFFF; font-size:19px; letter-spacing: -1px; margin: 0 0 20px; padding: 0; text-transform:uppercase; white-space: nowrap; } #soma-reviews .reviews .source { font-size:11px; line-height:125%; margin-bottom:15px; } /*------------------------ PRODUCT AND TECHNICAL SUPPORT ------------------------*/ .support {} .support .subhead h1, .support .subhead .phonenumber {color: #000;float: left;width: 50%} .support .subhead .phonenumber { color: #c61e4f; float: right; font-size: 18px; padding-top: 5px; text-align: right; } /* support overview */ .support.overview ul, .support.overview ul li , #soma-support ul, #soma-support ul li{ list-style-type: none; margin: 0; padding: 0; } .support.overview ul li a { background: url(images/support/support_main_product.jpg) no-repeat 0 0; color: #fff; /* display: block; */ float: left; font-family: Helvetica, Arial, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font; font-size: 30px; height: 250px; margin-right: 30px; padding: 30px; text-decoration: none; width: 375px; } .support.overview ul li a span.rtarrow { font-size: 75%; } .support.overview ul li.technical a { background-image: url(images/support/support_main_technical.jpg); margin-right: 0; } .support .touts .tout { background: #ededed; float: left; font-family: Helvetica, verdana, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font; height: 135px; line-height: 100%; margin: 30px 0 30px 30px; padding: 30px; width: 220px; } .support .touts .tout.first {margin-left: 0} .support .touts .tout {color: #333;margin: 0 0 5px} .support .touts .tout p {font-size: 12px;margin: 0 0 15px} .support .touts .tout a { background: #2b2b2b; color: #fff; display: block; font-size: 14px; font-face: Helvetica; height: 35px; line-height: 35px; margin-bottom: 10px; text-align: center; text-decoration: none; width: 220px; } .support .touts .tout a[href^="http:"] { background-image: none; padding-right: 0; } .support.product-support .banner { background: url(images/support/support_productbg.jpg) no-repeat 0 0; height: 440px; width: 899px; } .support.product-support .banner .the-manual { background: #fff; float: right; height: 120px; margin-top: 160px; padding: 30px; width: 335px; } .support.product-support .banner .the-manual h1 { margin: 0 0 5px; } .support.product-support .banner .the-manual p { font-size: 16px; line-height: 125%; } .support.product-support .banner .the-manual input, .support.product-support .banner .the-manual select { background: #ededed; border: none; height: 25px; } .support.product-support .banner .the-manual select { padding: 0 5px; } .support.product-support .banner .the-manual input.submit { background: #2b2b2b; color: #fff; cursor: pointer; margin-left: 15px; text-align: center; width: 100px; } #soma-support ul{ margin-bottom:70px; } #soma-support .li3{ margin-bottom:250px; } #soma-support .li4{ margin-bottom:130px; } #soma-support ul li{ float:left; width:350px; padding-left:1em; font-size:16px; } #soma-support ul .li2margin{ margin-bottom:20px; } #soma-support h3{ clear:both; margin-bottom:0px; } } #soma-support a{ font-size:13px; } #soma-support p{ margin-left:1em; font-size:16px; } #soma-support .margin{ margin-top:0px; } #soma-support .clear{ clear:both; margin:60px 0 0 0; } #soma-support .clear-list{ margin-top:15px; } #soma-support ul li span{ font-size:11px; line-height:0; } #soma-support h4{ } /*------------------------ PRODUCTS: CAR AUDIO ------------------------*/ .product_grid li { float: left; height: 120px; list-style-type: none; margin: 0px 20px 20px 0; width: 228px; } .product_grid li a { background: none; } /*------------------------ PRODUCTS ------------------------*/ .product_grid02 li { float: left; height: 120px; list-style-type: none; margin: 0px 20px 20px 0; width: 200px; } .product_grid02 li a { background: none; } .product_grid03 li { float: left; height: 120px; list-style-type: none; margin: 0px 20px 20px 0; width: 250px; } .product_grid03 li a { background: none; } .product_grid04 li { float: left; height: 120px; list-style-type: none; margin: 0px 20px 20px 0; width: 305px; } .product_grid04 li a { background: none; } .product_grid05 li { float: left; height: 120px; list-style-type: none; margin: 0px 20px 20px 0; width: 220px; } .product_grid05 li a { background: none; } .product_grid06 li { float: left; height: 120px; list-style-type: none; margin: 0px 20px 20px 0; width: 325px; } .product_grid06 li a { background: none; } .product_grid07 li { float: left; height: 120px; list-style-type: none; margin: 0px 20px 20px 0; width: 265px; } .product_grid07 li a { background: none; } /*------------------------ DOCK MANUAL DROPDOWN ------------------------*/ .product-support #container {position: relative;height: 50px} .manual-dropdown { margin: 0; padding: 0; position: absolute } .manual-dropdown li { background-color: #ededed; display: none; height: 25px; line-height: 25px; list-style-type: none; margin: 0; padding: 0; cursor: pointer; width: 205px } .manual-dropdown li.first { background: #ededed url(images/soma/spec_buttonarrow.png) no-repeat top right; display: block; padding: 0 0 0 5px; width: 200px; } .manual-dropdown:hover li {display: block} .manual-dropdown li a { background-position: 185px 5px; color: #333; display: block; padding: 0 5px; text-decoration: none; width: 195px; } .manual-dropdown li a:hover {background-color: #ddd} /*------------------------ NEW HOME (11.2.2010) ------------------------*/ #home-content .banner { background: url(images/home/banner_home_soma.jpg) no-repeat 0 0; color: #fff; font-family: Helvetica, Arial, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font; height: 340px; margin-top: 10px; padding: 140px 30px 10px; position: relative; width: 900px; } #home-content .banner h1 { color: #fff; font-size: 71px; line-height: 75px; margin: 0 0 5px 0; padding: 0; text-transform: uppercase; } #home-content .banner h1 span { display: block; margin-top:-3px; letter-spacing: -2.5px; } #home-content .banner h1 span.b { display: block; margin-top: -15px; } #home-content .banner p { font-size: 24px; letter-spacing: -0.5px; line-height: 100%; } #home-content .banner p.small {font-size: 16px;margin:-5px 0 23px} #home-content .banner ul, #home-content .banner ul li { list-style-type: none; margin: 0; padding: 0 10px 0 0; } #home-content .banner ul li { display: inline; } #home-content .banner .more { background: url(images/home/button_home_hearmore.png) no-repeat 0 0; display: block; height: 60px; margin-left: -30px; text-indent: -5555px; width: 230px; } #home-content .rotate h3 { background: black; color: #fff; font-family: helvetica; font-size: 14px; font-weight: normal; height: 35px; line-height: 35px; position: absolute; text-align: center; width: 140px; z-index: 9999; } #home-content .rotate h3 a { color: #fff; } #home-content .rotate ul, #home-content .rotate li { color: #fff; font-family: Helvetica, Arial, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font; margin: 0; padding: 30px 30px 0 170px; height: 150px; width: 700px; } #home-content .rotate li {background: url(images/home/banner_home_tech_01.jpg) no-repeat 0 0;} #home-content .rotate li.dyn-vol {background: url(images/home/banner_home_tech_02.jpg) no-repeat 0 0} #home-content .rotate li.land-rover {background: url(images/home/banner_home_tech_03.jpg) no-repeat 0 0} #home-content .rotate li.multeqxt {background: url(images/home/banner_home_tech_04.jpg) no-repeat 0 0} #home-content .rotate li.multeq {display: block} #home-content .rotate li h4 {font-size: 20px;margin: 0 0 10px;padding: 0} #home-content .rotate li p {font-size: 12px;line-height: 125%} #home-content .rotate li a {float: left;font-size: 11px;margin-right: 10px} #home-touts {clear: both} #home-touts .tout { float: left; font-family: Helvetica, Arial, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font; margin: 0; padding: 0 30px 0 0; width: 900px; } #home-touts .tout.last { border-left: 1px solid #e5e5e5; padding-left: 0px; width: 900px; } #home-touts .tout h3 { color: #333; font-family: Helvetica, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font ; font-weight: normal; line-height: 100%; margin-top: 0; margin-bottom: 20px; } #home-touts .tout p {color: #999;line-height: 150%} #home-touts .tout p.about { color: #c61e4f; font-size: 26px; line-height: 125%; margin-bottom: 5px; } /* home newsfeed "Recent News" */ #home-touts .newsfeed_item { font-family: Helvetica, Arial, sans-serif, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ï¼­ï¼³ ゴシック", Osaka, generic-font; } #home-touts .newsfeed_title a { color: #555; font-size: 14px; } #home-touts .newsfeed_date, #home-touts .newsfeed_more {color: #ccc;font-style: normal; font-size: 12px} #home-content .stretch { display: block; font-size: 50px; height: 475px; left: 0px; position: absolute; text-indent: -5555px; top: 0px; width: 900px; z-index: 900; }