/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:0.9em;}
html, input, textarea	{	font-family:Tahoma; 
		color:#4d453c;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}

.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}

div.container {	overflow:hidden; width: 100%;}

a img{ border:0px}
img{ vertical-align:top;}

b{color:#018eb9;}
.highlight {color:#990000}
a{color:#990000; text-decoration:none} 
a:hover{text-decoration:none}
.link1{color:#e5156d; font-weight:bold; font-size:0.89em; margin-right:20px} 

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}



.ul{margin:0; padding:0; list-style:none;}
.ul li{background:url(../images/marker.gif) top left no-repeat; background-position:0 8px; margin:0px; padding-left:18px; }
.ul li a{color:#990000; font-weight:normal; font-size:1.1em; text-decoration: none; line-height:1.75em} 
.ul li a:hover { text-decoration:underline; }


.link { display:block; float:left; background:url(../images/link_bg.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link em { display:block; background:url(../images/link_left.gif) no-repeat left top;}
.link b { display:block; background:url(../images/link_right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;}
.link a { text-decoration:none; }
.link a:hover { text-decoration:underline; }


/*header*/
#header .logo{ margin:0px 0 20px 0px; height: 129px; width: 323px; background:url(../images/logo.gif) no-repeat top left }

/*logo text*/
/*#header .logo h1{ position:relative; top: 40px; left:20px; color: #fff; text-decoration: none; line-height: 1em;}*/

/*logo image 323px x 129px*/
#header .logo h1{ position:relative; top: 0px; left:0px; width: 323px; height: 129px; text-indent: -9999px; background:url(../images/logo.gif) no-repeat}


#header .block{ position:absolute; margin:30px 0 0px 323px;}

.row1{ background: url(../images/bg_row1.gif) repeat-x bottom #fff}
.row1 .indent-main{padding:0px 26px 40px 28px}

/*content*/
#content h1, h2, h3, h4{ font-size:1.25em; margin-bottom:10px}
#content { font-size:0.6875em; width:100%; text-align:left;}
#content .title{ background:url(../images/bg_title.gif) repeat-x bottom;  padding-bottom:6px; margin-bottom:30px}
#content .title1{margin-bottom:30px}
#content .tag{margin: 0px 0px 20px 0px}
#content .banner_ad{margin: 50px 0px 20px 0px;}
#content .pic_left{ float:left; margin:0px 10px 10px 0px}
#content hr{margin: 15px 0px 15px 0px}
#content .img-indent{ margin:0px 0px 20px 0px; border: solid 1px #666 }
#content a.more{ display: block; margin:17px 0px 0px 0px; padding-left: 3px; float:right; background: url(../images/more.gif) no-repeat top left; height: 14px; line-height: 14px; width: 79px; color: #333; text-decoration: none}
#content a:hover.more {color: #990000; background: url(../images/more.gif) no-repeat bottom left;}
#content .more1{ margin:13px 0px 0px 0px; float:right}
#content .more2{ margin:23px 0px 0px 0px; float:right}
#content p{ margin:0px 0px 13px 0px}
#content .p{ margin:0px 0px 23px 0px}
#content .indent{padding:0px 0px 0px 5px}
#content .indent1{padding:0px 0px 0px 20px}
#content h4{ color:#990000; font-size:1.1em; margin-bottom:15px}
#content .h4{ margin-bottom:0px}
#content .image_wrapper {float: left; margin: 20px 20px 0 0; line-height: 75; height: 75px; border: solid 1px #999 }

.indent-col-1{ padding:0px 30px 0px 0px}
.indent-col-2{ padding:0px 35px 0px 31px}
.indent-col-3{ padding:0px 0px 0px 30px}
.bg{ background:url(../images/tail.gif) no-repeat top right}

.txt{ color:#990000; font-size:1.1em}

/*--------Menu------------------------ */


ul#menu {
	overflow:hidden;
	padding:0;
	margin:0;
	list-style:none;
	width:292px;
}
ul#menu li {
	display:table;
	margin:0 0 5px;
}
ul#menu li a {
	background: url(../images/nav_bkg.gif) no-repeat top left;
	display:table-cell;
	color:#666;
	width:292px;
	height:21px;
	line-height: 21px;
	padding:0 0 0 88px;
	text-decoration:none;
	vertical-align: middle;
}
* html ul#menu li a {display:block;}
*+html ul#menu li a {display:block;}
ul.menu li a span {
	display:block;
	width:292px;
	cursor:pointer;
}
ul#menu li a:hover,
ul#menu li.active a {
	background-position: top right; 
	color:#fff;
}

body.home ul#menu a.home, body.team ul#menu a.team, body.practice ul#menu a.practice, body.gallery ul#menu a.gallery, body.insurance ul#menu a.insurance, body.contactus ul#menu a.contactus, body.treatments ul#menu a.treatments {
	background-position: top right; 
	color:#fff;
}

/*Forms*/
#side_bar fieldset {width:220px; margin: 1em 0; padding: 1em; border: 1px solid #333;}
#side_bar p.cform {margin:0px 0px 15px 0px; padding: 0;}
#side_bar legend {font-weight: bold;}
#side_bar label {display: block;}
#side_bar label.nb {float: left; width: 7em;}
#side_bar input {width:200px;}
#side_bar input#day {width:25px; margin-left: 0.5em;}
#side_bar textarea {width:200px; height:100px;}

#contact_form fieldset {margin: 1em 0; padding: 1em; border: 1px solid #333;}
#contact_form p.cform {margin:0px 0px 15px 0px; padding: 0;}
#contact_form legend {color:#4d453c; font-weight: bold;}
#contact_form label {display: block;}
#contact_form label.nb {float: left; width: 7em;}
#contact_form input {width:200px;}
#contact_form input#day {width:25px; margin-left: 0.5em;}
#contact_form textarea {height:100px;}

#appointment_form fieldset {margin: 1em 0; padding: 1em; border: 1px solid #333;}
#appointment_form p.cform {margin:0px 0px 15px 0px; padding: 0;}
#appointment_form legend {color:#4d453c; font-weight: bold;}
#appointment_form label {display: block;}
#appointment_form label.nb {float: left; width: 7em;}
#appointment_form input {width:200px;}
#appointment_form input#day {width:25px; margin-left: 0.5em;}
#appointment_form textarea {height:100px;}

/*block*/
.box{ background:#a6a16c; width:100%; color:#f2f2f1; font-size:1em; }
.box .border-top {background:url(../images/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(../images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(../images/border_left.gif) repeat-y left;}
.box .border-right {background:url(../images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(../images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(../images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(../images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(../images/corner_bottom_right.gif) no-repeat right bottom; }
.box .indent-box{padding:39px 27px 47px 29px }
#content .box .title2{margin-bottom:43px;}
#content .box .img-left{ float:left; margin:0px 20px 36px 0px}
#content .box .img-left1{ float:left; margin:0px 20px 56px 0px}
#content .box .img-left2{ float:left; margin:0px 20px 39px 0px}
#content .box .img-indent{ margin:0px 0px 20px 0px}
#content .box p{ margin:0px 0px 18px 0px}


/*footer*/
#footer { color:#4d453c; font-size:0.6875em; background:url(../images/bot.gif) repeat-x top; text-align:center }
#footer .indent-footer{ padding:28px 0px 0px 0px;}
#footer p{ color:#333}
#footer a {color:#333; text-decoration:underline; margin:0 0px 0 10px}  
#footer a:hover {  text-decoration:none}
#footer p a {color:#333; text-decoration:none; margin:0 28px 15px 28px}  
#footer p a:hover {  text-decoration:underline}

.h{ height:26px}
input{
   	border:1px solid #4d453c; 
	background:#edeceb;
	width:222px; height:20px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:1px
}
textarea{
   	border:1px solid #4d453c; 
	background:#edeceb;
	width:258px; height:98px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:25px;
	overflow:auto}