@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; }
body { background: #FFFFFF url(../images/bgfade.gif) repeat-x center 224px; color: #333; font: 12px Arial, Helvetica, sans-serif; height: 100%; }
h1 { font-size: 24px; }
p { padding-top: 10px; padding-bottom: 10px; margin: 0px; }
img { border: 0; font-size: 0; }
ul, ol{ margin-left: 20px; }

ol li{ margin-bottom: 20px; }
ol li:first-child {margin-top:10px;}
ol li ul { margin-top: 20px; }

a, a:visited { color: #00582a; text-decoration: none; }
a:hover, a:active { color: #5dafd9; }
.clearboth { font-size: 1px; margin: 0px; padding: 0px; clear: both; }
h1, h2 { color: #053c4b; font-family: 'Lato', arial, "serif;"; }

#wrapper { margin-right: auto; margin-left: auto; width: 954px; }

.threecol, 
.twocol { float: left; text-align: left; line-height: 18px; height: auto; }
.threecol { width: 298px; padding-right: 10px; padding-left: 10px; }
.twocol { width: 616px; padding-right: 10px; padding-left: 10px; }
.onecol { width: 874px; text-align: left; line-height: 18px; padding: 20px 40px; }
.blue{ color: #053c4b; }
.r10{ padding-right:10px;}
.l10{ padding-left:10px;}
.b10{ margin-bottom:10px;}
.t20{ margin-top:20px;}
.center {text-align:center}

/* HEADER */
#header{ height: 224px; text-align: left; background: url(../images/header.jpg) no-repeat center; }
#headeraddy{ text-indent: -9999px; }

/*	MAIN NAVIGATION	 */
#mainnavcontainer{ margin: 0px; padding: 0px 6px; height: 42px; width: 942px; position: relative; }

#mainnav { margin: 0px; padding: 0px; }
#mainnav ul { margin: 0; padding: 0; list-style-type: none; }
#mainnav li { float: left; margin: 0; list-style-type: none; text-align: left; }
#mainnav li a { color: #333333; font-size: 14px; text-decoration: none; text-align: center; width: 100%; height: 42px; display: block; cursor:pointer; }
#mainnav li#tmj { width: 307px; background: url(../images/menu-tmj.png)  no-repeat left top; border: none; }
#mainnav li#home a{ width: 98px; background: url(../images/menu-home.png) no-repeat left top; text-indent: -9999px; }
#mainnav li#home a:hover { width: 98px; background: url(../images/menu-home.png) no-repeat left -42px; height: 42px; }
#mainnav li#about a{ width: 217px; background: url(../images/menu-about.png)  no-repeat left top;  text-indent: -9999px; }
#mainnav li#about a:hover { width: 217px; background: url(../images/menu-about.png) no-repeat left -42px; height: 42px; }
#mainnav li.divider { width: 1px; height: 42px; border-style: none; }

/* second-level lists */
#mainnav li ul { position: absolute; width: 300px; left: -999em; text-align: left; padding:0px; cursor:pointer; margin: 0px; top: 0px;  }
#mainnav li ul li#tmjRoll a { width: 307px; height: 37px; background: url(../images/menu-tmj.png) no-repeat left -42px; padding: 0px; border: none; text-indent: -9999px; }
#mainnav li ul li { padding: 0px; }
#mainnav li ul li a { width: 293px; font-size: 12px; text-align: left; text-decoration: none; color: #dde9de; line-height: normal; padding: 6px; height: auto; background: url(../images/menubg.png) repeat left 0px; margin: 0px; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; font-weight: bold; text-indent: 0px; }
#mainnav li ul li a:hover { text-decoration: none; cursor:pointer; background: #013914; color: #FFFFFF; }
ul#mainnav li ul li.top a { border-top: 1px solid #ffffff; }
ul#mainnav li ul li.top a:hover {  }
ul#mainnav li ul li.bottom a {  }
#mainnav li:hover ul, #mainnav li.sfhover ul { left: auto; }
#mainnavcontainer:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }



/* CONTENT */
#contentwrapper{ text-align: center; padding-top: 10px; padding-bottom: 10px; background: url(../images/contentbg.png) no-repeat center top; margin-top: 6px; }
.homecopy { padding: 20px 10px 20px 30px; }
.copy { padding: 20px 30px 20px 10px; }
.callnow { color: #053c4b; text-align: center; padding-bottom: 0px; font: bold 20px/24px 'Lato', arial, serif; }
.phone { font-size: 36px; font-weight: 900; }
.homephone { font-size: 36px; font-weight: 900; text-align: center; padding-top: 15px; line-height: 36px; }
h1.title { color: #053c4b; padding-bottom: 10px; font: bold 28px/30px 'Lato', arial, serif; padding-top: 10px; background: url(../images/bluesq.png) no-repeat left center; padding-left: 30px; text-shadow: 1px 1px 1px #fff;}
h1.introtitle { color: #053c4b; padding-bottom: 10px; font: bold 18px/25px 'Lato', arial, serif; text-align: center; }
h1.subtitle { color: #053c4b; padding-bottom: 10px; font: normal 19px 'Lato', arial, serif; padding-top: 10px; background: url(../images/bluesq-sm.png) no-repeat left center; padding-left: 22px; }
h2.subtitle { color: #053c4b; font: normal 16px 'Lato', arial, serif; padding: 10px 0; }
h2.subtitlename { color: #053c4b; font: normal 22px 'Lato', arial, serif; padding: 0px 0px 5px 0px; }
h2.qa { color: #053c4b; padding-bottom: 0px; font: bold 18px 'Lato', arial, serif; padding-top: 10px; }
.photoright{ padding-bottom: 15px; padding-left: 15px; }
.brochurehome{ margin-top:15px; }
.dividerLine { background: url(../images/dottedline.gif) repeat-x center; height: 30px; font-size: 0px; line-height: 0px; }
.homedividerLine { background: url(../images/dottedline.gif) repeat-x center; height: 40px; margin-bottom:0px; font-size: 0px; line-height: 0px; }
.linklist{ list-style: none; margin: 10px 0px 10px 20px; padding: 0px; font-size: 13px; }
.linklist li{ padding-top: 2px; padding-bottom: 2px; }

.boxfloatL{ float: left; width: 288px; text-align:center; }
.boxfloatR{ float: right; width: 288px; text-align:center; }

.colboxes {padding: 15px 20px 0 0;}
.colboxfloatL{ float: left; width: 130px; text-align:left; }
.colboxfloatR{ float: right; width: 146px; text-align:right; }

.listTitle{ font-weight: bold; padding: 5px 0 5px; margin: 0px; }
.conditionsList { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 15px; }

.stepsdivider{ height: 1px; margin-top: 8px; margin-bottom: 8px; background-image: url(../images/dottedline.gif); background-repeat: repeat-x; background-position: center; }

#sm{ text-indent: -9999px; height: 1px; }


ul.symptomList { list-style: none; width: 556px; margin: 5px 0 10px 20px; font-size: 14px; font-weight: bold; }
ul.symptomList li { padding: 3px 0 3px 15px; color: #053c4b; background: url(../images/submenubullet.png) no-repeat left center; }
ul.symptomList li:last-child { padding: 3px 0 0 15px; }



/* PAGE SUBMENUS */
#submenuTMJ a, #submenuHOME a { text-indent: -9999px; height: 35px; width: 278px; display: block; }
#submenuTMJ, #submenuHOME { margin-top: 30px; background: url(../images/submenutop.png) no-repeat center top; width: 278px;}
#submenuTMJ { margin-left: 20px; }



#submenu, #submenu2 { width: 276px; padding: 0px; font-size: 11px; line-height: normal; font-weight: bold; border-top: 1px solid #e4ede4; border-right: 1px solid #a5c2ae; border-bottom: 1px solid #e4ede4; border-left: 1px solid #a5c2ae; }
#submenu { margin-left: 20px; }

#submenu ul, #submenu2 ul { width: 268px; list-style: none; margin: 0px; padding: 0px; }
#submenu li, #submenu2 li { margin: 0px; padding: 0px; }
#submenu li a, #submenu2 li a { width: 244px; display: block; color: #053c4b; border-bottom: 1px solid #e4ede4; background: url(../images/submenubullet.png) no-repeat 8px center; }
#submenu li a { padding: 8px 8px 8px 24px; }
#submenu2 li a { padding: 6px 8px 6px 24px; }

#submenu li a:hover, #submenu2 li a:hover { color: #fff; background: #79a286 url(../images/submenubullet.png) no-repeat 8px center; }
#submenu li.last a, #submenu2 li.last a { border: 0px; }
.submenubottom, .submenubottom2 { border: 0px; background: url(../images/submenubottom.png) no-repeat center bottom; padding: 0px; height: 16px; width: 278px; }
.submenubottom { margin: 0px 0px 0px 20px; }
.pagephoto{ padding-left: 20px; padding-bottom: 20px; }

.brochure{ text-align: center; padding: 0px; margin-left: 20px; margin-top: 20px; }


/* TESTIMONIALS/QUOTES */
.leftQuote { padding: 6px 0px 0px 34px; margin-top: 20px; background: url(../images/quote1.png) no-repeat left top; margin-left: 20px; }
.rightQuote { padding-right: 34px; background-position: right bottom; background-repeat: no-repeat; background-image: url(../images/quote2.png); padding-bottom: 6px; padding-top: 0px; color: #053c4b; font-size: 14px; line-height: 20px; }
.quotename { padding-left: 66px; padding-top: 6px; color: #053c4b; padding-bottom: 10px; font: 14px/14px 'Lato', arial, serif; }
.drnote { padding: 6px 0px 0px 34px; font-size: 11px; font-weight: bold; font-style: italic; line-height: normal; }

.twocol .leftQuote { padding: 6px 0px 0px 34px; margin: 20px 0 0 0; background: url(../images/quote1.png) no-repeat left top; }
.twocol .rightQuote { padding-right: 34px; background-position: right bottom; background-repeat: no-repeat; background-image: url(../images/quote2.png); padding-bottom: 6px; padding-top: 0px; font-size: 12px; line-height: 16px; }
.twocol .rightQuote p {padding: 5px 0 5px 0; margin: 0;}
.twocol .quotename { padding-left: 66px; padding-top: 6px; color: #053c4b; padding-bottom: 10px; font: 14px/14px 'Lato', arial, serif; }

.response { color: #053c4b; font-style: italic; padding-top: 10px; padding-left: 34px; }


/* FOOTER */
#footerwrapper { text-align: center; background: url(../images/footer-sides.png) repeat-y center top; padding: 0px; margin: 0px; }
#footertop{ background: url(../images/footer-top.png) no-repeat center top; padding: 20px 0px; }
#footerbottom{ background: url(../images/footer-bottom.png) no-repeat center bottom; margin: 0px; padding: 0px; }
#footerwrapper .dividerLine { background: url(../images/dottedline-gn.gif) repeat-x center; height: 34px; font-size: 0px; line-height: 0px; }
#footerwrapper .dividerLine2 { background: url(../images/dottedline-gn.gif) repeat-x center; height: 16px; font-size: 0px; line-height: 0px; }

.threecol .location{ color: #fff; font-size: 13px; text-align: center; line-height: normal; }
.threecol .location a{ color: #fff; }
.threecol .location a:hover{ color: #d6e5ee; }
.threecol .location h1{ padding-top: 0px; padding-bottom: 6px; color: #c7eafc; font: 27px 'Lato', arial, serif; text-shadow: 1px 1px 1px #053c4b;}

.threecol .call { color: #fff; font: 22px/normal 'Lato', arial, serif; text-align: center; padding-left: 10px; padding-top: 0px; text-shadow: 2px 2px 2px #053c4b;}

.footernav { color: #999999; font-size: 12px; padding: 5px 0 20px 0; text-align: center; }
.copyright { padding-top: 4px; text-align: center; padding-bottom: 20px; }
img.logo { padding-top: 0px; padding-bottom: 5px; }

#footertowns{ padding: 10px 0px; color: #666666; line-height: normal; text-align: center; }
.h1towns { margin-top: 5px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 15px; padding-bottom: 0px; }

.footersm{ font-size: 13px; line-height: 1.3em; padding: 0px; margin: 0px; color: #FFFFFF; font-weight: normal; letter-spacing:.03em;}
.footerphone{ color: #fff; font-size: 15px; font-weight: bold; }
.bline{font-size: 14px; line-height: 1.3em; padding: 0px; margin: 0px; color: #FFFFFF; font-weight: normal;}

.articlebox{
	width:166px;
	display:block;
	float:left;
	min-height:188px;
	margin-left:20px;	
	border: 1px solid #F4F4F4;
	padding:5px;
	background-image: url(../images/pdficon.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	margin-bottom:20px; transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}


.articlebox:hover{
	background-color: #F4F4F4;
	border: 1px solid #E4E4E4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
.articlebox h3{
	color:#333;
	font-size: 12px !important;
	font-weight: normal;
}
.articlebox h3:hover{color:#000000}

.articlebox img{margin-bottom:6px;border: 1px solid #F4F4F4;

}