/* Filename: jm.css /* Stylesheet for: www.meierplasticsurgery.com /* Written By: www.redstonex.com / www.uniseo.com /* Browser Reset */ * {margin: 0; padding: 0;} a:active, a:focus {outline: none;} a img {border: none;} /* Global Classes */ .img-center {display: block; margin: 8px auto 8px auto; border: 7px solid #ffffff;} .img-right {float: right; margin: 5px 30px 5px 5px; border: 4px solid #ffffff;} .img-left {float: left; margin: 5px 10px 5px 30px; border: 4px solid #ffffff;} .center {display: block; margin: 5px auto 5px auto;} .no-border {border: 0px;} .clear {clear: both;} /* Site Structure */ body {background-image: url(images/bg.jpg); background-repeat: repeat-x; background-color: #538FB1;} #top-space {width: 966px; height: 92px; margin: 0 auto 0 auto;} #navbar {width: 966px; height: 33px; margin: 0 auto 0 auto; background-image: url(images/topnav.jpg);} #banner {width: 966px; height: 226px; margin: 0 auto 0 auto; background-image: url(images/topwomanface.jpg); background-position: top left; background-repeat: no-repeat;} #rotate {width: 666px; height: 226px; float: right; background-image: url(images/banner.jpg); background-repeat: no-repeat;} #content-wrapper {width: 966px; margin: 0 auto 0 auto; background-image: url(images/content-repeat.jpg); background-repeat: repeat-y;} #content {width: 966px; min-height:750px; height:auto !important; height:750px; margin: 0 auto 0 auto; background-image: url(images/content-bg.jpg); background-repeat: no-repeat;} #footer {width: 966px; height: 186px; margin: 0 auto 0 auto; background-image: url(images/bgfooter.jpg); background-repeat: no-repeat;} #bottom-space {width: 966px; margin: 0 auto 0 auto; padding-top: 10px; padding-bottom: 10px;} /* Top Space Elements (Logo and Contact)*/ #logo {float: left;} #contact {float: right;} /* Main Columns Structures */ #left-col {width: 230px; float: left; padding-bottom: 100px; position: relative;} #center-col {width: 475px; float: left; padding-bottom: 100px;} #right-col {width: 261px; float: left; padding-bottom: 100px;} #procedures {padding: 15px 10px 10px 20px;} #thespa {padding: 15px 10px 10px 20px;} #contextual-menu {padding: 25px 10px 10px 20px;} /* Heading, Paragraph and List Styles */ /* Center Column Style */ #center-col h1 {font-family: Verdana; font-weight: normal; color: #234782; font-size: 13pt; padding: 15px 30px 15px 30px; line-height: 135%;} #center-col h2 {font-family: Verdana; font-weight: normal; color: #234782; font-size: 11.5pt; padding: 10px 30px 3px 30px; line-height: 135%;} #center-col p {font-family: Arial; color: #293549; font-size: 10pt; padding: 6px 30px 10px 30px; line-height: 135%;} #center-col a {color: #1650B2; text-decoration: none;} #center-col a:hover {color: #1069FD; text-decoration: underline;} #center-col ul {list-style-type: disc; font-family: Arial; color: #293549; font-size: 10pt; padding: 6px 30px 10px 60px; line-height: 135%;} #center-col ul li {padding: 3px 0 3px 0;} #center-col ol {list-style-type: disc; font-family: Arial; color: #293549; font-size: 10pt; padding: 6px 30px 10px 60px; line-height: 135%;} /* Right Column Style (and side Navigation) */ #right-col h4 {font-family: Verdana; color: #234782; font-size: 10.5pt; padding: 20px 30px 3px 20px; line-height: 130%;} #right-col h3 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #234782; font-size: 11pt; padding: 10px 0px 3px 0px; font-weight: normal; border-bottom: 1px solid #A8C4CF; margin: 0 30px 0 20px;} #right-col p {font-family: Arial; color: #336279; font-size: 14px; padding: 10px 30px 10px 20px; line-height: 130%;} #right-col a {text-decoration: none; color: #4E859B;} #right-col a:hover {color: #74CAED;} #right-nav {list-style-type: none; padding: 5px 10px 30px 20px;} #right-nav li {padding: 2px 0 2px 0;} #right-nav a {font-family: Arial, Helvetica; font-size: 10pt; text-decoration: none; color: #4E859B;} #right-nav a:hover {color: #74CAED;} #logobox {margin-left: 20px;} #frontpagenews p {font-size: 12px;} #frontpagenews p a {text-decoration: underline;} /* Footer Text and Link Style */ #footer a {text-decoration: none; display: block; font-family: Arial, Helvetica, sans-serif; color: #795c4a; font-size: 12px;} #footer a:hover {color: #a54f1b;} #footer-menu {width: 740px; padding: 30px 0 20px 0; margin: 0 auto 0 auto;} #footer-column-1 {width: 200px; height: 110px; float: left; border-right: 1px solid #999999; padding-left: 50px;} #footer-column-2 {width: 180px; height: 110px; float: left; border-right: 1px solid #999999; padding-left: 50px;} #footer-column-3 {width: 180px; height: 110px; float: left; padding-left: 50px;} #bottom-space p {text-align: center; font-family: Verdana, Helvetica; font-size: 11px; color: #a2d0ea;} #bottom-space a {text-decoration: none; color: #a2d0ea;} #bottom-space a:hover {color: #ffffff;} /* Quick Contact Form */ #contact-us {margin: 120px 0 40px 15px; font-family: Arial; font-size: 15px; color: #333333;} #contact-us .textbox {width: 160px; height: 17px; padding: 3px; margin-bottom: 10px; border: 1px solid #999999; font-family: Arial; font-size: 16px; color: #444444;} #contact-us .messagebox {width: 160px; height: 100px; padding: 3px; margin-bottom: 10px; border: 1px solid #999999; font-family: Arial; font-size: 16px; color: #444444;} #contact-us .submit-btn {padding: 3px; border: 1px solid #999999; font-family: Arial; font-size: 16px; color: #444444; cursor: pointer;} #contact-us .filter {display: none;} /* Revised Contact Form */ #contact-form {width: 220px; height: 381px; background-image: url(images/form.jpg); background-position: top center; position: relative; top: 140px;} #quick-contact #in_name {width: 125px; height: 20px; position: absolute; top: 127px; left: 75px; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 15px; background-image: url(images/input-bg.jpg); border: none; background-color: #d9f2fc;} #quick-contact #in_phone {width: 125px; height: 20px; position: absolute; top: 157px; left: 75px; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 15px; background-image: url(images/input-bg.jpg); border: none; background-color: #d9f2fc;} #quick-contact #in_email {width: 125px; height: 20px; position: absolute; top: 187px; left: 75px; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 15px; background-image: url(images/input-bg.jpg); border: none; background-color: #d9f2fc;} #quick-contact #in_messagebox {width: 170px; height: 100px; position: absolute; top: 232px; left: 34px; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 13px; background-image: url(images/textarea-bg.jpg); border: none; background-color: #d9f2fc;} #quick-contact #in_submit {height: 20px; width: 65px; cursor: pointer; position: absolute; top: 342px; left: 25px; border: none; background-color: #d9f2fc; background-image: url(images/submit-bg.jpg);} p.alert {display: block; width: 190px; height: 60px; background-image: url(images/alert.jpg); position: absolute; top: 390px; left: 20px; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; text-align: center; padding: 15px 5px 5px 5px; background-repeat: no-repeat; background-position: top center;} #loader {width: 48px; height: 48px; position: absolute; background-image: url(images/loader.gif); top: 340px; left: 155px;} #thank-you {width: 220px; height: 381px; background-image: url(images/thank-you.jpg); background-position: top center; position: absolute; top: 0px;} /* Main Contact Form (contact.htm) */ #main-form {width: 360px; height: 650px; position: relative; left: 45px; top: 2px; background-image: url(images/main-form.jpg);} #main-form input {position: absolute; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #333333;} #main-form #in_name_main {width: 210px; height: 27px; top: 55px; left: 98px; border: none; background-image: url(images/main-form-input-bg.jpg); background-color: #e1f6fe;} #main-form #in_phone_main {width: 210px; height: 27px; top: 105px; left: 98px; border: none; background-image: url(images/main-form-input-bg.jpg); background-color: #e1f6fe;} #main-form #in_email_main {width: 210px; height: 27px; top: 155px; left: 98px; border: none; background-image: url(images/main-form-input-bg.jpg); background-color: #e1f6fe;} #main-form #in_messagebox_main {width: 260px; height: 170px; position: absolute; top: 230px; left:55px; border: none; background-image: url(images/main-form-textarea-bg.jpg); background-color: #bde8f8; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #333333;} #main-form #in_submit_main {width: 142px; height: 30px; position: absolute; top: 423px; left: 40px; border: none; cursor: pointer; background-color: #bee8f8; background-image: url(images/main-send.jpg);} #main-form #main-loader {width: 48px; height: 48px; position: absolute; background-image: url(images/loader.gif); top: 445px; left: 250px;} #main-form p.alert {display: block; width: 280px; height: 80px; background-image: url(images/main-alert.jpg); position: absolute; top: 460px; left: 30px; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 14px; text-align: center; padding: 15px 5px 5px 5px; background-repeat: no-repeat; background-position: top center;} #main-form #thank-you {width: 360px; height: 650px; background-image: url(images/main-form-thankyou.jpg); background-position: top center; position: absolute; top: 0px;} #google-map {display: block; width: 425px; height: 350px; position: relative; top: -75px; margin: 0 auto 0 auto; border: 5px solid #FFFFFF;} /* Navbar (Main Navigation) Position */ #navbar-center {width: 931px; height: 33px; margin: 0 auto 0 auto;} /* Our Office Page */ #waiting-room-box {width: 380px; height: 250px; margin: 0 auto 0 auto;} /* Before and After Box (on procedure pages) */ div.before-after-box {display: block; float: right; width: 210px; height: 135px; background-color: #ffffff; margin: 5px 30px 5px 5px; text-align: center;} div.before-after-box a.lightbox img {display: block; margin: 0 auto 0 auto; padding-top: 5px; outline: none; border: none;} div.before-after-box #before-after-link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0066CC;} /* Before and After Gallery */ #before-after h2 {padding: 20px 30px 5px 10px;} #before-after .next {position: relative; top: -3px; width: 40px; font-size: 12px;} #before-after .back {position: relative; top: -3px; width: 40px; font-size: 12px;} #before-after a.back-to-top {font-family: Arial, Helvetica, sans-serif; margin-left: 190px; padding: 10px; color: white;} #before-after a.back-to-top:hover {color: #000066;} /* Facelift and Necklifts */ #facelift-box {width: 465px; height: 280px; position: relative; margin: 0 auto 50px auto; background-color: #ffffff;} #facelift-gallery {width: 450px; height: 250px; margin: 0 auto 0 auto; top: 7px; } #facelift-box a {display: block; width: 50px; height: 20px; position: absolute; color: black; text-decoration: none; font-family: Arial; font-size: 28px; font-weight: bold; text-align: center;} #facelift-box #face-next {top: 250px; right: 0px; text-decoration: none;} #facelift-box #face-previous {top: 250px; left: 0px; text-decoration: none;} /* Skin Cancer Gallery */ #skincancer-box {width: 465px; height: 280px; position: relative; margin: 0 auto 50px auto; background-color: #ffffff;} #skincancer-gallery {width: 450px; height: 250px; margin: 0 auto 0 auto; top: 7px; } #skincancer-box a {display: block; width: 50px; height: 20px; position: absolute; color: black; text-decoration: none; font-family: Arial; font-size: 28px; font-weight: bold; text-align: center;} #skincancer-box #skincancer-next {top: 250px; right: 0px; text-decoration: none;} #skincancer-box #skincancer-previous {top: 250px; left: 0px; text-decoration: none;} /* Nose Jobs */ #nosejob-box {width: 465px; height: 280px; position: relative; margin: 0px auto 50px auto; background-color: #ffffff;} #nosejob-gallery {width: 450px; height: 250px; margin: 0 auto 0 auto; top: 7px;} #nosejob-box a {display: block; width: 50px; height: 20px; position: absolute; color: black; text-decoration: none; font-family: Arial; font-size: 28px; font-weight: bold; text-align: center;} #nosejob-box #nosejob-next {top: 250px; right: 0px; text-decoration: none;} #nosejob-box #nosejob-previous {top: 250px; left: 0px; text-decoration: none;} /* Mentoplasty */ #mentoplasty-box {width: 465px; height: 280px; position: relative; margin: 0px auto 50px auto; background-color: #ffffff;} #mentoplasty-gallery {width: 450px; height: 250px; margin: 0 auto 0 auto; top: 7px;} #mentoplasty-box a {display: block; width: 50px; height: 20px; position: absolute; color: black; text-decoration: none; font-family: Arial; font-size: 28px; font-weight: bold; text-align: center;} #mentoplasty-box #mentoplasty-next {top: 250px; right: 0px; text-decoration: none;} #mentoplasty-box #mentoplasty-previous {top: 250px; left: 0px; text-decoration: none;} /* Fat Grafting */ #fatgrafting-box {width: 465px; height: 280px; position: relative; margin: 0px auto 50px auto; background-color: #ffffff;} #fatgrafting-gallery {width: 450px; height: 250px; margin: 0 auto 0 auto; top: 7px;} #fatgrafting-box a {display: block; width: 50px; height: 20px; position: absolute; color: black; text-decoration: none; font-family: Arial; font-size: 28px; font-weight: bold; text-align: center;} #fatgrafting-box #fatgrafting-next {top: 250px; right: 0px; text-decoration: none;} #fatgrafting-box #fatgrafting-previous {top: 250px; left: 0px; text-decoration: none;} /* Otoplasty */ #otoplasty-box {width: 465px; height: 280px; position: relative; margin: 0px auto 50px auto; background-color: #ffffff;} #otoplasty-gallery {width: 450px; height: 250px; margin: 0 auto 0 auto; top: 7px;} #otoplasty-box a {display: block; width: 50px; height: 20px; position: absolute; color: black; text-decoration: none; font-family: Arial; font-size: 28px; font-weight: bold; text-align: center;} #otoplasty-box #otoplasty-next {top: 250px; right: 0px; text-decoration: none;} #otoplasty-box #otoplasty-previous {top: 250px; left: 0px; text-decoration: none;} /* Blepharoplasty */ #blepharoplasty-box {width: 465px; height: 280px; position: relative; margin: 0px auto 50px auto; background-color: #ffffff;} #blepharoplasty-gallery {width: 450px; height: 250px; margin: 0 auto 0 auto; top: 7px;} #blepharoplasty-box a {display: block; width: 50px; height: 20px; position: absolute; color: black; text-decoration: none; font-family: Arial; font-size: 28px; font-weight: bold; text-align: center;} #blepharoplasty-box #blepharoplasty-next {top: 250px; right: 0px; text-decoration: none;} #blepharoplasty-box #blepharoplasty-previous {top: 250px; left: 0px; text-decoration: none;} /* Botox */ #botox-box {width: 465px; height: 280px; position: relative; margin: 0px auto 50px auto; background-color: #ffffff;} #botox-gallery {width: 450px; height: 250px; margin: 0 auto 0 auto; top: 7px;} #botox-box a {display: block; width: 50px; height: 20px; position: absolute; color: black; text-decoration: none; font-family: Arial; font-size: 28px; font-weight: bold; text-align: center;} #botox-box #botox-next {top: 250px; right: 0px; text-decoration: none;} #botox-box #botox-previous {top: 250px; left: 0px; text-decoration: none;} /* Injectable Fillers */ #fillers-box {width: 465px; height: 280px; position: relative; margin: 0px auto 50px auto; background-color: #ffffff;} #fillers-gallery {width: 450px; height: 250px; margin: 0 auto 0 auto; top: 7px;} #fillers-box a {display: block; width: 50px; height: 20px; position: absolute; color: black; text-decoration: none; font-family: Arial; font-size: 28px; font-weight: bold; text-align: center;} #fillers-box #fillers-next {top: 250px; right: 0px; text-decoration: none;} #fillers-box #fillers-previous {top: 250px; left: 0px; text-decoration: none;} /* Injectable Fillers */ #fillers2-box {width: 465px; height: 280px; position: relative; margin: 0px auto 50px auto; background-color: #ffffff;} #fillers2-gallery {width: 450px; height: 250px; margin: 0 auto 0 auto; top: 7px;} #fillers2-box a {display: block; width: 50px; height: 20px; position: absolute; color: black; text-decoration: none; font-family: Arial; font-size: 28px; font-weight: bold; text-align: center;} #fillers2-box #fillers2-next {top: 250px; right: 0px; text-decoration: none;} #fillers2-box #fillers2-previous {top: 250px; left: 0px; text-decoration: none;} /* Injectable Fillers */ #fillers3-box {width: 465px; height: 280px; position: relative; margin: 0px auto 50px auto; background-color: #ffffff;} #fillers3-gallery {width: 450px; height: 250px; margin: 0 auto 0 auto; top: 7px;} #fillers3-box a {display: block; width: 50px; height: 20px; position: absolute; color: black; text-decoration: none; font-family: Arial; font-size: 28px; font-weight: bold; text-align: center;} #fillers3-box #fillers3-next {top: 250px; right: 0px; text-decoration: none;} #fillers3-box #fillers3-previous {top: 250px; left: 0px; text-decoration: none;} /* Injectable Fillers */ #fillers4-box {width: 465px; height: 280px; position: relative; margin: 0px auto 50px auto; background-color: #ffffff;} #fillers4-gallery {width: 450px; height: 250px; margin: 0 auto 0 auto; top: 7px;} #fillers4-box a {display: block; width: 50px; height: 20px; position: absolute; color: black; text-decoration: none; font-family: Arial; font-size: 28px; font-weight: bold; text-align: center;} #fillers4-box #fillers4-next {top: 250px; right: 0px; text-decoration: none;} #fillers4-box #fillers4-previous {top: 250px; left: 0px; text-decoration: none;} /* Injectable Fillers */ #fillers5-box {width: 465px; height: 280px; position: relative; margin: 0px auto 50px auto; background-color: #ffffff;} #fillers5-gallery {width: 450px; height: 250px; margin: 0 auto 0 auto; top: 7px;} #fillers5-box a {display: block; width: 50px; height: 20px; position: absolute; color: black; text-decoration: none; font-family: Arial; font-size: 28px; font-weight: bold; text-align: center;} #fillers5-box #fillers5-next {top: 250px; right: 0px; text-decoration: none;} #fillers5-box #fillers5-previous {top: 250px; left: 0px; text-decoration: none;} /* Latisse: Eyelash enhancement */ #latisse-box {width: 465px; height: 280px; position: relative; margin: 0px auto 50px auto; background-color: #ffffff;} #latisse-gallery {width: 450px; height: 250px; margin: 0 auto 0 auto; top: 7px;} #latisse-box a {display: block; width: 50px; height: 20px; position: absolute; color: black; text-decoration: none; font-family: Arial; font-size: 28px; font-weight: bold; text-align: center;} #latisse-box #latisse-next {top: 250px; right: 0px; text-decoration: none;} #latisse-box #latisse-previous {top: 250px; left: 0px; text-decoration: none;} /* Obagi: Skin rejuvenation */ #obagi-box {width: 465px; height: 280px; position: relative; margin: 0px auto 50px auto; background-color: #ffffff;} #obagi-gallery {width: 450px; height: 250px; margin: 0 auto 0 auto; top: 7px;} #obagi-box a {display: block; width: 50px; height: 20px; position: absolute; color: black; text-decoration: none; font-family: Arial; font-size: 28px; font-weight: bold; text-align: center;} #obagi-box #obagi-next {top: 250px; right: 0px; text-decoration: none;} #obagi-box #obagi-previous {top: 250px; left: 0px; text-decoration: none;} /* Nasal Reconstruction */ #nasal-reconstruction-box {width: 465px; height: 280px; position: relative; margin: 0px auto 50px auto; background-color: #ffffff;} #nasal-reconstruction-gallery {width: 450px; height: 250px; margin: 0 auto 0 auto; top: 7px;} #nasal-reconstruction-box a {display: block; width: 50px; height: 20px; position: absolute; color: black; text-decoration: none; font-family: Arial; font-size: 28px; font-weight: bold; text-align: center;} #nasal-reconstruction-box #nasal-reconstruction-next {top: 250px; right: 0px; text-decoration: none;} #nasal-reconstruction-box #nasal-reconstruction-previous {top: 250px; left: 0px; text-decoration: none;} #bottom-banner { display: block; border: 1px solid #477b98; margin: 15px auto 0px auto; }