/* ------------------------------------------------------------------------------------- */
/* Copyright Einstein Industries 2004. Used with Permission.                             */
/* May not be duplicated or reproduced.                                                  */
/*                                                                                       */
/* Please check for cross-browser compatibility prior to making changes                  */
/* MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari/FireFox                             */
/*                                                                                       */
/* CSS Document                                                                          */
/* ------------------------------------------------------------------------------------- */

/* undohtml.css
 * (CC) 2004 Tantek Celik. Some Rights Reserved.
 * http://creativecommons.org/licenses/by/2.0
 * This style sheet is licensed under a Creative Commons License.
 **********************************************************************/

/* Purpose: undo some default styling of common (X)HTML browsers      */

/* link underlines tend to make hypertext less readable,
 * because underlines obscure the shapes of the lower halves of words
  *********************************************************************/
:link,:visited { text-decoration:none }

/* no list-markers by default (optional)                              */
ul,ol { list-style:none }

/* Avoid browser default inconsistent font-sizes                      */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* Remove inconsistent (among browsers) default ul,ol padding or margin
 * the default spacing on headings does not match nor align with normal
 * interline spacing at all, so let's get rid of it.
 * Zero out the spacing around pre, form, body, html, p, blockquote as well
 * form elements are oddly inconsistent, and not quite CSS emulatable.
 * Nonetheless, strip their margin and padding as well.
 **********************************************************************/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p, blockquote, fieldset, input
{ margin:0; padding:0 }

/* remove default borders around linked images                        */
a img,:link img,:visited img { border:none }

/* more varnish stripping as necessary...                             */


/* basic elements
 * ------------------------------------------------------------------------------------- */
body, div, ul, li, dl, dd, img, form, fieldset {margin:0px; padding:0px; border:0px;}

body {background: #D3E1EF url(../images/bg.jpg) top left repeat-x;
	text-align: center;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	line-height: 16px;}
	body#sub {background: #D3E1EF url(../images/sub/bg-inside.jpg) top left repeat-x;}

a img, :link img, :visited img { border: none; text-decoration:none; }

a:link, a:visited {color: #003366;text-decoration: underline;}
a:hover, a:active {color: #0066CC;text-decoration: underline;}

span {display: none;}

h1,h2,h3,p,ul,img{ margin-bottom:10px;}

h1{font-size:1.3em;}
	.content#gallery h1{ font-size:1.2em;}
h2{font-size:1.2em; color:#333333;}
	.content#gallery h2{ font-size:1.0em;}
h3{font-size:1.0em;}


.back-to-top {display: block;text-align: right;font-size: 10px;}


.img-left {float: left;margin: 0px 10px 10px 0px;}
.img-right {float: right; margin: 0px 0px 10px 10px;}
.img-center {text-align: center;margin: 0px 10px 0px 10px;}

div.clear, .clear {	clear: both;width: 100%;height: 1px;}
.ada-contact {height: 150px;}

/* main structural elements
 * ------------------------------------------------------------------------------------- */
#wrap{width: 740px;margin-top: 0px; margin-left: auto; margin-right: auto; background: url(../images/bg-main.jpg) left top repeat-y; text-align:left;}

body#sub #wrap{ background:url(../images/sub/sub_bg.jpg) left top repeat-y;}

/* image replacement
 * -------------------------------------------------------------------------------------
#masthead {	background: url(../images/header.jpg) left top no-repeat;width: 740px;	height: 115px; position:relative;}
#masthead a{ position:absolute; height:93px; width:710px; top:22px; left:-39px;}
#header-img {background: url(../images/banner.jpg) left top no-repeat;	width: 740px;height: 234px;}
	#header-img-sub {	background: url(../images/sub/banner_sub.jpg) left top no-repeat;height: 203px;}
*/

/* CrystalVision New Header
 * ------------------------------------------------------------------------------------- */
#header { width: 740px; height: 250px; position: relative; margin: 0px; padding: 0px;}
#left_img { width: 249px; }
#middle_img { width: 190px; top: 0; position: absolute; left: 249px; }
#right_img { width: 288px; height: 250px; background: url(../images/bg.jpg) top left repeat-x; position: absolute; left: 452px; top: 0; overflow: hidden;}
#left_img img, #middle_img img, #right_img img {margin: 0px; padding: 0px; }

/* SUBHEAD
 * ------------------------------------------------------------------------------------- */
.subhead{ height:80px; width:100%;}

.subhead#welcome {background: url(../images/page_titles/welcome.jpg) left top no-repeat;height: 66px;}
.subhead#contact {background: url(../images/page_titles/contact.jpg) left top no-repeat;}
.subhead#thanks {background: url(../images/page_titles/title_thanks.jpg) left top no-repeat;}
.subhead#directions {background: url(../images/page_titles/directions.jpg) left top no-repeat;}
.subhead#drliu {background: url(../images/page_titles/dr.jpg) left top no-repeat;}
.subhead#gallery {background: url(../images/page_titles/gallery.jpg) left top no-repeat;}
.subhead#implants{background: url(../images/page_titles/implants.jpg) left top no-repeat;}
.subhead#procedures {background: url(../images/page_titles/procedures.jpg) left top no-repeat;}
.subhead#sitemap {background: url(../images/page_titles/sitemap.jpg) left top no-repeat;}
.subhead#cerec {background: url(../images/page_titles/cerec.jpg) left top no-repeat;}

/* general
 * ------------------------------------------------------------------------------------- */
#content-container {width: 740px;background: url(../images/content_container_bg.jpg) left top no-repeat;margin: 0 auto;	padding: 0;}
body#sub #content-container {background: url(../images/sub/content_container_sub_bg.jpg) left top no-repeat;}

#column-left {width: 534px;float: left;}
	#column-left .content {margin-right: 20px;margin-bottom: 10px;margin-left: 55px;}
	#column-left .bottom {background: url(../images/index/menu1.jpg) left top no-repeat; width: 534px;height: 70px;position: relative;}
	#column-left .bottom a{ display:block; position:absolute; width:98px; height:26px; top:33px; left:413px;}
	#column-left ul {margin-left: 15px;margin-right: 20px;}
		#column-left ul li {list-style-image: url(../images/index/li_img.jpg);}

	a.bna{ width:152px; display:block; float:left; margin:0 0 10px 50px;}

#column-right {width: 206px;float: left;padding-top: 66px;}
	#column-right h3 ,#column-right p {margin: 0px 35px 10px 15px;}
	#column-right img{ margin-bottom:10px;}
	#column-right form {
	margin: 10px 0px 20px 15px;
	display: block;
	width: 150px;
}

	#column-right a.map{ display:block; width:150px; margin:0 0 10px 15px;}

body#sub #column-right{background: url(../images/sub/acp_ada.jpg) left top no-repeat; padding-top:70px;}
	body#sub #column-right p {margin: 0px 35px 15px 15px;}
	body#sub #column-right form {	margin: 10px 0px 15px 15px;}

/* column-left
 * ------------------------------------------------------------------------------------- */
#column-left-bottom {width: 534px;float: left;background: url(../images/index/welcome_sub_bg.jpg) left top repeat-y;}
	#column-left-bottom .left{width:194px;float:left;}
		#column-left-bottom .left p{ margin-left:55px; margin-right:15px;}
		#column-left-bottom ul {margin-left: 55px;margin-right: 20px;}
		#column-left-bottom ul li {list-style-image: url(../images/index/li_img.jpg);}
	#column-left-bottom .right{width:340px; float:left;}
		#column-left-bottom .right a.bna{ display:block; width:152px; float:left; margin-left:10px;}
		#column-left-bottom .right p{	margin-left:15px;	margin-right:15px;display: block;}


		#column-right-new ul { margin: 0px 35px 10px 15px; }
		#column-right-new ul li {list-style-image: url(../images/index/li_img.jpg); margin-left:15px;}




#procedures-index {background: url(../images/index/procedures.jpg) left top no-repeat; height: 40px;}
#dr-index {background: url(../images/index/specializing.jpg) left top no-repeat;height: 50px;}
#featured-index {background: url(../images/index/featured.jpg) right top no-repeat;height: 59px;}
#featured {	width: 534px;float: left;background: url(../images/index/acp_ada.jpg) left bottom no-repeat;}
	#featured p {text-align: center;}



/* column-right
 * ------------------------------------------------------------------------------------- */
#quick-contact {	background: url(../images/index/contact.jpg) left top no-repeat;	height: 64px;}
#zoom-bna {	background: url(../images/sub/zoom_bna.gif) center top no-repeat;	height: 174px;}

/* bottom-wrap
 * ------------------------------------------------------------------------------------- */
#bottom-wrap {background: url(../images/index/footer_index.jpg) left top no-repeat;	width: 740px;height: 159px;clear: both; position:relative;}
	body#sub #bottom-wrap {	background: url(../images/sub/footer-sub.jpg) left top no-repeat;	height: 130px;}

p.address  { font-size: 11px; float:left; display:block; position:absolute; left:574px; top:80px;}
	body#sub p.address  {left:574px; top:50px;}
p.phones {	font-size: 11px; float:left; display:block; position:absolute; left:434px; top:81px;}
	body#sub p.phones {left:435px; top:50px;}
/* footer
 * ------------------------------------------------------------------------------------- */
#footer {width: 700px;	margin: 0px auto;	padding: 0 14px 10px 14px;text-align: center;}
	#footer p  {margin-top: 5px;margin-bottom: 10px;}
	#footer li {margin: 0px;padding: 0px;display: inline;}
	#footer a:link, #footer a:visited {	color: #003366;text-decoration: underline;}
	#footer a:hover, #footer a:active {	color: #0066CC;text-decoration: underline;}






/* MAIN MENU
 * ------------------------------------------------------------------------------------- */
#menu {
	background: url(../images/menu.jpg) left top no-repeat;
	width: 740px;
	height: 44px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#menu li span {display: none;}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#menu li, #menu a {height: 44px; display: block;}
#menu-01 {left: 30px; width: 90px;}
#menu-02 {left: 120px; width: 107px;}
#menu-03 {left: 227px; width: 136px;}
#menu-04 {left: 363px; width: 116px;}
#menu-05 {left: 479px; width: 127px;}
#menu-06 {left: 606px; width: 102px;}

#menu-01 a:hover {background: transparent url(../images/menu.jpg) -30px -44px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/menu.jpg) -120px -44px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/menu.jpg) -227px -44px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/menu.jpg) -363px -44px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/menu.jpg) -479px -44px no-repeat;}
#menu-06 a:hover {background: transparent url(../images/menu.jpg) -606px -44px no-repeat;}

/* SUB MENU
 * ------------------------------------------------------------------------------------- */
#menu-sub {
	background: url(../images/sub/menu_sub.jpg) left top no-repeat;
	width: 740px;
	height: 44px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#menu-sub li span {display: none;}
#menu-sub li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#menu-sub li, #menu-sub a {height: 44px; display: block;}
#menu-sub-01 {left: 30px; width: 90px;}
#menu-sub-02 {left: 120px; width: 107px;}
#menu-sub-03 {left: 227px; width: 136px;}
#menu-sub-04 {left: 363px; width: 116px;}
#menu-sub-05 {left: 479px; width: 127px;}
#menu-sub-06 {left: 606px; width: 102px;}

#menu-sub-01 a:hover {background: transparent url(../images/sub/menu_sub.jpg) -30px -44px no-repeat;}
#menu-sub-02 a:hover {background: transparent url(../images/sub/menu_sub.jpg) -120px -44px no-repeat;}
#menu-sub-03 a:hover {background: transparent url(../images/sub/menu_sub.jpg) -227px -44px no-repeat;}
#menu-sub-04 a:hover {background: transparent url(../images/sub/menu_sub.jpg) -363px -44px no-repeat;}
#menu-sub-05 a:hover {background: transparent url(../images/sub/menu_sub.jpg) -479px -44px no-repeat;}
#menu-sub-06 a:hover {background: transparent url(../images/sub/menu_sub.jpg) -606px -44px no-repeat;}

/* bna menu
 * ------------------------------------------------------------------------------------- */


#bna {height: 332px;padding: 0px;margin: 0px;position: relative;}
#bna li span {display: none;}
#bna li {margin: 0; padding: 0; list-style: none; position: absolute;}
#bna li, #bna a {height: 83px; display: block;}


/* form elements
 * ------------------------------------------------------------------------------------- */

form {
	width:150px;
	margin:10px 0 15px 0;
	}

form label	{ font-size:.95em; }

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select {
	background-color:#FFFFFF!important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #000;
	color:#000;
	width:145px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	}

select { width:150px; padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

#contact-business { display: none; } /* do not remove */


/* ----- main contact form ----- */

#contact-main {
	margin:20px 0 10px 0;
	width: 420px;

}

#contact-main label {
	width:220px;
	position:relative;
	display:block;
	text-align:right;
	margin-bottom:10px;
	font-size:1.0em;
	}
#contact-main label.part-2{ margin-top:80px;}

	#contact-main label.clear{ width:100%; clear:both;}

#contact-main label input, #contact-main label textarea, #contact-main label select {
	width:170px;
	position:absolute;
	left:110%;
	top:-2px;
	}
#contact-main label input.radio{ width:10px; height:10px;  border:none; background:none;}
#contact-main label select { width:175px; }

#contact-main label textarea {
	height:100px;
	overflow: auto;
}

#contact-business-main { display: none; } /* do not remove */


/* ----- submit button form elements ----- */

.submit, .submit-contact-main {
	width:60px;
	height:20px;
	cursor:pointer;
	padding:0;

	}

.submit-contact-main { margin:95px 0 0 242px; }

.map { color:#000000; }
.map a:link, .map a:visited {color: #000000;text-decoration: underline; font-weight:bold;}
.map a:hover, .map a:active {color: #666666;text-decoration: underline; font-weight:bold;}

.pic {
	border: 1px solid #003366;
}