html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    min-width: 1000px;
    }

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    min-width: 1000px;
    }
    
.container {
    width: 100%;
    height: 100%;
    padding: 0;
    }
    
.logo {
    position: absolute;
    top: 4%;
    left: 3%;
    z-index: 2000;
    }
    
/*********************************************************************************************************General Styles**/

.clear {
    clear: both;
    }
    
img {
    border: 0;
    display: inline-block;
    }
    
h5 {
    font-family: Source Sans Pro, sans-serif;
    font-size: 26px;
    line-height: 40px;
    font-weight: 300;
    color: #fff;
    }

h4 {
    font-family: Source Sans Pro, sans-serif;
    font-size: 21px;
    line-height: 32x;
    font-weight: 400;
    color: #fff;
    }
    
h2 {
    font-family: Source Sans Pro, sans-serif;
    font-size: 30px;
    line-height: 32x;
    font-weight: bold;
    color: #000;
    margin: 0px;
    padding: 0px;
    }

p {
    font-family: Source Sans Pro, sans-serif;
    font-size: 21px;
    line-height: 32px;
    font-weight: 300;
    color: #fff;
}

a {
    font-family: Source Sans Pro, sans-serif;
    font-size: 21px;
    line-height: 35px;
    font-weight: 300;
    color: #fff;    
}

.button {
    border: 2px solid #fff;
    display: inline-block;
    padding: 0px 50px;
    text-decoration: none;
}

.button:hover {
    background-color: #fff;
    color: #29abab;
}

.row_max_width  li {
    font-family: Source Sans Pro, sans-serif;
    font-size: 21px;
    font-weight: 300;
    color: #fff;  
}

.bg_offwhite p {
    color: #000;    
}

.bg_offwhite_slope p {
    color: #000;    
}

.center {
    text-align: center;
}

/*********************************************************************************************************Menu**/

.menu {    
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 1000;
    /*height: 348px;*/    
    }

.menu_bar {
    width: 100%;
    background-color: #fff;
    padding: 0px 0px 0px 0px;
    height: auto;
    display: none;    
    }

.menu_bottom {
    background: url(../images/menu/menu_shadow.png) no-repeat center bottom;
    height: 79px;    
}

ul.main {
    list-style-type: none;
    padding: 65px 0px 100px 0px;
    margin: 0px;
    }

li.main {    
    margin: 0px 0px;
    padding: 6px 0px;
    }

li.main:first-child {
    
    }
    
li.main:last-child {    
    
    }

.sub_menu {
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;    
    }

.sub_menu li {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    }
    
.but_menu, .but_menu_close {
    cursor: pointer;
}

.menu a {
    font-family: "proxima-nova",sans-serif;
    font-weight: 900;
    font-size: 40px;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    /*border-bottom: 3px solid #28abab;*/
    
        
    display: inline-block;
    line-height: 40px;
}

.menu a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */    
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.number {
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    background-color: #28abab;
    padding: 0px 3px;
    margin-right: 2px;
}

a.active {
    color: #29abab;
}

    


/*********************************************************************************************************Row Dynamics**/
    
.row_top {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0 0 0px 0;
    }

.row_top_content {
    display: table-cell;
    vertical-align: middle;
    padding: 100px 0px;    
    }
    
.row {
      
    }
    
.row_content {
    
    }
    
.row_max_width {
    min-width: 900px;
    max-width: 1300px;    
    margin: 0 auto;
    padding-left: 50px !important;
    padding-right: 50px !important;
    overflow: hidden;    
    text-align: center;
    /*background-color: green;*/
    }
    
.row_max_width .col_index_main {width: 78%; padding: 50px 0 150px 0; display: inline-block; margin-left: 0px;}
.row_max_width .col_whoweare_main {width: 78%; padding: 50px 0 150px 0; display: inline-block; margin-left: 0px;}
.row_max_width .col_loveyourtooth_main {width: 78%; padding: 50px 0 150px 0; display: inline-block; margin-left: 0px;}
.row_max_width .col_symptoms_main {width: 78%; padding: 50px 0 150px 0; display: inline-block; margin-left: 0px;}
.row_max_width .col_toothpain_main {width: 78%; padding: 50px 0 150px 0; display: inline-block; margin-left: 0px;}
.row_max_width .col_treatment_main {width: 78%; padding: 50px 0 150px 0; display: inline-block; margin-left: 0px;}
.row_max_width .col_ashortguide_main {width: 78%; padding: 50px 0 150px 0; display: inline-block; margin-left: 0px;}
.row_max_width .col_otherprocedures_main {width: 78%; padding: 50px 0 150px 0; display: inline-block; margin-left: 0px;}
.row_max_width .col_aboutus_main {width: 78%; padding: 50px 0 150px 0; display: inline-block; margin-left: 0px;}
.row_max_width .col_findanendodontist_main {width: 78%; padding: 50px 0 150px 0; display: inline-block; margin-left: 0px;}






.row_max_width .col_1a {width: 5%; float: left; height: 50px; padding: 0;}
.row_max_width .col_1b {width: 100%; float: left; padding: 0;}
.row_max_width .col_1c {width: 5%; float: left; height: 50px; padding: 0;}

.row_max_width .col_1d {width: 20%; float: left; height: 50px; padding: 0;}
.row_max_width .col_1e {width: 60%; float: left; padding: 0;}
.row_max_width .col_1f {width: 20%; float: left; height: 50px; padding: 0;}


/*a short guide*/
.row_max_width .col_2a {width: 0%; float: left; height: 50px; padding: 0;}
.row_max_width .col_2b_1 {width: 47.5%; float: left; padding: 0 0 0 0; margin-left: 0.5%;}
.row_max_width .col_2b_2 {width: 47.5%; float: left; padding: 0 0 0 0; margin-left: 4.5%;}
.row_max_width .col_2c {width: 0%; float: left; height: 50px; padding: 0;}

.row_max_width .col_2d_1 {width: 20%; float: left; margin: 0 auto; padding: 0 2.5% 0 0;}
.row_max_width .col_2d_2 {width: 20%; float: left; margin: 0 auto; padding: 0 2.5%;}
.row_max_width .col_2d_3 {width: 20%; float: left; margin: 0 auto; padding: 0 2.5%;}
.row_max_width .col_2d_4 {width: 20%; float: left; margin: 0 auto; padding: 0 2.5%;}




.row_max_width .col_3a {width: 32.5%; float: left; padding: 0; margin-left: 5%; text-align: center;}
.row_max_width .col_3b {width: 22%; float: left; padding: 0; margin: 27px 4.5% 0px 3%; text-align: center;}
.row_max_width .col_3c {width: 28%; float: left; padding: 0; margin-right: 0%; text-align: center;}

.row_max_width .col_3d {width: 22%; float: left; padding: 0; margin-left: 11%; text-align: center;}
.row_max_width .col_3e {width: 32%; float: left; padding: 0; margin: 0px 2.5% 0px 3% ; text-align: center;}
.row_max_width .col_3f {width: 22%; float: left; padding: 0; margin-right: 0%; text-align: center;}

.row_max_width .col_4a {width: 33.5%; float: left; padding: 0; margin-left: 7%; text-align: center;}
.row_max_width .col_4b {width: 46%; float: left; padding: 0; margin: 27px 0% 0px 5%; text-align: center;}

.row_max_width .col_4d {width: 26%; float: left; padding: 0; margin: 19px 0px 0px 8%; text-align: center;}
.row_max_width .col_4e {width: 26%; float: left; padding: 0; margin: 0px 2% 0px 1%; text-align: center;}
.row_max_width .col_4f {width: 26%; float: left; padding: 0; margin: 3px 8% 0px 0px; text-align: center;}

.row_max_width .col_5a {width: 20%; float: left; padding: 0; margin: 15px 0% 0% 15%; text-align: left;}
.row_max_width .col_5b {width: 22%; float: left; padding: 0; margin: 0px 3% 0% 6%; text-align: center;}
.row_max_width .col_5c {width: 20%; float: left; padding: 0; margin: 0px 0% 0% 0%; text-align: left;}

.row_max_width .col_6a {width: 32.5%; float: left; padding: 0; margin-left: 0%; text-align: left;}
.row_max_width .col_6b {width: 60%; float: left; padding: 0; margin: 27px 0% 0px 5%; text-align: center;}

.row_max_width .row_6b_a {width: 100%;}
.row_max_width .row_6b_b {width: 100%;}

.row_max_width .cell_6a {float: left; margin: 0% 0% 0% 0%; width: 31%; padding: 0;}
.row_max_width .cell_6b {float: left; margin: 0% 3.5% 0% 3.5%; width: 31%; padding: 0;}
.row_max_width .cell_6c {float: left; margin: 0% 0% 0% 0%; width: 31%; padding: 0;}
.row_max_width .cell_6d {float: left; margin: 70px 0% 0% 0%; width: 53%; padding: 0;}
.row_max_width .cell_6e {float: left; margin: 0% 0% 0% 0%; width: 47%; padding: 0;}

.row_max_width .col_7a {width: 43%; float: left; padding: 0; margin-left: 4%; text-align: center;}
.row_max_width .col_7b {width: 46%; float: left; padding: 0; margin: 27px 0% 0px 1%; text-align: center;}

.row_max_width .cell_7a {float: left; margin: 80px 1% 0% 10%; width: 44.5%; padding: 0;}
.row_max_width .cell_7b {float: left; margin: 0% 0% 0% 0%; width: 44.5%; padding: 0;}

.row_max_width .col_8a {margin: 0% 0% 0% 28%; width: 64%; padding: 0;}

.row_max_width .col_9a {margin: 0% auto 0% auto; width: 71%; padding: 0;}

.row_max_width .col_10a {width: 35.5%; float: left; padding: 0; margin-left: 10.5%; text-align: center;}
.row_max_width .col_10b {width: 32%; float: left; padding: 0 0 180px 0; margin: 27px 13.5% 0px 8%; text-align: left;}

.row_max_width .col_11a {margin: 0% auto; width: 79.5%; padding: 0;}

.row_max_width .col_12a {width: 45.5%; float: left; padding: 0; margin-left: 4%; text-align: center;}
.row_max_width .col_12b {width: 40%; float: left; padding: 0; margin: 27px 0% 100px 3.5%; text-align: left;}

.row_max_width .row_12a {width: 75%;}

.row_max_width .cell_12a {float: left; margin: 15px 0% 0% 0%; width: 14%; padding: 0;}
.row_max_width .cell_12b {float: left; margin: 15px 0% 0% 2%; width: 80%; padding: 0;}
.row_max_width .cell_12b p {margin: 0; padding: 0;}

.row_max_width .col_13a {margin: 0% auto 0% auto; width: 76%; padding: 0;}

/*find an endodontist*/
.row_max_width .col_14a {width: 28%; float: left; padding: 0 2% 0 0; margin: 0% 3% 100px 0%; text-align: left; background: url(../images/findanendodontist/bar.jpg) no-repeat top right;}
.row_max_width .col_14a p {font-size: 19px; line-height: 26px; color: #000; margin: 0px; padding: 0px;}

.row_max_width .col_14a .name {line-height: 40px; font-family: "proxima-nova",sans-serif; font-weight: bold; font-size: 21px;}

.row_max_width .col_14a .city {font-family: "proxima-nova",sans-serif; font-weight: bold; font-size: 32px; text-transform: uppercase;}
.row_max_width .col_14a .address {display: block; margin: 10px 0 0 0;}
.row_max_width .col_14a .contact {display: block; margin: 0px 0 0 0;}
.row_max_width .col_14a .website {display: block; margin: 0px 0 0 0;}

.row_max_width .col_14a strong {color: #28abab;}

.row_max_width .col_14a a {color: #000; font-size: 19px; line-height: 26px;}
.row_max_width .col_14a .address a {text-decoration: none;}

.row_max_width .col_14a a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    }

.row_max_width .col_14b ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
}

.row_max_width .col_14b li {
    display: inline;
    margin: 0;
    padding: 0;    
}

.row_max_width .col_14b a {
    font-family: "proxima-nova",sans-serif; font-weight: bold; font-size: 48px; text-transform: uppercase; text-decoration: none; color: #000;
    }
    
.row_max_width .col_14b a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    }

.row_max_width img {
    width: 100%;
    }
    
.row_offset_0 {
    position: relative;    
    }

.row_offset_1 {
    position: relative;
    margin-top: -100px;
    z-index: 1;
    }
    
.row_offset_2 {
    position: relative;
    margin-top: -140px;
    z-index: 2;
    }
    
.row_offset_3 {
    position: relative;
    margin-top: -120px;
    z-index: 3;    
    }
    
.row_offset_slope {
    position: relative;
    margin-top: -380px;
    z-index: 3;    
    }




/*********************************************************************************************************Footer**/

.footer_max_width {
    min-width: 900px;
    max-width: 1540px;    
    margin: 0 auto;
    padding: 0 50px 200px 50px;
    
    }

.footer .col_a {
    float: left;
    margin-top: 50px;
    margin-left: 0%;
    width: 260px;
    
    }

.footer .col_b {
    margin-top: 50px;
    float: left;
    width: 215px;
    }

.footer .col_c {
    float: left;
    margin-top: 50px;
    width: 225px;
    }
    
.footer .col_d {
    float: right;
    width: 200px;
    text-align: right;
    margin-top: 50px;    
    }
    
.footer .col_e {
    margin: 20px 0px 0px 260px;    
    }
    
    
.footer ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    }

.footer li {
    padding: 4px 0px;
    margin: 0px;
    }

.copyright p {
    text-align: left;
    color: #000;
    font-size: 19px;
    margin: 50px 0px 0px 0px;
    }
    
.footer a {
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    color: #000;
    font-weight: 800;
    text-decoration: none;
    line-height: 0px;
}

.footer a.cyan {
    color: #35abaa;
}

.footer a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.footer .active {
    color: #b5b5b5;
}

.footer a.next_page {
    font-family: "proxima-nova",sans-serif;
    font-size: 38px;
    color: #000;
    font-weight: 800;
    text-decoration: none;
    line-height: 38px;    
}

.arrow_1 {
    float: left;    
    width: 180px;
}

.arrow_2 {
    float: left;
    width: 20px;
}







/*********************************************************************************************************Backgrounds**/

.bg_gradient {
   background: url(../images/backgrounds/bg_gradient.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.bg_cyan {
   background: url(../images/backgrounds/bg_cyan.png) no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_cyan_fill {
    background-color: #28aaab;
}

.bg_cyan_solid {
   background: url(../images/backgrounds/bg_cyan_solid.png) no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_blue {
   background: url(../images/backgrounds/bg_blue.png) no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_blue_slope {
   background: url(../images/backgrounds/bg_blue_slope.png) no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_therootcanal {
   background: url(../images/whoweare/bg_therootcanal.png) no-repeat center bottom; 
  background-size: 100% auto;
}

.bg_offwhite {
   background: url(../images/backgrounds/bg_offwhite.png) no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_offwhite_slope {
   background: url(../images/backgrounds/bg_offwhite_slope.png) no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_mouth {
   background: url(../images/backgrounds/bg_mouth.png) no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
    
.bg_dayindayout {
   background: url(../images/backgrounds/bg_dayindayout.png) no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}