* { margin: 0; padding: 0;}
a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}
body { background-color: #000; font-family: verdana, helvetica, arial, sans-serif;}

.home a, p, ul { color: #666; text-decoration: none;}
img { display: block;float:left;
	border-style: none;
}
cite {display: block;margin-top: 10px; }
blockquote {display:block;color: #5d4d31;font-family: Copperplate, Arial; text-transform:uppercase;font-size: 14px; float:left;}
blockquote p {color:#5d4d31;}
h1 {line-height: 1.3em; font-size:16px;}
h3 {font-size:12px; color:#000000;}
h4 {font-size:12px;}
a {color: #8e5107; text-decoration: none; position:relative; z-index:1;}
/*these dl styles are displayed on the cosmetic page */
dl {color:#000000;padding: 0 0 10px 0;}
dt {font-size:12px; font-weight:bolder; margin:10px 5px 0px 5px;clear:both; display:block;}
dl img { position:relative; left:-5px; margin:10px 0 3px 0; display:block;}
dd { border-bottom:solid 1px #a89f6c; line-height:1.4em; display:block; padding: 2px 5px 20px 5px;}
dd.last {border-bottom:none;}

#container { width: 977px; margin: 10px auto; position:relative;}

.nav li { display: block; list-style-type: none; float: left;}
.nav li a { display: block;}
#header { width: 977px; height: 80px; background: #000 url('images/header_top.gif') no-repeat; text-align: center; float: left;}
#header .nav { height: 31px; margin: 49px auto 0 auto; overflow:hidden; width: 977px; position:relative;}
#header .nav * { color: #fff; text-decoration: none; font-size: 10px;}
#header .nav li a {padding-top: 37px;}

/* footer styles - footer nav styles - minimum footer text styles */
#footer { position:relative; height: 60px; width: 977px; background: #000 url('images/footerbg.jpg') no-repeat; float: left; text-align: center; padding: 7px;}
#footer .nav { margin: 0 auto;width:96em; }
#footer a { color: #fff; }
#footer .nav li { padding: 0 4px; border-right: solid 1px #fff; display:block; position:relative;}
#footer .nav li.last { border-right: none; }
#footer p { clear: left; color: #fff; padding: 5px 0 0 0;}
#footer * {font-size:9px;}

/* top nav rollovers and images */
#header .meet {width: 97px;background: #000 url('images/nav1.gif') top left no-repeat;}
#header .cosmetic {width: 148px;background: #000 url('images/nav2.gif') top left no-repeat;}
#header .general {width: 104px;background: #000 url('images/nav3.gif') top left no-repeat;}
#header .portfolio {width: 126px;background: #000 url('images/nav4.gif') top left no-repeat;}
#header .patient {width: 142px;background: #000 url('images/nav5.gif') top left no-repeat;}
#header .forms {width: 110px;background: #000 url('images/nav6.gif') top left no-repeat;}
#header .financing {width: 64px;background: #000 url('images/nav7.gif') top left no-repeat;}
#header .promotions {width: 76px;background: #000 url('images/nav8.gif') top left no-repeat;}
#header .contact {width: 55px;background: #000 url('images/nav9.gif') top left no-repeat;}
#header .home {width: 54px;background: #000 url('images/nav10.gif') top left no-repeat;}

#header .meet:hover, .meet #header .meet, #header .nav1 { background-image: url('images/nav1a.gif'); }
#header .cosmetic:hover, .cosmetic #header .cosmetic, #header .nav2 { background-image: url('images/nav2a.gif'); }
#header .general:hover, .general #header .general, #header .nav3 { background-image: url('images/nav3a.gif'); }
#header .portfolio:hover, .portfolio #header .portfolio, #header .nav4 { background-image: url('images/nav4a.gif'); }
#header .patient:hover, .patient #header .patient, #header .nav5 { background-image: url('images/nav5a.gif'); }
#header .forms:hover, .forms #header .forms, #header .nav6 { background-image: url('images/nav6a.gif'); }
#header .financing:hover, .financing #header .financing, #header .nav7 {background-image: url('images/nav7a.gif'); }
#header .promotions:hover, .promotions #header .promotions, #header .nav8 {background-image: url('images/nav8a.gif');}
#header .contact:hover, .contact #header .contact, #header .nav9 { background-image: url('images/nav9a.gif'); }
#header .home:hover, .home #header .home, #header .nav10 { background-image: url('images/nav10a.gif'); }

/* pageheader tabs */
 .meet #left {background: transparent url('images/tab_meet.gif') 30px top no-repeat;}
 .cosmetic #left {background: #fff url('images/tab_cosmetic.gif') 30px top no-repeat;}
 .general #left {background: #fff url('images/tab_general.gif') 30px top no-repeat;}
 .portfolio #left {background: #fff url('images/tab_smile.gif') 30px top no-repeat;}
 .patient #left {background: #fff url('images/tab_patient.gif') 30px top no-repeat;}
 .forms #left {background: #fff url('images/tab_forms.gif') 30px top no-repeat;}
 .financing #left {background: #fff url('images/tab_financing.gif') 30px top no-repeat;}
 .promotions #left {background: #fff url('images/tab_promotions.gif') 30px top no-repeat;}
 .contact #left {background: #fff url('images/tab_contact.gif') 30px top no-repeat;}


/* header and blockquotes text replacement with images - give the blockquotes a height of zero and width the size of the image, and a padding as tall as the image, set the overflow to hidden and give it a background image */

.meet blockquote {height:0px; padding-top:252px; width:302px; overflow:hidden; background: transparent url('images/meet/blockquote.gif') no-repeat;}
.meet h1 {height:0px; padding-top:38px; width:502px; overflow:hidden; background: transparent url('images/meet/h1.gif') no-repeat;}


.cosmetic blockquote {height:0px; padding-top:155px; width:504px; overflow:hidden; background: transparent url('images/cosmetic/blockquote.gif') no-repeat; }
.cosmetic h1 {height:0px; padding-top:40px; width:250px; overflow:hidden; background: transparent url('images/cosmetic/h1.gif') no-repeat;}


.general #right blockquote {height:0px; padding-top:150px; width:320px; overflow:hidden; background: transparent url('images/general/blockquote.gif') no-repeat; }
.general h1 {height:0px; padding-top:40px; width:355px; overflow:hidden; background: transparent url('images/general/h1.gif') no-repeat;}


.patient h1 {height:0px; padding-top:18px; width:156px; overflow:hidden; background: transparent url('images/patient/h1.gif') no-repeat;}
.patient blockquote {height:0px; padding-top:230px; width:504px; overflow:hidden; background: transparent url('images/patient/blockquote.gif') no-repeat;margin-top:30px;}


.financing h1 {height:0px; padding-top:20px; width:350px; overflow:hidden; background: transparent url('images/financing/h1.gif') no-repeat;}
.financing blockquote {height:0px; padding-top:240px; width:340px; overflow:hidden; background: transparent url('images/financing/blockquote.gif') no-repeat;}


.forms h1 {height:0px; padding-top:20px; width:250px; overflow:hidden; background: transparent url('images/forms/h1.gif') no-repeat;}
.promotions h1 {height:0px; padding-top:20px; width:200px; overflow:hidden; background: transparent url('images/promotions/h1.gif') no-repeat;}
.contact h1 {height:0px; padding-top:50px; width:250px; overflow:hidden; background: transparent url('images/contact/h1.gif') no-repeat;}




#content
{
	background-color: #fff;
	line-height: 1.7em;
	float: left;
	color: #7e8b7a;
	width: 977px;
	font-size: 11px;
	position: relative;
}


#content p, #content h1 { margin-bottom: 20px; }
#content table { float: left; }
#left h1, cite { font-family: "Copperplate Gothic Bold", Copperplate, Arial; }
#left img { float: right; }
#right blockquote {margin:50px 0 20px 0;}
#right img.sink { float: right; }
#right ul  {color:#000; font-size:11px; padding:15px; margin-bottom:40px;}
#right ul li {padding-left:15px;}
#right ul a {color:#8e5107; text-decoration:none;}
#refer { clear: both; width: 580px; position:absolute; bottom:0px;height:135px;}
#refer a { color: #8e5107; }
#refer h4 {margin-top: 20px; color: #8e5107;}


#left {width: 550px;padding: 80px 25px 120px 30px; position:relative;}/* important!! echo the right padding with the negative right margin of img.inline */

#right {width: 300px;padding: 30px 50px 0 20px;
background: #f6f5f0 url('images/dropshadow.gif') repeat-y top left;position:relative; }
.financing #right {padding-right:10px;}

/* temporary */ .promotions #right {padding-bottom:273px;}

/* toolbox - these items are for you to use throughout the site when making edits to content */

img.inline {margin-right:-25px; padding-bottom:10px;}/* flush image placed in the left table cell with the center dropshadow rule */

img.sink {position:absolute; bottom:0;right:0; display:block; z-index:0;}/* flush image with the bottom of the relatively positioned container div */

.b { font-weight: bolder; }

span.pull {font-size: 1.6em;display: block;margin-bottom: 20px;font-family: serif; }/*describes the span of words with added emphasis at the beginning of a blockquote */

.blink {color:#000;}
.clear {clear:both;}