/**** Begin Basic Framework

 - Be careful making changes to this section *****/



/*Only Change Marked Elements*/

body {

	margin: 0;

	border: 0;

	padding: 0;

	

	height: 100%;

	max-height: 100%;

	

	background-color: #e1d7bd; /*Enter Background Color*/

	

	font-family: Arial, Helvetica, sans-serif; /*Enter Text Font*/

	font-size: 15px; /*Enter Text Font Size*/

	

	overflow: hidden; 

}





/*** Elements ***/



h1 {

	margin: 0px 0px 0px 0px;

	

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	

	color: #844617;

}



h2 {

	margin: 0px 0px 10px 0px;

	

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	

	color: Black;

}



p {

	margin: 0px 0px 10px 0px;

	

	font-family: Arial, Helvetica, sans-serif; /*Same as in body*/

	font-size: 15px; /*Same as in body*/

	font-weight: normal;

	

	text-align: left;

}



a {

	color: #844617;

	font-weight: bold;

}



a:hover, a:active {

	color: #777777;

}





/*** Header ***/



/*Only Change Marked Elements*/

#header {

	position: absolute;

	top: 0;

	left: 0;

	

	width: 100%;

	height: 152px; /*Enter Header Height*/

	

	overflow: hidden;

	

	background-image: url(images/headerBG.jpg); /*Extend Header Graphic*/

	background-repeat: repeat-x;

	background-color: #B06A36; /*Same as Body*/

	

	z-index: 4;

}



/** If Using Flash Header - Wrap this DIV around Flash **/

#flashHeader {

	

}



/** If Using Static Header - Only need to add IMG **/

/*Only Change Marked Elements*/

#header .headerIMG {

	height: 152px; /*Change Header IMG height: Note Image Height 3px less than DIV height*/

}





/*** Footer ***/



/*Only Change Marked Elements*/

#footer {

	position: absolute;

	bottom: 0;

	left: 0;

	

	width: 100%;

	height: 75px; /*Enter Footer Height*/

	

	overflow: hidden;

	

	background: #e1d7bd; /*Same as Body*/

	

	z-index: 2;

}



/*Only Change Marked Elements*/

#footBlock {

	margin-left: 213px;

	background-color: #e1d7bd; /*Enter Footer Color*/

}



/*Only Change Marked Elements*/

div.footBar {

	line-height: 7px; /*Enter Bar Height*/

	font-size: 1px;

	height: 7px; /*Enter Bar Height*/

	background-color: #b1a086; /*Enter Bar Color*/

}



#footBlock .slogan {

	margin: 0px 0px 0px 10px;

	padding: 5px 0px 5px 0px;

	

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	

	text-align: left;

	

	color: #000000; /*Enter Slogan Color*/

}



#footBlock .info {

	margin: 7px 0px 0px 10px;

	

	font-size: 11px;

	font-weight: bold;

	

	text-align: center;

	

	color: #404040;

}



#footBlock .info img {

	vertical-align: middle;

}





/*** Contain ***/



/*Only Change Marked Elements*/

#contain {

	position: fixed;

	top: 152px; /*Enter Header Height*/

	left: 0;

	bottom: 75px; /*Enter Footer Height*/

	right: 0;

	

	overflow: auto;

	

	z-index: 1;

}



/** for internet explorer **/



/*Only Change Marked Elements*/

* html body {

	padding: 152px 0 75px 0; /*Enter Header and Footer Height*/

}



* html #contain {

	height: 100%;

	width: 100%;

}





/*** Menu ***/



/*Only Change Marked Elements*/

#navigation {

	position: absolute;

	left: 0;

	top: 152px; /*Enter Header Height*/

	

	width: 205px;

	

	z-index: 3;

}



#navigation .address {

	margin: -8px 0 14px 0;;

	

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	

	color: #404040; /*Enter Address Color*/

	

	text-align: center;

}



/** Contact Form **/



#contactForm {

	margin: 0px 10px 0px 10px;

	padding: 5px 5px 5px 5px;

	

	background-color: #844617;

	

	border: 1px solid #b1a086;

}



#contactForm p {

	margin-bottom: 3px;

	

	font-size: 11px;

	font-weight: bold;

	

	color: #ffffff;

}



#contactForm form {

	margin: 0;

}



#contactForm input, #contactForm textarea {

	color: #000000;

	/*background: #ffffa0;*/

	border: 1px solid #9f9f9f;

}



#contactForm .submit input {

	margin-right: 3px;

	font-size: 11px;

	font-weight: bold;

	

	color: #ffffff;

	background-color: #b1a086;

	border: 1px outset #9f9f9f;

}



#contactForm .alignRight {

	padding-right: 1px;

	text-align: right;

}



/** If Using Dynamic Menu - Wrap this DIV around it**/

#menu {

	margin: 20px 0px 20px 10px;

}





/*** Page Title ***/



#pageTitle {

	display: block;

	padding: 16px 10px 10px 223px;

}





/*** Content ***/



#content {

	display: block;

	padding: 0px 10px 0px 223px;

}





/*** Bottom Navigation & Taglines ***/



#tag {

	display: block;

	padding: 30px 10px 5px 223px;

	

	text-align: center;

	clear: both;

}



#tag ul {

	margin: 0;

	padding: 0px 0px 5px 0px;

	

	list-style: none;

	

	font-size: 11px;

}



#tag ul li {

	display: inline;

	margin: 0;

	padding: 0;

}



#tag ul li a {

	padding: 0px 6px 0px 4px;

}



#tag p {

	margin: 0px 0px 0px 0px;

	font-size: 9px;

	text-align: center;

	color: #404040;

}





/***** End Basic Frame Work *****/







/***** Start General Elements *****/



.clear {

	clear: both;

}



ul.topNav {

	margin: 10px 0 20px 0;

	padding: 0px 0px 5px 0px;

	

	list-style: none;

	

	font-size: 11px;

	text-align: center;

}



ul.topNav li {

	display: inline;

	margin: 0;

	padding: 0;

}





/***** End General Elements *****/







/***** Start Page Layouts *****/





/*** Home ***/



#home {

	padding-top: 20px;

	text-align: left;

}



#homeImages img {

	margin-bottom: 20px;

	border: 10px solid #ffffff; /*Enter Border Color*/

}



#homeImages {

	text-align: center;

}



#homeImages .leftIMG {

	float:left;

	display: inline;

	margin: 0;

}



#homeImages .rightIMG {

	float: right;

	display: inline;

	margin: 0;

}



#homeImages .centerIMG {

	margin-left: 5px;

	margin-right: 5px;

}



#homeText .signature {

	font-family: Academy,Times New Roman,Times,serif;

	font-size: 18px;

	text-align: right;

}


.reward {
	width: 350px;
	float: left;
	display: inline;
	text-align: center;
	margin-top: 0px;
	padding: 10px;
	border: 2px solid #844617;
}

.reward h3 {
   padding-top: 0px;
	font-size: 26px;
	font-weight: bold;
}

.reward p {
	font-size: 16px;
	text-align: center;
}

.Letter p{
	font-size: 14px;
	text-align: left;
}

.reward span {
	font-size: 18px;
	font-weight: bolder;
	text-align: center; 
	color: #e36c0a;
}

.reward img{
	border: 0px;
}

/*** reward2 ***/


.reward2 {
	width: 350px;
	float: left;
	display: inline;
	text-align: center;
	margin:0px 0px 0px 10px;
	padding: 10px;
	border: 2px solid #844617;
}

.reward2 h3 {
   padding-top: 0px;
	font-size: 26px;
	font-weight: bold;
}

.reward2 p {
	font-size: 16px;
	text-align: center;
}

.reward2 span {
	font-size: 18px;
	font-weight: bolder;
	text-align: center;
}

.reward2 img{
	border: 1px solid #B06A36;
}

.red {
	font-size: 30px;
	color: Red;
}

.paragraph2 {
	font-size: 14px;
}

/*** Page with list of subpages ***/



#listPage ul {

	list-style: square;

}





/***** End Page Layouts *****/







/***** Start Code for Specific Pages *****/





/*** Welcome to Our Practice ***/



#welcome img {

	float: left;

	display: inline;

	margin: 0px 10px 10px 0px;

	border: 1px solid Black;

}



div.flashImage {

	float: left;

	display: inline;

	margin: 0px 10px 10px 0px;

	border: 1px solid Black;

}





/*** Meet the Doctor and Team ***/



.teamIntro {

	padding-bottom: 56px;/*Add only for short content, adjust depending on length*/

}



#team img {

	float: left;

	display: inline;

	margin: 0px 10px 10px 0px;

	border: 1px solid Black;

}



#teamPhotos	{

	width: 210px;

	margin: 0 0 10px 0;

}

/*** Services Provided ***/



#services .procImages {

	float: left;

	display: inline;

}



#services .procImages img {

	margin-right: 10px;

	border: 1px solid Black;

}





/*** Dental Implants ***/



#implants .procImages {

	margin-bottom: 10px;

}



#implants .procImages img {

	margin-right: 10px;

	border: 1px solid Black;

}



#implants .implantVid {

	width: 200px;

	text-align: center;

}





/*** Technology ***/



#technology .procImages {

	float: left;

	display: inline;

}



#technology .procImages img {

	margin-right: 10px;

	border: 1px solid Black;

}





/*** Patient Forms & Instructions ****/



#formTable {

	width: 500px;

}



#formTable th {

	text-align: left;

}



#formTable td {

	width: 250px;

	padding-left: 8px;

}



#forms img {

	margin-left: 250px;

}





/*** Helpful Links ***/



#links {

	

}





/*** Contact Us ***/



#contact p {

	margin-bottom: 20px;

}



div.googleMap {

	float: left;

	display: inline;

	margin: 0px 10px 10px 0px;

}





/*** Site Map ***/



#sitemapLeft {

	float: left;

	display: inline;

	width: 350px;

}



#sitemap ul {

	list-style: none;

}



#sitemapRight .pushBullets {

	text-indent: 40px;

}





/***** End Code for Specific Pages *****/