@font-face {
    font-family: 'OptimaNormal';
    src: url('optima_normal.eot');
    src: url('optima_normal.eot') format('embedded-opentype'),
    url('optima_normal.woff') format('woff'),
    url('optima_normal.ttf') format('truetype'),
    url('optima_normal.svg#OptimaNormal') format('svg');
}
@font-face {
    font-family: 'OptimaBold';
    src: url('optima_bold.eot');
    src: url('optima_bold.eot') format('embedded-opentype'),
    url('optima_bold.woff') format('woff'),
    url('optima_bold.ttf') format('truetype'),
    url('optima_bold.svg#OptimaBold') format('svg');
}

/*RESET========================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre ,form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
fieldset, img {
    border: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

/*GENERAL======================================================================*/
body, a:link, a:visited, .search form .search-box, .office-hours-text .time-span {
    font-family: 'OptimaNormal';
}
h1 span, .column-left-tiles, .office-hours-box, .testimonials-title, .testimonials-text span {
    font-family: 'OptimaBold';
}
body {
    font-size: 14px;
    background: #F4F4F4;
}
    .page-top {
        width: 1000px;
        height: 148px;
        margin: 0 auto;
        background: #ffffff;
    }
        .page-center {
            width: 1000px;
            margin: 0 auto;
            background: url(../images/page-repeat.jpg) repeat-y left top;
        }
            .page-bottom {
                clear: both;
                height: 123px;
                background: url(../images/page-bottom-bg.jpg) no-repeat center top;
            }
    a:link, a:visited {
        color: #7c416c;
        text-decoration: none;
    }
        a:hover, a:active, a:focus {
            color: #000000;
        }
    h1 {
        text-align: center;
        font-size: 26px;
        color: #8f6b85;
        margin-bottom: 13px;
    }
        h2 {
            font-size: 18px;
            color: #2c2c2a;
            margin-bottom: 6px;
        }
            .para {
                color: #2c2c2a;
                line-height: 24px;
                margin-bottom: 26px;
            }
                .last-para {
                    margin-bottom: 13px;
                }
                    .separator {
                        height: 1px;
                        background: url(../images/separator.png) no-repeat 0 0;
                    }
                        .separator-gallery {
                            margin-bottom: 14px;
                        }
    ol, ul.list {
        margin: 15px 0 15px 15px;
    }
        ul.list li {
            padding-left: 4px;
            margin-bottom: 8px;
            list-style-image: url(../images/list-dot.png);
        }

    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
    }
        .clearfix:after {
            clear: both;
        }

    .hide-from-desktop {
        display: none;
    }
    .mobile-content
    {
        display: none;
    }

/*HEADER=======================================================================*/
.header {
    width: 1000px;
    height: 145px;
    position: relative;
    background: #F4F4F4;
}
    .header-left {
        float: left;
        width: 429px;
        height: 56px;
        padding: 31px 0 0 11px;
        color: #7e0c6e;
    }
        .header-left .phone {
            float: left;
            font-size: 21px;
        }
            .header-left .purple-dot {
                float: left;
                width: 7px;
                height: 7px;
                margin: 5px 6px 0 13px;
            }
                .header-left .email {
                    float: left;
                    font-style: italic;
                    margin-top: 6px;
                }
                    .header-left .email a {
                        color: #7e0c6e;
                    }
                        .header-left .address {
                            clear: both;
                            width: 328px;
                            padding-top: 7px;
                            background: url(../images/address-separator.jpg) no-repeat 303px 5px;
                        }
                            .header-left .address img {
                                float: right;
                                margin: -3px 0 0 5px;
                            }
    .logo {
        width: 303px;
        height: 114px;
        position: absolute;
        left: 440px;
        top: 24px;
        background: url(../images/logo.png) no-repeat 0 0;
    }
        .logo a {
            display: block;
            width: 303px;
            height: 114px;
        }
            .logo h1 {
                text-indent: -9999px;
            }
    .header-right {
        float: right;
        width: 251px;
        height: 62px;
        padding: 33px 6px 0 0;
    }
        .search {
            height: 31px;
            width: 200px;
            float: right;
        }
            .search form {
                float: right;
            }
                .search form .search-box {
                    float: left;
                    width: 124px;
                    height: 21px;
                    border: none;
                    margin: 0;
                    padding: 0 0 0 10px;
                    color: #ffffff;
                    font-size: 12px;
                    background: url(../images/search-box.png) no-repeat left top;
                }
                    .search form .search-button {
                        float: left;
                        width: 34px;
                        height: 21px;
                        border: none;
                        cursor: pointer;
                        background: url(../images/search-icon.png) no-repeat left top;
                    }

        .like-us {
            width: 100%;
            height: 31px;
            float: left;
        }
            .like-us .facebook {
                float: right;
                width: 86px;
            }
                .like-us .googleplus {
                    float: right;
                    width: 60px;
                }

    .header-nav {
        clear: both;
        width: 1000px;
        height: 50px;
        background: url(../images/header-nav-bg.jpg) no-repeat 0 0;
    }
        .header-nav ul {
            list-style: none;
            position: relative;
            z-index: 100;
        }
            .header-nav ul li {
                float: left;
                padding-top: 19px;
            }
                .header-nav ul li.home {
                    width: 45px;
                    margin-left: 10px;
                }
                    .header-nav ul li.team {
						width: 60px;
						padding: 7px 0px 0 0;
						text-align: center;
                    }
                        .header-nav ul li.technology {
                            width: 85px;
                        }
						
                        .header-nav ul li.bna {
                                width: 60px;
                                padding: 7px 15px 0 0;
                                text-align: center;
                        }
                            .header-nav ul li.experience {
                                width: 60px;
                                padding: 7px 25px 0 0;
                                text-align: center;
                            }
                                .header-nav ul li.forms {
                                    width: 39px;
                                    padding: 5px 28px 0 0;
									margin-left: 10px;
                                    text-align: center;
                                }
                                    .header-nav ul li.offers {
                                        width: 45px;
                                        padding: 7px 35px 0 0;
                                        text-align: center;
                                    }
                                        .header-nav ul li.payment {
                                            width: 50px;
                                            padding: 7px 25px 0 0;
                                            text-align: center;
                                        }
                                            .header-nav ul li.emergency {
                                                width: 66px;
                                                padding: 7px 17px 0 0;
												margin-left: 124px;
                                                text-align: center;
                                            }
                                                .header-nav ul li.testimonials {
                                                    width: 97px;
                                                }
                                                    .header-nav ul li.contact {
                                                        width: 48px;
                                                        padding-right: 18px;
                                                        padding-top: 7px;
                                                        text-align: center;
                                                    }
                                                        .header-nav ul li a {
                                                            display: block;
                                                            color: #c0a9ba;
                                                            line-height: 17px;
                                                        }
                                                            .header-nav ul li a:hover, .header-nav ul li a.selected {
                                                                color: #e8d4a3;
                                                                text-decoration: none;
                                                            }

    .content-main {
        background: url(../images/page-center-inner.jpg) repeat-x left top;
    }

/*COLUMN-LEFT=======================================================================*/
.column-left, .column-left-inner {
    width: 221px;
    float: left;
}
    .bucket {
        height: 435px;
        padding: 15px 0 0 10px;
        background: url(../images/bucket-bg.jpg) no-repeat 0 0;
    }
        .column-left-inner .bucket {
            background: url(../images/bucket-inner-bg.jpg) no-repeat 0 0;
        }
            .bucket ul {
                list-style: none;
            }
                .bucket ul li {
                    margin-bottom: 8px;
                }
                    .bucket ul li a {
                        display: block;
                        width: 207px;
                        height: 32px;
                        border: 2px solid #A98DA1;
                        border-radius: 10px;
                        line-height: 32px;
                        color: #ffffff;
                        text-align: center;
                        background: url(../images/bucket-item-bg.jpg) repeat-x 0 0;
                    }
                        .column-left-inner .bucket ul li a {
                            border: 2px solid #E9E9E9;
                        }
                            .bucket ul li a:hover, .bucket ul li a.selected {
                                text-decoration: none;
                                border: 2px solid #E9E9E9;
                                background: url(../images/bucket-item-over-bg.jpg) repeat-x 0 0;
                            }
    .column-left-tiles {
        width: 202px;
        padding: 7px 10px 0 9px;
        color: #7c416c;
        font-size: 15px;
        text-align: center;
    }
        .column-left-tiles-inner {
            background: url(../images/column-left-inner-bg.jpg) repeat-y 0 0;
        }
            .column-left-tiles a {
                display: block;
                margin-top: 15px;
            }
    .special-offers {
        padding-top: 46px;
        height: 55px;
        margin-bottom: 10px;
        background: url(../images/col-left-sprite.png) no-repeat 0 0;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
    }
	
	.special-offers:hover {
		cursor: pointer;
		color: #000;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
		-moz-opacity: 0.4;
		opacity: 0.4;
		}
	.appointment-request {
		padding-top: 46px;
		height: 55px;
		color: #ffffff;
		margin-bottom: 10px;
		background: url(../images/col-left-sprite.png) no-repeat 0 -101px;
	}
	
	.appointment-request:hover {
		color: #fff39f;
		cursor: pointer;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
		-moz-opacity: 0.4;
		opacity: 0.4;
	}
            .appointment-request a {
                color: #ffffff;
            }
                .appointment-request a:hover {
                    color: #000000;
                }
                    .patient-experience {
                        padding-top: 46px;
                        height: 55px;
                        margin-bottom: 10px;
                        background: url(../images/col-left-sprite.png) no-repeat 0 -202px;
                    }
                    .patient-experience:hover {
						cursor: pointer;
						color: #000;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
		-moz-opacity: 0.4;
		opacity: 0.4;
                    }
                        .patient-forms {
                            padding-top: 46px;
                            height: 55px;
                            margin-bottom: 10px;
                            background: url(../images/col-left-sprite.png) no-repeat 0 -303px;
                        }
                        .patient-forms:hover {
							cursor: pointer;
							color: #000;
							filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
							-moz-opacity: 0.4;
							opacity: 0.4;
                        }
                        .callInCase {
                            padding-top: 23px;
                            height: 55px;
                            margin-bottom: 10px;
                            background: url(../images/col-left-sprite.png) no-repeat 0 -485px;
							color: #fff;
                        }
                        .callInCase:hover {
							filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
							-moz-opacity: 0.4;
							opacity: 0.4;
                        }
    .get-social {
        height: 80px;
        color: #ffffff;
        background: url(../images/col-left-sprite.png) no-repeat 0 -404px;
    }
        .get-social-icons {
            padding: 14px 0 0 16px;
        }
            .get-social-icons a {
                margin-top: 0;
            }
                .get-social-icons img {
                    float: left;
                    margin-left: 12px;
                }
                    .get-social-title {
                        clear: both;
                        padding-top: 11px;
                    }

    .page-right {
        width: 779px;
        float: right;

        min-height: 800px;
    }
    .banner {
        width: 779px;
        height: 450px;
    }

/*COLUMN-CENTER==================================================================*/
.column-center {
    float: left;
    width: 567px;
    background: url(../images/column-center-bg.png) no-repeat 0 0;
}
    .column-center-inner {
        float: left;
        width: 567px;
        padding-top: 5px;
        background: url(../images/column-center-inner-bg.jpg) no-repeat 0 0;
    }
        .content {
            padding: 16px 29px 0 19px;
            min-height: 200px;
        }
            .smile-gallery {
                height: 234px;
                color: #8f6b85;
            }
                .smile-gallery-title {
                    font-size: 18px;
                    padding-top: 11px;
                    margin: 0 0 9px 0;
                    text-align: center;
                }
                    .smile-gallery .before-after {
                        padding-left: 133px;
                        margin-top: 10px;
                    }
                        .smile-gallery .before-after span {
                            display: inline-block;
                            margin-left: 180px;
                        }
                            .smile-gallery .view-all {
                                text-align: center;
                                margin-top: 16px;
                            }
                .scroller {
                    padding: 0 0 0 51px;
                    margin: 0 0 0 0;
                }
                    .stepcarousel {
                        position: relative;
                        overflow: scroll;
                        width: 414px;
                        height: 129px;
                    }
                        .stepcarousel .belt {
                            position: absolute;
                            left: 0;
                            top: 0;
                        }
                            .stepcarousel .panel {
                                float: left;
                                overflow: hidden;
                                margin: 0 0 0 0;
                            }
            .call-in-emergency {
                display: block;
                width: 253px;
                height: 61px;
                padding-top: 19px;
                margin: 0px 0px  15px 15px;
                color: #ffffff;
                font-size: 18px;
                line-height: 22px;
                text-align: center;
                background: url(../images/call-in-emergency-bg.jpg) no-repeat 0 0;
				float: right;
            }

/*COLUMN-RIGHT==================================================================*/
.column-right {
    float: right;
    width: 202px;
    padding: 7px 10px 0 0;
}
    .column-right-inner {
        float: right;
        width: 202px;
        padding: 12px 10px 0 0;
    }
        .office-hours-box {
            width: 202px;
            height: 231px;
            color: #ffffff;
            text-align: center;
            background: url(../images/office-hours.png) no-repeat 0 0;
        }
            .office-hours-title {
                padding-top: 46px;
                font-size: 15px;
            }
                .office-hours-text {
                    padding-top: 10px;
                    line-height: 24px;
                }
                    .office-hours-text .time-span {
                        font-size: 14px;
                        padding-top: 9px;
                        line-height: 17px;
                    }
                        .office-hours-text .last {
                            padding-top: 14px;
                        }

        .testimonials-box {
            margin-top: 11px;
        }
            .testimonials-title {
                width: 202px;
                height: 24px;
                color: #7c416c;
                font-size: 15px;
                padding-top: 46px;
                text-align: center;
                background: url(../images/testimonials-sprite.png) no-repeat 0 0;
            }
                .testimonials-text {
                    color: #2c2c2a;
                    font-size: 13px;
                    line-height: 20px;
                    text-align: center;
                    padding: 3px 18px 0 17px;
                    background: url(../images/testimonials-repeat.png) repeat-y 0 0;
                }
                    .testimonials-text span {
                        display: block;
                        margin: 8px 0 15px 0;
                    }
                        .testimonials-text a {
                            display: block;
                        }
                            .testimonials-bottom {
                                width: 202px;
                                height: 8px;
                                background: url(../images/testimonials-sprite.png) no-repeat 0 -70px;
                            }

/*FOOTER=======================================================================*/
.footer {
    width: 1000px;
    height: 108px;
    margin: 0 auto;
    font-size: 12px;
    padding-top: 15px;
}
    .footer, .footer a {
        color: #ffffff;
    }
.footer-nav {
    clear: both;
    height: 38px;
    margin-left: 58px;
}
    .footer-nav ul {
        list-style: none;
    }
        .footer-nav ul li {
            float: left;
            margin-right: 18px;
        }
            .footer-nav ul li a {
                display: block;
                height: 12px;
                padding: 17px 9px 9px 9px;
            }
                .footer-nav ul li a:hover, .footer-nav ul li a.selected {
                    background: #000000;
                    text-decoration: none;
                    border-radius: 0 0 10px 10px;
                }
.copy-right {
    line-height: 20px;
    margin-top: 14px;
    text-align: center;
}
    .copy-right a:hover {
        text-decoration: underline;
    }

.scrollup {
    display: none;
    width: 40px;
    position: fixed;
    height: 40px;
    bottom: 20px;
    right: 20px;
    text-indent: -9999px;
    background: url("../images/gototop-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.staffLeft {
	float: left; 
	width: 250px; 
	margin-right:5px; 
	text-align: center;
	margin-bottom: 10px;
}

.staffRight {
	float: left; 
	width: 250px; 
	margin-left:5px; 
	text-align: center;
	margin-bottom: 10px;
}



@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .page-bottom {
        margin-left: 1px;
    }
}