body { background-color: #ffffff; margin: 0; font-family: Verdana, Arial, Tahoma; font-size: 13px; color: #335C7A; } .SectionText { font-family: arial; font-size: 12px; vertical-align: top; text-align: left; padding: 5px; } .SectionText A { font-family: arial; font-size: 16px; font-weight: bold; text-decoration: none; color: #335C7A; } .SectionText A:Hover { font-family: arial; font-size: 16px; font-weight: bold; text-decoration: underline; color: #335C7A; } .SectionText p { font-family: arial; font-size: 14px; color: #666666; } .SectionLinks { font-family: arial; font-size: 12px; color: #0000FF; padding-left: 5px; vertical-align: middle; text-align: left; } .SectionLinks A, .SectionLinks A:Active { font-family: arial; font-size: 12px; color: #0000FF; font-weight: bold; } #TopTD { font-family: arial; font-size: 12px; font-weight: bold; color: #335C7A; } #FooterTD { font-family: arial; color: #999999; padding: 5px; font-size:7pt; } #TopNavigation { font-family: arial; font-size: 12px; font-weight: bold; color: #ffffff; padding-left: 20px; } #TopNavigation A, #TopNavigation A:Visited, #TopNavigation A:Active { font-family: arial; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; } #TopNavigation A:Hover { font-family: arial; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: underline; } .LeftMenuItem { font-family: arial; font-size: 12px; font-weight: bold; text-decoration: none; color: #335C7A; padding: 5px; padding-right: 20px; } .LeftMenuItem A, .LeftMenuItem A:Active, .LeftMenuItem A:Visited { font-family: arial; font-size: 12px; font-weight: bold; text-decoration: none; color: #335C7A; } .LeftMenuItem A:Hover { font-family: arial; font-size: 12px; font-weight: bold; text-decoration: underline; color: #335C7A; } .LeftMenuHeader { font-family: Verdana; font-size: 14px; font-weight: bold; color: #335C7A; } #ContentTD { padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; background-color: #ffffff; vertical-align: top; text-align: left; font-family: Verdana, Arial, Tahoma; font-size: 12px; color: #335C7A; } p { font-family: Verdana, Arial, Tahoma; font-size: 12px; color: #335C7A; } li { font-family: Verdana, Arial, Tahoma; font-size: 12px; color: #335C7A; padding-bottom: 5px; } /*h1 { font-family: Arial; color: #335C7A; font-weight: bold; font-size: 24px; }*/ h1 { font-weight: bold; color: #8B1A1A; border-bottom: #335c7a 1px solid; font-family: Arial; font-size: 22px; } /*h2 { font-weight: bold; color: #335c7a; border-bottom: #335c7a 1px solid; font-family: Arial; }*/ h2 { font-family: Arial; color: #8B1A1A; font-weight: bold; font-size: 17px; } h3 { font-family: Arial; color: #cc9966; font-weight: bold; font-size: 1px; } h4 { font-family: Arial; color: #cc9966; font-size: 13px; } .RightBox { border-right: #335c7a 1px solid; border-top: #335c7a 1px solid; margin-left: 10px; border-left: #335c7a 1px solid; border-bottom: #335c7a 1px solid; } .MenuTitre { padding-right: 5px; padding-left: 10px; font-weight: bold; font-size: 16px; padding-bottom: 8px; color: #006699; padding-top: 5px; font-family: Verdana, Tahoma, Arial; text-decoration: none; } .headbot { font-size:7pt; font-family: Verdana, Tahoma, Arial; margin-bottom:-1px; } .header1 { font-weight: bold; border-top-style: none; font-family: Arial; border-right-style: none; border-left-style: none; border-bottom-style: none; } .sharepost { border:1px solid #E8E8E8; position:fixed; background:#fff; width: 70px; right: 0; margin: 0 20px 0 0; top: 150px; } .sharer{ padding: 5px; border-bottom: 1px solid #e8e8e8; } div#container1{width: 100px; margin:0 auto} div#container2{width: 200px; margin:0 auto} div#container3{width: 300px; margin:0 auto} div#container4{width: 400px; margin:0 auto} div#container5{width: 500px; margin:0 auto} /*---------- bubble tooltip -----------*/ a.tt{ position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none; } a.tt span{ display: none; } /*background:; ie hack, something must be changed in a for ie to execute it*/ a.tt:link{ z-index:25; color: #aaaaff; background:;} a.tt:link span.tooltip{ display:block; position:absolute; top:5px; left:0; padding: 15px 0 0 0; width:200px; color: #993300; text-align: center; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; } a.tt:link span.tooltip2{ display:block; position:absolute; top:5px; left:0; padding: 15px 0 0 0; width:300px; color: #993300; text-align: center; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; } a.tt:link span.top{ display: block; padding: 30px 8px 0; background: url(bubble.gif) no-repeat top; } a.tt:link span.middle{ /* different middle bg for stretch */ display: block; padding: 0 8px; color: black; background: url(bubble_filler.gif) repeat bottom; } a.tt:link span.bottom{ display: block; padding:3px 8px 10px; color: #548912; background: url(bubble.gif) no-repeat bottom; } /* ----------------------- Testimonial 1 ----------------------- */ .testimonial1{width: 665px; margin: 30px auto; padding: 0;} .testimonial1 .middle{width: 665px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials1-middle.gif) repeat-y top left; padding: 0;} .testimonial1 .top{width: 665px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials1-top.gif) no-repeat top left; padding: 0;} .testimonial1 .down{width: 578px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials1-down.gif) no-repeat bottom left; padding: 20px 41px 50px 46px;} .testimonial1 .down h2{display: block; margin: 0 0 4px; padding: 0 0 0 30px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; font-weight: bold; text-transform: none; font-style: normal;} .testimonial1 .down p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 0; padding: 0;} /* ----------------------- Testimonial 2 ----------------------- */ .testimonial2{width: 665px; margin: 30px auto; padding: 0;} .testimonial2 h2{display: block; margin: 0 0 4px; padding: 0 0 0 30px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; font-weight: bold; text-transform: none; font-style: normal;} .testimonial2 p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 0; padding: 0;} /* --- Bubble 1 & 2 --- */ .testimonial2 .box2-left-middle{width: 310px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials2-middle2.gif) repeat-y top left; padding: 0;} .testimonial2 .box2-left-top{width: 310px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials2-top2.gif) no-repeat top left; padding: 0;} .testimonial2 .box2-left-down{width: 282px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials2-down2.gif) no-repeat bottom left; padding: 0 0 0 28px;} .testimonial2 .box2-left-down .bubble-left{float: left; width: 265px; padding: 21px 0 80px 0;} .testimonial2 .box2-right-middle{width: 345px; margin: 0; float: right; background: url(http://www.seo-writer.com/images/testimonials/testimonials2-middle2.gif) repeat-y top right; padding: 0;} .testimonial2 .box2-right-top{width: 345px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials2-top2.gif) no-repeat top right; padding: 0;} .testimonial2 .box2-right-down{width: 317px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials2-down2.gif) no-repeat bottom right; padding: 0 0 0 28px;} .testimonial2 .box2-right-down .bubble-right{float: left; width: 291px; padding: 50px 0 51px 0;} /* ----------------------- Testimonial 3 ----------------------- */ .testimonial3{width: 665px; margin: 30px auto; padding: 0;} .testimonial3 h2{display: block; margin: 0 0 4px; padding: 0 0 0 30px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; font-weight: bold; text-transform: none; font-style: normal;} .testimonial3 p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 0; padding: 0;} /* --- Bubble 1 --- */ .testimonial3 .box1-middle{width: 665px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials3-middle1.gif) repeat-y top left; padding: 0;} .testimonial3 .box1-top{width: 665px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials3-top1.gif) no-repeat top left; padding: 0;} .testimonial3 .box1-down{width: 288px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials3-down1.gif) no-repeat bottom left; padding: 20px 295px 40px 82px;} /* --- Bubble 2 & 3 --- */ .testimonial3 .box2{width: 665px; margin: 0; float: left; padding: 0;} /* - Left -*/ .testimonial3 .box2-left-middle{width: 310px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials3-middle2.gif) repeat-y top left; padding: 0;} .testimonial3 .box2-left-top{width: 310px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials3-top2.gif) no-repeat top left; padding: 0;} .testimonial3 .box2-left-down{width: 282px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials3-down2.gif) no-repeat bottom left; padding: 0 0 0 28px;} .testimonial3 .box2-left-down .bubble-left{float: left; width: 265px; padding: 42px 0 52px 0;} /* - Right - */ .testimonial3 .box2-right-middle{width: 350px; margin: 0; float: right; background: url(http://www.seo-writer.com/images/testimonials/testimonials3-middle2.gif) repeat-y top right; padding: 0;} .testimonial3 .box2-right-top{width: 350px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials3-top2.gif) no-repeat top right; padding: 0;} .testimonial3 .box2-right-down{width: 322px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials3-down2.gif) no-repeat bottom right; padding: 0 0 0 28px;} .testimonial3 .box2-right-down .bubble-right{float: left; width: 291px; padding: 21px 0 72px 0;} /* ----------------------- Testimonial 4 ----------------------- */ .testimonial4{width: 665px; margin: 30px auto; padding: 0;} .testimonial4 h2{display: block; margin: 0 0 4px; padding: 0 0 0 30px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; font-weight: bold; text-transform: none; font-style: normal;} .testimonial4 p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 0; padding: 0;} /* --- Bubble 1 --- */ .testimonial4 .box1-middle{width: 665px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials4-middle1.gif) repeat-y top left; padding: 0;} .testimonial4 .box1-top{width: 665px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials4-top1.gif) no-repeat top left; padding: 0;} .testimonial4 .box1-down{width: 289px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials4-down1.gif) no-repeat bottom left; padding: 20px 297px 60px 79px;} /* --- Bubble 2 & 3 --- */ .testimonial4 .box2{width: 665px; margin: 0; float: left; padding: 0;} /* - Left - */ .testimonial4 .box2-left-middle{width: 310px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials4-middle2.gif) repeat-y top left; padding: 0;} .testimonial4 .box2-left-top{width: 310px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials4-top2.gif) no-repeat top left; padding: 0;} .testimonial4 .box2-left-down{width: 284px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials4-down2.gif) no-repeat bottom left; padding: 0 0 0 26px;} .testimonial4 .box2-left-down .bubble-left{float: left; width: 270px; padding: 23px 0 42px 0;} /* - Right - */ .testimonial4 .box2-right-middle{width: 350px; margin: 0; float: right; background: url(http://www.seo-writer.com/images/testimonials/testimonials4-middle2.gif) repeat-y top right; padding: 0;} .testimonial4 .box2-right-top{width: 350px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials4-top2.gif) no-repeat top right; padding: 0;} .testimonial4 .box2-right-down{width: 324px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials4-down2.gif) no-repeat bottom right; padding: 0 0 0 26px;} .testimonial4 .box2-right-down .bubble-right{float: left; width: 291px; padding: 0 0 64px 0;} /* --- Bubble 4 --- */ .testimonial4 .box4-middle{width: 665px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials4-middle3.gif) repeat-y top left; padding: 0;} .testimonial4 .box4-top{width: 665px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials4-top3.gif) no-repeat top left; padding: 0;} .testimonial4 .box4-down{width: 289px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials4-down3.gif) no-repeat bottom left; padding: 21px 243px 51px 133px;} /* ----------------------- Testimonial 5 ----------------------- */ .testimonial5{width: 665px; margin: 30px auto; padding: 0;} .testimonial5 h2{display: block; margin: 0 0 4px; padding: 0 0 0 30px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; font-weight: bold; text-transform: none; font-style: normal;} .testimonial5 p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 0; padding: 0;} /* --- Bubble 1 --- */ .testimonial5 .box1-middle{width: 665px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials5-middle1.gif) repeat-y top left; padding: 0;} .testimonial5 .box1-top{width: 665px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials5-top1.gif) no-repeat top left; padding: 0;} .testimonial5 .box1-down{width: 288px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials5-down1.gif) no-repeat bottom left; padding: 20px 295px 40px 82px;} /* --- Bubble 2 & 3 --- */ .testimonial5 .box2{width: 665px; margin: 0; float: left; padding: 0;} /* - Left - */ .testimonial5 .box2-left-middle{width: 310px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials5-middle2.gif) repeat-y top left; padding: 0;} .testimonial5 .box2-left-top{width: 310px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials5-top2.gif) no-repeat top left; padding: 0;} .testimonial5 .box2-left-down{width: 282px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials5-down2.gif) no-repeat bottom left; padding: 0 0 0 28px;} .testimonial5 .box2-left-down .bubble-left{float: left; width: 260px; padding: 42px 0 42px 0;} /* - right - */ .testimonial5 .box2-right-middle{width: 350px; margin: 0; float: right; background: url(http://www.seo-writer.com/images/testimonials/testimonials5-middle2.gif) repeat-y top right; padding: 0;} .testimonial5 .box2-right-top{width: 350px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials5-top2.gif) no-repeat top right; padding: 0;} .testimonial5 .box2-right-down{width: 322px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials5-down2.gif) no-repeat bottom right; padding: 0 0 0 28px;} .testimonial5 .box2-right-down .bubble-right{float: left; width: 291px; padding: 21px 0 42px 0;} /* --- Bubble 4 & 5 --- */ .testimonial5 .box3{width: 665px; margin: 0; float: left; padding: 0;} /* - Left - */ .testimonial5 .box3-left-middle{width: 320px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials5-middle3.gif) repeat-y top left; padding: 0;} .testimonial5 .box3-left-top{width: 320px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials5-top3.gif) no-repeat top left; padding: 0;} .testimonial5 .box3-left-down{width: 292px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials5-down3.gif) no-repeat bottom left; padding: 0 0 0 28px;} .testimonial5 .box3-left-down .bubble-left{float: left; width: 255px; padding: 42px 0 50px 14px;} /* - right - */ .testimonial5 .box3-right-middle{width: 320px; margin: 0; float: right; background: url(http://www.seo-writer.com/images/testimonials/testimonials5-middle3.gif) repeat-y top right; padding: 0;} .testimonial5 .box3-right-top{width: 320px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials5-top3.gif) no-repeat top right; padding: 0;} .testimonial5 .box3-right-down{width: 293px; margin: 0; float: left; background: url(http://www.seo-writer.com/images/testimonials/testimonials5-down3.gif) no-repeat bottom right; padding: 0 0 0 27px;} .testimonial5 .box3-right-down .bubble-right{float: left; width: 261px; padding: 21px 0 70px 0;} /* ----------------------- Clearfix ----------------------- */ /* slightly enhanced, universal clearfix hack */ .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;line-height: 0; } .clearfix {display: inline-block;} /* start commented backslash hack \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* close commented backslash hack */