*	{ outline: none; box-sizing: border-box;}

p, html, body, div, ul, li {padding: 0; margin: 0;}
a	{ color: #8ec7f1;}
a img	{ border: none; outline: none;}

body {font-family: Helvetica, Arial; font-size: 12px; background-color: #bee1f8; color: #43565e;}


@font-face {
	font-family: 'BankGothic';
	src: url('../type/Bank_Gothic_Medium_BT.eot');
	src: local('BankGothic Md BT Medium'), local('BankGothicBT-Medium'), url('../type/Bank_Gothic_Medium_BT.woff') format('woff'), url('../type/Bank_Gothic_Medium_BT.ttf') format('truetype');
}

.vertAlign {position: relative; height: 100%;}
.vertAlign > div {display: table; height: 100%; width: 100%; table-layout: fixed;}
.vertAlign > div > div {display: table-cell; vertical-align: middle; height: 100%; width: 100%;}

.hide{display: none;}
#header {background: url(../images/top-bg.jpg) top left repeat-x; display: block; width: 100%; min-height: 86px;}
#innerHeader{width: 96%; margin: 0 auto; overflow: auto; height: 86px;}
#header .head-right-container {text-align: right;}
#header .head-right-container .basic-info {color: #8ec7f1; padding: 0px 0px 5px 0px; display: block;}
.mobileContainer ul li a{ background-color: #5C839E;  width: 100%; text-align: center; padding: 15px 0; color: #fff; font-size: 18px; display: block; text-decoration: none; border-bottom: 1px solid #fff; transition: all 0.3s;}
.mobileContainer ul li a:hover{background-color: #fff; color: #5c839e}
.mobileContainer ul li:last-child a{border-bottom: 0px;}
#main-navigation {display: block; list-style: none; font-family: Bankgothic, arial, helvetica; font-size: 14px;}
#main-navigation li {float: right; padding: 0px 10px; border-left: 1px solid #000000;}
#main-navigation li a	{ color: #43565e; text-decoration: none;} 
#main-navigation li a:hover	{ color: #8ec7f1;} 
#main-navigation .last {border-left: none;}

#home-content	{ display: block; overflow: hidden;}

#content { display: block; min-width: 1030px; _height: 546px; min-height: 546px; background: #fff url(../images/content-bg.jpg) top left no-repeat; padding: 50px 0 0; overflow: auto;}
#content p, #home-content p	{ line-height: 20px; margin: 0 0 15px 0; color: #43565e;}
#content h3, h1	{ margin: 0 0 15px 0;; color: #43565e;}
#content h4	{ margin: 0; color: #43565e;}
h1 {text-align: center;}
table td {vertical-align: top;}
.odd ul {margin-left:20px;}
.odd ul li {line-height: 1.5;} 

.scale-bg-1 {background: url(../images/home-bg2.jpg) top right no-repeat #FFFFFF; min-height: 546px;}
.content-area { position: relative; min-width: 517px; float: left;}
.content-area .copy {width: 560px; color: #43565e; margin-top: -40px;}
.content-area p {padding-left: 60px; line-height: 18px; margin: 0 0 15px 0;}
.content-area .header {width: 417px; padding-left: 60px; font-size: 19px; display: block; margin-bottom: 8px;}

.page-img	{ _height: 546px; min-height: 546px; background: url(../images/subpage-bg1.jpg) no-repeat right 100px;}
.page-img2	{ _height: 546px; min-height: 546px; background: url(../images/subpage-bg2.jpg) no-repeat right 100px;}
.page-img3	{ _height: 546px; min-height: 546px; background: url(../images/subpage-bg3.jpg) no-repeat right 100px;}
.page-img4	{ _height: 546px; min-height: 546px; background: url(../images/subpage-bg4.jpg) no-repeat right 50px;}
.page-img5	{ _height: 546px; min-height: 546px; background: url(../images/subpage-bg5.jpg) no-repeat right 100px;}
.page-img6	{ _height: 546px; min-height: 546px; background: url(../images/subpage-bg6.jpg) no-repeat right 100px;}


#left	{ float: left; width: 246px;}
blockquote	{ color: #8ec7f1; font-size: 16px; line-height: 24px; font-weight: bold; font-style: italic; margin: 0 5px 10px 0;}
.quote-in	{ background: url(../images/quote-in.png) no-repeat; display: inline-block; height: 18px; width: 25px; position: relative; top: -5px;}
.quote-out	{ background: url(../images/quote-out.png) no-repeat; display: inline-block; height: 18px; width: 25px;position: relative; bottom: -5px;}
.source	{margin: 0 20px 25px 0; display: block; text-align: right; color: #8ec7f1;}


#main-content	{ min-width: 400px; max-width: 1200px; margin: 0 250px 0 275px;}
h2.page-title	{ color: #8ec7f1; padding: 0 0 10px 0; border-bottom: 2px solid #8ec7f1; margin: 0 0 20px 0; font-family: Bankgothic, arial, helvetica; font-size: 36px; text-transform: lowercase;}

/*#procedures	{ background-position: 0 0;}
#faqs	{ background-position: 0 -46px;}
#links	{ background-position: 0 -137px;}
#our-practice	{ background-position: 0 -91px;}
#request	{ background-position: 0 -184px;}
#contact	{ background-position: 0 -229px;}*/

#download-forms-btn	{width: 150px; height: 50px; background: url(../images/btn-download.png) no-repeat center top; text-indent: -9999px; display: block; float: left; margin: 0 15px 0 0;}
#download-forms-btn:hover	{ background-position: center 100%;}
#request-btn, .request-btn	{width: 150px; height: 50px; background: url(../images/btn-request.png) no-repeat center top; text-indent: -9999px; display: block; float: left; margin: 0 15px 0 0;}
#request-btn:hover, .request-btn:hover 	{ background-position: center 100%;}
.request-btn.year { background: url(../images/yearly.png) no-repeat center top;margin-bottom: 15px;}
.request-btn.month { background: url(../images/monthly.png) no-repeat center top;}
.request-btn.ask { background: url(../images/ask.png) no-repeat center bottom;}
.request-btn.ask:hover { background: url(../images/ask.png) no-repeat center top;}
.request-btn.plan { background: url(../images/plan.png) no-repeat center bottom;}
.request-btn.plan:hover { background: url(../images/plan.png) no-repeat center top;}
/*

#scroll-container	{ height: 400px; overflow: auto; margin: 0 0 20px 0;}
.section	{ min-height: 400px;}

*/


#footer {background: url(../images/footer.jpg) top left repeat-x; min-height: 168px; font-size: 15px; clear: both; width: 100%;}
#innerFooter {width: 96%; margin: 0 auto; height: 168px;}
#footer a { text-decoration: underline; color: #43565e;}
#footer p { color: #43565e;}
#footer .affiliate-logos { text-align: right; }
#footer .affiliate-logos li	{ display: inline;}
#footer .affiliate-logos a img {margin: 0; border: none;}

.trans-white	{ background-color: #fff; opacity: .7; padding: 0 10px 0 0;}
.margin	{ margin: 0 4%;}
.boldital	{ font-style: italic; font-weight: bold;}
#tooth-list	{ list-style: none; margin: 0 0 25px 0;}
#tooth-list li	{ background: url(../images/tooth-bullet.png) center left no-repeat; padding: 3px 0 3px 20px; margin: 0 0 8px 0;}
#tooth-list a	{ color: #43565e ; font-weight: bold; text-decoration: none;}
#tooth-list a:hover	{ color: #8ec7f1;}

.clear	{ clear: both;}
#content .column	{ float: left; width: 300px; margin: 0 20px 10px 0; line-height: 16px;}
#content .column a	{ text-decoration: none; color: #8ec7f1;}
.question	{ display: block; padding: 0 0 0 30px; background: url(../images/q.png) no-repeat left top ; margin: 0; font-weight: bold; color: #8ec7f1; cursor: pointer; height: 25px;}
.answer	{ display: block; padding: 0 0 0 30px; background: url(../images/a.png) no-repeat left top; margin: 0 0 0 30px;}
.links	{ list-style: none;}
.links li	{ background: url(../images/tooth-bullet.png) center left no-repeat; padding: 3px 0 3px 20px; margin: 0 0 8px 0;}
.links a	{ color: #43565e ; font-weight: bold; text-decoration: none;}
.links a:hover	{ color: #8ec7f1;}


#content form	{ width: 550px; color: #43565e;}
#content form p	{ margin: 0 16px 11px 0;}
.captcha	{ height: 22px;}

.locationInfo{padding: 15px;}
.locationInfo div:first-child{margin-bottom: 10px;}

.last-col, .last-col-wrap {
  padding-right: 0 !important; }

.mobileMenu, .mobileMenu ul{display: none;}

.mtd img{ margin-right: 20px; margin-bottom: 20px; max-width: 100%;}
/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@media (max-width: 767px) {

  .m-hide, #FlashID{display: none !important;}
  .introText{display: block !important; height: 172px; background: url(../images/smile.jpg) no-repeat top left; background-size: contain;}
  .mobileMenu{display: block; padding-right: 20px;}
  .mobile-center-text{text-align: center !important;}

  #innerFooter div {max-width: 380px; margin: 0 auto;}
  .footerSection{height: 100px !important; padding: 20px 0;}

  #content{width: 100%; min-width: 1px;}
  #main-content{margin: 20px 0; min-width: 280px;}
  .content-area { position: relative; width: 100%; min-width: 1px; float: left;}
  .content-area a{margin: 0px;}
  .content-area .copy {color: #43565e; margin-top: 0px; width: 100%;}
  .content-area p{padding-left: 0;}
  .homeBtns{max-width: 325px; margin: 0 auto !important;}
  .content-area .trans-white p{padding: 20px;}
  .content-area .trans-white .header{  max-width: 417px; padding-left: 20px; font-size: 16px; display: block; margin-bottom: 0px;}
  .content-area .trans-white h2{padding: 20px 20px 0 20px;}
  .homeBtns{margin: 0;}
  .homeBtns a, #download-forms-btn, #request-btn{margin: 5px;}

  #content form{width: 100%;}

  #left{float: none; margin: 0 auto;}

  div[class^="page-img"]{background: none;}

  .mtd img{display: block; max-width: 100%; margin: 0px auto 20px auto;}

  .copyright{display: block; margin-bottom: 10px; padding-bottom: 10px;}

  .m-all, .m-all-wrap {
    float: left;
    padding-right: 1.75em;
    width: 100%;
    padding-right: 0; }

  .m-1of2 {
    float: left;
    padding-right: 1.75em;
    width: 50%; }

  .m-1of3 {
    float: left;
    padding-right: 1.75em;
    width: 33.33%; }

  .m-2of3 {
    float: left;
    padding-right: 1.75em;
    width: 66.66%; }

  .m-1of4 {
    float: left;
    padding-right: 1.75em;
    width: 25%; }

  .m-3of4 {
    float: left;
    padding-right: 1.75em;
    width: 75%; } }
/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1029px) {

  .t-hide{display: none !important;}
  .mobileMenu{display: block;}
  .tablet-center-text{text-align: center !important;}
  #innerFooter div {max-width: 380px; margin: 0 auto;}
  .footerSection{height: 100px !important; padding: 20px 0;}

  #content{width: 100%; min-width: 1px;}
  #main-content{margin: 20px 0;}

  #content form{width: 100%;}

  div[class^="page-img"]{background: none;}

  .mtd img{display: block; max-width: 100%; margin: 0px auto 20px auto;}

  .copyright{display: block; margin-bottom: 10px; border-bottom: 1px solid #fff; padding-bottom: 10px;}

  .t-all {
    float: left;
    padding-right: 1.75em;
    width: 100%;
    padding-right: 0; }

  .t-1of2, .t-1of2-wrap {
    float: left;
    padding-right: 1.75em;
    width: 50%; }

  .frame .t-1of2:nth-child(2n+1) {
    clear: both; }

  .t-1of3 {
    float: left;
    padding-right: 1.75em;
    width: 33.33%; }

  .t-2of3 {
    float: left;
    padding-right: 1.75em;
    width: 66.66%; }

  .t-1of4 {
    float: left;
    padding-right: 1.75em;
    width: 25%; }

  .t-3of4 {
    float: left;
    padding-right: 1.75em;
    width: 75%; }

  .t-1of5 {
    float: left;
    padding-right: 1.75em;
    width: 20%; }

  .t-2of5 {
    float: left;
    padding-right: 1.75em;
    width: 40%; }

  .t-3of5 {
    float: left;
    padding-right: 1.75em;
    width: 60%; }

  .t-4of5 {
    float: left;
    padding-right: 1.75em;
    width: 80%; } }
/* Landscape to small desktop */
@media (min-width: 1030px) {

  .mobileContainer{display: none !important;}
  .d-all {
    float: left;
    padding-right: 1.75em;
    width: 100%;
    padding-right: 0; }

  .d-1of2, .d-1of2-wrap {
    float: left;
    padding-right: 1.75em;
    width: 50%; }

  .frame .d-1of2:nth-child(2n+1) {
    clear: both; }

  .d-1of3 {
    float: left;
    padding-right: 1.75em;
    width: 33.33%; }

  .d-2of3 {
    float: left;
    padding-right: 1.75em;
    width: 66.66%; }

  .d-1of4 {
    float: left;
    padding-right: 1.75em;
    width: 25%; }

  .d-3of4 {
    float: left;
    padding-right: 1.75em;
    width: 75%; }

  .d-1of5 {
    float: left;
    padding-right: 1.75em;
    width: 20%; }

  .d-2of5 {
    float: left;
    padding-right: 1.75em;
    width: 40%; }

  .d-3of5 {
    float: left;
    padding-right: 1.75em;
    width: 60%; }

  .d-4of5 {
    float: left;
    padding-right: 1.75em;
    width: 80%; }

  .d-1of6 {
    float: left;
    padding-right: 1.75em;
    width: 16.6666666667%; }

  .d-1of7 {
    float: left;
    padding-right: 1.75em;
    width: 14.2857142857%; }

  .d-2of7 {
    float: left;
    padding-right: 1.75em;
    width: 28.5714286%; }

  .d-3of7 {
    float: left;
    padding-right: 1.75em;
    width: 42.8571429%; }

  .d-4of7 {
    float: left;
    padding-right: 1.75em;
    width: 57.1428572%; }

  .d-5of7 {
    float: left;
    padding-right: 1.75em;
    width: 71.4285715%; }

  .d-6of7 {
    float: left;
    padding-right: 1.75em;
    width: 85.7142857%; }

  .d-1of8 {
    float: left;
    padding-right: 1.75em;
    width: 12.5%; }

  .d-1of9 {
    float: left;
    padding-right: 1.75em;
    width: 11.1111111111%; }

  .d-1of10 {
    float: left;
    padding-right: 1.75em;
    width: 10%; }

  .d-1of11 {
    float: left;
    padding-right: 1.75em;
    width: 9.09090909091%; }

  .d-1of12 {
    float: left;
    padding-right: 1.75em;
    width: 8.33%; } }