* { margin: 0; padding: 0; } body { font: 12px Georgia, Serif; background: url(../images/site/background3.gif) repeat-x;} a, a img { border: 0; text-decoration: none; outline: 0; } /*Menus */ /* Main menu */ #header { position: absolute; top: 16px; } #header-img { position: relative; top: 18px; left: 0px; width: 200px;} .nav { position: absolute; top: 26px; left: 66px; width: 400px; height: 75px; z-index: 100; } .nav li{ border: none; display: inline; } .nav li a{ text-decoration: none; height: 26px; float: left; } .nav li.mhome a { width: 47px; background: url(../images/site/home.gif) 0 0 no-repeat; } .nav li.mport a { width: 75px; background: url(../images/site/portfolio.gif) 0 0 no-repeat; } .nav li.mtest a { width: 92px; background: url(../images/site/testimonials.gif) 0 0 no-repeat; } .nav li.mfaqs a { width: 43px; background: url(../images/site/faq.gif) 0 0 no-repeat; } .nav li.mcont a { width: 54px; background: url(../images/site/contact.gif) 0 0 no-repeat; } .nav li a:link, .nav li a:visited { text-indent: -9000px; overflow: hidden; } .nav li.active a:link, .nav li.active a:visited { background-position: 0 -26px;} .nav li a:hover, .nav li a:active, .nav li a:focus { background-position: 0 -26px;} .nav li.active a { background-position: 0 -26px; } ul.subnav { width: 184px; height: 144px; position: absolute; top: 309px; left: -192px; z-index: 100; } ul#clients.subnav { background: url(../images/site/clients2.gif) no-repeat 0px 0px;} ul#testimonials.subnav { background: url(../images/site/testimonials_side.gif) no-repeat 0px 0px;} ul#faqs.subnav { background: url(../images/site/faq_side.gif) no-repeat 0px 0px;} ul#home.subnav { background: url(../images/site/home_side.gif) no-repeat 0px 0px;} .subnav li{ text-decoration: none; list-style-type: none; height: 10px;} .subnav li a:link, .subnav li a:visited { position: absolute; top: 0; height: 24px; text-indent: -9000px; overflow: hidden; } .subnav .clients01 a:link, .subnav .clients01 a:visited { top: 0px; width: 184px;} .subnav .clients02 a:link, .subnav .clients02 a:visited { top: 24px; width: 184px;} .subnav .clients03 a:link, .subnav .clients03 a:visited { top: 48px; width: 184px;} .subnav .clients04 a:link, .subnav .clients04 a:visited { top: 72px; width: 184px;} .subnav .clients05 a:link, .subnav .clients05 a:visited { top: 96px; width: 184px;} .subnav .clients06 a:link, .subnav .clients06 a:visited { top: 120px; width: 184px;} #clients.subnav .clients01 a:hover, #clients.subnav .clients01 a:focus, #clients.subnav .clients01 a.active { background: url(../images/site/clients2.gif) no-repeat -184px 0px;} #clients.subnav .clients02 a:hover, #clients.subnav .clients02 a:focus, #clients.subnav .clients02 a.active { background: url(../images/site/clients2.gif) no-repeat -184px -24px;} #clients.subnav .clients03 a:hover, #clients.subnav .clients03 a:focus, #clients.subnav .clients03 a.active { background: url(../images/site/clients2.gif) no-repeat -184px -48px;} #clients.subnav .clients04 a:hover, #clients.subnav .clients04 a:focus, #clients.subnav .clients04 a.active { background: url(../images/site/clients2.gif) no-repeat -184px -72px;} #clients.subnav .clients05 a:hover, #clients.subnav .clients05 a:focus, #clients.subnav .clients05 a.active { background: url(../images/site/clients2.gif) no-repeat -184px -96px;} #clients.subnav .clients06 a:hover, #clients.subnav .clients06 a:focus, #clients.subnav .clients06 a.active { background: url(../images/site/clients2.gif) no-repeat -184px -120px;} .subnav .home01 a:link, .subnav .home01 a:visited { top: 0px; width: 184px;} .subnav .home02 a:link, .subnav .home02 a:visited { top: 24px; width: 184px;} .subnav .home03 a:link, .subnav .home03 a:visited { top: 48px; width: 184px;} .subnav .home04 a:link, .subnav .home04 a:visited { top: 72px; width: 184px;} .subnav .home05 a:link, .subnav .home05 a:visited { top: 96px; width: 184px;} .subnav .home06 a:link, .subnav .home06 a:visited { top: 120px; width: 184px;} #home.subnav .home01 a:hover, #home.subnav .home01 a:focus, #home.subnav .home01 a.active { background: url(../images/site/home_side.gif) no-repeat -184px 0px;} #home.subnav .home02 a:hover, #home.subnav .home02 a:focus, #home.subnav .home02 a.active { background: url(../images/site/home_side.gif) no-repeat -184px -24px;} #home.subnav .home03 a:hover, #home.subnav .home03 a:focus, #home.subnav .home03 a.active { background: url(../images/site/home_side.gif) no-repeat -184px -48px;} #home.subnav .home04 a:hover, #home.subnav .home04 a:focus, #home.subnav .home04 a.active { background: url(../images/site/home_side.gif) no-repeat -184px -72px;} #home.subnav .home05 a:hover, #home.subnav .home05 a:focus, #home.subnav .home05 a.active { background: url(../images/site/home_side.gif) no-repeat -184px -96px;} #home.subnav .home06 a:hover, #home.subnav .home06 a:focus, #home.subnav .home06 a.active { background: url(../images/site/home_side.gif) no-repeat -184px -120px;} .subnav .faqs01 a:link, .subnav .faqs01 a:visited { top: 0px; width: 184px;} .subnav .faqs02 a:link, .subnav .faqs02 a:visited { top: 24px; width: 184px;} .subnav .faqs03 a:link, .subnav .faqs03 a:visited { top: 48px; width: 184px;} .subnav .faqs04 a:link, .subnav .faqs04 a:visited { top: 72px; width: 184px;} .subnav .faqs05 a:link, .subnav .faqs05 a:visited { top: 96px; width: 184px;} .subnav .faqs06 a:link, .subnav .faqs06 a:visited { top: 120px; width: 184px;} #faqs.subnav .faqs01 a:hover, #faqs.subnav .faqs01 a:focus, #faqs.subnav .faqs01 a.active { background: url(../images/site/faq_side.gif) no-repeat -184px 0px;} #faqs.subnav .faqs02 a:hover, #faqs.subnav .faqs02 a:focus, #faqs.subnav .faqs02 a.active { background: url(../images/site/faq_side.gif) no-repeat -184px -24px;} #faqs.subnav .faqs03 a:hover, #faqs.subnav .faqs03 a:focus, #faqs.subnav .faqs03 a.active { background: url(../images/site/faq_side.gif) no-repeat -184px -48px;} #faqs.subnav .faqs04 a:hover, #faqs.subnav .faqs04 a:focus, #faqs.subnav .faqs04 a.active { background: url(../images/site/faq_side.gif) no-repeat -184px -72px;} #faqs.subnav .faqs05 a:hover, #faqs.subnav .faqs05 a:focus, #faqs.subnav .faqs05 a.active { background: url(../images/site/faq_side.gif) no-repeat -184px -96px;} #faqs.subnav .faqs06 a:hover, #faqs.subnav .faqs06 a:focus, #faqs.subnav .faqs06 a.active { background: url(../images/site/faq_side.gif) no-repeat -184px -120px;} .subnav .testimonials01 a:link, .subnav .testimonials01 a:visited { top: 0px; width: 184px;} .subnav .testimonials02 a:link, .subnav .testimonials02 a:visited { top: 24px; width: 184px;} .subnav .testimonials03 a:link, .subnav .testimonials03 a:visited { top: 48px; width: 184px;} .subnav .testimonials04 a:link, .subnav .testimonials04 a:visited { top: 72px; width: 184px;} .subnav .testimonials05 a:link, .subnav .testimonials05 a:visited { top: 96px; width: 184px;} .subnav .testimonials06 a:link, .subnav .testimonials06 a:visited { top: 120px; width: 184px;} #testimonials.subnav .testimonials01 a:hover, #testimonials.subnav .testimonials01 a:focus, #testimonials.subnav .testimonials01 a.active { background: url(../images/site/testimonials_side.gif) no-repeat -184px 0px;} #testimonials.subnav .testimonials02 a:hover, #testimonials.subnav .testimonials02 a:focus, #testimonials.subnav .testimonials02 a.active { background: url(../images/site/testimonials_side.gif) no-repeat -184px -24px;} #testimonials.subnav .testimonials03 a:hover, #testimonials.subnav .testimonials03 a:focus, #testimonials.subnav .testimonials03 a.active { background: url(../images/site/testimonials_side.gif) no-repeat -184px -48px;} #testimonials.subnav .testimonials04 a:hover, #testimonials.subnav .testimonials04 a:focus, #testimonials.subnav .testimonials04 a.active { background: url(../images/site/testimonials_side.gif) no-repeat -184px -72px;} #testimonials.subnav .testimonials05 a:hover, #testimonials.subnav .testimonials05 a:focus, #testimonials.subnav .testimonials05 a.active { background: url(../images/site/testimonials_side.gif) no-repeat -184px -96px;} #testimonials.subnav .testimonials06 a:hover, #testimonials.subnav .testimonials06 a:focus, #testimonials.subnav .testimonials06 a.active { background: url(../images/site/testimonials_side.gif) no-repeat -184px -120px;} #page-wrap { border: none; width: 760px; padding: 15px; margin: 0 auto 50px; position: relative; } #col1 { width: 49%; float: left; margin: 0 0 20px 0; } #col2 { width: 49%; float: right; } h1 { font: bold 60px Helvetica, Sans-Serif; letter-spacing: -2px; margin: 20px 0; text-align: center; } h2 { font: bold 30px Helvetica, Sans-Serif; letter-spacing: -1px; margin: 0 0 10px 0; } h3 { font: 16px Georgia, Serif; margin: 0 0 10px 0; } h5 { font: 15px Georgia, Serif; text-align: center; } pre { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; } ul { margin: 0 0 25px 25px; } ul li, .simpleblock { font: 11px Verdana, Sans-Serif; line-height: 16px; margin: 0 0 8px 0; color: #3C5E5B } #dl { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; } #dl:hover { background: #666; } .nicescreen { position: absolute; top: -89px; left: -30px; } /* .nicescreen { position: absolute; top: 4px; left: 120px; z-index: -1; border: 1px solid black; } */ .simpleblock { position: absolute; top: 205px; left: 235px; right: 130px; z-index: 150; background: white;} /* This stuff is for the TitleBlock Plugin */ .image { position: relative; margin-bottom: 20px; width: 100%; } .image h2 { position: absolute; top: 220px; left: 0; width: 100%; } .image h2 span { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; } .image h2 span.spacer { padding: 0 2px; background: none; } /* For Specific Slides */ #textSlide { padding: 10px 30px; } #textSlide h3 { font: 20px Verdana, Sans-Serif; } #textSlide h4 { text-transform: uppercase; font: 15px Verdana, Sans-Serif; margin: 10px 0; } #textSlide ul { list-style: disc; margin: 0 0 0 25px; } #textSlide ul li { display: list-item; } #quoteSlide { margin-left: 10px; padding: 100px 70px 30px 50px; } #quoteSlide blockquote, .simpleblock blockquote { font: normal 24px/1.5 Verdana, Sans-Serif; text-align: left; color: #437374; margin: 0 0 10px 0; } #quoteSlide p { text-align: left; margin-bottom: 12px;} .testiquote { position: relative; top: 46px; margin-right: 22px;} .testibg01 { background-image: url(../images/content/southernwoods_test.gif); } .testibg02 { background-image: url(../images/content/flo-code_test.gif); } .testibg03 { background-image: url(../images/content/raw_test.gif); } .homequote { position: relative; top: 46px; margin-right: 22px;} .homebg01 { background-image: url(../images/content/who_we_are.gif); } .homebg02 { background-image: url(../images/content/creating.gif); } .homebg03 { background-image: url(../images/content/maintaining.gif); } .homebg04 { background-image: url(../images/content/protecting.gif); } .homebg05 { background-image: url(../images/content/marketing.gif); } .faqsquote { position: relative; top: 46px; margin-right: 22px;} .faqsbg01 { background-image: url(../images/content/do_i_need.gif); } .faqsbg02 { background-image: url(../images/content/how_do.gif); } .faqsbg03 { background-image: url(../images/content/what_makes.gif); } .faqsbg04 { background-image: url(../images/content/can_you.gif); } .list { margin-left: 40px; } .list br { margin-top: 6px; } #quoteSlide p.halflinesp {margin-bottom: 0px;} .nudgel { position: relative; left: -1px; }