/* ASIA Web Styles - Danielle LeComte - hello@madebyspark.com */ /* Main Styles */ body { background-color:#736865; margin:0 auto; color:#fff; font-family:Verdana, Helvetica, sans-serif; font-size:14px; } #wrapper { width:1054px; height:828px; margin:0 auto; overflow:hidden; background:url(/images/bg-wrapper.png) top left no-repeat; position:relative; } .home { width:1000px; height:821px; margin:0 auto; overflow:hidden; background:url(/images/bg-home.png) top center no-repeat; } .about-us, .testimonials, .thank-you { width:1000px; height:821px; margin:0 auto; overflow:hidden; background:url(/images/bg-about.png) top center no-repeat; } .meet-dr-patel { width:1000px; height:821px; margin:0 auto; overflow:hidden; background:url(/images/bg-meet.png) top center no-repeat; } .Breast { width:1000px; height:821px; margin:0 auto; overflow:hidden; background:url(/images/bg-breast.png) top center no-repeat; } .Body { width:1000px; height:821px; margin:0 auto; overflow:hidden; background:url(/images/bg-body.png) top center no-repeat; } .Face { width:1000px; height:821px; margin:0 auto; overflow:hidden; background:url(/images/bg-face.png) top center no-repeat; } .specials { width:1000px; height:821px; margin:0 auto; overflow:hidden; background:url(/images/bg-specials.png) top center no-repeat; } .financing { width:1000px; height:821px; margin:0 auto; overflow:hidden; background:url(/images/bg-financing.png) top center no-repeat; } .privacy, .media { width:1000px; height:821px; margin:0 auto; overflow:hidden; background:url(/images/bg-privacy.png) top center no-repeat; } .contact, .photo-gallery { width:1000px; height:821px; margin:0 auto; overflow:hidden; background:url(/images/bg-contact.png) top center no-repeat; } table { font-size:14px; } hr { border:1px solid #dadada; opacity:.5; } /* Slogan */ div.slogan { width: 1000px; height:63px; position: absolute; color:#000; float:right; top:530px; } /* Topper */ #topper { height:130px; background-color:#fff; padding:10px; overflow:hidden; } #topper .logo { float:left; background:url(/images/ASIA-Logo.png) top left no-repeat; width:780px; height:130px; } #topper .logo h1 { text-indent:-9999px; width:702px; height:130px; } #topper .right { float:left; width:200px; padding-top:40px; } #topper h2 { text-align:center; font-size:17px; color:#726865; font-weight:normal; font-family: 'Dienstag', sans-serif; } #topper h3 { text-align:center; font-size:14px; color:#726865; font-family: 'Dienstag', sans-serif; } /* Panel 1 */ #panel1 { float:left; width:200px; } #panel1 h3 { font-size:18px; color:#000; font-family:'Dienstag', sans-serif; text-shadow:#fff 1px 1px 1px; padding:30px 0 5px 20px; position:relative; z-index:100;} .fadeThis1 { position:relative; display:block; height: 110px; width: 160px; background:none; } .fadeThis1 span.hover { position: absolute; top: 0; left: 0; display: block; height: 170px; width: 200px; /* background:url(/images/bg-panel1-one.png) top left no-repeat; */ background-color:#736865; } .fadeThis2 { position:relative; display:block; height: 310px; width: 200px; background:none; } .fadeThis2 span.hover { position: absolute; top: 0; left: 0; display: block; height: 310px; width: 200px; /* background:url(/images/bg-panel1-two.png) top left no-repeat; */ background-color:#736865; } .fadeThis3 { position:relative; display:block; height: 111px; width: 160px; background:none; } .fadeThis3 span.hover { position: absolute; top: 0; left: 0; display: block; height: 171px; width: 200px; /* background:url(/images/bg-panel1-three.png) top left no-repeat; */ background-color:#736865; } /* end panel 1 */ /* Panel 2 */ #panel2 { float:left; width:540px; height:591px; background:url(/images/bg-panel2.png) top left no-repeat; padding:30px; } #panel2 h2 { font-size:24px; color:#fff; font-weight:normal; font-family: 'Dienstag', sans-serif; text-shadow:#726865 1px 1px 1px; padding:5px 0; } #panel2 h3 { font-size:18px; font-weight:bold; font-family: 'Dienstag', sans-serif; padding:10px 0; color:#3c2f2c; } #panel2 h4 { font-size:16px; font-weight:normal; font-family: 'Dienstag', sans-serif; padding:5px 0; color:#3c2f2c; } #panel2 h5 { font-size:14px; font-weight:normal; font-family: 'Dienstag', sans-serif; padding:5px 0; color:#000; } #panel2 p { line-height:20px; margin-bottom:15px; } #panel2 img#left { float:left; margin:8px 8px 8px 0px; padding:3px; border:1px solid #fff; } #panel2 img#right { float:right; margin:8px 0px 8px 8px; padding:3px; border:1px solid #fff; } #panel2 img#nofloat { margin:8px 8px 8px 0; padding:3px; border:1px solid #fff; } #panel2 img#reg { margin-right:5px; border:1px solid #fff; margin-bottom:10px; } #panel2 a { color:#000; text-decoration:none; } #panel2 a:hover { color:#464646; text-decoration:none; } #panel2 a img { } #panel2 ul, #panel2 ol { padding:5px 40px 15px; } #panel2 ul li { list-style-type: disc; } #panel2 ol li { list-style-type: decimal; } #panel2 ul.test { margin:0; padding:0; } #panel2 ul.test li { background:url(/images/bg-testimonials.png) top left no-repeat; min-height:50px; padding:5px 0 20px 20px; list-style:none; } /* end panel 2 */ /* Panel 3 */ #panel3 { float:left; width:200px; } #panel3 h3 { font-size:16px; color:#000; font-family:'Dienstag', sans-serif; text-shadow:#fff 1px 1px 1px; padding:30px 0 5px 20px; position:relative; z-index:100;} #panel3 #two p { color:#000; font-size:12px; padding:0 20px 3px; } .fadeThis4 { position:relative; display:block; height: 110px; width: 160px; background:none; } .fadeThis4 span.hover { position: absolute; top: 0; left: 0; display: block; height: 170px; width: 200px; /* background:url(/images/bg-panel3-one.png) top left no-repeat; */ background-color:#736865;} .fadeThis5 { position:relative; display:block; height: 310px; width: 200px; background:none; } .fadeThis5 span.hover { position: absolute; top: 0; left: 0; display: block; height: 310px; width: 200px; /* background:url(/images/bg-panel3-two.png) top left no-repeat; */ background-color:#736865; } .fadeThis6 { position:relative; display:block; height: 111px; width: 160px; background:none; } .fadeThis6 span.hover { position: absolute; top: 0; left: 0; display: block; height: 171px; width: 200px; /* background:url(/images/bg-panel3-three.png) top left no-repeat; */ background-color:#736865; } /* end panel 3*/ /* Navs */ #nav1 { text-align:left; padding:30px 20px; } #nav2 { text-align:right; padding:30px 20px; } #nav1 a, #nav2 a { font-size:18px; text-shadow:1px 1px 1px #fff; padding:20px 0; display:block; color:#55504e; text-decoration:none; position:relative; z-index:100; font-family: 'Dienstag', sans-serif; } #nav1 a:hover, #nav2 a:hover, #nav1 a.active, #nav2 a.active { color:#000000; } #nav3 { text-align:left; padding:10px 20px; position:relative; z-index:100; font-family:'Dienstag', sans-serif; } #nav3 li { border-bottom:1px solid #ffe7e1; padding:8px 0px; } #nav3 li a { color:#000; text-decoration:none; padding-left:20px; } #nav3 li a.on, #nav3 li a:hover { color:#736865; background:url(/images/bg-subnav.png) top left no-repeat; } /* end navs */ /* Form Styles */ .submit { padding:5px 10px; color:#fff; background-color:#000; border:0; } .input { background-color: #fff; color:#5A698B; margin:0; padding: 5px; border: 1px solid #dadada; width:400px; font-size:10px; } .textarea { border: 1px solid #dadada; background-color: #fff; color: #5A698B; margin:0; width:400px; padding: 5px; font-size:10px;} /* Procedures Page Styles */ #proc { position:absolute; z-index:500; width:1000px; height:310px; top:320px; left:27px; background:url(/images/bg-proc-img.png) top left; } #proc img { float:left; } /* Footer Styles */ #footer { width:1000px; margin:0 auto; padding:10px 0 30px; color:#ffe7e1; overflow:auto; font-size:12px; } #footer h2 { font-size:18px; font-family: 'Dienstag', sans-serif; margin-bottom:10px; } #footer h3 { font-size:15px; font-family: 'Dienstag', sans-serif; margin-bottom:10px; } #footer p.copy { font-size:11px; margin-top:10px; margin-bottom:15px; } #footer a { color:#ffe7e1; text-decoration:none; cursor:pointer; } #footer a:hover { color:#fff; } #footer .left { float:left; width:500px; } #footer .middle { float:left; width:250px; font-family: 'Dienstag', sans-serif; } #footer .right { float:left; width:250px; font-family: 'Dienstag', sans-serif; } #footer .right ul { float:right; margin-left:15px; width:110px; } #footer .right li { margin-bottom:7px; text-align:right; } /* end footer styles 8?