html { background-color:#faf7f3; } body { margin:184px 0px 0px 0px; background-image:url(images/background.png); background-position:center; background-repeat:repeat-y; } #header { position:fixed; z-index:2; top:0px; width:100%; height:240px; background-image:url(images/header.png); background-position:center; } #header .center { position:relative; width:950px; height:240px; margin-left:auto; margin-right:auto; } #header .tagline { position:absolute; left:375px; top:145px; } #header .menu { position:absolute; left:50%; margin-left:17px; top:186px; width:500px; } #header .menu a { display:block; float:left; padding-right:11px; margin-right:11px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:11px; line-height:15px; color:#ffffff; text-decoration:none; text-transform:lowercase; border-right:solid #72817a 1px; cursor:pointer; outline:none; } #header .menu a.last { border:none; } #header .menu a:hover { color:#8cc63f; } #header .call-us { position:absolute; z-index:500; left:50%; top:40px; width:140px; border-right:solid #aeaeae 1px; } #header .call-us h1 { margin:0px; font-family:Georgia, "Times New Roman", Times, serif; color:#f15c30; font-size:20px; line-height:30px; font-weight:normal; } #header .call-us h2 { position:relative; top:-5px; margin:0px; font-family:Georgia, "Times New Roman", Times, serif; color:#616161; font-size:18px; line-height:30px; font-weight:normal; } #header .login { position:absolute; z-index:500; left:50%; margin-left:160px; top:40px; width:300px; } #header .login h1 { margin:0px; font-family:Georgia, "Times New Roman", Times, serif; color:#f15c30; font-size:20px; line-height:30px; font-weight:normal; } #header .login h2 { position:relative; top:-5px; margin:0px; font-family:Georgia, "Times New Roman", Times, serif; color:#616161; font-size:18px; line-height:30px; font-weight:normal; } #header .login h2 a { color:#616161; text-decoration:none; } #header .login h2 a:hover { text-decoration:underline; } #content { position:relative; overflow:hidden; background-image:url(images/content-background.jpg); background-position:center top; background-repeat:no-repeat; } #content .center { position:relative; overflow:hidden; z-index:1; width:950px; margin-left:auto; margin-right:auto; } #content .center .welcome { position:relative; overflow:hidden; height:300px; } #content .center .welcome .pick-ontario { position:absolute; left:50px; top:50px; width:285px; } #content .center .welcome .pick-ontario .logo { padding-left:55px; padding-bottom:8px; } #content .center .welcome .pick-ontario .logo a { outline:none; } #content .center .welcome .pick-ontario .description { font-family:Verdana, Arial, Helvetica, sans-serif; color:#939393; font-size:11px; line-height:15px; } #content .center .welcome .pick-ontario .description a { color:#939393; text-decoration:underline; } #content .center .welcome .pick-ontario .description a:hover { color:#333333; } #content .center .welcome .message { position:absolute; left:375px; top:50px; width:500px; font-family:Georgia, "Times New Roman", Times, serif; } #content .center .welcome .message h1 { margin:0px; color:#f0653c; font-size:28px; line-height:35px; font-weight:normal; } #content .center .welcome .message p { margin:10px 0px 0px 0px; color:#818181; font-size:16px; line-height:22px; font-style:italic; } #content .center .welcome .message p a { color:#333333; text-decoration:none; } #content .center .welcome .message p a:hover { text-decoration:underline; } #content .center .company { position:relative; overflow:hidden; height:875px; background-color:#8f8371; background-image:url(images/company-background.png); background-repeat:repeat-x; } #content .center .company .title { position:absolute; margin:0px; left:50px; top:35px; color:#ddd3c3; font-size:28px; line-height:35px; font-weight:normal; } #content .center .company .photos { position:absolute; overflow:hidden; left:50px; top:80px; width:590px; height:395px; border:solid #c0bbb3 1px; } #content .center .company .photos div { position:relative; float:left; width:590px; height:395px; overflow:hidden; display:none; } #content .center .company .photos div.p1 { display:block; } #content .center .company .photos div span { position:absolute; width:580px; padding-left:10px; height:30px; top:365px; background-image:url(images/photo-message-background.png); font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; line-height:30px; } #content .center .company .thumbs { position:absolute; overflow:hidden; left:641px; top:80px; width:258px; border-top:solid #c0bbb3 1px; border-left:solid #c0bbb3 1px; } #content .center .company .thumbs a { position:relative; display:block; float:left; overflow:hidden; width:128px; height:98px; border-bottom:solid #c0bbb3 1px; border-right:solid #c0bbb3 1px; cursor:pointer; outline:none; } #content .center .company .thumbs a img { position:absolute; border:none; } #content .center .company .thumbs a.p1 img { top:0px; } #content .center .company .thumbs a.p2 img { top:-98px; } #content .center .company .thumbs a.p3 img { top:-196px; } #content .center .company .thumbs a.p4 img { top:-294px; } #content .center .company .thumbs a.p5 img { top:-392px; } #content .center .company .thumbs a.p6 img { top:-490px; } #content .center .company .thumbs a.p7 img { top:-588px; } #content .center .company .thumbs a.p8 img { top:-686px; } #content .center .company .thumbs a img.selected { left:-128px !important; } #content .center .company .mission { position:absolute; left:50px; top:510px; width:425px; color:#ffffff; } #content .center .company .mission h1 { margin:0px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-size:17px; line-height:25px; font-weight:normal; } #content .center .company .mission p { margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:17px; } #content .center .company .history { position:absolute; left:50px; top:645px; width:425px; color:#ffffff; } #content .center .company .history h1 { margin:0px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-size:17px; line-height:25px; font-weight:normal; } #content .center .company .history p { margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:17px; } #content .center .company .the-planet { position:absolute; left:525px; top:510px; width:360px; color:#ffffff; } #content .center .company .the-planet h1 { margin:0px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-size:17px; line-height:25px; font-weight:normal; } #content .center .company .the-planet p { margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:17px; } #content .center .products { position:relative; overflow:hidden; height:535px; background-image:url(images/products-background.png); background-repeat:no-repeat; background-position:50px 130px; } #content .center .products h1 { position:absolute; left:50px; top:60px; margin:0px; font-family:Georgia, "Times New Roman", Times, serif; color:#f0653c; font-size:28px; line-height:35px; font-weight:normal; } #content .center .products h2 { position:absolute; left:50px; top:90px; margin:0px; font-family:Georgia, "Times New Roman", Times, serif; color:#898989; font-size:16px; line-height:22px; font-weight:normal; font-style:italic; } #content .center .products h3 { margin:0px 0px 5px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; line-height:25px; font-weight:normal; } #content .center .products .photo { position:absolute; left:401px; top:75px; width:527px; height:412px; background-image:url(images/product-background.jpg); } #content .center .products a { display:block; float:left; width:175px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#5e5e5e; font-size:11px; line-height:14px; text-decoration:none; cursor:pointer; outline:none; } #content .center .products a.hover { color:#b1b665; font-weight:bold; } #content .center .products a.selected { color:#f0653c; font-weight:bold; } #content .center .products .cut { position:absolute; left:105px; top:165px; width:350px; } #content .center .products .cut h3 { color:#f0653c; } #content .center .products .potted { position:absolute; left:105px; top:370px; width:350px; } #content .center .products .potted h3 { color:#64981a; } #content .center .plant-care { position:relative; overflow:hidden; height:700px; background-image:url(images/plant-care-background.jpg); background-repeat:no-repeat; } #content .center .plant-care h1 { position:absolute; left:50px; top:60px; margin:0px; font-family:Georgia, "Times New Roman", Times, serif; color:#f0653c; font-size:28px; line-height:35px; font-weight:normal; } #content .center .plant-care h2 { position:absolute; left:50px; top:90px; margin:0px; font-family:Georgia, "Times New Roman", Times, serif; color:#898989; font-size:16px; line-height:22px; font-weight:normal; font-style:italic; } #content .center .plant-care h3 { position:absolute; left:50px; top:115px; width:450px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#5e5e5e; font-size:11px; line-height:14px; font-weight:normal; } #content .center .plant-care ul { position:absolute; left:50px; top:200px; width:450px; list-style:none; margin:0px; padding:0px; } #content .center .plant-care ul a { font-family:Georgia, "Times New Roman", Times, serif; color:#626262; font-size:17px; line-height:30px; font-style:italic; text-decoration:none; } #content .center .plant-care ul a:hover { text-decoration:underline; } #content .center .contact { position:relative; overflow:hidden; height:230px; background-color:#1c0e06; color:#9e9590; } #content .center .contact h1 { position:absolute; left:50px; top:0px; margin:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; line-height:35px; font-weight:normal; } #content .center .contact .hours { position:absolute; left:50px; top:50px; width:250px; } #content .center .contact .hours h2 { margin:0px 0px 5px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; line-height:25px; font-weight:normal; } #content .center .contact .hours div.title { margin:0px; width:70px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:17px; } #content .center .contact .hours div.desc { margin:0px; width:180px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:17px; } #content .center .contact .hours div.desc span {font-size:9px; } #content .center .contact .phone { position:absolute; left:300px; top:50px; width:250px; } #content .center .contact .phone h2 { margin:0px 0px 5px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; line-height:25px; font-weight:normal; } #content .center .contact .phone div.title { margin:0px; width:70px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:17px; } #content .center .contact .phone div.desc { margin:0px; width:180px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:17px; } #content .center .contact .addresses { position:absolute; left:520px; top:50px; width:250px; } #content .center .contact .addresses h2 { margin:0px 0px 5px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; line-height:25px; font-weight:normal; } #content .center .contact .addresses div { margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:17px; } #content .center .contact .emails { position:absolute; left:760px; top:50px; width:150px; } #content .center .contact .emails h2 { margin:0px 0px 5px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; line-height:25px; font-weight:normal; } #content .center .contact .emails a { display:block; font-family:Verdana, Arial, Helvetica, sans-serif; color:#bccc32; font-size:11px; line-height:17px; text-decoration:none; outline:none; } #content .center .contact .emails a:hover { text-decoration:underline; } #content .center .contact .copyright { position:absolute; left:50px; top:200px; width:700px; font-family:Arial, Helvetica, sans-serif; color:#6b574c; font-size:11px; line-height:14px; font-weight:normal; text-shadow:#000000 0px 1px 1px; } #content .center .contact .copyright a { color:#91857e; text-decoration:none; } #content .center .contact .copyright a:hover { text-decoration:underline; }