html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0; margin:0; padding:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:"Verdana", Arial, Helvetica, sans-serif;}
/* - - - - - - - - - - BODY - - - - - - - - - - */
body {background:#dfe2e5; margin:0px; font-weight:normal; font-size:12px; color:#435364; line-height:20px; font-style:normal; font-family:"Verdana", Arial, Helvetica, sans-serif; text-decoration:none;}
/* - - - - - - - - - - GENERAL LINKS - - - - - - - - - - */
a {color:#a21f4b;}
a:visited {color:#a21f4b;}
a.noVisited:visited {color:#a21f4b;}
a:hover, a.noVisited:hover {color:#a21f4b;}
/* - - - - - - - - - - HEADER - - - - - - - - - - */
h1.logo {margin:0px; overflow:hidden; text-indent:-999em; height:78px;}
h1.logo a {display:block; width:420px; height:78px; margin:0px 0px 0px 10px;}
#head {margin:0px auto; width:942px; height:78px; background:url(images/header.jpg) no-repeat;}
#content {margin:0px auto; width:942px;}
/* - - - - - - - - - - TOP MENU - - - - - - - - - - */
#top-nav a:hover {background-position:0px -28px;}
#top-nav .active {background-position:0px -28px;}
#top-nav li:hover ul {left:auto; top:28px;}
#top-nav li.sfhover ul {left:auto; top:28px;}
#top-nav .active {cursor:default;}
#top-nav ul {padding:0px; margin:0px; list-style-type:none;}
#top-nav a {display:block; overflow:hidden; text-indent:-999em;}
#top-nav {width:925px; margin:0px auto; padding:0px; list-style-type:none; top:0; position:absolute !Important;}
/* - - - - - - - - - - TOP SUB MENU - - - - - - - - - - */
#patient-login {background-image:url(images/top-nav-patient-login.jpg); width:132px; height:28px; float:right;}
#top-nav li a#patient-login:hover, #top-nav li:hover a#patient-login, #top-nav li.sfhover a#patient-login {background-image:url(images/top-nav-patient-login.jpg); background-position: bottom;}
/* - - - - - - - - - - LEFT MENU - - - - - - - - - - */
#nav-wrap {width:942px; margin:0px auto; height:auto; overflow:hidden; background:url(images/content-tile.gif) repeat-y;}
#nav {width:254px; float:left; font-weight:normal; font-size:12px; margin-top:52px; font-family:"Verdana", Arial, Helvetica, sans-serif}
#nav ul {left:0px; margin:0px 0px 0px 0px; width:254px; position:relative;}
#nav ul li {padding-right:0px; display:inline; padding-left:0px; padding-bottom:0px; margin:0px; padding-top:0px;}
#nav a {display:block; overflow:hidden; height:35px; text-decoration:none; margin:0px 0px 0px 0px;}
#nav a:hover {background-position:0px -35px;}
#nav li.active a {background-position:0px -35px;}
#nav a.selected {background-position:0px -35px;}
#nav ul ul li a {padding-top:0px; margin-top:10px; margin-bottom:0px;}
#nav ul ul a {display:block; font-weight:bold; color:#ffffff; text-indent:1.17em; height:20px; padding-left:45px;}
#nav ul ul a:hover {color:#ffffff; font-weight:bold; background:url(images/bullet.gif) no-repeat;}
#nav ul ul li.active a {cursor:default; color:#cccccc; font-weight:bold;}
.bord {border-bottom:solid 1px #ffffff; padding-bottom:15px;}
.current {font-weight:bold; color:#ffffff !Important; background:url(images/bullet.gif) no-repeat !Important;}
/* - - - - - - - - - - LEFT MENU SECTION - - - - - - - - - - */
#about-our-office {background:url(images/nav-about-our-office.jpg); text-indent:-999em;}
#nav li a#about-our-office:hover, #nav li:hover a#about-our-office, #nav li.sfhover a#about-our-office {background-image:url(images/nav-about-our-office.jpg); background-position:bottom;}
.active #about-our-office {background-image:url(images/nav-about-our-office-act.jpg);}
#teeth-101 {background:url(images/nav-teeth-101.jpg); text-indent:-999em;}
#nav li a#teeth-101:hover, #nav li:hover a#teeth-101, #nav li.sfhover a#teeth-101 {background-image:url(images/nav-teeth-101.jpg); background-position:bottom;}
.active #teeth-101 {background-image:url(images/nav-teeth-101-act.jpg);}
#pediatric-dentistry {background:url(images/nav-pediatric-dentistry.jpg); text-indent:-999em;}
#nav li a#pediatric-dentistry:hover, #nav li:hover a#pediatric-dentistry, #nav li.sfhover a#pediatric-dentistry {background-image:url(images/nav-pediatric-dentistry.jpg); background-position:bottom;}
.active #pediatric-dentistry {background-image:url(images/nav-pediatric-dentistry-act.jpg);}
#improve-your-smile {background:url(images/nav-improve-your-smile.jpg); text-indent:-999em;}
#nav li a#improve-your-smile:hover, #nav li:hover a#improve-your-smile, #nav li.sfhover a#improve-your-smile {background-image:url(images/nav-improve-your-smile.jpg); background-position:bottom;}
.active #improve-your-smile {background-image:url(images/nav-improve-your-smile-act.jpg);}
#invisalign {background:url(images/nav-invisalign.jpg); text-indent:-999em;}
#nav li a#invisalign:hover, #nav li:hover a#invisalign, #nav li.sfhover a#invisalign {background-image:url(images/nav-invisalign.jpg); background-position:bottom;}
.active #invisalign {background-image:url(images/nav-invisalign-act.jpg) !Important;}
#sleep-apnea {background:url(images/nav-sleep-apnea.jpg); text-indent:-999em;}
#nav li a#sleep-apnea:hover, #nav li:hover a#sleep-apnea, #nav li.sfhover a#sleep-apnea {background-image:url(images/nav-sleep-apnea.jpg); background-position:bottom;}
.active #sleep-apnea {background-image:url(images/nav-sleep-apnea-act.jpg) !Important;}
#our-blog {background:url(images/nav-our-blog.jpg); text-indent:-999em;}
#nav li a#our-blog:hover, #nav li:hover a#our-blog, #nav li.sfhover a#our-blog {background-image:url(images/nav-our-blog.jpg); background-position:bottom;}
.active #our-blog {background-image:url(images/nav-our-blog-act.jpg) !Important;}
#contact-us {background:url(images/nav-contact-us.jpg); text-indent:-999em;}
#nav li a#contact-us:hover, #nav li:hover a#contact-us, #nav li.sfhover a#contact-us {background-image:url(images/nav-contact-us.jpg); background-position:bottom;}
.active #contact-us {background-image:url(images/nav-contact-us-act.jpg);}
#home {background:url(images/nav-home.jpg); text-indent:-999em;}
#nav li a#home:hover, #nav li:hover a#home, #nav li.sfhover a#home {background-image:url(images/nav-home.jpg); background-position:bottom;}
.active #home {background-image:url(images/nav-home-act.jpg) !Important;}
#social-icons {margin:12px 0 12px 34px;}
#social-icons img, #social-icons a {height:auto; display:inline;}
/* - - - - - - - - - - APPOINTMENT BANNER - - - - - - - - - - */
#appointment-banner {margin-top:40px; margin-left:35px; background:url(images/banner.jpg) no-repeat; width:155px; height:102px; text-indent:-999px;}
#appointment-banner a {display:block; clear:both; width:155px; height:102px;}
/* - - - - - - - - - - FLASH - - - - - - - - - - */
#flash-home {height:271px; width:942px; margin:0px auto;}
.backflashplayer {background-color:#5c8bb7; width:300px; line-height:1.5em; border:solid 1px #2f4e6b; font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:11px; padding:10px 10px 0px 10px; margin:30px 0px 0px 310px; height:120px;}
.getflashplayer {float:left; margin:0px 5px 10px 5px; padding:0px 0px 10px 0px;}
/* - - - - - - - - - - PHOTOS - - - - - - - - - - */
#photo {height:271px; width:942px; margin:0px auto;}
/* - - - - - - - - - - RIGHT SIDE - - - - - - - - - - */
.rightSide {width:688px; margin:0px; float:right;}
#rightColumn {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:12px; color:#231f20; font-family:"Verdana", Arial, Helvetica, sans-serif; float:right; width:688px; background:url(images/right-column-img.jpg) no-repeat top;}
#rightColumn {height:auto !important;}
#rightColumn p {margin:0px 40px 0px 30px; line-height:1.7em;}
#rightColumn ul {margin:15px 40px 0px 67px;}
#rightColumn ol {margin:7px 40px 0px 67px;}
/* - - - - - - - - - - TITLES - - - - - - - - - - */
#title-welcome {background:url(images/title-welcome.jpg) no-repeat; width:618px; height:92px; margin-left:30px; margin-top:27px;}
#title-office-visits {background:url(images/title-office-visits.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-patient-forms {background:url(images/title-patient-forms.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-meet-the-dentist {background:url(images/title-meet-the-dentist.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-meet-the-team {background:url(images/title-meet-the-team.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-our-blog {background:url(images/title-our-blog.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-teeth-for-life {background:url(images/title-teeth-for-life.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-why-see-a-dentist {background:url(images/title-why-see-a-dentist.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-gum-disease {background:url(images/title-gum-disease.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-extractions {background:url(images/title-extractions.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-root-canals {background:url(images/title-root-canals.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-sealants {background:url(images/title-sealants.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-before-and-after-gallery {background:url(images/title-before-and-after-gallery.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-dentistry-for-children {background:url(images/title-dentistry-for-children.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-dynamite-dental-fun-kit {background:url(images/title-dynamite-dental-fun-kit.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-pediatric-dental-faqs {background:url(images/title-pediatric-dental-faqs.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-cosmetic-dentistry {background:url(images/title-cosmetic-dentistry.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-smile-gallery {background:url(images/title-smile-gallery.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-teeth-whitening {background:url(images/title-teeth-whitening.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-invisalign {background:url(images/title-invisalign.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-sleep-apnea {background:url(images/title-sleep-apnea.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-location {background:url(images/title-location.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-comment-form {background:url(images/title-comment-form.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-refer-a-friend {background:url(images/title-refer-a-friend.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-appointment-request {background:url(images/title-appointment-request.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-site-map {background:url(images/title-site-map.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
#title-privacy-policy {background:url(images/title-privacy-policy.jpg) no-repeat; width:618px; height:80px; margin-left:30px; margin-top:27px;}
/* - - - - - - - - - - CONTENT ELEMENTS - - - - - - - - - - */
.content-bottom {padding-bottom:35px;}
img.center {display:block; margin:0px auto 0px auto;}
#anatomy-of-a-tooth {margin-left:30px;}
#flash-brushing-and-flossing {margin-left:30px;}
#flash-smile-gallery {margin-left:30px; margin-bottom:60px;}
img.right {clear:right; float:right; margin:0px 45px 20px 20px;}
blockquote {margin-left:25px;}
/* - - - - - - - - - - ANATOMY OF A TOOTH - - - - - - - - - - */
#anatomy-of-a-tooth {background: url(images/anatomy-of-a-tooth/anatomy-of-a-tooth-bg.gif); height: 525px; position: relative; width: 300px}
#anatomy-of-a-tooth a {cursor: help; display: block; position: absolute}
#anatomy-of-a-tooth a:hover {background: transparent}
a#bone {height: 20px; left: 30px; top: 380px; width: 40px}
a#cementum {height: 20px; left: 100px; top: 460px; width: 90px}
a#dentin {height: 20px; left: 80px; top: 165px; width: 60px}
a#enamel {height: 20px; left: 165px; top: 135px; width: 60px}
a#gingiva {height: 30px; left: 20px; top: 275px; width: 60px}
a#periodontal {height: 30px; left: 205px; top: 440px; width: 70px}
a#pulp {height: 30px; left: 125px; top: 220px; width: 50px}
a#print {cursor: pointer; height: 23px; left: 240px; top: 502px; width: 60px}
#anatomy-of-a-tooth a img {border: none; display: block; height: 0; position: absolute; width: 0}
#anatomy-of-a-tooth a:hover img {height: 98px; width: 300px}
a#bone:hover img {left: -30px; top: -380px}
a#cementum:hover img {left: -100px; top: -460px}
a#dentin:hover img {left: -80px; top: -165px}
a#enamel:hover img {left: -165px; top: -135px}
a#gingiva:hover img {left: -20px; top: -275px}
a#periodontal:hover img {left: -205px; top: -440px}
a#pulp:hover img {left: -125px; top: -220px}
/* - - - - - - - - - - H1, H2, H3 - - - - - - - - - - */
h1 {padding-right: 0px; padding-left:0px; padding-bottom:0px; padding-top:0px; margin:0px; text-indent:-999em; background-repeat:no-repeat;}
h2 {margin:0px 40px 15px 30px; font-weight:bold; font-size:14px; font-family:"Verdana", Arial, Helvetica, sans-serif; text-decoration:none; color:#a21f4b; line-height:1.6em;}
h3 {margin:0px 40px 0px 30px; font-weight:bold; font-size:13px; font-family:"Verdana", Arial, Helvetica, sans-serif; text-decoration:none; color:#124b8a; line-height:1.6em;}
/* - - - - - - - - - - FOOTER - - - - - - - - - - */
#footer {height:149px; width:942px; font-family:"Verdana", Arial, Helvetica, sans-serif; background:url(images/footer.jpg) no-repeat; height:149px; font-size:12px; margin:0px auto;}
#footer-slogan {text-align:left; margin-left:284px; color:#ffffff; font-size:12px; padding-top:3px;}
#footer-slogan p {font-weight:bold;}
#footer-menu {text-align:center; font-size:12px; color:#093d77; font-weight:normal; margin-top:25px;}
#footer-menu p a {color:#093d77; font-weight:normal; text-decoration:none;}
#footer-menu p a:hover {color:#386393;}
.footer-sesame {color:#9ca3ab !Important;}
/* - - - - - - - - - - COMMENT FORM - - - - - - - - - - */
.comments {margin: 18px auto; margin-top:-20px;}
fieldset {border: none; padding:9px 0;}
fieldset div {clear: both;}
.form-header {border-bottom: 1px solid #00498f; margin-right:45px;/*optional, change color to match site*/}
.form-header h3 {margin: 0 0 9px;}
.form-header p {margin: 0 0; padding-bottom: 18px;}
.form-footer {padding-top: 18px; text-align: center; border-top: 1px solid #00498f; margin-right:45px;/*optional, change color to match site*/}
.form-footer button {/*these styles control the look of the button, change as necessary*/
clear:both;/*do not change, forces button to sit below floated elements*/
margin: 9px auto;/*do not change, controls positioning*/
display: block;
width:125px;
height:31px;
background:#00498f;/* customize me! */
border: 1px solid #00498f;
text-align:center;
line-height:31px;
color:#ffffff;/* customize me! */
font-size:12px;
font-weight:bold;}
/* comment form */
.comments {
margin: 18px 0;
padding: 10px;}
.comments li {font-weight: bold;}
.comments label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
text-align:left;
width:45%;
float:left;
padding-top: 4px;}
.comments label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:left;
width:100%;}
.comments .label-block label {float: none; clear: both; width: 100%; text-align: left;}
.comments input, .comments textarea {
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #00498f;/* customize me! */
width:45%;
margin:9px 0 9px 2%;
background: #ffffff;}
.comments p.verification {
clear: both;
margin: 0 0 9px 47%;
font-size: 12px;}
.comments p.radio-float {
clear: none;
float:left;
width: 45%;
padding:0;
margin:9px 0 9px 0;}
.comments p.verification img {border: 1px solid #00498f;}/* customize me! */
.comments p.radio input, .comments p.radio-float input {
float: none;
margin: 0 0 0 0;
padding: 4px 2px;
width: auto;}
.comments p.radio span {padding: 0 2% 0 0;}
.comments .radio {text-align: left; font-weight: normal;}
.comments .comments-box label {float: none; font-weight: normal; display: block; text-align: left;}
.comments .comments-box textarea {float: none; margin-left: 0; width:95%;}
/* - - - - - - - - - - REFER A FRIEND - - - - - - - - - - */
.referral-form {margin: 18px auto;}
fieldset {border: none; padding: 9px 0;}
fieldset div {clear: both;}
.form-header {border-bottom: 1px solid #00498f;/*optional, change color to match site*/}
.form-header h3 {margin: 0 0 9px;}
.form-header p {margin: 0 0; padding-bottom: 18px;}
.form-footer {padding-top: 18px; text-align: center; border-top: 1px solid #00498f;/*optional, change color to match site*/}
.form-footer button {/*these styles control the look of the button, change as necessary*/
clear:both;/*do not change, forces button to sit below floated elements*/
margin: 9px auto;/*do not change, controls positioning*/
display: block;
width:125px;
height:31px;
background:#00498f;/* customize me! */
border: 1px solid #00498f;
text-align:center;
line-height:31px;
color:#ffffff;/* customize me! */
font-size:12px;
font-weight:bold;}
/* referral form */
.referral-form {
margin: 18px 0;
padding: 10px;}
.referral-form fieldset {border: none; padding: 9px 0;}
.referral-form label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
text-align:left;
width:45%;
float:left;
line-height: 18px;
padding-top: 4px;}
.referral-form label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:left;
width:100%;}
.referral-form input, .referral-form textarea {
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #00498f;/* customize me! */
width:45%;
margin:9px 0 9px 2%;
background: #ffffff;
position: relative;}
.referral-form p.radio, .referral-form p.verification {
clear: both;
margin: 9px 0 9px 47%;
font-size: 12px;}
.referral-form p.radio-float {
clear: none;
float:left;
width: 45%;
padding:0;
margin:9px 0 9px 2%;}
.referral-form p.verification {margin-top: 0;}
.referral-form p.verification img {border: 1px solid #00498f;}/* customize me! */
.referral-form p.radio input, .referral-form p.radio-float input {
float: none;
width: auto;
margin: 0 0 0 2%;
padding: 4px 2px;}
/* - - - - - - - - - - APPOINTMENT REQUEST - - - - - - - - - - */
.appointment-form {margin: 18px auto;}
fieldset {border: none; padding: 9px 0;}
fieldset div {clear: both;}
.form-header {border-bottom: 1px solid #00498f;/*optional, change color to match site*/}
.form-header h3 {margin: 0 0 9px;}
.form-header p {margin: 0 0; padding-bottom: 18px;}
.form-footer {padding-top: 18px; text-align: center; border-top: 1px solid #00498f;/*optional, change color to match site*/}
.form-footer button {/*these styles control the look of the button, change as necessary*/
clear:both;/*do not change, forces button to sit below floated elements*/
margin: 9px auto;/*do not change, controls positioning*/
display: block;
width:125px;
height:31px;
background:#00498f;/* customize me! */
border: 1px solid #00498f;
text-align:center;
line-height:31px;
color:#ffffff;/* customize me! */
font-size:12px;
font-weight:bold;}
/* appointment form */
.appointment-form {
margin: 18px 0;
padding: 10px;}
.appointment-form fieldset {border: none; padding: 9px 0;}
.appointment-form label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
text-align:left;
width:45%;
float:left;
line-height: 18px;
padding-top: 4px;}
.appointment-form label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:left;
width:100%;}
.appointment-form input, .appointment-form select, .appointment-form textarea {
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #00498f;/* customize me! */
width:45%;
margin:9px 0 9px 2%;
background: #ffffff;}
.appointment-form p.radio, .appointment-form p.verification {
clear: both;
margin: 9px 0 9px 47%;
font-size: 12px;}
.appointment-form p.radio-float {
clear: none;
float:left;
width: 45%;
padding:0;
margin:9px 0 9px 2%;}
.appointment-form span#found-other {width: 100%;}
.appointment-form span#found-other input {margin-left: 47%; background: #fff0b2}
.appointment-form p.verification {margin-top: 0;}
.appointment-form p.verification img {border: 1px solid #00498f;}/* customize me! */
.appointment-form p.radio input, .appointment-form p.radio-float input {
float: none;
width: auto;
margin: 0 0 0 2%;
padding: 4px 2px;}
/* jQuery Cycle Before and After */
#before-after-container {
width: 488px;
line-height: 18px;
margin: 0 0 18px 0;
padding: 10px 0 10px 10px;
background-color: #9dc1e0; /* Customize me */
border: solid 1px #333; /* Customize me */
border-radius: 5px; /* Optional - you may customize or remove */
-moz-border-radius: 5px; /* Optional - you may customize or remove */
-webkit-border-radius: 5px; /* Optional - you may customize or remove */
margin-left:35px; color:#FFFFFF;
}
#before-after-container ul.slideshow {
list-style: none;
margin: 0;
padding: 0;
width: 488px;
height: 182px;
overflow: hidden;
}
ul#before-after-cycle li img {
width: 232px;
float: left;
margin-right: 10px;
border: solid 1px #333; /* Customize me */
}
#before-after-container p {
float: left;
width: 50%;
margin: 0 0 10px 0;
}
#before-after-container div.cycle-detail {
min-height: 70px; /* Increase this number to accomodate longer or shorter description text and to prevent "bumping" of lower content */
clear: both;
background-color: #fff; /* Customize me */
padding: 10px;
margin: 0 10px 0 0;
border: solid 1px #333; /* Customize me */
border-radius: 0 0 5px 5px; /* Optional - you may customize or remove */
-moz-border-radius: 0 0 5px 5px; /* Optional - you may customize or remove */
-webkit-border-bottom-left-radius: 5px; /* Optional - you may customize or remove */
-webkit-border-bottom-right-radius: 5px; /* Optional - you may customize or remove */
}
#before-after-container .before-after-nav {
background: #fff; /* Customize me */
margin: 0 10px 10px 0;
padding: 5px 3px;
border: solid 1px #333; /* Customize me */
border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
-moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
-webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
-webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
}
#before-after-container .before-after-nav a {
text-decoration: none;
font-size: 12px;
padding: 5px;
margin: 0 3px;
outline: none;
color: #333; /* Customize me */
}
#before-after-container .before-after-nav a.activeSlide, #before-after-container .before-after-nav a:hover {color: #9dc1e0;} /* Customize me */