/* GABRIELA VISCONTI SUMMER 2008 HINOK.NET */ @import url(reset.css); .clear {clear: both;} body {background: #fff url(images/background.jpg) no-repeat top center; text-align: center;} #wrap {width: 900px; margin: 0 auto; text-align: left; font: 11px Arial, Tahoma, Verdana;} #top {width: 850px; padding: 25px;} #top h1 a {display: block; background: transparent url(images/logo.jpg) no-repeat; width: 102px; height: 37px; text-indent: -9999px;} #left, #right {float: left;} #left {width: 600px;} #right {width: 300px;} /* L E F T */ #header {width: 600px; height: 344px; background: transparent url(images/header.jpg) no-repeat; position: relative;} #header h2 a {display: block; background: transparent url(images/checkthiscollection.jpg) no-repeat; width: 447px; height: 92px; text-indent: -9999px; position: absolute; top: 252px; left: 153px;} #menu {position: relative;} #menu ul {position: absolute; left: 153px;} #menu ul, #menu li {margin: 0; padding: 0; float: left;} #menu li {list-style: none; list-style-image: none; white-space: nowrap;} #menu a {display: block; height: 60px; float: left; text-indent: -9999px;} #menu a.company {background: transparent url(images/menuCompany.jpg) no-repeat; width: 100px;} #menu a.collection {background: transparent url(images/menuCollection.jpg) no-repeat; width: 99px;} #menu a.agency {background: transparent url(images/menuAgency.jpg) no-repeat; width: 70px;} #menu a.driveway {background: transparent url(images/menuDriveway.jpg) no-repeat; width: 85px;} #menu a.contact {background: transparent url(images/menuContact.jpg) no-repeat; width: 93px;} .menuArrow {width: 6px; height: 4px;background: transparent url(images/menuArrow.png) no-repeat; display: none; position: absolute; top: 56px;} #menu a:hover.company div.menuArrow {display: block; left: 55px;} #menu a:hover.collection div.menuArrow {display: block; left: 148px;} #menu a:hover.agency div.menuArrow {display: block; left: 230px;} #menu a:hover.driveway div.menuArrow {display: block; left: 308px;} #menu a:hover.contact div.menuArrow {display: block; left: 390px;} .menuArrowPage {width: 6px; height: 4px;background: transparent url(images/menuArrowPage.png) no-repeat; display: none; position: absolute; top: 56px;} #menu a:hover.company div.menuArrowPage {display: block; left: 55px;} #menu a:hover.collection div.menuArrowPage {display: block; left: 148px;} #menu a:hover.agency div.menuArrowPage {display: block; left: 230px;} #menu a:hover.driveway div.menuArrowPage {display: block; left: 308px;} #menu a:hover.contact div.menuArrowPage {display: block; left: 390px;} .menuArrowPageSelected {width: 6px; height: 4px;background: transparent url(images/menuArrowPage.png) no-repeat; display: none; position: absolute; top: 56px;} #menu a.company div.menuArrowPageSelected {display: block; left: 55px;} #menu a.collection div.menuArrowPageSelected {display: block; left: 148px;} #menu a.agency div.menuArrowPageSelected {display: block; left: 230px;} #menu a.driveway div.menuArrowPageSelected {display: block; left: 308px;} #menu a.contact div.menuArrowPageSelected {display: block; left: 390px;} .selected {display: block;} #lCorner {width: 7px; height: 7px; position: absolute; top: 53px;} #lCorner {background: transparent url(images/lCorner.jpg) no-repeat; left: 153px;} #rCorner {background: transparent url(images/rCorner.jpg) no-repeat; left: 440px;} /* R I G H T */ #aboutus , #collection, #newsletter {width: 250px; padding: 25px;} #aboutus h2 {display: block; height: 13px; width: 94px; background: transparent url(images/aboutus.png) no-repeat; text-indent: -9999px; margin-bottom: 19px;} #aboutus p a {color: #7f7f7f;} #aboutus p a:hover {color: #373737;} #aboutus p img {vertical-align: bottom;} #collection {background: transparent url(images/collection.jpg) no-repeat; height: 78px;} #collection h2 a {display: block; height: 51px; width: 148px; background: transparent url(images/collection2007.jpg) no-repeat; text-indent: -9999px; margin-left: 102px;} #collection p a {display: block; background: transparent url(images/link2.jpg) no-repeat right center; padding-right: 12px; float: right; color: #999999; margin-top: 15px;} #collection p a:hover {color: #373737;} #newsletter {height: 102px; background: transparent url(images/newsletter.jpg) no-repeat; position: relative;} #newsletter h2 {display: block; height: 13px; width: 115px; background: transparent url(images/newsletterFont.png) no-repeat; text-indent: -9999px; margin-bottom: 19px;} #newsletter p {color: #527d7f;} #newsletter form {margin-top: 25px;} .fieldNews {padding: 9px 10px 9px 10px; width: 180px; color: #6d6d6d; background-color: transparent;} .fieldSubmit {padding: 4px; background-color: transparent; font-weight: bold; font-size: 14px; color: #293739;} #rCorner {width: 7px; height: 7px; position: absolute; top: 145px;} #rCorner {background: transparent url(images/rCorner.jpg) no-repeat; left: 293px;} /* PAGE STYYLE */ #content {background: #8de0e5 url(images/backgroundPage.jpg) no-repeat bottom; width: 746px; float: right;} #contentBg2 {background: transparent url(images/backgroundPage2.jpg) no-repeat top right; padding: 25px;} #content h2 {padding-bottom: 5px; font: bold 32px Arial, Tahoma, Verdana; letter-spacing: -0.8px; color: #467072;} #content p {padding-top: 15px; color: #3e4849; line-height: 18px;} /* FOOOT FOOOOT FOOOTTERRRR */ #footer {color: #b2b2b2; padding: 25px; text-align: right; float: right;} #footer p a {color: #6b6b6b;} #footer span {padding: 0 10px 0 10px;}