/* 
----------------------------------------------------------------------------
Copyright Einstein Industries 2005. Used with Permission.                             
May not be duplicated or reproduced.

Please check for cross-browser compatibility prior to making changes
MINIMUM BROWSER CHECK :: Mozilla/IE6/Safari

CSS Document - layout.css
---------------------------------------------------------------------------- */


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

/* remove default link styles */
:link,:visited { text-decoration:none; }

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

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

/* Remove inconsistent (among browsers) default padding or margin */
html,body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,input { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */

/* root selectors */ 
body { background:url("../images/index/body-bg.gif") repeat-x top left #fff; text-align:left; }
p,a:link,a:visited,ul,ol,li,dl,dt,dd,h1,h2,h3,table { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none; }
p,dl,dt,dd,ul,ol,li { line-height:22px; }
p,pre,blockquote,h1,h2,h3,table,ol { margin-bottom:8px; }
a:link,a:visited { color:#CC6600; text-decoration:underline; }
a:hover,a:active { color:#F36202; text-decoration:none; }
h1 span,h2 span,h3 span { display:none; }
h1{font-size:14px; color:#486685;}

form { width:150px; padding:10px 0 15px 22px; }
input, textarea { background-color:#fff; border:1px solid #486685; width:150px; height:16px; margin-bottom:4px; padding-top:2px; padding-left:4px;
                  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#415f81;}
textarea { height:70px; overflow:auto;  }

/* classes */
.right { text-align:right; }
.center { text-align:center; }
.clear { clear:both; height:1em; overflow:hidden }
.submit, .submit-main-contact { border:none; cursor:pointer; background:url("../images/index/submit.gif") no-repeat; width:80px; height:30px;  }
.submit-main-contact { margin:85px 0 0 220px; }
.submit-quick-contact-index { 
		border:1px solid #486685;
		cursor:pointer; 
		width:60px; 
		height:23px;
		margin:0 auto;
 }



/* framework
 * ------------------------------------------------------------------------- */
#wrap { background:url("../images/index/bg.gif") repeat-y; width:740px; margin:0 auto; }
  #bottom-person {background:url("../images/index/bottom.jpg") no-repeat bottom; width:740px; overflow:hidden; padding-bottom:140px;}
	#top {background:url("../images/index/top.gif") no-repeat; height:29px;}
	#header {background:url("../images/index/header.jpg") no-repeat; height:187px; }
	#header01 {background:url("../images/sub/header01.jpg") no-repeat; height:187px; }
	#header02 {background:url("../images/sub/header02.jpg") no-repeat; height:187px; }
	#header03 {background:url("../images/sub/header03.jpg") no-repeat; height:187px; }
	#header04 {background:url("../images/sub/header04.jpg") no-repeat; height:187px; }
	#header05 {background:url("../images/sub/header05.jpg") no-repeat; height:187px; }
	#thank_you_header {background:url("../images/sub/thank_you_header.jpg") no-repeat; width:301px; height:82px; padding-top:60px; }
	#column-left { width:521px; float:left; }
			#column-left p {padding: 0 28px 0 37px ;}
		#title {background:url("../images/index/title.gif") no-repeat top left; padding-top:114px;}
	#column-right { width:219px; float:left; }
			#column-right p, #column-right ul {padding: 0 35px 0 27px ;}
			#column-right a:link, #column-right a:visited { color:#000; text-decoration:underline; }
			#column-right a:hover, #column-right a:active { color:#CC6600; text-decoration:underline; }
		#title-procedures {background:url("../images/index/title-procedures.gif") no-repeat; padding-top:50px;}
#bottom { background:none; width:740px; height:.01em; clear:both; overflow:hidden; }
#form2 { width:150px; border:none;}
fieldset { border:none;}
label { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; }

#column-right-quick form{ width:180px; float:right; }
			#column-right p, #column-right ul {padding: 0 35px 0 27px ;}
			#column-right a:link, #column-right a:visited { color:#000; text-decoration:underline; }
			#column-right a:hover, #column-right a:active { color:#CC6600; text-decoration:underline; }
			
#column-right-map{ width:180px; float:right; padding: 15px 0px 0 0px ; }
			#column-right a:link, #column-right a:visited { color:#000; text-decoration:underline; }
			#column-right a:hover, #column-right a:active { color:#CC6600; text-decoration:underline; }			
/* sub framework
 * ------------------------------------------------------------------------- */
#column-sub {width: 740px; padding-bottom:15px;}
	#column-sub p, #column-sub h1, #column-sub h2, #column-sub h3 {padding: 0 37px 0 37px ;}
		#column-sub ol {padding: 0 37px 0 0 ; margin-bottom:22px;}
			#column-sub ol li {line-height:16px; list-style-type: decimal; margin-left:70px; margin-bottom:5px;}
			#column-sub ol li strong { color:#486685;}
#line { background:url("../images/sub/hr.gif") no-repeat; padding: 10px 0 5px 0; height:15px;}
		#column-sub table {background-color:#E6E6E6; margin-left:37px;}
		#column-sub td {border:1px solid #fff; line-height:18px; padding: 2px 5px;}
			.blue {color:#486685; font-weight:bold; text-align:right; vertical-align:top;}
#bottom-sub { background:url("../images/sub/bottom.gif") no-repeat; width:740px; height:28px; clear:both; overflow:hidden; }	

#title-contact {background:url("../images/sub/title-contact.gif") no-repeat; padding-top:50px;}
#title-cosmetic {background:url("../images/sub/title-cosmetic.gif") no-repeat; padding-top:40px; height:15px;}
#title-drbell {background:url("../images/sub/title-drbell.gif") no-repeat; padding-top:40px;  height:15px;}
#title-esthetic {background:url("../images/sub/title-esthetic.gif") no-repeat; padding-top:40px;  height:15px;}
#title-staff {background:url("../images/sub/title-staff.gif") no-repeat; padding-top:40px; height:15px;}
.thumbs { margin:10px 20px 10px 150px;
		text-align:left;
		padding:0 20px 0 20px;	
}

/* anchors
 * ------------------------------------------------------------------------- */
#anchors {background:url("../images/sub/anchors.gif") repeat-y; width:740px; height:18px; text-align:left; padding-top:3px; padding-bottom:5px; }
#anchors a:link, #anchors a:visited, #anchors li { text-decoration:none; color:#CC6600; font-size:12px; line-height:20px; padding-right:1px;}
#anchors a:hover, #anchors a:active { text-decoration:underline; color:#F36202;}
#anchors ul { padding-left:10px; }

#anchors li {  
	 display:inline;
     padding-left: 10px;  
     padding-right: 0px;  
     border-left: none;  
     background: url(../images/sub/arrow.gif) 0 3px no-repeat;  
     }


/* SPRITE NAVIGATION */
#nav {
	background: url(../images/index/nav.gif) top left no-repeat;					
	width: 740px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 38px;		/* Height of entire image */
	}

#nav span { display: none; }

#nav li, #nav a { 
	height: 38px;			/* Each button must have the same height, define it here */
	display: block;
	}

#nav li {
	float: left;
	list-style: none; 
	_display: inline;	/* fixes IE/Win double margin float bug (safe) */
	position: relative;
	}

/* margin-left - you will need to adjust this value to "center" your nav, if needed */
/* width - width of each button, they will each most likely be unique */
#nav-01 { width: 93px; margin-left: 7px;}
#nav-02 { width: 76px;}
#nav-03 { width: 85px;}
#nav-04 { width: 141px;}
#nav-05 { width: 215px;}
#nav-06 { width: 116px;}

/* Changed values should match "width" numbers specified above */
#nav-01 a:hover {background: transparent url(../images/index/nav.gif) -7px -38px no-repeat;}
#nav-02 a:hover {background: transparent url(../images/index/nav.gif) -100px -38px no-repeat;}
#nav-03 a:hover {background: transparent url(../images/index/nav.gif) -176px -38px no-repeat;}
#nav-04 a:hover {background: transparent url(../images/index/nav.gif) -261px -38px no-repeat;}
#nav-05 a:hover {background: transparent url(../images/index/nav.gif) -402px -38px no-repeat;}
#nav-06 a:hover {background: transparent url(../images/index/nav.gif) -617px -38px no-repeat;}


/* SON OF SUCKERFISH */

#nav li ul {
	position: absolute;
	left: -9999px;
	background-color: #9E9F9F;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
	
	}

#nav li ul li { height: 22px; border:1px solid #fff; border-top:0px }	/* Height of each drop down menu item */

#nav li ul li a {
	width: 100%;
	height: 22px;				/* Height of each drop down menu item, should match above */
	line-height: 22px;			/* Height of each drop down menu item again, should match above */
	}

#nav li ul li a span {
	display: block;
	padding-left: 5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#nav-04 ul a:hover, #nav-05 ul a:hover { 
	background-image: none;
	background-color: #E9E9E9; 
	color:#415F81;
	
	}

/* width of drop down menu - choose width that allows items to display on one line */
#nav-04 ul, #nav-04 li { width: 175px; }		
#nav-05 ul, #nav-05 li { width: 230px; }

/* footer
 * ------------------------------------------------------------------------- */
#footer { width:740px; text-align:left; margin:0 auto; padding-top:5px; background:none;}
#footer a:link, #footer a:visited, #footer p { text-decoration:none; color:#000; font-size:11px; line-height:12px; }
#footer a:hover, #footer a:active { text-decoration:underline; }

#footer p { padding: 0 7px 0 7px; clear:both; margin-top:8px; }
#footer ul { margin-bottom:8px; }
#footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #000; line-height: 8px; float:left; }
#footer li.first { border: none; }


/* main contact forms
 * ------------------------------------------------------------------------- */

/* main contact - law */
#main-contact { padding:20px 0 10px 25px; float:left; }
#main-contact label { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#494526; 
                     width:200px; position:relative; display:block; text-align:right; color:#494526; }
#main-contact label input, #main-contact label textarea { background-color:#fff; border:1px solid #BCD2A2; position:absolute; width:200px; left:110%; top:-2px; }
#main-contact label textarea { width:200px; height:100px; top:0; }

/* main contact - dental.medical */
#main-contact { padding:20px 0 10px 90px; float:left; }
#main-contact label, #main-contact select { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#494526; }
#main-contact label { width:200px; position:relative; display:block; text-align:right; color:#494526; }
#main-contact label input, #main-contact label textarea, #main-contact select { background-color:#fff; border:1px solid #486685; position:absolute; width:200px; left:110%; top:-2px; }
#main-contact label textarea { width:200px; height:100px; top:0; }

#contact_business { display: none; } /* do not remove */