/* CSS Document */ /*--------------------------------------------------------------------- COMMON CONFIG --------------------------------------------*/ #container { width: 1024px; margin:auto; background:url(../images/container-bg.png) repeat-x; display: table; } #main { width: 796px; margin:auto; padding: 8px 0 8px 0; display: table;} *{ margin:0; padding:0px; } #header-common { width:796px; height:148px; background:url(../images/header-bg2.png) no-repeat;} #header-common a.minute { width:274px; height:75px; float:right; margin: 50px 10px 0 0;} #header-common a.shownow { position: absolute; width:115px; height:25px; float:right; margin: -20px 10px 0 0; margin: 107px 0 0 663px;} #content { width:796px; margin:0; float: left; background:url(../images/menu-bg-bg.gif) repeat-x top #e6e6e6;} #menu-bg { width:796px; height:39px; background: url(../images/menu-bg-bg.gif) repeat-x;} #menu { width:796px; height:37px; margin:0 0 5px 0; text-indent: -999em; overflow: hidden; background: url(../images/menu-bg.gif) no-repeat; } #menu a { display: block; float: left; height: 38px; } #menu a.home { width: 86px; } #menu a.home:hover, #menu a.home-active {width: 86px; background: url(../images/menu-bg.gif) 0 -38px; } #menu a.praise { width: 240px;} #menu a.praise:hover, #menu a.praise-active {width: 240px; background: url(../images/menu-bg.gif) -87px -38px;} #menu a.about { width: 115px;} #menu a.about:hover, #menu a.about-active {width: 115px; background: url(../images/menu-bg.gif) -327px -38px;} #footer-common { background:url(../images/footer-common.gif) no-repeat; width: 796px; height: 174px; position:absolute; margin: -174px 0 0 0;} #footer-common p.foot { font-family: "Franklin Gothic Medium"; font-size:28px; color: #FFFFFF; font-weight: normal; margin: 5px 0 0 10px;} #footer-common p.info { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color: #FFFFFF; font-weight: normal; margin: -22px 0 0 190px;} #footer-common input { border:none; height:20px; width:250px; position:absolute; margin: -105px 0 0 480px;padding: 4px 0 0 5px; } #footer-common textarea { border:none; width: 250px; height:66px; position:absolute; margin: -90px 0 0 480px;padding: 5px 0 0 5px; font-size:13px; font-family:Arial, Helvetica, sans-serif;} #footer-common #button-home { background:url(../images/send.png) no-repeat; width: 81px; height:30px; border:none; position:absolute; margin: -35px 0 0 660px; /* hide from IE Mac \*/ text-indent: -999em; overflow: hidden; /* end hide */ } #footer-common form{ margin-top:15px;} /*------------------------------------------------------ HOME CONFIG---------------------------------------------------- */ #header-home { width:796px; height:148px; margin:auto; background:url(../images/header-bg.png) no-repeat;} #header-home a.whobooks { width:274px; height:75px; float:right; margin: 50px 10px 0 0;} #header-home a.showlist { position: absolute; width:115px; height:25px; float:right; margin: -20px 10px 0 0; margin: 107px 0 0 663px;} #left-content { float: left; width: 546px; margin:-4px 0 0 0; } #left-content h2 { font-family: "Franklin Gothic Medium"; font-size:21px; color:#E0451D; font-weight:normal; padding: 0 0 0 40px;} #left-content h2.testimonial { background: url(../images/home-testimonials.jpg); width: 119px; height: 16px; margin: 25px 0 10px 40px; text-indent: -999em; overflow: hidden; padding: 0;} #click { border-style:none; position:absolute; margin:350px 0 0 370px; width: 137px; height: 35px;} #click a { display: block; float: left; width: 137px; height: 35px; text-indent: -999em; overflow: hidden;} #click img { border-style:none;} #right-content { width: 242px; height: 1000px; float:left; margin: -1248px 0 0 554px;} * html #right-content { margin: -1248px 0 0 554px; display: inline;} * html #photo { margin: 13px 0 1px 27px;} :first-child+html #right-content {margin: -1247px 0 0 554px;} :first-child+html #photo { margin: 13px 0 1px 27px; } #right-content img { border-style:none;} #photo { float: left; margin: 8px 0 1px 27px; background:url(../images/photo.png); width: 528px; height: 164px; display: inline; } #footer { background: #8558ab url(../images/footer-bg2.jpg) no-repeat; width: 796px; float: left; margin: 7px 0 0 0;} :first-child+html #footer { margin: 8px 0 0 0;} * html #footer { margin: -5px 0 0 0;} #footer p.foot { font-family: "Franklin Gothic Medium"; font-size:28px; color: #FFFFFF; font-weight: normal; background: url(../images/footer-contact-h1.gif); width: 131px; height: 21px; text-indent: -999em; overflow: hidden; margin: 15px 0 0 15px; } #footer p.info { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color: #FFFFFF; font-weight: normal; margin: -16px 0 0 190px; line-height: 18px;} #footer form fieldset { width: 265px; border: none; background: none;} #footer form input { border:none; height:20px; width:250px; position:absolute; margin: -105px 0 0 480px;padding: 4px 0 0 5px;} * html #footer form input { margin: -123px 0 0 480px;} :first-child+html #footer form input { margin: -123px 0 0 480px;} #footer form textarea { border:none; width: 250px; height:66px; position:absolute; margin: -90px 0 0 480px; font-family:Arial, Helvetica, sans-serif; padding: 5px 0 0 5px; font-size:13px;} * html #footer form textarea { margin: -105px 0 0 480px;} :first-child+html #footer form textarea { margin: -105px 0 0 480px;} #footer form #button-home { background: url(../images/footer-send-bt.jpg) no-repeat; width: 68px; height:25px; border:none; position:absolute; margin: -30px 0 0 670px; /* hide from IE Mac \*/ text-indent: -999em; overflow: hidden; /* end hide */ } * html #footer #button-home {margin: -35px 0 0 670px;} :first-child+html #footer #button-home {margin: -35px 0 0 670px;} .box { float:left; width:532px; height:150px; margin: 0 0 10px 10px; background:url(../images/box-font.png) no-repeat; display: inline;} .box p {margin:0; text-align:justify;} .box img {} .box div.image { float: left; margin:12px 0 0 30px; display: inline;} .box div.text { float: left; width: 350px; margin: 19px 0 0 15px; display: inline;} .box div.text p { margin: 0; padding: 0; text-align: left;} .box div.text p span.under { text-decoration: underline; } .box div.text p.common { font-family: Arial, Helvetica, sans-serif; font-size:15px; font-style:italic; margin: 0px 0 5px 0px;} .box p.name { font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#693298; margin: 5px 0 0 160px;} .box p.title { font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#E0451D; font-weight:normal; margin: 0 0 0 160px;} /*----------------------------------------------------------- PRAISE CONFIG ------------------------------------------------------------*/ #content-praise { width:796px; margin:0; height:1950px; background:url(../images/menu-bg-bg.gif) repeat-x top #e6e6e6;} #praise { width:796px;} #praise img { border-style:none; margin: 20px 0 0 20px; padding: 0 0 25px 0;} #presentation-h { width:748px; height:150px; background:url(../images/presentations-h.png) no-repeat; margin:-15px 0 15px 23px; float:left;} #presentation-m { width:748px; height:120px; background:url(../images/presentations-m.png) no-repeat; margin:-15px 0 15px 23px;float:left;} #presentation-s { width:748px; height:120px; background:url(../images/presentations-s.png) no-repeat; margin: -15px 0 15px 23px;float:left;} #presentation-ss { width:748px; height:120px; background:url(../images/presentations-s.png) no-repeat; margin: -15px 0 5px 23px;float:left;} p.company { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#007734; margin: 15px 0 -10px 15px;float:left; width:100%;} p.manager { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; font-style:italic; margin: 15px 0 0 15px;float:left;width:100%;} p.comment { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:italic; margin:5px 0 0 15px;float:left;width:710px;} *html #presentation-h, *html #presentation-m, *html #presentation-s, *html #presentation-ss{ margin-left:10px;} *html #presentation-h{ margin-top:0px;} *html p.company, *html p.manager, *html p.comment{ margin-left:6px;} #cont-presentations{ height:1600px;} /*----------------------------------------------------------- ABOUT CONFIG -------- --------------------------------------------------*/ #content-about { width:796px; margin:0; height:1800px; background:url(../images/menu-bg-bg.gif) repeat-x top #e6e6e6;} #about-button { margin:20px 0 0 20px;} #about-first { width:749px; height:420px; background:url(../images/about-bg1.png) no-repeat; margin:20px 0 0 23px;} #picture { padding: 30px 0 0 45px;} #picture p { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#24298F; margin: -8px 0 0 30px;} #right-text { width:415px; margin: -376px 0 0 280px;} * html #right-text { margin: -371px 0 0 280px;} :first-child+html #right-text { margin: -371px 0 0 280px;} #p-about{ line-height:14px; margin-top:-2px;} #right-text p { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-align:justify; padding-bottom:15px;} #about-second { width:749px; height:832px; background:url(../images/about-bg2.png) no-repeat; margin:0 0 0 23px;} #about-text { width:700px; padding: 0 0 0 30px; } #about-text h3 { font-family: "Franklin Gothic Medium"; font-size:21px; font-weight:normal; padding: 15px 0 15px 0;} #about-text p { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-align:left; padding-bottom:18px; padding-right:20px;} #about-text p span.red { color:#FF0000; font-style:italic; text-decoration:underline; font-weight:bold;} #about-text p span.black { color:#000000; text-decoration:underline; font-weight:bold;} /*---------------------------------------------------------- WHO BOOKS CONFIG ------------------------------------------------------*/ #content-who { width:796px; margin:0; height:900px; background:url(../images/menu-bg-bg.gif) repeat-x top #e6e6e6;} #content-who #video { margin: 30px auto 0 auto; width: 480px;height: 390px;} #upper-content { width:770px; margin: 0px 0 0 15px; padding-top:20px;} #upper-content p { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;} #lower-content { width:770px;} #row-a { width:251px; height:502px; background:url(../images/row.png) no-repeat; margin: 20px 0 0 15px; padding-top:18px;} #row-a p { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#4C0979; margin: 10px 0 0 10px;} #row-b { width:251px; height:502px; background:url(../images/row.png) no-repeat; margin: -522px 0 0 272px;} #row-b p { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#4C0979; margin: 10px 0 0 20px;} #row-c { width:251px; height:502px; background:url(../images/row.png) no-repeat; margin: -502px 0 0 535px;} #row-c p { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#4C0979; margin: 10px 0 0 20px;} /*----------------------------------------------------------BENEFITS CONFIG ------------------------------------------------------*/ #content-benefits { width:796px; margin:0; height:1150px; background:url(../images/menu-bg-bg.gif) repeat-x top #e6e6e6; } #upper-image { width:776px; padding:20px 0 0 20px;} #lower-benefits { width:752px; height:150px; background:url(../images/benefits-lower.png) no-repeat; margin: 15px 0 0 23px;} #lower-content-right { width:174px; margin:10px 0 0 560px;} #lower-content-right img { margin:10px 0 0 0;} #lower-content-left { width:538px; margin: -520px 0 0 0;} #lower-content-left h1 { font-family: "Franklin Gothic Medium"; font-size:39px; font-weight:bold; color:#333; padding:15px 0 30px 20px;} *html #lower-content-left h1 { padding-top:0px; padding-left:5px;} #lower-content-left p { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; padding-bottom:15px; padding-left:45px; padding-top:2px;} #lower-content-left h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#4C0979;padding:15px 0 25px 25px;} #lower-content-left h2 { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#4C0979; padding:0 0 25px 25px;} #p1{ background:url(../images/1.png) no-repeat 20px 0;} #p2{ background:url(../images/2.png) no-repeat 20px 0;} #p3{ background:url(../images/3.png) no-repeat 20px 0;} #p4{ background:url(../images/4.png) no-repeat 20px 0;} #p5{ background:url(../images/5.png) no-repeat 20px 0;} #p6{ background:url(../images/6.png) no-repeat 20px 0;} #p7{ background:url(../images/7.png) no-repeat 20px 0;} #p8{ background:url(../images/8.png) no-repeat 20px 0;} /*---------------------------------------------------------- WHO BOOKS CONFIG ------------------------------------------------------*/ #content-who { width:796px; margin:0; height:920px; background:url(../images/menu-bg-bg.gif) repeat-x top #e6e6e6;} #row-b { width:251px; height:502px; background:url(../images/row.png) no-repeat; margin: -520px 0 0 272px; padding-top:18px; } :first-child+html #row-b { margin: -520px 0 0 272px;} * html #row-b { margin: -520px 0 0 272px;} #row-b p { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#4C0979; margin: 10px 0 0 10px;} #row-c { width:251px; height:502px; background:url(../images/row.png) no-repeat; margin: -520px 0 0 529px; padding-top:18px; } :first-child+html #row-c { margin: -520px 0 0 529px;} * html #row-c { margin: -520px 0 0 529px;} #row-c p { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#4C0979; margin: 10px 0 0 10px;} /*----------------------------------------------------------BENEFITS CONFIG ------------------------------------------------------*/ * html #lower-content-left h1 { margin:20px 0 0 15px;} :first-child+html #form_home{ margin-top:20px;} * html #form_home{ margin-top:20px;}