/* Meyer Resets */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, b {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




/* Structure
---------------------------------------------------------------------------- */
body {
	text-align: center;
	margin: 0px auto 50px auto;
	background:  #fff  url(../images/backgroundrepeat.gif) top left repeat-x;
	}

#wrap {
	width: 873px;
	margin: 0 auto;
	text-align: left;
	}

#header {
	height: 227px;
	}


#content {
	float: left;
	width: 871px;
	padding: 60px 0 50px 0;
	border: 1px solid #ddccee;
	border-style: none solid none solid;
	background:  #fff url(../images/bg-content.jpg) top left repeat-x;
	}

#nav {
	float: left;
	width: 120px;
	margin: 0 35px 0 30px;
	padding: 0 12px 20px 0px;
	border-right:  1px solid #ccaaee;
	text-align: right;
	}

#main {  
	float: left;
	width: 580px;
	}

	
#footer {
	clear: both;
	height: 28px;
	padding: 10px;
	background-color:  #ffeeff;
	border: 1px solid #ddccee;
	border-style: none solid solid solid;
	}
	

/* Header
---------------------------------------------------------------------------- */

.hdr-title {height:73px;}
.hdr-banner {height:154px;}


/* Nav
---------------------------------------------------------------------------- */
#nav ul { 
	margin: 0;
	font-size: 10px;
	}
#nav li {margin-bottom: 25px;}


#pgHome #nav li#navhome a, 
#pgServices #nav li#navservices a,
#pgTestimonials #nav li#navtestimonials a,
#pgGallery #nav li#navgallery a,
#pgDr #nav li#navdr a,
#pgForms #nav li#navforms a,
#pgPromo #nav li#navpromo a,
#pgAppt #nav li#navappt a,
#pgContact #nav li#navcontact a {color: #990099;}



/* Type
---------------------------------------------------------------------------- */

body {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	color: #777;
	}

h1, h2, h3, h4, h5 { color: #990099; font-weight: normal; }

h1 { font-size: 16px; }
h2 { font-size: 14px; } 
h3 { font-size: 12px; }
h4 { font-size: 11px; }
h5 { font-size: 10px; }

p {
	line-height: 1.4;
	font-size: 11px;
	}
	
h1 { margin: 0 0 12px 0; }
h2, h3 { margin: 24px 0 12px 0;	}
p {	margin: 0 0 12px 0; }
ul { margin: 0 0 12px 0; }
li {margin-bottom: 5px;}

em { font-style: italic; }
b, strong { font-weight: bold; }

a:link { color: #9966cc; text-decoration: none; }
a:visited { color: #9966cc; text-decoration: none; }
a:hover { color: #990099; text-decoration: none; }

ul.reglist li {
	padding-left: 10px;
	margin-left: 15px;
	background: url(../images/bullet-one.gif) left 10% no-repeat;
	line-height: 1.4;
	margin-bottom: 10px;
	}

ul.reglist li.bigp {
	background: url(../images/bullet-one.gif) left 5% no-repeat;   /* move bullet position up for multiple sentence list items */
	}
ul.reglist2 li.nb {margin-bottom: 0;}	
ul.reglist2 li {
	padding-left: 10px;
	margin-left: 15px;
	background: url(../images/bullet-two.gif) left 10% no-repeat;
	line-height: 1.4;
	margin-bottom: 10px;
	}
	
.superscript { font-size: 60%; line-height:1; vertical-align:top;}


.rule-one {
	height: 3px;
	background-color: #eeccee;
	margin: 0 0 12px 0;
	}


/* Testiomonials
---------------------------------------------------------------------------- */
.testiomonial { 
	/* font-size: 120%; */
	/* margin: 0 0 2px 0; */
	}
.author { 
	font-size: 11px;
	color: #aaa;
	font-style: italic;
	/* margin: 0 0 12px 0; */
	}


/* Smile Gallery
---------------------------------------------------------------------------- */

#smile-slides .slide {	
	margin: 12px 0 0 0; 
	padding: 15px;
	background-color: #ffeeff;
	border: 3px solid #eeccee;
	border-style: solid none solid none;
	}


#smile-slides h2 { margin: 0 0 12px 0; }

.slide-desc {	margin: 0 0 18px 0; }

.slide-desc strong {
	color: #bb99bb;
	}
	
.slide-caption {
	color: #bb99bb;
	font-size: 10px;
	margin: 0;
	}


#smile-slides .smile-image {
	float: left;
	width: 267px;
	}

.rtm { margin-right: 15px; }

.slide img { border: 1px solid #bb77bb; }



/* style for jquery-sepehri.js */
.gallerybox {
	width: 550px;
	height: 320px;
	}
	
.slidebox {
	width: 550px;
	}
	
#pager a { margin: 0 3px; }	
#pager a.activeSlide {color: #990099; font-weight: bold;}	


/* end style for jquery-sepehri.js */


/* Request an Appointment, Contact Us
---------------------------------------------------------------------------- */

.formbox {	
	margin: 12px 0 12px 0; 
	padding: 15px;
	background-color: #ffeeff;
	border: 3px solid #eeccee;
	border-style: solid none solid none;
	}
	
.calloutbox {
	float: right;
	width: 200px;
	padding: 15px;
	margin: 0 0 15px 15px;
	border: 1px solid #ccaaee;
	background-color: #fff;
	}
	
.daysopen { 
	color: #999;
	}	

/* Promotions
---------------------------------------------------------------------------- */

#pgPromo .certif p.meta, .formbox p.meta {
	margin: 0;
	color: #999; 
	font-style: italic;
	font-size: 10px;
	}
	
#pgPromo .certif h2 {
	margin-top: 0;
	margin-bottom: 12px;
	padding-bottom: 6px;
	border-bottom: 1px dashed #bb88bb;
	}	

#pgPromo .certif p {
	margin-bottom: 12px;
	}	
	
.certif {
	padding: 8px;
	margin: 0 0 12px 0;
	background:  #ffddff  url(../images/bg-diag-lines.gif) top left no-repeat;
	}
	
.certif div {
	background-color: #ffeeff;
	padding: 14px;
	border: 4px solid #ffccff;
	}	
	
	
/* Patient Forms
---------------------------------------------------------------------------- */
.pdf-meta  {	
	color: #999; 
	font-style: italic;
	font-size: 10px;
	}
	
#pgForms h3 {
	margin-bottom: 4px;
	}

	

/* Footer
---------------------------------------------------------------------------- */

#footer p {
	color: #997799;
	margin: 0 0 0 20px;
	padding-top: 7px;
	font-size: 10px;
	text-align: center;
	}

#footer a:link { color: #997799; text-decoration: none; }
#footer a:visited { color: #997799; text-decoration: none; }
#footer a:hover { color: #775577; text-decoration: none; }

#footer #creds {
	float: left;
	}

#footer #creds a { 
	float: left;
	height: 28px;
	display: block;
	background-image: url(../images/creds-icons.gif);
	background-repeat: no-repeat;
	}	
	
#footer #creds a#oda { width: 28px;  }	
#footer #creds a:link#oda, #footer #creds a:visited#oda { background-position: 0 -27px; }
#footer #creds a:hover#oda {  background-position: 0 0; }

#footer #creds a#agd { width: 25px; }
#footer #creds a:link#agd, #footer #creds a:visited#agd { background-position: -27px -27px; }
#footer #creds a:hover#agd {  background-position: -27px 0; }

#footer #creds a#aacd { width: 30px; }
#footer #creds a:link#aacd, #footer #creds a:visited#aacd { background-position: -52px -27px; }
#footer #creds a:hover#aacd { background-position: -52px 0; }

#footer #creds a#ada { width: 38px; }
#footer #creds a:link#ada, #footer #creds a:visited#ada { background-position: -82px -27px; }
#footer #creds a:hover#ada { background-position: -82px 0; }

#footer #creds a span {
   display: block;
   position: absolute;
   top: -10000px;
   left: -10000px;
   font-size: 1px;
   } 
 
    
/* Floats, Clears & Hide
---------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
img.fl { margin: 0 12px 12px 0; }
img.fr { margin: 0 0 12px 12px; }
img.fl, img.fr { border: 1px solid #ccaaee; }
img.fl { margin: 0.5em 0.8em 0.3em 0; }

.nt { margin-top: 0; }
.nb { margin-bottom: 0;}

.hide { display: none; }

.hidden {
	position: absolute;
	display: block;
	top: -10000px;
	left: -10000px;
	font-size: 1px;
	}