body {

	margin: 0;
	padding: 0;
	border: none;
	font-size: 12.8px;
	background-color: #afafaf;
}

body, table {
	font-family: Arial, sans-serif;
}

body#ab a#about-nav,
body#prac a#practice-nav,
body#tre a#treatment-nav,
body#sm a#smiles-nav,
body#map a#map-nav,
body#con a#contact-nav,
body#ap a#appoint-nav,
body#facial a#facial-nav,
body#pr a#pricing-nav {
	background: #d1c9c0;
}

body h4 {	
	font: 0.72em Verdana, Arial, sans-serif;
	line-height: 1; left: 0;
	color: #353219;
}

#root,
#footer {
	position: relative;
	width: 97%;
	max-width: 110em;
	margin: 0px auto;
}

#root {
	background-color: #dad8d6; 
}

#content {
	position: relative;
	border-top: 7px solid #2294e1; 
	margin: 0 0 0 16em;
	width: auto;
	min-height: 55em; 
	background: #D1C9C0 url(../images/col-beige.png) repeat-x top; 
	padding: 4.5em 1.5em 1.5em 1.5em;

}

/* Content */

#content > span.shim1 {

	display: block;
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: auto;
	width: 257px; height: 55px;
	background: url(../images/top-left-beige.png) no-repeat top left;
	z-index: 3;
}

#content > span.shim2 {

	display: block;
	position: absolute;
	top: auto; bottom: 0;
	left: auto; right: 0;
	width: 8px; height: 8px;
	background: url(../images/bg-beige-corner.png) no-repeat bottom right;
	z-index: 4;

}

pre {
 	border:1px solid  #d1c9c0; 
 	width:95%;
	overflow: hidden;
 	max-height:125.4em;
	margin: 0.1em 0 0 1em;
	background: #f2ecee;
	font: 0.9em Verdana, Arial, sans-serif;
}

pre span {
 	border-left:none;
 	border-right:none;
 	padding:0.5em 0em 0.5em 1em;
	margin-left: 15%;
 	color:#444444;
	background: #f2ecee;
	min-height: 30.4em;
	font: 1.11em Verdana, Arial, sans-serif;
	line-height: 1; 
	letter-spacing: 0.1em;
	border:0px;

}
pre span h2 {
	font-size: 18px;
	margin: -5px 20px 5px 20px;
	padding:1em 0em 0.0em 0em;
}
pre span h3 {
	font-size: 12px;
	font-weight: lighter;
	text-transform: uppercase;
	margin: 2px 20px 5px 20px;
	padding:1em 0em 0.0em 0em;
}
pre span a, a:visited {
	text-decoration: none;
}

pre span a:hover, a:focus {
	color: #535817;
	text-decoration: underline;
}

pre span ul{
	text-indent: 2px;
	list-style-type: square;
	margin-left:10px;
	padding-top: 5px;
}
pre span .box3{ 
	border:1px solid  #d1c9c0; 
	margin-left: 15px;
	width: 95%;
	height: 180px;
	clear: both;
	line-height: 1;
	text-align: justify;
	padding: 15px 0px 15px 0px;
	background: transparent  url(../images/kazemi.jpg) no-repeat center right;
	
}
pre span .box3 h3 {
	font-size: 12px; 
	margin: 2px 20px 5px 20px;
	text-transform: uppercase;
	margin-left: 10px;
	padding-bottom:1em;
}
pre span .box3 h4 {
	font-size: 10px;
	font-weight: lighter;
	margin: 2px 20px 2px -10px;
	padding-left:2em;
	padding-right:2em;
}
pre span .box3 p {
	font-size: 11px; 
	line-height: 1.5;
	padding-left:2em;
	padding-right:2em;
	margin-left: -10px;
}	

pre span .box1f{
	border:1px solid  #d1c9c0; 
	margin-left: 15px;
	width: 95%;
	height: 150px;
	clear: both;
	line-height: 1;
	text-align: justify;
	padding: 15px 0px 15px 0px;
	background: transparent  url(../images/bahar.jpg) no-repeat center right;

}
pre span .box1f h3 {
	font-size: 12px; 
	margin: 2px 20px 5px 20px;
	text-transform: uppercase;
	margin-left: 10px;
	padding-bottom:2em;
}
pre span .box1f h4 {
	font-size: 10px;
	font-weight: lighter;
	margin: 2px 20px 2px -10px;
	padding-left:2em;
	padding-right:2em;
}
pre span .box1f p {
	font-size: 11px; 
	line-height: 1.5;
	margin-left: -10px;
	padding-left:2em;
	padding-right:2em;
}

pre span .box1n {
	border:1px solid  #d1c9c0; 
	margin-left: 15px;
	width: 95%;
	height: 150px;
	clear: both;
	line-height: 1;
	text-align: justify;
	padding: 15px 0px 15px 0px;
	background: transparent  url(../images/tn-8.jpeg) no-repeat center right;

}
pre span .box1n h3 {
	font-size: 12px; 
	margin: 2px 20px 5px 20px;
	text-transform: uppercase;
	margin-left: 10px;
	padding-bottom:2em;
}
pre span .box1n h4 {
	font-size: 10px;
	font-weight: lighter;
	margin: 2px 20px 2px -10px;
	padding-left:2em;
	padding-right:2em;
}
pre span .box1n p {
	font-size: 11px; 
	line-height: 1.5;
	margin-left: -10px;
	padding-left:2em;
	padding-right:2em;
}


pre span .box1{
	border:1px solid  #d1c9c0; 
	margin-left: 15px;
	width: 95%;
	height: 150px;
	clear: both;
	line-height: 1;
	text-align: justify;
	padding: 15px 0px 15px 0px;
	background: transparent  url(../images/sam.jpg) no-repeat center right;

}
pre span .box1 h3 {
	font-size: 12px; 
	margin: 2px 20px 5px 20px;
	text-transform: uppercase;
	margin-left: 10px;
	padding-bottom:2em;
}
pre span .box1 h4 {
	font-size: 10px;
	font-weight: lighter;
	margin: 2px 20px 2px -10px;
	padding-left:2em;
	padding-right:2em;
}
pre span .box1 p {
	font-size: 11px; 
	line-height: 1.5;
	margin-left: -10px;
	padding-left:2em;
	padding-right:2em;
}

pre span .box2{
	border:1px solid  #d1c9c0; 
	margin-left: 15px;
	width: 95%;
	min-height:450px;
	clear: both;
	line-height: 1;
	text-align: justify;
	background: transparent  url(../images/side-banner02.jpg) no-repeat center right;
}

pre span .box2 h1 {
	font-size: 16px; 
	margin: 0px 20px -5px 20px;
	text-transform: uppercase;
	margin-left: 10px;
	padding-bottom:0.2em;
}

pre span .box2 h3 {
	font-size: 12px; 
	margin: 2px 20px 5px 20px;
	text-transform: uppercase;
	margin-left: 10px;
	padding-bottom:2em;
}
pre span .box2 h4 {
	font-size: 10px;
	font-weight: lighter;
	margin: 2px 20px 2px -10px;
	padding-left:2em;
	padding-right:2em;
}
pre span .box2 p {
	font-size: 11px; 
	padding: 0.2em 0 0.5em 2em;
	line-height: 1.5;
	margin-top: -10px;
}

pre span .box2 ul{
		margin-top: -15px;
		padding-bootom: -20px;
}

pre span .box2a{
	border:1px solid  #d1c9c0; 
	margin-left: 15px;
	width: 95%;
	min-height:450px;
	clear: both;
	line-height: 1;
	text-align: justify;

}

pre span .box2a h1 {
	font-size: 16px; 
	margin: 0px 20px -5px 20px;
	text-transform: uppercase;
	margin-left: 10px;
	margin-bottom: -40px;
}

pre span .box2a h3 {
	font-size: 12px; 
	margin: 2px 20px 5px 20px;
	text-transform: uppercase;
	margin-left: 10px;
	padding-bottom:1em;
	margin-top: -30px;
	border-bottom: 1px solid #594358;
}
pre span .box2a h4 {
	font-size: 10px;
	font-weight: lighter;
	margin: 2px 20px 2px -10px;
	padding-left:2em;
	padding-right:2em;
}
pre span .box2a p {
	font-size: 11px; 
	padding: 0.2em 0 0.5em 2em;
	line-height: 1.5;
	margin-top: -10px;
}

pre span .box2a ul{
		margin-top: -55px;
		padding-bootom: -20px;
		margin-left: 30px;
}

pre span .boxt {
	border:1px solid  #d1c9c0; 
	margin-left: 15px;
	width: 95%;
	min-height:550px;
	clear: both;
	line-height: 0.8;
	text-align: justify;
	padding: 0px 0px 0px 0px;
	background: transparent  url(../images/side-banner01.jpg) no-repeat center right;
}
pre span .boxt a, a:visited {
	text-decoration: none;
}

pre span .boxt a:hover, a:focus {
	color: #535817;
	text-decoration: underline;
}

pre span .boxt ul {
	list-style-type: square;
	line-height: 1.5;
	font-size: 11px; 
	padding-left:1em;
	padding-right:1em;
}

pre span .boxt h3 {
	font-size: 12px; 
	margin: 2px 20px 0px 20px;
	text-transform: uppercase;
	padding-bottom:2em;
}

pre span .boxt p {
	font-size: 11px; 
	line-height: 1.5;
	padding-left:1em;
	padding-right:1em;
}

pre span .boxp{
	border:1px solid  #d1c9c0; 
	margin-left: 15px;
	width: 95%;
	min-height:450px;
	clear: both;
	line-height: 1;
	text-align: justify;
	padding: 5px 0px 15px 0px;
	background: transparent  url(../images/side-banner05.jpg) no-repeat center right;
}

pre span .boxp h3 {
	font-size: 12px; 
	margin: 2px 20px 0px 20px;
	text-transform: uppercase;
	padding-bottom:2em;
}
pre span .boxp p {
	font-size: 11px; 
	line-height: 2;
	padding-left:1em;
	padding-right:1em;
}

pre span .boxs{
	border:1px solid  #d1c9c0; 
	margin-left: 15px;
	width: 95%;
	min-height:650px;
	clear: both;
	line-height: 1;
	text-align: justify;
	padding: 5px 0px 5px 0px;

}
pre span .boxs h3 {
	font-size: 12px; 
	line-height: 0.8;
	margin: -8px 20px -8px 20px;
	text-transform: uppercase;
	padding-bottom:1em;
}
pre span .boxs p {
	font-size: 11px; 
	line-height: 1.5;
	padding-left:1em;
	padding-right:1em;
}

pre span .boxc{
	border:1px solid  #d1c9c0; 
	margin-left: 15px;
	width: 95%;
	min-height:450px;
	clear: both;
	line-height: 1;
	text-align: justify;
	padding: 5px 0px 15px 0px;
	background: transparent  url(../images/side-banner04.jpg) no-repeat center right;
}
pre span .boxc h3 {
	font-size: 12px; 
	line-height: 0.8;
	margin: -8px 20px -8px 20px;
	text-transform: uppercase;
	padding-bottom:2em;
}
pre span .boxc p {
	font-size: 11px; 
	line-height: 2;
	padding-left:1em;
	padding-right:1em;
}
pre span .boxa{
	border:1px solid  #d1c9c0; 
	margin-left: 15px;
	width: 95%;
	min-height:450px;
	clear: both;
	line-height: 1;
	text-align: justify;
	padding: 5px 0px 15px 0px;
	background: transparent  url(../images/side-banner07.jpg) no-repeat right center;
}
pre span .boxa h3 {
	font-size: 12px; 
	line-height: 0.8;
	margin: -8px 20px -8px 20px;
	text-transform: uppercase;
	padding-bottom:2em;
}
pre span .boxa strong {
	text-decoration: underline;
}
pre span .boxa p {
	font-size: 11px; 
	line-height: 2;
	padding-left:1em;
	padding-right:1em;
}

pre span .boxa img {
	float:left;
	clear:both;
	width:100px;
}

pre ul {
	list-style: none;
	padding-left:1em;
	line-height: 1.5;
	font-size: 11px; 
}

pre li{
	padding-top:0.28em;
	padding-bottom:0.28em;
}
pre table{
	border-collapse: collapse;
	border: 1px solid #EAE8D4;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	color: #363636;
	background: #d1c9c0;
	width: 45%;
	margin-left: 10px;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	padding-botom:30px;
}

pre td, th {
	border: 1px dotted #CBBA81;
	padding: .4em;
	color: #4F4F4F;
  }

pre thead th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #EAE8D4;
  text-align: left;
 /* background: #BDD7D7;*/
  color: #1D2D2C;
  padding-top:3px;
  }

pre tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
pre tfoot th, tfoot td {
  border: 1px solid #EAE8D4;
  font: bold 11px verdana, arial, helvetica, sans-serif;
  background:  #BDD7D7;
  padding-top:3px;
  color:  #BDD7D7;
  }

pre.foot {
	display:block;
 	border:1px solid   #d1c9c0; 
 	border-left:none;
 	border-right:none;
 	margin-top:3em;
 	padding:0.5em 0px 0.5em 0px;
 	color:#ff9999;
	min-height: 18em;
}

pre.header{
		background: transparent;
		border: 0px;
}

.header img.xmas {
	float: center;
	margin-top: -30px;
	margin-left:-25px;
}
pre h1 {
	font: 1.30em Verdana, Arial, sans-serif;
	line-height: 1;color: #f3f6e7; left: 0;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin-top:1.3em;
	padding: 0.5em 0.1em 0.1em 0.5em;

	height: 75px;
	color:#444444;
}

body#ab pre.header h1#ab{
	background: #d1c9c0  url(../images/top-banner01.jpg) no-repeat top right;
}
body#prac pre.header h1#prac{
	background: #d1c9c0  url(../images/top-banner01.jpg) no-repeat bottom right;
}
body#tre pre.header h1#tre{
	background: #d1c9c0  url(../images/top-banner06.jpg) no-repeat top right;
}
body#pr pre.header h1#pr{
	background: #d1c9c0  url(../images/top-banner07.jpg) no-repeat bottom center;
}
body#sm pre.header h1#sm{
	background: #d1c9c0  url(../images/top-banner03.jpg) no-repeat top left;
}

body#con pre.header h1#con{
	background: #d1c9c0  url(../images/top-banner07.jpg) no-repeat center left;
}
body#ap pre.header h1#ap{
	background: #d1c9c0  url(../images/top-banner07.jpg) no-repeat top center;
}

body#map pre.header h1#map{
	background: #d1c9c0  url(../images/top-banner08.jpg) no-repeat center center;
}

body#facial pre.header h1#facial{
	background: #d1c9c0  url(../images/top-banner01.jpg) no-repeat top right;
}

div#google_map {
  clear: both;
  margin: 0px auto 50px 10px;
  width: 95%;
  height: 30em;
  border: 0.167em solid #e8e8e8;
  
}



/* content-specific */

.dialog .content {
 padding:0.5em 1em 0.5em 0px;
}

.dialog .wrapper {
 min-height:85px; 
}

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 padding-top:0.25em;
}

html>body .dialog pre {
 font-size:1.1em;
 *font-size:0.9em;
}

code {
 font-size:1.1em;
 color:#ccffff;
}

/* nav */

#content ul#nav {

	display: block;
	float: right;
	top: 0.8em; bottom: auto;
	left: 1.5em; right: 1.5em;
	width: auto; height: auto;
	margin: 0;
	padding: 0;
	z-index: 5;
}

#content ul#nav li {

	display: inline;
	list-style: none;
	margin: 0 0.3em 0 0;
	font: normal 1.38em 'Lucida Grande', Calibri, Arial, sans-serif;
	letter-spacing: 0em;
	color: white;
}

#content ul#nav li a {

	color: white;
	font: normal 0.75em 'Lucida Grande', Calibri, Arial, sans-serif;
	text-decoration: underline;
}

#content ul#nav li a:hover {

	color: #30281e;

}

#content ul#nav_footer {

	display: block;
	margin: 1em 0 0.5em 0;
	padding: 0;

}

#content ul#nav_footer li {

	display: inline;
	list-style: none;
	margin: 0 0.3em 0 0;
	font: normal 1.4em 'Lucida Grande', Calibri, Arial, sans-serif;
	letter-spacing: 0em;
	color: #78644F;
}

#content ul#nav_footer li a {

	color: #78644F;
	font: normal 0.9em 'Lucida Grande', Calibri, Arial, sans-serif;
	text-decoration: underline;

}

#content ul#nav_footer li a:hover {

	color: #3d3325;

}


/* Footer */

#footer {
	min-height: 0.5em; 
	background: #afafaf; 
	padding: 2em 0 2em 0;
}

#footer > span.dc2 {
	display: block;
	position: absolute;
	top: 0; bottom: auto;
	left: 0; right: 600px;
	width: auto; height: 15px;

}

#footer span.dc2 {
	left: auto; right: 0;
	width: 600px;
	background-position: top right;
}


/* Logo */

#logo {

	position: absolute;
	top: 0; bottom: auto;
	left: 0; right: auto;
	width: 16em; height: auto;
	z-index: 6;

}

#logo h1 {

	margin: 0;
	padding: 0;
	width: 16em;
	height: 201px;
	background: #2294e1 url(../images/sdc-top5.png) no-repeat top right; 
	font-size: 1em;

}

#logo h1 a {

	margin: 0;
	padding: 0;
	font-size: 1em;
	width: 16em;
	height: 201px;
	display: block;

}

#logo h1 span {

	display: none;

}

#logosub {

	position: absolute;
	top: 0; bottom: auto;
	left: 0; right: auto;
	width: 16em; height: auto;
	z-index: 5;
}

#logosub h2 {

	margin: 0 0 0 -200em;
	padding: 0;
	width: 216em;
	height: 108px;/* 14.5em */
	background: transparent url(../images/bg-grey-swirl.png) no-repeat top right; 
	font-size: 1em;

}


/* Left Bar */

#left {

	position: absolute;
	top: 200px; bottom: 0;
	left: 0; right: auto;
	width: 16em; height: auto;
	background-color: #2294e1; 
	border-bottom: 2px solid #2294e1; 
}

/* Left Menu */

#left ul#menu {

	margin: 0.8em 0 0.8em 0.8em;
	padding: 0;
	list-style-type: none;
}

#left ul#menu > li {

	margin: 0;
	padding: 0;
	position: relative;
}

#left ul#menu > li.even {

	background-color: #6da3d9; 

}

#left ul#menu > li.odd {

	background-color: #5d8bb9;

}

#left ul#menu > li.selected {

	background-color: #D1C9C0; 
}

body.ab
#left ul#menu > li.selected {

	background: #D1C9C0 url(../images/bg-beige.png) no-repeat top right; 

}

#left ul#menu > li > a {

	width: auto;
	display: block;
	font: normal 1.23em 'Lucida Grande', Calibri, Arial, sans-serif;
	letter-spacing: -0.01em;
	color: #353219;
	text-decoration: none;

}

#left ul#menu > li > a:hover {
	color: #085262;

}

#left ul#menu > li > a span {

	display: block;
	padding: 0.36em 0.3em 0.4em 0.5em;

}

#left ul#menu > li.selected > a {

	color: #5a4a38 !important;

}

#left ul#menu > li.selected > a:hover {

	background-color: transparent; 
}


/* Left Menu (sub items) */

#left ul#menu > li > ul {

	list-style-type: disc;
	margin: -0.5em 0 0 1.8em;
	padding: 0 0.5em 0.8em 0;
	display: none;

}

#left ul#menu > li.selected > ul {

	display: block;

}



#left ul#menu > li > ul > li {

	margin: 0;
	padding: 0;
	font: 1em/16px 'Lucida Grande', Calibri, Arial, sans-serif;
	color: #d3deff;

}

#left ul#menu > li > ul > li > a {
	color: #d3deff;

}



#left ul#menu > li.selected > ul > li {
	color: #5a4a38;

}

#left ul#menu > li.selected > ul > li > a {
	color: #5a4a38;

}


/* Left text notes */

#left dl {

	margin: 1.5em 0 0 1.3em;

}


#left dl dt {

	border-bottom: 1px solid  #87616c;
	margin: 0 0 0.2em 0;
	padding: 0 0 0.1em 0.2em;
	color: #233546;
	font-family: 'Lucida Grande', Calibri, Tahoma, sans-serif;
	font-weight: bold;

}

#left dl dt.label {
	top: auto; bottom: 0;
	left: auto; right: 0;
	margin: 0 0 0.2em 4.5em;
	width: 100px; height: 150px;
	background: url(../images/tn-3.jpeg) no-repeat bottom right !important;	
	
}

#left dl dt a {

	text-decoration: none;
	color: #d3deff;

}

#left dl dt a:hover {

	color: white;

}

#left dl dd {

	margin: 0;
	padding: 0 1em 0 0.3em;
	color: #233546;
	font: 12px/17px 'Lucida Grande', Calibri, Arial, sans-serif;

}

#left dl dd a {

	color: #233546;
	text-decoration: none;
	border-bottom: 1px solid #525D94;

}

#left dl dd a:hover {

	text-decoration: underline;

}