body {
	background: #d5c598;
	margin: 0;
	padding: 0;
	color: #3a1809;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	line-height: 17px;
	text-align: center;
}
 html {
 	margin: 0;
 	padding: 0;
 }

a:link, a:visited { 
	color: #733f07;
	text-decoration: none;
}
a:hover {
	color: #a0132d;
}


p {
	margin: 0;
	padding: 0;
}
p.txtBlock {
	padding: 12px 0;
}
pre {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	line-height: 17px;
}
h2 {
	color: #733f07;
	font-style: italic;
	border-bottom: 1px solid #e1b47c;
	font-size: 16px;
}
h3 {
	font-size: 16px;
	line-height: 23px;
	margin: 6px 0;
}

#container {
	margin: 0 auto;
	width: 800px;
	text-align: left;
}

#header {
	background: transparent url(images/bg.jpg) top left no-repeat;
	height: 156px;
}

#header img {
	margin: 0;
	padding: 25px 92px 0 92px;
}

ul#nav {
	width:800px;
	height:33px;
	padding: 0;
	margin: 0;
	background:url(images/navButtons.gif);
	position: relative;
}
ul#nav li { margin: 0; padding: 0; list-style: none; display: block; position: absolute; }
ul#nav li a { height:33px; display:block; top:0; text-indent:-9999px; outline:none }


/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 33px
	selected state = 66px

	The distance from the far-left to the...

	home button = 53px
	about button = 115px
	procedures button = 192px
	patients button = 288px
	gallery button = 387px
	testimonials button = 501px
	faqs button = 601px
	contact button = 655px

	The width of the...

	home button = 76px
	about button = 91px
	procedures button = 108px
	patients button = 112px
	gallery button = 127px
	testimonials button = 113px
	faqs button = 67px
	contact button = 92px
*/

li#navHome 					{left: 53px; top: 0; width: 76px; height: 33px;}
li#navAbout 				{left: 115px; top: 0; width: 91px; height: 33px;}
li#navProcedures 			{left: 192px; top: 0; width: 108px; height: 33px;}
li#navPatients 				{left: 288px; top: 0; width: 112px; height: 33px;}
li#navGallery 				{left: 387px; top: 0; width: 127px; height: 33px;}
li#navTestimonials 			{left: 501px; top: 0; width: 113px; height: 33px;}
li#navFAQs 					{left: 601px; top: 0; width: 67px; height: 33px;}
li#navContact	 			{left: 655px; top: 0; width: 92px; height: 33px;}


li#navHome a 				{ height: 33px; }
li#navAbout a 				{ height: 33px; }
li#navProcedures a 			{ height: 33px; }
li#navPatients a 			{ height: 33px; }
li#navGallery a 			{ height: 33px; }
li#navTestimonials a 		{ height: 33px; }
li#navFAQs a 				{ height: 33px; }
li#navContact a 			{ height: 33px; }

li#navHome a:hover			{ background:url(images/navButtons.gif) -53px -132px; }
li#navAbout a:hover			{ background:url(images/navButtons.gif) -115px -132px; }
li#navProcedures a:hover	{ background:url(images/navButtons.gif) -192px -132px; }
li#navPatients a:hover		{ background:url(images/navButtons.gif) -288px -132px; }
li#navGallery a:hover		{ background:url(images/navButtons.gif) -387px -132px; }
li#navTestimonials a:hover	{ background:url(images/navButtons.gif) -501px -132px; }
li#navFAQs a:hover			{ background:url(images/navButtons.gif) -601px -132px; }
li#navContact a:hover		{ background:url(images/navButtons.gif) -655px -132px; }

body#pageHome li#navHome a 					{ background:url(images/navButtons.gif) -53px -33px; }
body#pageAbout li#navAbout a 				{ background:url(images/navButtons.gif) -115px -66px; }
body#pageProcedures li#navProcedures a 		{ background:url(images/navButtons.gif) -192px -99px; }
body#pagePatients li#navPatients a 			{ background:url(images/navButtons.gif) -288px -33px; }
body#pageGallery li#navGallery a 			{ background:url(images/navButtons.gif) -387px -66px; }
body#pageTestimonials li#navTestimonials a 	{ background:url(images/navButtons.gif) -501px -99px; }
body#pageFAQs li#navFAQs a 					{ background:url(images/navButtons.gif) -601px -33px; }
body#pageContact li#navContact a 			{ background:url(images/navButtons.gif) -655px -66px; }

body#pageHome li#navAbout a:hover 			{ background:url(images/navButtons.gif) -115px -33px; }
body#pageAbout li#navProcedures a:hover 	{ background:url(images/navButtons.gif) -192px -66px; }
body#pageProcedures li#navPatients a:hover 	{ background:url(images/navButtons.gif) -288px -99px; }
body#pagePatients li#navGallery a:hover 	{ background:url(images/navButtons.gif) -387px -33px; }
body#pageGallery li#navTestimonials a:hover{ background:url(images/navButtons.gif) -501px -66px; }
body#pageTestimonials li#navFAQs a:hover 	{ background:url(images/navButtons.gif) -601px -99px; }
body#pageFAQs li#navContact a:hover 		{ background:url(images/navButtons.gif) -655px -33px; }


#contentBox {
	background: transparent url(images/bg.jpg) bottom left no-repeat;
	padding: 0 91px 25px 92px;
	text-align: justify;
}

#content, #content2, #content4, #footer {
	background: transparent url(images/wfd_content_bg.gif) bottom left no-repeat;
}
#content2 div.top, #content4 div.top, #footer div.top {
	background: transparent url(images/wfd_content_bg_t.gif) top left no-repeat;
}
#content div.top, #content2 div.top, #content4 div.top {
	padding: 28px;
}

#content1, #content3 {
	background: transparent url(images/wfd_grn_bg.gif) bottom left no-repeat;
}
#content1 div.top, #content3 div.top {
	background: transparent url(images/wfd_grn_bg_t.gif) top left no-repeat;
	padding: 28px;
}

/*
------------Image Replacement - About page-----------------------------------
*/

span.imgHldr_hello {
	width: 78px;
	height: 34px;
	position: relative;
	float: left;
}
span.imgRplc_hello {
	background: url(images/heading_hello.gif) no-repeat;
	position: absolute;
	width: 78px;
	height: 34px;
}
span.imgHldr_wferguson {
	width: 238px;
	height: 34px;
	position: relative;
	float: left;
}
span.imgRplc_wferguson {
	background: url(images/heading_wferguson.gif) no-repeat;
	position: absolute;
	width: 238px;
	height: 34px;
}
span.imgHldr_kramsey {
	width: 244px;
	height: 34px;
	position: relative;
	float: left;
}
span.imgRplc_kramsey {
	background: url(images/heading_kramsey.gif) no-repeat;
	position: absolute;
	width: 244px;
	height: 34px;
}
/*
------------Image Replacement - Procedures page-----------------------------------
*/
.imgHldr {
	font-size: 1px;
}
.imgRplc_crown {
	background: url(images/heading_crown.gif) no-repeat;
	position: absolute;
	width: 105px;
	height: 34px;
}
span.imgRplc_composite {
	background: url(images/heading_composite.gif) no-repeat;
	position: absolute;
	width: 238px;
	height: 34px;
}
span.imgRplc_implant {
	background: url(images/heading_implant.gif) no-repeat;
	position: absolute;
	width: 128px;
	height: 34px;
}
span.imgRplc_veneer {
	background: url(images/heading_veneer.gif) no-repeat;
	position: absolute;
	width: 115px;
	height: 34px;
}
span.imgRplc_cleaning {
	background: url(images/heading_cleaning.gif) no-repeat;
	position: absolute;
	width: 272px;
	height: 34px;
}
span.imgRplc_whitening {
	background: url(images/heading_whitening.gif) no-repeat;
	position: absolute;
	width: 162px;
	height: 34px;
}
/*
------------Image Replacement - Patient Info page-----------------------------------
*/
span.imgHldr_payment {
	width: 200px;
	height: 38px;
	position: relative;
}
span.imgRplc_payment {
	background: url(images/heading_payment.gif) no-repeat;
	position: absolute;
	width: 200px;
	height: 38px;
}
span.imgHldr_insurance {
	width: 232px;
	height: 34px;
	position: relative;
	float: left;
}
span.imgRplc_insurance {
	background: url(images/heading_insurance.gif) no-repeat;
	position: absolute;
	width: 232px;
	height: 34px;
}
/*
------------Image Replacement - Gallery page-----------------------------------
*/
span.imgHldr_case1 {
	width: 101px;
	height: 34px;
	position: relative;
	float: left;
}
span.imgRplc_case1 {
	background: url(images/heading_case1.gif) no-repeat;
	position: absolute;
	width: 101px;
	height: 34px;
}
span.imgHldr_case2 {
	width: 101px;
	height: 34px;
	position: relative;
	float: left;
}
span.imgRplc_case2 {
	background: url(images/heading_case2.gif) no-repeat;
	position: absolute;
	width: 101px;
	height: 34px;
}
span.imgHldr_case3 {
	width: 101px;
	height: 34px;
	position: relative;
	float: left;
}
span.imgRplc_case3 {
	background: url(images/heading_case3.gif) no-repeat;
	position: absolute;
	width: 101px;
	height: 34px;
}
span.imgHldr_case4 {
	width: 101px;
	height: 34px;
	position: relative;
	float: left;
}
span.imgRplc_case4 {
	background: url(images/heading_case4.gif) no-repeat;
	position: absolute;
	width: 101px;
	height: 34px;
}
span.imgHldr_case5 {
	width: 101px;
	height: 34px;
	position: relative;
	float: left;
}
span.imgRplc_case5 {
	background: url(images/heading_case5.gif) no-repeat;
	position: absolute;
	width: 101px;
	height: 34px;
}
span.imgHldr_case6 {
	width: 101px;
	height: 34px;
	position: relative;
	float: left;
}
span.imgRplc_case6 {
	background: url(images/heading_case6.gif) no-repeat;
	position: absolute;
	width: 101px;
	height: 34px;
}
span.imgHldr_case7 {
	width: 101px;
	height: 34px;
	position: relative;
	float: left;
}
span.imgRplc_case7 {
	background: url(images/heading_case7.gif) no-repeat;
	position: absolute;
	width: 101px;
	height: 34px;
}
span.imgHldr_case8 {
	width: 101px;
	height: 34px;
	position: relative;
	float: left;
}
span.imgRplc_case8 {
	background: url(images/heading_case8.gif) no-repeat;
	position: absolute;
	width: 101px;
	height: 34px;
}
span.imgHldr_case9 {
	width: 101px;
	height: 34px;
	position: relative;
	float: left;
}
span.imgRplc_case9 {
	background: url(images/heading_case9.gif) no-repeat;
	position: absolute;
	width: 101px;
	height: 34px;
}
span.imgHldr_case10 {
	width: 119px;
	height: 34px;
	position: relative;
	float: left;
}
span.imgRplc_case10 {
	background: url(images/heading_case10.gif) no-repeat;
	position: absolute;
	width: 119px;
	height: 34px;
}
span.imgHldr_case11 {
	width: 150px;
	height: 34px;
	position: relative;
	float: left;
}
span.imgRplc_case11 {
	background: url(images/heading_case11.gif) no-repeat;
	position: absolute;
	width: 150px;
	height: 34px;
}


/*
------------content-----------------------------------
*/

/*
Sets the background image for the cell which hosts the rotating images
in order to avoid a white flash as the start of the slideshow.
*/

#slideShowBox {
	background: transparent url(images//wfd_home_02.jpg) no-repeat;
}


.quoteName {
	text-align: right;
	font-style: italic;
}

#mapBG {
	background: transparent url(images/contact_bg.gif) bottom no-repeat;
	height: 520px;
}
label {
	font-size: 10px;
	font-weight: bold;
}
input, textarea {
	width: 250px;
	margin-bottom: 12px;
}

#formButtons {
	padding-left: 90px;
}
input.button {
	width: 75px;
	display: block;
	padding: 0;
	margin: 0 12px 0 0;
	float: left;
}


#galleryNav {
	padding: 18px 0;
	font-weight: bold;
	width: 550px;
}
#galleryNav p {
	padding-left: 200px;
}
.left {
	float: left;
	position: relative;
}
.right {
	float: right;
	position: relative;
}

div.rightBox {
	float: right;
	width: 250px;
	padding-left: 46px;
	text-align: center;
}
h3.mapStar {
	background: transparent url(images/map_star.gif) 16px 0 no-repeat;
}
#map a {
	position: absolute;
	height: 60px;
	width: 60px;
	top: 620px;
	text-decoration: none;
}

/*
------------footer-----------------------------------
*/

#footer {
	height: 60px;
}
#footer p {
	margin: 0;
	padding: 20px 24px 0 24px;
}
#footer a {
	text-decoration: none;
	font-weight: normal;
	color: #3a1809;
}
#footer span.imgHldr {
	width: 146px;
	height: 26px;
	position: relative;
	margin: 12px 12px 0 24px;
	float: left;
}
#footer span.imgRplc {
	background: url(images/wfd_footer_txt.gif) no-repeat;
	position: absolute;
	width: 146px;
	height: 26px;
}
#disclaimer p {
	font-size: 10px;
	text-align: center;
	margin: 6px;
	color: #9a703e;
}
#spacer {
	height: 200px;
}