/* 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:35px 34px 0px 35px;
	height: 40px;
}
#header .m{ margin:0px 0px 13px 0px }
#header .indent span{
	float:right;
	line-height: 40px;
}
#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; }
#headerText {
	margin-left:215px;
}
/*content*/
#content{ font-size:0.75em; width:100%; text-align:left}
#content .indent_main{padding:26px 29px 33px 40px; position:relative;}
#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 0px 0px -30px; 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;
	
	}


/*---------------------video scroll---------------------*/

#communityContainer {
	width:551px;
	height:520px;
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
}


.communityDiv {
	position: absolute;
	top:0px;
	left:0px;
	background: url(../assets/images/video-bg.jpg) top left no-repeat;
	width:585px;
	height:518px;
}



.communityText {
	width:525px;
	height:auto;
	margin:15px auto;
}
#navWrap {
	position: relative;
	margin:0;
	padding:0;
	width: 448px;
	height:102px;
	overflow:hidden;
	z-index: 101;
	left:55px;
	top:-126px;
}
.armyKnife-Nav {
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 2000px;
	height:102px;
}

.armyKnife-Nav li {
	list-style:none;
	display:inline-block;
	overflow:hidden;
	cursor:pointer;
}

.armyKnife-Nav a {
	display: block;
}

#prevBtn {
	float:left;
}

#scrollNavBox {
	width:auto;
	position: relative;
	top:-188px;
	left:5px;
	z-index: 100;
	margin:0;
	padding:0 10px;
}

#nextBtn {
	float:right;
}

/*-----------------image scroll css-----------------*/

#galleryContainer {
	width:750px;
	height:520px;
	position:relative;
	overflow:hidden;
}


.imageGalleryDiv {
	position: absolute;
	top:0px;
	left:0px;
	background: url(../assets/images/video-bg.jpg) top left no-repeat;
	width:585px;
	height:518px;
}



.galleryText {
	width:487px;
	height:auto;
	margin:145px auto;
}

.galleryText2 {
	width:487px;
	height:auto;
	margin:15px auto;
}

#galleryNavWrap {
	position: relative;
	margin:-88px 0 0 50px;
	width: 448px;
	height:67px;
	overflow:hidden;
	z-index: 101;
}
.armyKnife-Nav {
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 2000px;
	height:102px;
}

.armyKnife-Nav li {
	list-style:none;
	display:inline-block;
	overflow:hidden;
	cursor:pointer;
	padding:0 10px;
	border-right:1px solid black;
}

.armyKnife-Nav a {
	display: block;
}

#galleryPrevBtn {
	float:left;
}

#galleryScrollNavBox {
	width:auto;
	position: relative;
	top:-79px;
	left:5px;
	z-index: 100;
	margin:0;
	padding:0 10px;
}

#galleryNextBtn {
	float:right;
}