/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:1em; text-align:center; background:url(../images/bg.gif) repeat-x top}
html, input, textarea
	{	font-family:Arial; 
		color:#757575;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}
div.container {	overflow:hidden; width: 100%;} 
.di{ display:inline}

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

b{color:#018eb9;}

a{color:#333399;; text-decoration:none} 
a:hover{text-decoration:underline}
.a1{color:#e5156d; font-weight:bold; font-size:0.89em; margin-right:20px} 

ul{margin:0; padding:0; list-style:none;}
ul li{background:url(../images/arrow_blue.gif) top left no-repeat; background-position:0 7px; margin:0px; padding:0 0 7px 18px; }
ul li a{color:#333399; text-decoration:underline;  line-height:1.9em; display:block; } 
ul li a:hover { text-decoration:none; }

.ul li{background:url(../images/arrow_blue.gif) top left no-repeat; background-position:0 7px; margin:0px; padding:0 0 7px 18px; font-size:.8em }
.ul li a{color:#333399;; text-decoration:underline;  line-height:1.5em; display:block; font-size:1.2em} 
.ul li a:hover { text-decoration:none; }

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;}
/*header*/
#header .row1{padding-top: 50px}
#header {font-size:0.75em; color:#aaa9a6; position: relative}
#header .bg_left{background:url(../images/top_left.gif) no-repeat top left; }
#header .bg_right{background:url(../images/top_right.gif) no-repeat top right;}
#header .logo{ margin:0px 0 24px 40px }
#header .newlogo{ position: absolute; top:30px; left: 25px}
#header .newlogotext h1{ position: absolute; top:120px; left: 25px; font-size:2em}
#header .newlogotext { text-decoration:none; }
#header .indent{ padding:49px 34px 40px 35px }
#header .m{ margin:0px 0px 13px 0px }
#header .indent span{ float:right;}
#header a{color:#333399; text-decoration:underline} 
#header a:hover{text-decoration:none}
.menu{ float:left; width:304px; background:url(../images/bg_menu_blue.jpg) no-repeat top left; height:428px } 
.indent_menu{ padding:56px 0px 0px 29px} 
.slogan{float:left; width:613px; background:url(../images/bg_pic.jpg) no-repeat top left;  } 
#header .slogan1{margin:171px 37px 101px 312px   } 
#header p.address{position: absolute; top:88px; right:35px; font-size:1.25em; text-align: right; }

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left}
#content .indent_main{padding:26px 29px 33px 40px}
#content .indent{padding:26px 15px 61px 28px}
#content .title{ background:url(../images/bg_title.gif) repeat-x bottom; padding-bottom:0px; margin-bottom:28px }
#content .title1{margin-bottom:8px }
#content .pic_left{ float:left; margin:0px 20px 10px 0px; }
#content .pic_left1{ float:left; margin:0px 20px 0px 0px; padding:0px; border: 1px; border-style:solid; border-color:#CCCCCC;}
#content .pic{ margin:0px 0px 16px 0px}
#content .more{ margin:20px 0px 0px 0px}
#content .bann{ position:relative; margin:41px 0px 9px -20px;}
#content p{ margin:0px 0px 25px 0px}
#content .p{ margin:0px 0px 15px 0px}
#content .p1{ margin:0px 0px 5px 0px}
#content h3, h2, h1 { color:#333399; margin-bottom:9px; font-size:1.5em; font-weight:normal}
#content h4{ color:#333399; margin-bottom:9px; font-size:1em; font-weight:normal}
#content .banner_ad {margin:50px 0px 50px 0px}
#content .image_wrapper {float: left; margin: 20px 17px 0 16px; line-height: 75; height: 75px}
#content .numbers { line-height: 20px; word-spacing: 4px; margin-botton:15px}

.text{ background:url(../images/page1_title4.gif); width:85px; color:#FFFFFF; margin-bottom:9px}
.text .indent_text{ padding:4px 10px 5px 10px; }

/*Heading Replacement*/
.mission {width: 125px; height: 30px; background:url(../images/header_mission_blue.gif) no-repeat top left; text-indent: -9999px; }
.meet {width: 337px; height: 30px; background:url(../images/header_meet_blue.gif) no-repeat top left; text-indent: -9999px; }
.about {width: 74px; height: 30px; background:url(../images/header_about_blue.gif) no-repeat top left; text-indent: -9999px; }
.team {width: 305px; height: 30px; background:url(../images/header_team_blue.gif) no-repeat top left; text-indent: -9999px; }
.insurance {width: 192px; height: 30px; background:url(../images/header_insurance_blue.gif) no-repeat top left; text-indent: -9999px; }
.smile_gallery {width: 147px; height: 30px; background:url(../images/header_gallery_blue.gif) no-repeat top left; text-indent: -9999px; }
.contact {width: 126px; height: 30px; background:url(../images/header_contact_blue.gif) no-repeat top left; text-indent: -9999px; }
.call {width: 93px; height: 30px; background:url(../images/header_call_blue.gif) no-repeat top left; text-indent: -9999px; }
.appointment {width: 350px; height: 30px; background:url(../images/header_appointment_blue.gif) no-repeat top left; text-indent: -9999px; }
.treatments {width: 125px; height: 30px; background:url(../images/header_treatments_blue.gif) no-repeat top left; text-indent: -9999px; }
.forms {width: 72px; height: 30px; background:url(../images/header_forms_blue.gif) no-repeat top left; text-indent: -9999px; }
.locations {width: 109px; height: 30px; background:url(../images/header_locations_blue.gif) no-repeat top left; text-indent: -9999px; }
.contactform {width: 155px; height: 30px; background:url(../images/header_contactform_blue.gif) no-repeat top left; text-indent: -9999px; }
.philosophy {width: 300px; height: 30px; background:url(../images/header_philosophy_blue.gif) no-repeat top left; text-indent: -9999px; }
.services {width: 166px; height: 30px; background:url(../images/header_services_blue.gif) no-repeat top left; text-indent: -9999px; }
.directions {width: 252px; height: 30px; background:url(../images/header_directions_blue.gif) no-repeat top left; text-indent: -9999px; }
.questions {width: 220px; height: 30px; background:url(../images/header_questions_blue.gif) no-repeat top left; text-indent: -9999px; }

#page2 .pad{padding:0px 0px 20px 0px}
#page2 .pad1{padding:0px 0px 0px 165px}
#page2 .pad2{padding:0px 10px 0px 0px}
#page3 .pad{margin:20px 0px 28px 0px}
#page4 .pad{padding:0px 0px 10px 0px}
#page4 .pad1{padding:0px 30px 0px 0px}
#page4 .pad2{margin:20px 0px 28px 0px}
#page5 .pad{padding:0px 0px 20px 0px}
#page5 .pad1{margin:20px 0px 28px 0px}
#page6 .pad{padding:0px 0px 20px 0px}
#page6 .pad2{margin:20px 0px 28px 0px}


/*footer*/
#footer { color:#757575; font-size:0.75em; background:url(../images/bot.gif) repeat-x top;}
#footer a {color:#333399;; text-decoration:underline}  
#footer a:hover {  text-decoration:none}
#footer .bg_left{background:url(../images/bot_left.gif) no-repeat top left; }
#footer .bg_right{background:url(../images/bot_right.gif) no-repeat top right;  height:120px}
#footer .indent_footer{padding:28px 25px 0px 38px;}



.h{ height:26px}
.block_contact span{ float:right; margin-right:125px}
input{
   	border:1px solid #cecece; 
	background:#FFFFFF;
	width:200px; height:20px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:3px
}
textarea{
   	border:1px solid #cecece; 
	background:#FFFFFF;
	width:335px; height:72px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto;
	}
	
/*contact_form and appointment_form*/

fieldset { margin: 1em 0; padding: 1em; border: 1px solid #ccc; background: #f8f8f8;}
#content p.cform {margin:0px 0px 15px 0px; padding: 0;}
legend {font-weight: bold;}
label {display: block;}
label.nb {float: left; width: 7em;}
input {width:200px;}
input#day {width:25px; margin-left: 0.5em;}
textarea {width:300px; height:100px;}

/*contact_form and appointment_form*/

#side_bar fieldset {width:200px; margin: 1em 0; padding: 1em; border: 1px solid #ccc; background: #f8f8f8;}
#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:195px;}
#side_bar input#day {width:25px; margin-left: 0.5em;}
#side_bar textarea {width:195px; height:100px;}