* { margin:0; padding:0;}
body {font-family:Tahoma; font-size:100%; line-height: 20px; color: #666; letter-spacing: 0.5px; background:url(../images/header_bkg.jpg) repeat-x top}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}
.style5 {font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #6a382f; line-height: 15px; letter-spacing: 0.5px; margin-left: 0px;font-weight: normal; font-style: italic;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:16px;}

.tall_top { background:url(../images/tall_top.gif) left top repeat-x #fff;}
.tall_bottom { background:url(../images/tall_bottom.gif) left bottom repeat-x;}

ul#demoNav{position: absolute; margin:0; padding:0; list-style:none; display: inline}
ul#demoNav li {display: block; float: left; display: inline; padding-right: 10px; background: none}
ul#demoNav li a.notactive{color: #666; text-decoration: none;}
ul#demoNav li a{color:#993333;; text-decoration:underline} 
ul#demoNav li a:hover{text-decoration:none}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#form { height:23px;}
#form input {width:193px; height:16px; background:none; color:#8a7f65; font-size:1em; font-family:tahoma; padding-left:3px; border:1px solid #8a7f65;}
textarea { width:193px; height:85px; background:none; overflow:auto; border:1px solid #8a7f65;  margin-bottom:15px;}

fieldset { margin: 1em 0; padding: 1em; border: 1px solid #66b360;}
#content p.cform {margin:0px 0px 15px 0px; padding: 0;}
legend {font-weight: bold;}
label {display: block}
label  {display: block}
.submit{float: left; width: 7em; text-align: center;}
input {
	width:200px;
	text-align: left;
}
input#day {width:25px; margin-left: 0.5em;}
textarea {width:300px; height:100px; background-color: #ffffff}

/*==================menu====================*/
.menuHome a {
	background-image: url(../images/menu_01.png);
	height: 64px;
	width: 75px;
	border: none;
	display: block;
	float: left;
}
.menuHome a:hover {
	background-position: 0px -64px;
}
.menuHomeLocal a {
	background-image: url(../images/menu_01.png);
	height: 64px;
	width: 75px;
	border: none;
	display: block;
	float: left;
	background-position: 0px -64px;
}
.menuFew a {
	background-image: url(../images/menu_02.png);
	height: 64px;
	width: 83px;
	border: none;
	display: block;
	float: left;
}
.menuFew a:hover {
	background-position: 0px -64px;
}
.menuFewLocal a {
	background-image: url(../images/menu_02.png);
	height: 64px;
	width: 83px;
	border: none;
	display: block;
	float: left;
	background-position: 0px -64px;
}
.menuComfort a {
	background-image: url(../images/menu_03.png);
	height: 64px;
	width: 97px;
	border: none;
	display: block;
	float: left;
}
.menuComfort a:hover {
	background-position: 0px -64px;
}
.menuComfortLocal a {
	background-image: url(../images/menu_03.png);
	height: 64px;
	width: 97px;
	border: none;
	display: block;
	float: left;
	background-position: 0px -64px;
}.menuArtistic a {
	background-image: url(../images/menu_04.png);
	height: 64px;
	width: 97px;
	border: none;
	display: block;
	float: left;
}
.menuArtistic a:hover {
	background-position: 0px -64px;
}
.menuArtisticLocal a {
	background-image: url(../images/menu_04.png);
	height: 64px;
	width: 97px;
	border: none;
	display: block;
	float: left;
	background-position: 0px -64px;
}.menuExpertise a {
	background-image: url(../images/menu_05.png);
	height: 64px;
	width: 105px;
	border: none;
	display: block;
	float: left;
}
.menuExpertise a:hover {
	background-position: 0px -64px;
}
.menuExpertiseLocal a {
	background-image: url(../images/menu_05.png);
	height: 64px;
	width: 105px;
	border: none;
	display: block;
	float: left;
	background-position: 0px -64px;
}
.menuTeam a {
	background-image: url(../images/menu_06.png);
	height: 64px;
	width: 80px;
	border: none;
	display: block;
	float: left;
}
.menuTeam a:hover {
	background-position: 0px -64px;
}
.menuTeamLocal a {
	background-image: url(../images/menu_06.png);
	height: 64px;
	width: 80px;
	border: none;
	display: block;
	float: left;
	background-position: 0px -64px;
}
.menuFin a {
	background-image: url(../images/menu_07.png);
	height: 64px;
	width: 97px;
	border: none;
	display: block;
	float: left;
}
.menuFin a:hover {
	background-position: 0px -64px;
}
.menuFinLocal a {
	background-image: url(../images/menu_07.png);
	height: 64px;
	width: 97px;
	border: none;
	display: block;
	float: left;
	background-position: 0px -64px;
}
.menuContact a {
	background-image: url(../images/menu_08.png);
	height: 64px;
	width: 99px;
	border: none;
	display: block;
	float: left;
}
.menuContact a:hover {
	background-position: 0px -64px;
}
.menuContactLocal a {
	background-image: url(../images/menu_08.png);
	height: 64px;
	width: 99px;
	border: none;
	display: block;
	float: left;
	background-position: 0px -64px;
}

/*==================list====================*/
ul { list-style:none;}
.forms li {background:url(../images/doc_icon.gif) no-repeat 0 50%; padding-left: 25px; margin-bottom: 5px; font-size: 14px}
.forms li a { color: #C62429;}
.list1 dt { padding-bottom:5px;}
.list1 dd { padding-bottom:21px;}

.list2 li { background:url(../images/marker.gif) no-repeat left 4px; padding-left:17px; padding-bottom:6px;}
.list2 li a { font-weight:bold;}


/*==================other====================*/
.img_indent { margin:0 16px 0 0; float:left;}
.img_box {
	width:100%;
	overflow:hidden;
	padding-bottom:12px;
}
.img_box img { float:left; margin:0 16px 0 0;}
.img_box1 { width:100%; overflow:hidden;}
.img_box1 .fleft { margin:0 16px 0 0;}
.img_box2 { width:100%; padding-bottom:22px;}
.img_box2 img { float:left; margin:0 13px 0 0;}
.img_box3 { width:100%; padding-bottom:6px;}
.img_box3 img { float:left; margin:0 13px 0 0;}
.img_box h3 { color: #64332c;
}

.p1 { margin-bottom:18px;}
.p2 { margin-bottom:10px;}


/*==================txt, links, lines, titles====================*/
a {color:#fd6703;}
a:hover{text-decoration:none;}

h3 { font-size:1em; margin-bottom:8px;}
h4 { font-size:1em; margin-bottom:4px;}

.link1 { display:block; float:left; background:url(../images/link1_bgd.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link1 em { display:block; background:url(../images/link1_left.gif) no-repeat left top;}
.link1 b { display:block; background:url(../images/link1_right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;}
.link1:hover { text-decoration:underline;}

.line_hor { background:url(../images/line1.gif) left bottom repeat-x; padding-bottom:20px; margin-bottom:20px;}

.title { margin-bottom:21px;}

/*==================blocks====================*/
.block { background:#f9f4da; width:729px;}
.block .top_tall { background:url(../images/top_tall.gif) left top repeat-x;}
.block .right_tall { background:url(../images/border.gif) right top repeat-y;}
.block .bottom_tall { background:url(../images/bottom_tall.gif) left bottom no-repeat;}
.block .bottom_tall1 { background:url(../images/bottom_tall1.gif) left bottom no-repeat;}
.block .bottom_tall2 { background:url(../images/bottom_tall2.gif) left bottom no-repeat;}
.block .left_tall { background:url(../images/border.gif) left top repeat-y;}
.block .left_top_corner { background:url(../images/left_top_corner.gif) no-repeat left top;}
.block .right_top_corner { background:url(../images/right_top_corner.gif) no-repeat right top;}
.block .indent { padding:2px 1px 11px 1px;}
.block .indent1 { padding:2px 1px 8px 1px;}
.block .indent2 { padding:35px 16px 36px 27px;}

.cont_box { padding:0 56px 0 0; margin-bottom:0;}
.cont_box span { float:right;}


/*header*/
#header .row_1 {
	height:100px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -20px;
	margin-left: 0;
}
#header .row_1 .fleft { padding:5px 0 0 0px;}
#header .row_1 .fright {
	padding:10px 15px 0 0;
}
#header .row_2 {
	height: 64px;
}
#header .row_3 {
	height:208px;
	position: relative;
}
#header .row_3 .slogan { margin-bottom:15px;}
#header .row_3 .indent { padding:51px 16px 0 0;}
#header .address {color: #b19e7d; font-size: 14px; text-align: right; line-height: 18px;}
#header .style7 {font-size: 18px;}
#header .logo {
	position: absolute;
	top: 34px;
}
#header .logo_text {display: inline; margin: 0px 0px 5px 10px; color: #b2a281; font-family: Arial,Helvetica,sans-serif; font-size: 16px;}

/*content*/
#content p {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #66563D; line-height: 20px; letter-spacing: 0.5px; margin-left: 0px; font-weight: normal;}
#content .bkg_grad {width: 727px; background:url(../images/grad_bkg.gif) repeat-x; margin-left: 1px;}
#content .top {width: 729px; height: 25px;  background:url(../images/main_top.gif) no-repeat;}
#content {
	background:url(../images/main_bkg.gif) repeat-y;
	margin-top: -14px;
}
#content .bottom {width: 729px; height: 25px;  background:url(../images/main_bottom.gif) no-repeat;}
#content .title {margin-bottom:7px; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ab9975; letter-spacing: 0.5px; margin-left: 0px; font-weight: bold;}
#content .row_1 { border-bottom:1px solid #ded4b0;}
#content .inner { padding:35px 20px 13px 20px;}
#content .inner2 { padding:5px 20px 13px 20px;}
.leftCol1 {
	float: left;
	width: 350px;
	padding-left: 10px;
	padding-right: 6px;
}
.rightCol1 {
	width: 312px;
	margin-left: 410px;
}


#content .col_1 .inner { padding:35px 20px 13px 26px;}
#content .col_1 .inner1 { padding:25px 20px 13px 26px;}
#content .col_2 .inner { padding:35px 0 13px 23px;}
#content .row_2 .col_1 .inner { padding:25px 20px 22px 26px;}
#content .row_2 .col_2 .inner1 {
	padding:23px 0 15px 9px;
}
#content .row_2 .col_2 .inner2 { padding:25px 4px 22px 26px;}
#content .image_wrapper {float: left; margin: 20px 20px 0 0; line-height: 75; height: 75px}
#content .banner {margin-top: 50px;} 
.bgd { background:#efe9cb;}
.border_right { border-right:1px solid #e0d9bd;}
.border_left { border-left:1px solid #e0d9bd; margin-left:-1px;}

/*footer*/
#footer p {
	padding:24px 0 0 0;
	text-align: center;
}
#footer a { color:#a5946d; font-weight:bold;}
/*==========================================*/


/****************CALENDAR*****************/

/* the div that holds the date picker calendar */
.dpDiv {}


/* the table (within the div) that holds the date picker calendar */
.dpTable {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #505050; background-color: #ece9d8; border: 1px solid #AAAAAA;}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
.thankYouHeader {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	color: #000;
	height: 1.5em;
	width: 100%;
	background-color: #FF9;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CC3;
	padding-top: 0.4em;
	padding-right: 0;
	padding-bottom: 0.2em;
	padding-left: 1em;
	text-align: center;
}
#signature {
	color: #7A3E31;
	padding-left: .3em;
	font-style: italic;
}

/* teeth whitening */

.alignleft { float: left; margin-right: 10px; margin-bottom: 10px; }
.alignright { float: right; margin-left: 10px; margin-bottom: 10px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}  /* for IE/Mac */

#teeth_whitening_products { padding-left: 0px; }
#teeth_whitening_product .desc { float: left; width: 360px; margin-left: 20px; }
#teeth_whitening_product { margin-top: 15px; margin-bottom: 20px; }
#teeth_whitening_product img { width: 250px; padding: 5px;  }

.strike { text-decoration: line-through;}
.promotion { color: #BA0F16; font-weight: bold;}

#whiterteeth { width: 220px; margin: 0px auto 15px auto; }
