/* general styles */ body { background-color: #FFF; color: #000; } /* adjustment for IE */ body, body div, body p, body th, body td, body li { /* more specific to override imported rule */ font-size: x-small; /* false value for WinIE4/5 */ voice-family: "\"}\""; /* trick WinIE4/5 into thinking rule is over */ voice-family: inherit; /* recover from trick */ font-size: small; /* intended value for better browsers */ } html>body, html>body div, html>body p, html>body th, html>body td, html>body li { font-size: small; /* be nice to Opera */ } .hide { display: none; } h1 { font-family: "Lucida Grande", verdana, helvetica, arial, sans-serif; font-weight: bold; color: #F00; text-align: left; /* more specific to override imported rule */ font-size: x-small; /* false value for WinIE4/5 */ voice-family: "\"}\""; /* trick WinIE4/5 into thinking rule is over */ voice-family: inherit; /* recover from trick */ font-size: small; /* intended value for better browsers */ } html>h1 { font-size: small; /* be nice to Opera */ margin-bottom: 0; } p { font-family: "Lucida Grande", verdana, helvetica, arial, sans-serif; color: #000; text-align: center; } .number { font-weight: bold; font-size: 1.1em; margin-bottom: 0;} .caption { margin-top: 3px; } li { font-family: "Lucida Grande", verdana, helvetica, arial, sans-serif; } .copy { color: #666; margin-top: 25px; /* more specific to override imported rule */ font-size: xx-small; /* false value for WinIE4/5 */ voice-family: "\"}\""; /* trick WinIE4/5 into thinking rule is over */ voice-family: inherit; /* recover from trick */ font-size: x-small; /* intended value for better browsers */ } html>body p.copy { font-size: x-small; /* be nice to Opera */ text-align: center; } cite { font-weight: bold; } /* Links */ a:link { text-decoration: underline; color: #245296; background: transparent; outline: none; } a:visited { text-decoration: none; color: 245296; background: transparent; } a:hover { text-decoration: underline; color: #966B66; background: transparent; } a:active { text-decoration: underline; color: #966B66; background: transparent; outline: none; } a.design:link { text-decoration: none; color: #111; background: transparent; } a.design:visited { text-decoration: none; color: #999; background: transparent; } a.design:hover { text-decoration: underline; color: #111; background: transparent; } a.design:active { text-decoration: underline; color: #CCC; background: transparent; } /* general positioning */ #mainwrap { width: 950px; margin: 30px auto 0 auto; padding: 0; } #nav { width: 360px; margin: 0; padding: 0; float: left; } #logowrap { width: 360px; margin: 20px; auto 0 auto; padding: 0; } #categories { width: 360px; margin: 0 0 25px 30px; clear: both; } #thumbnails { width: 360px; margin: 0 0 0 25px; clear: both; } #contentwrap { width: 520px; margin: 0 auto; float: right; } #contact { width: 600px; margin: 0px auto; clear: both; } #footer { width: 950px; margin: 0px auto; padding-top: 0; clear: both; } #footer p { text-align: center; } /* bigpic (unchangeables) */ #bigpic { margin-top: 0; margin-left: auto; margin-right: auto; padding: 0; border: 0; position: relative; } /* Main logo */ #logo ul { width: 243px; height: 67px; margin: 0 auto; padding: 0; position: relative; background: transparent url(images/tbplogosmall.gif); } #logo ul li { margin: 0; padding: 0; list-style: none; position: relative; } #logo ul li, #logo a { height: 67px; display: block; } #logo ul li a { text-indent: -9999px; text-decoration: none; } #tbp {left: 0px; width: 243px;} #tbp a:hover {background: url(images/tbplogosmall.gif) 0px -67px no-repeat;} /* categories positioning */ #peopletext ul, #animalstext ul, #insidetext ul, #outsidetext ul, #orderingtext ul { width: 64px; height: 17px; float: left; padding: 0; position: relative; } #peopletext ul, #outsidetext ul { margin: 0 5px 25px 0; } #animalstext ul { margin: 0 2px 25px 0; } #insidetext ul { margin: 0 0 25px 0; } #orderingtext ul { margin: 0 0 25px 5px; } #peopletext ul { background: transparent url(images/people.gif) 0 0 no-repeat; } #animalstext ul { background: transparent url(images/animals.gif) 0 0 no-repeat; } #insidetext ul { background: transparent url(images/inside.gif) 0 0 no-repeat; } #outsidetext ul { background: transparent url(images/outside.gif) 0 0 no-repeat; } #orderingtext ul { background: transparent url(images/ordering.gif) 0 0 no-repeat; } #peopletext ul li, #animalstext ul li, #insidetext ul li, #outsidetext ul li, #orderingtext ul li { margin: 0; padding: 0; list-style: none; position: relative; } #peopletext ul li, #peopletext a, #animalstext ul li, #animalstext a, #insidetext ul li, #insidetext a, #outsidetext ul li, #outsidetext a, #orderingtext ul li, #orderingtext a { height: 17px; display: block; } #peopletext ul li a, #animalstext ul li a, #insidetext ul li a, #outsidetext ul li a, #orderingtext ul li a { text-indent: -9999px; text-decoration: none; } /* positioning thumbnail images */ #people, #animals, #inside, #outside, #ordering {left: 0px; width: 64px;} /* rollover effect */ #peopletext a:hover {background: transparent url(images/people.gif) 0px -17px no-repeat;} #animalstext a:hover {background: transparent url(images/animals.gif) 0px -17px no-repeat;} #insidetext a:hover {background: transparent url(images/inside.gif) 0px -17px no-repeat;} #outsidetext a:hover {background: transparent url(images/outside.gif) 0px -17px no-repeat;} #orderingtext a:hover {background: transparent url(images/ordering.gif) 0px -17px no-repeat;} /* thumbnails positioning */ #athumbnail1 ul, #athumbnail2 ul, #athumbnail3 ul, #athumbnail4 ul, #athumbnail5 ul, #athumbnail6 ul, #athumbnail7 ul, #athumbnail8 ul, #athumbnail9 ul, #athumbnail10 ul, #pthumbnail1 ul, #pthumbnail2 ul, #pthumbnail3 ul, #pthumbnail4 ul, #pthumbnail5 ul, #pthumbnail6 ul, #pthumbnail7 ul, #pthumbnail8 ul, #pthumbnail9 ul, #pthumbnail10 ul, #pthumbnail11 ul, #pthumbnail12 ul, #pthumbnail13 ul, #pthumbnail14 ul, #pthumbnail15 ul, #nthumbnail1 ul, #nthumbnail2 ul, #nthumbnail3 ul, #nthumbnail4 ul, #nthumbnail5 ul, #nthumbnail6 ul, #nthumbnail7 ul, #nthumbnail8 ul, #nthumbnail9 ul, #nthumbnail10 ul, #nthumbnail11 ul, #nthumbnail12 ul, #nthumbnail13 ul, #nthumbnail14 ul, #nthumbnail15 ul, #othumbnail1 ul, #othumbnail2 ul, #othumbnail3 ul, #othumbnail4 ul, #othumbnail5 ul, #othumbnail6 ul, #othumbnail7 ul, #othumbnail8 ul, #othumbnail9 ul, #othumbnail10 ul, #othumbnail11 ul, #othumbnail12 ul, #othumbnail13 ul, #othumbnail14 ul, #othumbnail15 ul, #othumbnail16 ul, #othumbnail17 ul, #othumbnail18 ul, #othumbnail19 ul, #othumbnail20 ul, #othumbnail21 ul, #othumbnail22 ul, #othumbnail23 ul, #othumbnail24 ul, #othumbnail25 ul { width: 68px; height: 68px; float: left; margin: 0 4px 4px 0; padding: 0; position: relative; } #athumbnail1 ul { background: transparent url(animals/as1.jpg) 3px 3px no-repeat; } #athumbnail2 ul { background: transparent url(animals/as2.jpg) 3px 3px no-repeat; } #athumbnail3 ul { background: transparent url(animals/as3.jpg) 3px 3px no-repeat; } #athumbnail4 ul { background: transparent url(animals/as4.jpg) 3px 3px no-repeat; } #athumbnail5 ul { background: transparent url(animals/as5.jpg) 3px 3px no-repeat; } #athumbnail6 ul { background: transparent url(animals/as6.jpg) 3px 3px no-repeat; } #athumbnail7 ul { background: transparent url(animals/as7.jpg) 3px 3px no-repeat; } #athumbnail8 ul { background: transparent url(animals/as8.jpg) 3px 3px no-repeat; } #athumbnail9 ul { background: transparent url(animals/as9.jpg) 3px 3px no-repeat; } #athumbnail10 ul { background: transparent url(animals/as10.jpg) 3px 3px no-repeat; } #pthumbnail1 ul { background: transparent url(people/ps1.jpg) 3px 3px no-repeat; } #pthumbnail2 ul { background: transparent url(people/ps2.jpg) 3px 3px no-repeat; } #pthumbnail3 ul { background: transparent url(people/ps3.jpg) 3px 3px no-repeat; } #pthumbnail4 ul { background: transparent url(people/ps4.jpg) 3px 3px no-repeat; } #pthumbnail5 ul { background: transparent url(people/ps5.jpg) 3px 3px no-repeat; } #pthumbnail6 ul { background: transparent url(people/ps6.jpg) 3px 3px no-repeat; } #pthumbnail7 ul { background: transparent url(people/ps7.jpg) 3px 3px no-repeat; } #pthumbnail8 ul { background: transparent url(people/ps8.jpg) 3px 3px no-repeat; } #pthumbnail9 ul { background: transparent url(people/ps9.jpg) 3px 3px no-repeat; } #pthumbnail10 ul { background: transparent url(people/ps10.jpg) 3px 3px no-repeat; } #pthumbnail11 ul { background: transparent url(people/ps11.jpg) 3px 3px no-repeat; } #pthumbnail12 ul { background: transparent url(people/ps12.jpg) 3px 3px no-repeat; } #pthumbnail13 ul { background: transparent url(people/ps13.jpg) 3px 3px no-repeat; } #pthumbnail14 ul { background: transparent url(people/ps14.jpg) 3px 3px no-repeat; } #pthumbnail15 ul { background: transparent url(people/ps15.jpg) 3px 3px no-repeat; } #nthumbnail1 ul { background: transparent url(inside/ns1.jpg) 3px 3px no-repeat; } #nthumbnail2 ul { background: transparent url(inside/ns2.jpg) 3px 3px no-repeat; } #nthumbnail3 ul { background: transparent url(inside/ns3.jpg) 3px 3px no-repeat; } #nthumbnail4 ul { background: transparent url(inside/ns4.jpg) 3px 3px no-repeat; } #nthumbnail5 ul { background: transparent url(inside/ns5.jpg) 3px 3px no-repeat; } #nthumbnail6 ul { background: transparent url(inside/ns6.jpg) 3px 3px no-repeat; } #nthumbnail7 ul { background: transparent url(inside/ns7.jpg) 3px 3px no-repeat; } #nthumbnail8 ul { background: transparent url(inside/ns8.jpg) 3px 3px no-repeat; } #nthumbnail9 ul { background: transparent url(inside/ns9.jpg) 3px 3px no-repeat; } #nthumbnail10 ul { background: transparent url(inside/ns10.jpg) 3px 3px no-repeat; } #nthumbnail11 ul { background: transparent url(inside/ns11.jpg) 3px 3px no-repeat; } #nthumbnail12 ul { background: transparent url(inside/ns12.jpg) 3px 3px no-repeat; } #nthumbnail13 ul { background: transparent url(inside/ns13.jpg) 3px 3px no-repeat; } #nthumbnail14 ul { background: transparent url(inside/ns14.jpg) 3px 3px no-repeat; } #nthumbnail15 ul { background: transparent url(inside/ns15.jpg) 3px 3px no-repeat; } #othumbnail1 ul { background: transparent url(outside/os1.jpg) 3px 3px no-repeat; } #othumbnail2 ul { background: transparent url(outside/os2.jpg) 3px 3px no-repeat; } #othumbnail3 ul { background: transparent url(outside/os3.jpg) 3px 3px no-repeat; } #othumbnail4 ul { background: transparent url(outside/os4.jpg) 3px 3px no-repeat; } #othumbnail5 ul { background: transparent url(outside/os5.jpg) 3px 3px no-repeat; } #othumbnail6 ul { background: transparent url(outside/os6.jpg) 3px 3px no-repeat; } #othumbnail7 ul { background: transparent url(outside/os7.jpg) 3px 3px no-repeat; } #othumbnail8 ul { background: transparent url(outside/os8.jpg) 3px 3px no-repeat; } #othumbnail9 ul { background: transparent url(outside/os9.jpg) 3px 3px no-repeat; } #othumbnail10 ul { background: transparent url(outside/os10.jpg) 3px 3px no-repeat; } #othumbnail11 ul { background: transparent url(outside/os11.jpg) 3px 3px no-repeat; } #othumbnail12 ul { background: transparent url(outside/os12.jpg) 3px 3px no-repeat; } #othumbnail13 ul { background: transparent url(outside/os13.jpg) 3px 3px no-repeat; } #othumbnail14 ul { background: transparent url(outside/os14.jpg) 3px 3px no-repeat; } #othumbnail15 ul { background: transparent url(outside/os15.jpg) 3px 3px no-repeat; } #othumbnail16 ul { background: transparent url(outside/os16.jpg) 3px 3px no-repeat; } #othumbnail17 ul { background: transparent url(outside/os17.jpg) 3px 3px no-repeat; } #othumbnail18 ul { background: transparent url(outside/os18.jpg) 3px 3px no-repeat; } #othumbnail19 ul { background: transparent url(outside/os19.jpg) 3px 3px no-repeat; } #othumbnail20 ul { background: transparent url(outside/os20.jpg) 3px 3px no-repeat; } #othumbnail21 ul { background: transparent url(outside/os21.jpg) 3px 3px no-repeat; } #othumbnail22 ul { background: transparent url(outside/os22.jpg) 3px 3px no-repeat; } #othumbnail23 ul { background: transparent url(outside/os23.jpg) 3px 3px no-repeat; } #othumbnail24 ul { background: transparent url(outside/os24.jpg) 3px 3px no-repeat; } #othumbnail25 ul { background: transparent url(outside/os25.jpg) 3px 3px no-repeat; } #athumbnail1 ul li, #athumbnail2 ul li, #athumbnail3 ul li, #athumbnail4 ul li, #athumbnail5 ul li, #athumbnail6 ul li, #athumbnail7 ul li, #athumbnail8 ul li, #athumbnail9 ul li, #athumbnail10 ul li, #pthumbnail1 ul li, #pthumbnail2 ul li, #pthumbnail3 ul li, #pthumbnail4 ul li, #pthumbnail5 ul li, #pthumbnail6 ul li, #pthumbnail7 ul li, #pthumbnail8 ul li, #pthumbnail9 ul li, #pthumbnail10 ul li, #pthumbnail11 ul li, #pthumbnail12 ul li, #pthumbnail13 ul li, #pthumbnail14 ul li, #pthumbnail15 ul li, #nthumbnail1 ul li, #nthumbnail2 ul li, #nthumbnail3 ul li, #nthumbnail4 ul li, #nthumbnail5 ul li, #nthumbnail6 ul li, #nthumbnail7 ul li, #nthumbnail8 ul li, #nthumbnail9 ul li, #nthumbnail10 ul li, #nthumbnail11 ul li, #nthumbnail12 ul li, #nthumbnail13 ul li, #nthumbnail14 ul li, #nthumbnail15 ul li, #othumbnail1 ul li, #othumbnail2 ul li, #othumbnail3 ul li, #othumbnail4 ul li, #othumbnail5 ul li, #othumbnail6 ul li, #othumbnail7 ul li, #othumbnail8 ul li, #othumbnail9 ul li, #othumbnail10 ul li, #othumbnail11 ul li, #othumbnail12 ul li, #othumbnail13 ul li, #othumbnail14 ul li, #othumbnail15 ul li, #othumbnail16 ul li, #othumbnail17 ul li, #othumbnail18 ul li, #othumbnail19 ul li, #othumbnail20 ul li, #othumbnail21 ul li, #othumbnail22 ul li, #othumbnail23 ul li, #othumbnail24 ul li, #othumbnail25 ul li { margin: 0; padding: 0; list-style: none; position: relative; } #athumbnail1 ul li, #athumbnail1 a, #athumbnail2 ul li, #athumbnail2 a, #athumbnail3 ul li, #athumbnail3 a, #athumbnail4 ul li, #athumbnail4 a, #athumbnail5 ul li, #athumbnail5 a, #athumbnail6 ul li, #athumbnail6 a, #athumbnail7 ul li, #athumbnail7 a, #athumbnail8 ul li, #athumbnail8 a, #athumbnail9 ul li, #athumbnail9 a, #athumbnail10 ul li, #athumbnail10 a, #pthumbnail1 ul li, #pthumbnail1 a, #pthumbnail2 ul li, #pthumbnail2 a, #pthumbnail3 ul li, #pthumbnail3 a, #pthumbnail4 ul li, #pthumbnail4 a, #pthumbnail5 ul li, #pthumbnail5 a, #pthumbnail6 ul li, #pthumbnail6 a, #pthumbnail7 ul li, #pthumbnail7 a, #pthumbnail8 ul li, #pthumbnail8 a, #pthumbnail9 ul li, #pthumbnail9 a, #pthumbnail10 ul li, #pthumbnail10 a, #pthumbnail11 ul li, #pthumbnail11 a, #pthumbnail12 ul li, #pthumbnail12 a, #pthumbnail13 ul li, #pthumbnail13 a, #pthumbnail14 ul li, #pthumbnail14 a, #pthumbnail15 ul li, #pthumbnail15 a, #nthumbnail1 ul li, #nthumbnail1 a, #nthumbnail2 ul li, #nthumbnail2 a, #nthumbnail3 ul li, #nthumbnail3 a, #nthumbnail4 ul li, #nthumbnail4 a, #nthumbnail5 ul li, #nthumbnail5 a, #nthumbnail6 ul li, #nthumbnail6 a, #nthumbnail7 ul li, #nthumbnail7 a, #nthumbnail8 ul li, #nthumbnail8 a, #nthumbnail9 ul li, #nthumbnail9 a, #nthumbnail10 ul li, #nthumbnail10 a, #nthumbnail11 ul li, #nthumbnail11 a, #nthumbnail12 ul li, #nthumbnail12 a, #nthumbnail13 ul li, #nthumbnail13 a, #nthumbnail14 ul li, #nthumbnail14 a, #nthumbnail15 ul li, #nthumbnail15 a, #othumbnail1 ul li, #othumbnail1 a, #othumbnail2 ul li, #othumbnail2 a, #othumbnail3 ul li, #othumbnail3 a, #othumbnail4 ul li, #othumbnail4 a, #othumbnail5 ul li, #othumbnail5 a, #othumbnail6 ul li, #othumbnail6 a, #othumbnail7 ul li, #othumbnail7 a, #othumbnail8 ul li, #othumbnail8 a, #othumbnail9 ul li, #othumbnail9 a, #othumbnail10 ul li, #othumbnail10 a, #othumbnail11 ul li, #othumbnail11 a, #othumbnail12 ul li, #othumbnail12 a, #othumbnail13 ul li, #othumbnail13 a, #othumbnail14 ul li, #othumbnail14 a, #othumbnail15 ul li, #othumbnail15 a, #othumbnail16 ul li, #othumbnail16 a, #othumbnail17 ul li, #othumbnail17 a, #othumbnail18 ul li, #othumbnail18 a, #othumbnail19 ul li, #othumbnail19 a, #othumbnail20 ul li, #othumbnail20 a, #othumbnail21 ul li, #othumbnail21 a, #othumbnail22 ul li, #othumbnail22 a, #othumbnail23 ul li, #othumbnail23 a, #othumbnail24 ul li, #othumbnail24 a, #othumbnail25 ul li, #othumbnail25 a{ height: 66px; display: block; } #athumbnail1 ul li a, #athumbnail2 ul li a, #athumbnail3 ul li a, #athumbnail4 ul li a, #athumbnail5 ul li a, #athumbnail6 ul li a, #athumbnail7 ul li a, #athumbnail8 ul li a, #athumbnail9 ul li a, #athumbnail10 ul li a, #pthumbnail1 ul li a, #pthumbnail2 ul li a, #pthumbnail3 ul li a, #pthumbnail4 ul li a, #pthumbnail5 ul li a, #pthumbnail6 ul li a, #pthumbnail7 ul li a, #pthumbnail8 ul li a, #pthumbnail9 ul li a, #pthumbnail10 ul li a, #pthumbnail11 ul li a, #pthumbnail12 ul li a, #pthumbnail13 ul li a, #pthumbnail14 ul li a, #pthumbnail15 ul li a, #nthumbnail1 ul li a, #nthumbnail2 ul li a, #nthumbnail3 ul li a, #nthumbnail4 ul li a, #nthumbnail5 ul li a, #nthumbnail6 ul li a, #nthumbnail7 ul li a, #nthumbnail8 ul li a, #nthumbnail9 ul li a, #nthumbnail10 ul li a, #nthumbnail11 ul li a, #nthumbnail12 ul li a, #nthumbnail13 ul li a, #nthumbnail14 ul li a, #nthumbnail15 ul li a, #othumbnail1 ul li a, #othumbnail2 ul li a, #othumbnail3 ul li a, #othumbnail4 ul li a, #othumbnail5 ul li a, #othumbnail6 ul li a, #othumbnail7 ul li a, #othumbnail8 ul li a, #othumbnail9 ul li a, #othumbnail10 ul li a, #othumbnail11 ul li a, #othumbnail12 ul li a, #othumbnail13 ul li a, #othumbnail14 ul li a, #othumbnail15 ul li a, #othumbnail16 ul li a, #othumbnail17 ul li a, #othumbnail18 ul li a, #othumbnail19 ul li a, #othumbnail20 ul li a, #othumbnail21 ul li a, #othumbnail22 ul li a, #othumbnail23 ul li a, #othumbnail24 ul li a, #othumbnail25 ul li a { text-indent: -9999px; text-decoration: none; } /* positioning thumbnail images */ #a1, #a2, #a3, #a4, #a5, #a6, #a7, #a8, #a9, #a10, #p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10, #p11, #p12, #p13, #p14, #p15, #n1, #n2, #n3, #n4, #n5, #n6, #n7, #n8, #n9, #n10, #n11, #n12, #n13, #n14, #n15, #o1, #o2, #o3, #o4, #o5, #o6, #o7, #o8, #o9, #o10, #o11, #o12, #o13, #o14, #o15, #o16, #o17, #o18, #o19, #o20, #o21, #o22, #o23, #o24, #o25 {left: 0px; width: 68px;} /* rollover effect */ #athumbnail1 a:hover, #athumbnail2 a:hover, #athumbnail3 a:hover, #athumbnail4 a:hover, #athumbnail5 a:hover, #athumbnail6 a:hover, #athumbnail7 a:hover, #athumbnail8 a:hover, #athumbnail9 a:hover, #athumbnail10 a:hover, #pthumbnail1 a:hover, #pthumbnail2 a:hover, #pthumbnail3 a:hover, #pthumbnail4 a:hover, #pthumbnail5 a:hover, #pthumbnail6 a:hover, #pthumbnail7 a:hover, #pthumbnail8 a:hover, #pthumbnail9 a:hover, #pthumbnail10 a:hover, #pthumbnail11 a:hover, #pthumbnail12 a:hover, #pthumbnail13 a:hover, #pthumbnail14 a:hover, #pthumbnail15 a:hover, #nthumbnail1 a:hover, #nthumbnail2 a:hover, #nthumbnail3 a:hover, #nthumbnail4 a:hover, #nthumbnail5 a:hover, #nthumbnail6 a:hover, #nthumbnail7 a:hover, #nthumbnail8 a:hover, #nthumbnail9 a:hover, #nthumbnail10 a:hover, #nthumbnail11 a:hover, #nthumbnail12 a:hover, #nthumbnail13 a:hover, #nthumbnail14 a:hover, #nthumbnail15 a:hover, #othumbnail1 a:hover, #othumbnail2 a:hover, #othumbnail3 a:hover, #othumbnail4 a:hover, #othumbnail5 a:hover, #othumbnail6 a:hover, #othumbnail7 a:hover, #othumbnail8 a:hover, #othumbnail9 a:hover, #othumbnail10 a:hover, #othumbnail11 a:hover, #othumbnail12 a:hover, #othumbnail13 a:hover, #othumbnail14 a:hover, #othumbnail15 a:hover, #othumbnail16 a:hover, #othumbnail17 a:hover, #othumbnail18 a:hover, #othumbnail19 a:hover, #othumbnail20 a:hover, #othumbnail21 a:hover, #othumbnail22 a:hover, #othumbnail23 a:hover, #othumbnail24 a:hover, #othumbnail25 a:hover {border: 1px solid #000;} /* phone */ #phone { float: left; margin: 20px auto; padding: 0; border: 0; height: 18px; width: 187px; background: transparent url(images/phone.gif) 50% 50% no-repeat; } /* email */ #eaddress { float: right; margin: 20px auto; padding: 0 35px 0 0;} #eaddress ul { width: 272px; height: 18px; margin: 0; padding: 0; position: relative; background: transparent url(images/address.gif) 0px 0px no-repeat; } #eaddress ul li { margin: 0; padding: 0; list-style: none; position: relative; } #eaddress ul li, #eaddress a { height: 18px; display: block; } #eaddress ul li a { text-indent: -9999px; text-decoration: none; } /* positioning thumbnail images */ #email {left: 0px; width: 272px;} /* rollover effect */ #email a:hover {background: transparent url(images/address.gif) 0px -18px no-repeat;} /* fixes and hacks */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }