/**** Begin Basic Framework - Be careful making changes to this section *****/
/*Only Change Marked Elements*/

body
{
	margin: 0px;
	padding: 0px;
	background-color: #83ad7c; /*Enter Background Color*/
	background-image: url(images/main_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	color: #000000; /*Enter Text Color*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /*Enter Text Font*/
	font-size: 13px; /*Enter Text Font Size*/
}

/*** Elements ***/
h1
{
	margin: 0px 0px 7px 0px;
	color: #F8FFAF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /*Enter Text Font*/
	font-weight: bold;
	font-size: 20px;
}

h2
{
	margin: 25px 0px 10px 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /*Enter Text Font*/
	font-size: 18px;
	font-weight: bold;
	color: #F8FFAF;
}

h3
{
	margin: 25px 0px 10px 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /*Enter Text Font*/
	font-size: 16px;
	font-weight: bold;
	color: #F8FFAF;
}

p
{
	margin: 0 0 10px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /*Enter Text Font*/
	font-size: 14px; /*Enter Text Font Size*/
	font-weight: normal;
	text-align: left;
	color: #fff; /*Enter Text Color*/
}

ul
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /*Enter Text Font*/
	font-size: 14px; /*Enter Text Font Size*/
	font-weight: normal;
	color: #fff; /*Enter Text Color*/
}

a 
{
	text-decoration: underline;
	color: #fff; /*Enter Link Color*/
	font-weight: bold;
}

a:hover, a:active
{
	color: #F8FFAF; /*Enter Link Hover Color*/
}

/*** Contain ***/
#contain
{
	margin: 0px auto 0px auto;
	width: 900px;
	background-color: #dad6c4;
	border-left: 1px solid #868074;
	border-right: 1px solid #868074;
}

/*** Header ***/
#header
{
	height: 130px;
	padding: 0px 0px 0px 30px;
	background-image: url(images/header_logo.jpg);
	background-position: left;
	background-repeat: no-repeat;
	border-bottom: #868074 1px solid;
}

#header h1
{
	width: 350px;
	line-height: 36px;
	text-align: center;
}

#header img
{
	margin: 0px;
}

#address
{
	float: right;
	display: inline;
	width: 300px;
	position: relative;
	text-align: right;
	padding: 30px 20px 5px 0px;
	margin: 0px;
}

#address p
{
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	color: #868072; /*Enter Highlight Color*/
	text-align: right;
	line-height: 21px;
}

#address a:link, #address a:visited, #address a:active
{
	color: #868072;
}

#address a:hover
{
	color: #ffffff;
}

#address .phone {
	font-size: 18px;
	font-weight: bold;
	color: #868072; /*Enter Highlight Color*/
	text-align: right;
	line-height: 21px;
}

/*** Navigation Block ***/
#navigation
{
	padding: 5px 0 5px 0;
	background-color: #412e16;
	/*border-bottom: 1px solid #4169E1;*/ /*Enter Highlight Color*/
}

#flashHeader
{
	height: 192px;
	float: right;
	display: inline;
	width: 715px;
}

/** If Using Dynamic Menu - Wrap this DIV around it**/
#menu
{
	float: left;
	display: inline;
	width: 185px;
}

/** If Using Non-Dynamic Menu - Only use UL**/
#plainMenu
{
	margin: 0;
	padding: 10px 10px 2px 10px;
}

#plainMenu li
{
	display: inline;
	font-size: 11px;
}

#plainMenu li a
{
	margin: 0 5px 0 0px;
}

/*** Page Titles ***/
#pageTitle
{
	height: 80px;
}

/*** Content ***/
#content
{
	padding: 10px 30px 30px 30px;
	background-color: #412e16;
	background-image: url(images/contentBG.jpg);
	background-repeat: repeat-y;
}

#contentLeft
{
	float: left;
	display: inline;
	width: 640px;
	background-color: #412e16;
}

#contentRight
{
	float: right;
	display: inline;
	width: 200px;
	/*border-top: 3px solid #000;*/
	position: relative;
	top: -75px;
}

#home p
{
	margin: 0 0 10px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /*Enter Text Font*/
	font-size: 15px; /*Enter Text Font Size*/
	font-weight: normal;
	text-align: left;
	color: #fff; /*Enter Text Color*/
}

/** Contact Form **/
#contactForm
{
	margin: 0px 0px 0px 20px;
	padding: 20px 0px 20px 0px;
	width: 180px;
	background-color: #83ad7c;
	clear: both;
}

#contactForm p
{
	margin: 0 0 10px 6px;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

#contactForm form
{
	margin: 0;
}

#contactForm input, #contactForm textarea
{
	color: #000000;
	border: 1px solid #878175;
}

#contactForm textarea
{
	margin-top: 3px;
}

#contactForm .submit input
{
	margin: 3px 6px 0 0;
	font-size: 11px;
	font-weight: bold;
	color: #878175;
	background-color: #f9f476;
	border: 1px outset #878175;
}

#contactForm .alignRight
{
	padding-right: 1px;
	text-align: right;
}

#specialsArea
{
	margin: 0px 0px 0px 20px;
	padding: 15px 0px 5px 7px;
	width: 170px;
	background-color: transparent;
	clear: both;
}

#specialsArea img
{
	margin: 0;
	border: none;
}

#socialIcons
{
	margin: 0px 0px 0px 20px;
	padding: 5px 0px 10px 0px;
	width: 180px;
	text-align: center;
	background-color: transparent;
	clear: both;
}

#socialIcons img
{
	margin: 0 4px 3px 1px;
	padding: 0;
	border: none;
}

#socialIcons a:link, #socialIcons a:active, #socialIcons a:visited 
{
	color: #412e16;
	text-decoration: none;
}

#socialIcons a:hover 
{
	color: #755429;
	text-decoration: none;
}

/*** Footer ***/
#footer
{
	margin-top: 0px;
	padding-top: 15px;
	border-top: 1px solid #868074; /*Enter Highlight Color*/
	text-align: center;
	clear: both;
}

#footer ul
{
	margin: 0;
	padding: 0px 0px 5px 0px;
	list-style: none;
	color: #fff;
	font-size: 11px;
}

#footer ul li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#footer ul li a
{
	padding: 0px 6px 0px 4px;
}

#footer p
{
	margin: 0px 0px 0px 0px;
	font-size: 9px;
	text-align: center;
	color: #868074; /*Enter Tag Color*/
}

#footer .info
{
	margin: 7px 0px 0px 10px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #868074; /*Enter Copyright Color*/
}

#footer p.info img
{
	vertical-align: middle;
}
/***** End Basic Frame Work *****/


/***** Start General Elements *****/
.clear
{
	clear: both;
}

.faqHeader
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
	margin: 7px 0px 4px 0px;
	padding: 0px;
}

.faqBody
{
	color: #eff1e6;
	font-weight: normal;
	margin: 4px 0px 2px 36px;
	padding: 0px;
	display: none;
}

.galleryContainer
{
	text-align: center;
	padding: 5px;
	background-color: #83ad7c;
	border: #ffffff 1px solid;
}

.pageBottomLinks
{
	text-align: center;
	margin: 35px 0px 10px 0px;
	padding: 0px;
	border: 0px;
}
/***** End General Elements *****/


/*** Page with list of subpages ***/
#listPage ul
{
	list-style: square;
}
/***** End Page Layouts *****/


/***** Start Code for Specific Pages *****/
/*** Home ***/
#home {}

#home .signature
{
	font-family: Academy,Times New Roman,Times,serif;
	font-size: 18px;
	text-align: right;
}

/*** Welcome to Our Practice ***/
#about {}

#about img
{
	float: left;
	display: inline;
	margin: 0px 10px 0px 0px;
	border: 1px solid #ffffff;
}

/*** Meet the Doctor ***/

#doctor {}

#doctor img
{
	float: left;
	display: inline;
	margin: 0px 10px 10px 0px;
	border: 1px solid #ffffff;
}

/*** Cosmetic Dentistry ***/

#cosmetic {}

#cosmetic .procImages
{
	float: left;
	display: inline;
}

#cosmetic .procImages img
{
	margin-right: 10px;
	border: 1px solid #FFF;
}

/*** Invisalign ***/
#invisalign {}

#invisalign img
{
	float: left;
	display: inline;
	margin: 0px 10px 10px 0px;
	border: 1px solid #ffffff;
}

/*** ClearCorrect ***/
#clearcorrect {}

#clearcorrect .rightImage
{
	float: right;
	display: block;
	margin: 0px 10px 10px 0px;
	border: 1px solid #ffffff;
}

/** Office Tour **/



/* default link style - needed to make the :active work correctly in IE */

tour.a, tour.a:visited, tour.a:hover, tour.a:active {
	color:#000;
}

/* style the outer cntaining div to fit the landscape, portrait and buttons */

#album {
	width:416px; 
	height:464px; 
	background:#eceee1 url(images/tour/tour01.jpg) 8px 40px no-repeat;
	border:1px solid #83ad7c;
	margin:0 auto;
}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */

.show {
	padding:0; 
	margin:400px 0 0 0; 
	list-style-type:none; 
	position:relative; 
	width:416px;
}

/* remove the default image border */

.show img {
	border:0;
}

/* make the list horizontal */

.show li {
	float:left;
}

/* style the link text to be central in a surrounding box */
.show li a, .show li a:visited {
	font-size:11px;
	float:left; 
	text-decoration:none; 
	color:#000; 
	background:#d9d6c4; 
	text-align:center; 
	width:26px; 
	height:26px; 
	line-height:24px; 
	border:1px solid #444;
	margin:2px;
}

/* position the images using an absolute position and hide them from view */

.show li a img {
	position:absolute; 
	top:-400px; 
	left:0; 
	visibility:hidden; 
	border:0;
}

/* fix the top position for the landscape images */

.show li a img.landscape {
	top:-360px;
	border-left:8px solid #eee;
	border-right:8px solid #eee;
}

/* fix the left position for the portrait images */

.show li a img.portrait {
	left:0;
	border-left:58px solid #eee;
	border-right:58px solid #eee;
}

/* style the hover background color for the text boxes */

.show li a:hover {
	background:#ddd;
}

/* style the active/focus colors for the text boxes (required for IE) */

.show li a:active, .show li a:focus {
	background:#444; 
	color:#fff;
}

/* make the images visible on active/focus */

.show li a:active img, .show li a:focus img {
	visibility:visible;
}

/*** Before & After Gallery ***/
#gallery
{
	text-align: center;
}

#gallery .flashGallery
{
	position: relative;
	margin: 6px 0px 0px 6px;
}

#gallery table
{	
	margin: 0px auto;
}

#gallery td
{
	width: 275px;
	text-align: center;
}

#gallery td p
{
	font-weight: bold;
	text-align: center;
}

#gallery img
{
	margin: 10px 0px 10px 0px;
}

/*** Patient Education ***/
#education {}

#education img
{
	float: left;
	display: inline;
	margin: 0px 10px 10px 0px;
	border: 1px solid #beae61;
}

/*** Patient Forms ****/
#formTable
{
	width: 500px;
}

#formTable th
{
	text-align: left;
}

#formTable td
{
	width: 250px;
	padding-left: 8px;
}

#forms img
{
	margin-left: 250px;
}

/*** Financial Arrangements ***/
#financial {}

#financial img
{
	float: left;
	display: inline;
	margin: 0px 10px 10px 0px;
	border: 0px;
}

/*** Contact Us ***/
#contact {}

#contact img
{
	float: left;
	display: inline;
	margin: 0px 10px 10px 0px;
	border: 1px solid #ffffff;
}

#contact p
{
	margin-bottom: 20px;
}

/*** Directions to Our Office ***/
#directions {}

#directions img
{
	float: left;
	display: inline;
	margin: 0px 10px 10px 0px;
	border: 1px solid #ffffff;
}

#directions p
{
	margin-bottom: 20px;
}

/*** Site Map ***/
#sitemapLeft
{
	float: left;
	display: inline;
	width: 320px;
}

#sitemap ul
{
	list-style: none;
}

#sitemapRight
{
	float: right;
	display: inline;
	width: 320px;
}
/***** End Code for Specific Pages *****/