/* PAGE ATTRIBUTES */
body { background-color:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #676767; margin: 0;  padding: 0; text-align: center; }
p, dl { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #193963; text-decoration: none; }
dd, dt {margin:0; padding:0;}
a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #193963; text-decoration: underline; }
a:hover { text-decoration:none; }
a img { border:0; }
strong {color:#364159; }
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #193963; text-decoration: none; margin:0; padding: 15px 0 5px 15px;}

/* CLASSES */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.thumbs-left { margin:2px 8px 0 0; }
.thumbs-right { margin:2px 0 0 8px; }
.hide { display: none; }
.address { color: #364159; margin-left:33px; }
.thumbs { margin: 2px 5px 0 0; }
.header { font-size:16px; font-weight:bold; color: #4F020F; line-height:35px; }
.link {color:#007EE9; text-align:right; text-decoration:none; font-size:11px; font-weight:bold; text-align: right; padding-right:5px;}
.clear { clear:both; margin:0; padding-top:15px; }
.clear-no-pad { clear:both; height:1px; }

/* SKELETON */
#wrap { width: 770px; text-align: left;  margin: 0 auto; }
#wrap-body { background:  url(../images/index/bg-index.gif) repeat-y top left; width:770px; }
#wrap-body:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#top { background: url(../images/index/top.jpg) no-repeat top left; width:770px; padding-top:105px; }
#banner { background: url(../images/index/banner.jpg) no-repeat top left; width: 770px; height:220px;}
#div-horizontal { background: url(../images/index/div-horizontal.gif) no-repeat top left; width:770px; height:30px;}

#column-left { width:221px; float:left;}
#column-left p { padding: 0 5px 3px 25px; color:#fff; font-size:11px; }
#column-left a {color:#fff;}
#column-left a:hover { text-decoration:none; }

#column-left-01 { background: url(../images/index/sub-header-procedurelist.gif) no-repeat top left; width:221px; padding-top:29px; }
#column-left-01 ul { list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 15px 0 5px 0; margin: 0; }
#column-left-01 li { padding: 0px 0px 3px 10px; margin: 0px 0px 0px 25px; background: url(../images/index/bullet.gif) no-repeat top left; line-height: 10px; }
#column-left-01 li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#fff; text-decoration: none; }
#column-left-01 li a:hover { color:#fff; text-decoration: underline; }

#column-left-tmj p   {font-family:Arial, Helvetica, sans-serif; font-size: 1.5em; padding: 15px 0 5px 0; margin-left: 23px; color:#ffffff; }
#column-left-tmj ul { list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding:0px 0px 0px 0px; margin: 0; color:#FFFFFF; }
#column-left-tmj li { padding: 0px 0px 3px 10px; margin: 0px 0px 0px 25px; background: url(../images/index/bullet.gif) no-repeat top left; line-height: 10px; }
#column-left-tmj li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#fff; text-decoration: none; }
#column-left-tmj li a:hover { color:#fff; text-decoration: underline; }

#column-left-02 { background:  url(../images/index/sub-header-treatment.gif) no-repeat top left; width:221px; padding-top:35px; }

#column-right { width: 549px; float:left;}
.column-right2 { width: 400px; float:left;}
.column-right3 { width: 549px; float:left;}
.column-right4 { width: 340px; float:left;}
.column-right p { padding: 0 15px 8px 15px; margin:0; }

#column-right-top { background: url(../images/index/bg-column-right-top.gif) repeat-y top left; width:549px; float:left; }
#column-right-top:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#column-right-top-left { background: url(../images/index/header-welcome.gif) no-repeat top left; width:349px; padding-top:62px; float:left; }
#column-right-top-right { background:  url(../images/index/sub-header-contactus-index.gif) no-repeat top left; width:200px; padding-top:54px; float:left; }

#column-right-bottom { background: url(../images/index/bg-feature-procedure.gif) repeat-y top left; width:549px; float:left; }
#column-right-bottom:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#column-right-bottom-header { background: url(../images/index/header-feature.gif) no-repeat top left; width:549px; padding-top:59px; float:left; }
#column-right-bottom-left { width:227px; float:left;}
#column-right-bottom-right { width:322px; float:left;}





/* INSIDE SKELETON */
#wrap-body-inside { background:  url(../images/inside/bg-inside.gif) repeat-y top left; width:770px;}
#wrap-body-inside:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#column-left-02-inside { background:  url(../images/inside/sub-header-contactus-inside.gif) no-repeat top left; width:221px; padding-top:35px;}
#bottom-inside {background: url(../images/inside/bottom-inside.gif) no-repeat bottom left; width: 770px; height:76px; clear:both;}

#button-home { background: url(../images/inside/button-home.gif) no-repeat top left; margin-left:694px;}
#button-home a { display: block;  width: 71px; height: 30px; }
#button-home a:hover { display:block; background: url(../images/inside/button-home.gif) 0px -30px no-repeat; } 
#button-home a span { display: none; }

#proc-column-1 ul { list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#193963; margin:0; padding-top:5px; padding-left:15px;}
#proc-column-1 li { padding-bottom: 3px; line-height: 12px; }
#proc-column-1 li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#193963; text-decoration: none; }
#proc-column-1 li a:hover {text-decoration: underline; }
#banner1 { background: url(../images/inside/banner1.jpg) no-repeat top left; width: 770px; height:220px;}
#banner2 { background: url(../images/inside/banner2.jpg) no-repeat top left; width: 770px; height:220px;}
#banner3 { background: url(../images/inside/banner3.jpg) no-repeat top left; width: 770px; height:220px;}
#banner4 { background: url(../images/inside/banner4.jpg) no-repeat top left; width: 770px; height:220px;}
#banner5 { background: url(../images/inside/banner5.jpg) no-repeat top left; width: 770px; height:220px;}
#banner6 { background: url(../images/inside/banner6.jpg) no-repeat top left; width: 770px; height:220px;}

#header-inside-aboutus { background: url(../images/inside/header-aboutus.gif) no-repeat top left; width:549px; padding-top:75px; float:left;}
#header-inside-procedures { background: url(../images/inside/header-procedures.gif) no-repeat top left; width:549px; padding-top:75px; float:left;}
#header-inside-smilegallery { background: url(../images/inside/header-smilegallery.gif) no-repeat top left; width:549px; padding-top:75px; float:left; }
#header-inside-smilegallery dl { padding-left:35px; font-weight:bold; width:225px; float:left; }
#header-inside-smilegallery dt { padding-left:13px; }
#header-inside-technology { background: url(../images/inside/header-technology.gif) no-repeat top left; width:549px; padding-top:75px; float:left;}
#header-inside-contactus { background: url(../images/inside/header-contactus.gif) no-repeat top left; width:549px; padding-top:75px; float:left;}
#header-inside-thankyou { background: url(../images/inside/header-thankyou.gif) no-repeat top left; width:549px; padding-top:75px; float:left;}
#sub-header-locateus { background:  url(../images/inside/sub-header-locateus-inside.gif) no-repeat top left; width:221px; padding-top:35px;  }

/* BNA */
#bna-body { background:url("../bna/images/layout/bna-body-bg.gif") repeat-x #EDF3F9; margin:0; padding:0; text-align:left; }
#bna-wrap { background:url("../bna/images/layout/bna-bg.gif") repeat-y; width:640px; text-align:left; }
#bna-wrap p { color:#fff; margin:0 0 7px 0; padding:0 10px 0 26px; }
#bna-top { background:url("../bna/images/layout/bna-top.jpg") no-repeat; height:112px; position:relative; }
#bna-top a { position:absolute; height:112px; width:640px;}
#bna-column-left { width:215px; float:left; }
#bna-header-procedure { background:url("../bna/images/layout/bna-header-procedure.gif") no-repeat; height:45px;}
#bna-div { background:url("../bna/images/layout/bna-div.jpg") no-repeat; height:38px;}
#bna-header-testimonial { background:url("../bna/images/layout/bna-header-testimonial.gif") no-repeat; height:39px;}
#bna-column-right { width:425px; float:left; }
#bna-header-case { background:url("../bna/images/layout/bna-header-case.gif") no-repeat; height:45px; }
#bna-case { height:310px; }
#bna-bottom { background:url("../bna/images/layout/bna-bottom.gif") no-repeat; height:13px; clear:both; overflow:hidden; }

/* FOOTER */
#footer { background: url(../images/index/bottom.gif) no-repeat bottom left; width: 770px; height:54px; clear:both; }
#footer a { text-decoration: none; font-size:11px; color:#193963; }
#footer a:hover { text-decoration: underline; } 
#footer-column-1 { text-align: left; float:left; }
#footer-column-2 { text-align: right; float: right; }		
#footer-column-1 p { margin:0; padding: 5px 0 0 17px; font-size:11px; }
#footer-column-2 p { margin:0; padding: 5px 17px 0 0;}   

/* SPRITE NAV-01 */
#nav-01 { background: url(../images/index/nav-01.gif) no-repeat top left; width: 770px; height: 29px; padding:0; margin: 0; position: relative; }
#nav-01 li { list-style: none; padding: 0; margin: 0; position: absolute; top: 0px;}
#nav-01 li, #nav-01 a { height: 29px; display: block; }
#nav-01 span { display: none;}

#nav-01-1 { width: 221px; left: 0px; }
#nav-01-2 { width: 78px; left: 221px; }
#nav-01-3 { width: 144px; left: 298px; }
#nav-01-4 { width: 46px; left: 442px; }
#nav-01-5 { width: 97px; left: 488px; }
#nav-01-6 { width: 94px; left: 585px; }
#nav-01-7 { width: 91px; left: 679px; }

#nav-01-2 a:hover { background: transparent url(../images/index/nav-01.gif) -221px -29px no-repeat; }
#nav-01-3 a:hover { background: transparent url(../images/index/nav-01.gif) -298px -29px no-repeat; }
#nav-01-4 a:hover { background: transparent url(../images/index/nav-01.gif) -442px -29px no-repeat; }
#nav-01-5 a:hover { background: transparent url(../images/index/nav-01.gif) -488px -29px no-repeat; }
#nav-01-6 a:hover { background: transparent url(../images/index/nav-01.gif) -585px -29px no-repeat; }
#nav-01-7 a:hover { background: transparent url(../images/index/nav-01.gif) -679px -29px no-repeat; }


/* TMJ images*/

#image1 {
	position:absolute;
	background:url("../images/inside/New-Picture.jpg");
	height:130px;
	width:183px;
	margin: -100px 0 0 340px;
}

#image2 {
position:absolute;
background:url("../images/inside/New-Picture-(1).jpg");
height: 106px;
width: 90px;
margin: 205px 0 0 420px;
}


#image3 {
position:absolute;
background:url("../images/inside/New-Picture-(2).jpg");
height: 110px;
width: 190px;
margin: -10px 0 0 340px;
}

#image4 {
position:absolute;
background:url("../images/inside/New-Picture-(3).jpg");
height: 110px;
width: 91px;
margin: -5px 0 0 415px;
}

#bna {
float: right;
margin-right: 15px;
margin-bottom: 10px;
}

.right {
float: right;
margin-right: 15px;
margin-bottom: 10px;
margin-left:5px;
}

#ptt {
	margin: 0 0px 0 -8px;
	padding-bottom:100px;
	position: absolute;
		}
#ptt-2 {
	margin-left:5px;
	padding-bottom:15px;
	}
#ptt-3 {
	margin-left:18px;
	padding-bottom:15px;
	}
.spacer {
	height:80px;
	}