/* 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:#333;
	}	
.image-border {
	padding: 1px;
	border: 1px solid #999999;
}


.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;}
.blue {color:#006699;}
a{color:#006699; text-decoration:none} 
a:hover{text-decoration:underline}
.a1{color:#e5156d; font-weight:bold; font-size:0.89em; margin-right:20px} 

ul{margin:10px 0px 10px 10px; padding:0;}
.outUl{margin:10px 0px;}
.outUl li{list-style:none; text-decoration:none;}
.outUl li a{text-decoration:none;}

ul li a{color:#006699; text-decoration:underline;  line-height:1.9em; display:block; } 
ul li a:hover { text-decoration:none; }

.ul li{background:url(../images/arrow.gif) top left no-repeat; background-position:0 7px; margin:0px; padding:0 0 7px 18px; font-size:.8em; list-style:none;}
.ul2 li{list-style-position: outside; list-style-type: disc; padding:0 0 7px 5px; margin:0px 0 15px 15px}

.ul li a{color:#006699;; 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;}

.banner_ad {margin:20px 0px 20px 0px}
featured_wrap {background: #ffffff; margin:20px;} 
div#gallery {width: 558px; height: 600px; margin-left: auto; margin-right: auto;}
object a {display: none;} 
object {margin-left: auto; margin-right: auto; display block;}

/*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:80px; left: 15px}
#header .indent{ padding:49px 34px 40px 35px }
#header .m{ margin:0px 0px 13px 0px }
#header .indent span{ float:right;}
#header a{color:#006699; text-decoration:underline} 
#header a:hover{text-decoration:none}
.menu{ float:left; width:304px; background:url(../images/bg_menu.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; padding:2px; border: 1px; border-style:solid; border-color:#CCCCCC;}
#content .pic_left1{ float:left; margin:0px 20px 0px 0px; padding:2px; border: 0px; 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 h1 { color:#006699; margin-bottom:9px; font-size:1.5em; font-weight:normal}
#content h2 { color:#006699; margin-bottom:9px; font-size:1.5em; font-weight:normal}
#content h3 { color:#8b8b8b; margin-bottom:9px; font-size:1.3em; font-weight:normal}
#content h4{ color:#006699; margin-bottom:9px; font-size:1em; font-weight:normal}
#content .banner_ad {margin:20px 0px 10px 0px}
#content .image_wrapper {float: left; margin: 20px 17px 0 16px; line-height: 75; height: 75px}
.gallery_bdr {border-style:solid; border-color:#cccccc; border-width:1px;}

.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/mission_header.gif) no-repeat top left; text-indent: -9999px; }
.meet {width: 337px; height: 30px; background:url(../images/meet_header.gif) no-repeat top left; text-indent: -9999px; }
.about {width: 74px; height: 30px; background:url(../images/about_header.gif) no-repeat top left; text-indent: -9999px; }
.team {width: 305px; height: 30px; background:url(../images/page2_title3.gif) no-repeat top left; text-indent: -9999px; }
.insurance {width: 192px; height: 30px; background:url(../images/insurance_header.gif) no-repeat top left; text-indent: -9999px; }
.smile_gallery {width: 147px; height: 30px; background:url(../images/smile_gallery_header.gif) no-repeat top left; text-indent: -9999px; }
.contact {width: 126px; height: 30px; background:url(../images/contact_header.gif) no-repeat top left; text-indent: -9999px; }
.call {width: 93px; height: 30px; background:url(../images/call_header.gif) no-repeat top left; text-indent: -9999px; }
.appointment {width: 350px; height: 30px; background:url(../images/appointment_header.gif) no-repeat top left; text-indent: -9999px; }
.treatments {width: 125px; height: 30px; background:url(../images/treatments_header.gif) no-repeat top left; text-indent: -9999px; }
.forms {width: 72px; height: 30px; background:url(../images/forms_header.gif) no-repeat top left; text-indent: -9999px; }
.locations {width: 109px; height: 30px; background:url(../images/locations_header.gif) no-repeat top left; text-indent: -9999px; }
.contactform {width: 155px; height: 30px; background:url(../images/contactform_header.gif) no-repeat top left; text-indent: -9999px; }
.philosophy {width: 300px; height: 30px; background:url(../images/philosophy_header.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; }
.alani {width: 241px; height: 30px; background:url(../images/alani_header.gif) no-repeat top left; text-indent: -9999px; }
.offering {width: 241px; height: 30px; background:url(../images/offering_header.gif) no-repeat top left; text-indent: -9999px; }
.snapon {width: 147px; height: 30px; background:url(../images/snapon_header.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:#006699;; 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;}
#Htopdentist {
	background: transparent url(../images/recognition2.gif) center top no-repeat;
	width: 100px;
	height: 120px;
	padding: 53px 15px 0px 150px;
	margin: 10px auto;
	color: #2a903a;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
}
#Htopdentist a {
		color: #2a903a;
}

#specials {
	
	position: absolute;
	margin: -205px 0px 0px -105px;
	
	}