@font-face {
    font-family: 'SegoePrintRegular';
    src: url('segoepr.eot');
    src: url('segoepr.eot') format('embedded-opentype'),
    url('segoepr.woff') format('woff'),
    url('segoepr.ttf') format('truetype'),
    url('segoepr.svg#SegoePrintRegular') format('svg');
}
@font-face {
    font-family: 'Conv_HelveticaNeueLTPro-LtCn';
    src: url('HelveticaNeueLTPro-LtCn.eot');
    src: local('☺'), url('HelveticaNeueLTPro-LtCn.woff') format('woff'), url('HelveticaNeueLTPro-LtCn.ttf') format('truetype'), url('HelveticaNeueLTPro-LtCn.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*RESET========================================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, big, cite, del, em, img, ins, small, strike, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, embed {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    background-color: #ffffff;
}

/*GENERAL======================================================================*/
h1, h2, h3, .testimonial-area {
    font-family: SegoePrintRegular, sans-serif;
}
body {
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
}
.page-top, .page-top-inner {
    height: 283px;
    background: url(../images/page-top-inner-bg.jpg) no-repeat center top;
}
.page-top-sub {
    display: none;
    height: 109px;
    background: url(../images/page-top-sub-bg.jpg) no-repeat center top;
}
.page-center, .page-center-inner {
    min-height: 216px;
    background: url(../images/page-center-inner-bg.jpg) no-repeat center top;
}
.page-bottom {
    height: 120px;
    background: url(../images/mobile/page-bottom-bg.png) repeat-x center top;
}
a:link, a:visited {
    color: #2e8cc2;
    font-size: 14px;
    text-decoration: underline;
    font-family: Arial, sans-serif;
}
a:hover, a:active, a:focus {
    text-decoration: none;
}
h1 {
    font-size: 23px;
    color: #2e8cc2;
    line-height: 30px;
    margin-bottom: 18px;
}
h2 {
     font-size: 20px;
     color: #2e8cc2;
     margin-bottom: 4px;
 }
h3 {
    font-size: 16px;
    color: #2e8cc2;
    margin-bottom: 4px;
}
.sub-heading {
    font-size: 16px;
    line-height: 20px;
    font-style: italic;
    color: #92876d;
    margin-bottom: 16px;
}
.para {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 14px;
}
.last-para {
    margin-bottom: 20px;
}
.bold {
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: bold;
}
.separator {
    width: 448px;
    height: 1px;
    margin-bottom: 15px;
    background: url(../images/separator.png) no-repeat 0 0;
}
ol, ul.list {
    font-size: 14px;
    margin: 15px 0 15px 15px;
}
ul.list li {
    padding-left: 4px;
    margin-bottom: 8px;
    list-style-image: url(../images/list-dot.png);
}
ul.list li ul {
    margin: 5px 0 0 15px;
}
ul.list li ul li {
    padding-left: 4px;
    margin-bottom: 8px;
    list-style-image: none;
}
.italic {
    font-style: italic;
}
.hide-from-mobile {
    display: none;
}
.desktop-content {
    display: none;
}

/*HEADER=======================================================================*/
.header {
    width: 480px;
    height: 283px;
    margin: 0 auto;
}
    .contact-area {
        width: 470px;
        height: 32px;
        color: #575042;
        padding: 7px 5px 0 5px;
    }
        .contact-area .phone {
            float: left;
            width: 98px;
            padding: 0 0 0 28px;
            margin: 5px 0 0 0;
            background: url(../images/phone-icon.png) no-repeat 0 1px;
        }
        .contact-area .phone a {
            text-decoration: none;
            font-size: 12px;
            cursor: text;
            color: #575042;
        }
            .contact-area .like-us {
                display: none;
                float: left;
                width: 295px;
                height: 30px;
                padding-top: 2px;
            }
                .contact-area .address {
                    float: right;
                    width: 344px;
                    height: 32px;
                    line-height: 25px;
                    text-align: right;
                    font-size: 11px;
                }
                    .contact-area .address a {
                        color: #575042;
                        font-size: 11px;
                    }
    .header-nav {
        width: 470px;
        height: 32px;
        padding: 0 5px;
        padding-top: 22px;
    }
        .header-nav ul {
            list-style: none;
        }
            .header-nav ul li {
                float: left;
            }
                .header-nav ul li a {
                    text-decoration: none;
                    color: white;
                    text-transform: uppercase;
                    font-size: 18px;
                    font-family: Conv_HelveticaNeueLTPro-LtCn, sans-serif;
                }
                    .header-nav ul li a:hover, .header-nav ul li a.selected {
                        color: #79caf9;
                    }
                    .header-nav li.home {
                        width: 68px;
                    }
                    .header-nav li.about {
                        width: 101px;
                    }
                    .header-nav li.info {
                        display: none;
                        width: 125px;
                    }
                    .header-nav li.technology {
                        display: none;
                        width: 132px;
                    }
                    .header-nav li.education {
                        display: none;
                        width: 177px;
                    }
                    .header-nav li.blog {
                        display: none;
                        width: 73px;
                    }
                    .header-nav li.gallery {
                        width: 142px;
                    }
                    .header-nav li.testimonials {
                        width: 133px;
                    }
                    .header-nav li.faq {
                        width: 26px;
                    }
.Top_menu_Items {   /* ul */
    display: none;
    position: absolute;
    visibility: hidden;
    width: 195px;
    z-index: 1000;
    padding-top: 17px;
}
    .logo-area, .logo-area-inner {
        clear: both;
        width: 475px;
        height: 162px;
        padding: 28px 0 0 5px;
    }
        .logo {
            width: 249px;
            height: 114px;
            background: url(../images/logo.png) no-repeat left top;
        }
            .logo a {
                display: block;
                width: 249px;
                height: 114px;
            }
                .logo h1 {
                    text-indent: -9999px;
                }

/*CONTENT AREA=================================================================*/
.content {
    width: 480px;
    margin: 0 auto;
    overflow: hidden;
}
    .bucket-mobile ul {
        list-style: none;
        margin-left: 5px;
    }
        .bucket-mobile ul li {
            width: 230px;
            height: 30px;
            float: left;
            margin-right: 10px;
            margin-bottom: 2px;
            background: url(../images/mobile/bucket-bg.png) no-repeat left top;
        }
            .bucket-mobile ul li.even {
                margin-right: 0;
            }
                .bucket-mobile ul li a {
                    display: block;
                    width: 220px;
                    height: 30px;
                    line-height: 30px;
                    padding-left: 10px;
                    color: white;
                    text-decoration: none;
                }
                    .bucket-mobile ul li:hover a {
                        background: url(../images/mobile/bucket-bg.png) no-repeat 0 -30px;
                    }

/*COLUMN-LEFT==================================================================*/
.column-left {
    display: none;
    width: 233px;
    float: left;
    padding-top: 12px;
}
/*COLUMN-CENTER=================================================================*/
.column-center {
    width: 448px;
    padding: 9px 15px 0 17px;
    float: left;
}
    .scroller {
        padding: 0 11px 0 8px;
        margin: 25px 0 5px 0;
    }
        .stepcarousel {
            position: relative;
            overflow: scroll;
            width: 429px;
            height: 153px;
        }
            .stepcarousel .belt {
                position: absolute;
                left: 0;
                top: 0;
            }
                .stepcarousel .panel {
                    float: left;
                    overflow: hidden;
                    margin: 0 0 0 0;
                }
    .testimonial-area {
        display: none;
        line-height: 18px;
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 30px;
        float: left;
    }
.crooked-teeth-image {
    float: left;
    margin-right: 10px;
    clear: left;
}
.office-image {
    clear: both;
    margin: 0 0 10px 50px;
}
.procedure-image {
    margin-left: 7px;
}
.procedure-pic {
    margin-bottom: 15px;
}
/*TESTIMONIALS PAGE=================================================================*/
.review-form {
    font-size: 12px;
    line-height: 20px;
    padding-left: 25px;
    margin: 0 0 25px 0;
}
    form .app-text {
        margin: 5px 0 4px;
        width: 100px;
        float: left;
    }
    form .app-text-que {
        margin: 5px 0 4px;
        width: 200px;
        float: left;
    }
    form .app-textbox {
        margin: 0 0 4px;
    }
    form .app-textbox, form .app-textarea, form .question-field,
    .appoinment-form .time-field {
        padding: 5px 0 5px 10px;
        height: 18px;
        width: 255px;
        border: 1px solid #9BCEF0;
        background: #EBF5FC !important;
    }
    form .app-textarea {
        width: 253px;
        height: 82px;
        padding: 5px 0 8px 12px;
        margin: 0 0 2px;
    }
    form .answertext {
        margin: 5px 0 1px 1px;
    }
    form .submitButton {
        text-align: center;
        color: White;
        width: 100px;
        margin: 0 0 0 180px;
        border: 1px solid #9BCEF0;
        cursor: pointer;
        padding: 5px 0 5px 0;
        background-color: #46A8DD;
    }
        form .submitButton:hover {
            color: white;
            background-color: #B09E73;
            border-color: #7E6D47;
        }

    form .question-image {
        margin: -4px 0 0 0;
    }
    form .question-field {
        width: 121px;
        margin: 0;
    }
    form .incorrectText {
        color: #ff0000;
        display: block;
        margin: 5px 0 0;
    }
    form .requiredText, form .required {
        color: #ff0000;
    }
.column-center .page-tabs {
    height: 30px;
    width: 100%;
    margin: 25px 0 20px 0;
}
    .column-center .page-tabs ul {
        float: left;
        list-style: none;
    }
        .column-center .page-tabs ul li {
            float: left;
            height: 30px;
            margin-right: 2px;
        }
            .column-center .page-tabs ul li a {
                display: block;
                height: 30px;
                line-height: 30px;
                text-decoration: none;
                padding: 0 13px 0 13px;
                color: white;
                font-size: 15px;
                background-color: #46A8DD;
            }
                .column-center .page-tabs ul li a:hover, .column-center .page-tabs ul li a.selected {
                    color: white;
                    background-color: #B09E73;
                }
.review .review-body {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
    .review .reviewed-by {
        font-size: 16px;
        color: #2e8cc2;
        padding-bottom: 20px;
        border-bottom: 1px solid #333333;
        margin: 10px 0 15px 0;
    }

.review-video {
    margin: 10px 0 10px 70px;
}

.meet-the-doctor {
    float: right;
    margin: 0 0 5px 10px;
}
.ask-the-doctor-form {
    padding: 10px 0 0 100px;
}

/*COLUMN-RIGHT=================================================================*/
.column-right {
    display: none;
    width: 230px;
    float: left;
}

/*FOOTER=======================================================================*/
.logo-section {
    display: none;
    width: 840px;
    height: 67px;
    padding: 0 0 0 160px;
    margin: 0 auto;
}

.footer {
    width: 480px;
    margin: 0 auto;
}
    .footer-nav {
        width: 476px;
        height: 41px;
        padding-left: 4px;
    }
        .footer-nav ul {
            list-style: none;
        }
            .footer-nav ul li {
                float: left;
            }
                .footer-nav ul li a {
                    display: block;
                    height: 41px;
                    line-height: 41px;
                    padding: 0 13px;
                    text-decoration: none;
                    color: white;
                }
                    .footer-nav ul li a:hover, .footer-nav ul li a.selected {
                        color: #63553d;
                        background-color: #E2D8C3;
                    }
    .footer .copy-right {
        text-align: center;
        padding-top: 5px;
        color: white;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 1px;
    }
        .footer .copy-right a {
            color: white;
        }
.scrollup {
    display: none !important;
}