/*--------------------- Last Modified  2006.11.10 ---------------------*/
/*-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
  Copyright Einstein Industries 2006. 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/Firefox/Safari
  CSS Document - layout.css
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.box {
	padding: 8px;
	border: thin solid #CCC;
}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body { 
	background:#0c0000 url("../images/index/bg-body.jpg") top repeat-x;
	text-align:left; 
	font:11px/13px Arial, Helvetica, sans-serif; 
	color:#FFFFFF;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.2em; color:#EFA634; }
h2	{ font-size:1.1em; color:#EFA634; }
h3	{ font-size:1.0em; color:#EFA634; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#FFFFFF; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#FFFFFF; text-decoration:none; outline:none; }

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.hide { display:none; }
.thumbs-left { margin:2px 8px 0 0; }
.thumbs-right { margin:2px 0 0 8px; }

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

/* quick contact */
form { width:135px; padding: 10px 0 15px 48px; }

textarea { height:60px; }

/* main contact */
#big-contact { padding:20px 0 0 0; position:relative;}
#big-contact form, #big-contact label, #big-contact input, #big-contact textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; }
#big-contact input, #big-contact textarea { color:#000; }
#big-contact label { position:relative; display:block; text-align:right; width:200px; }
#big-contact label input, #big-contact label textarea { position:absolute; left:110%; }
#big-contact label textarea { top:0; width:135px; height:100px; }


/* skeleton
 * ------------------------------------------------------------------------- */
#wrap { background:url("../images/index/bg-index.gif") repeat-y; width:797px; margin:0 auto; }
 #top { background:url("../images/index/top.jpg") no-repeat; padding-top:16px; }
 #flash { background:url("../images/index/flash.jpg") no-repeat; padding-left:23px; height:289px; }
 
 #column-left { width:212px; float:left; }
 #column-left p { padding-left:48px; padding-right:15px; }
  #header-callus { background:url("../images/index/header-callus.jpg") no-repeat; height:81px; }
  	#header-callus span { display:none; }
  #wrap-contactus { background:url("../images/index/wrap-contactus.jpg") no-repeat; height:362px; padding-top:45px; }
 #column-right {
	width:585px;
	float:right;
	position:relative;
	z-index:0;
	padding-bottom: 150px;
}
 #column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul { padding: 0 45px 10px 45px; }
  #wrap-content {
	background:url("../images/index/wrap-content.jpg") no-repeat;
	padding-top:75px;
}
 #davinci{
	width:250px;
	height:107px;
	float:left;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 25px;
} 
  #aad-zoom{ margin:20px 0 20px 0;; padding:0;width:107px; height:107px; float:left;} 
 #bottom { background:url("../images/index/bottom.jpg") no-repeat; height:74px; clear:both; overflow:hidden; }
 
	/* single column list */
	#column-right ul { padding-left:40px; }
		#column-right ul li { 
			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;  /* pushes text to the right to display bg img */
			padding-top:3px;
			}
 

/* skeleton inside
 * ------------------------------------------------------------------------- */
#wrap-about { background:url("../images/inside/wrap-about.jpg") no-repeat; padding-top:75px; position:relative; }
#wrap-contact { background:url("../images/inside/wrap-contact.jpg") no-repeat; padding-top:75px; padding-bottom:125px; position:relative; }
#wrap-thankyou { background:url("../images/inside/wrap-thankyou.jpg") no-repeat; padding-top:75px; padding-bottom:125px; position:relative; }

#wrap-dental-implants { background:url("../images/inside/wrap-dental-implants.jpg") no-repeat; padding-top:75px; padding-bottom:125px; position:relative; }
#wrap-invisalign { background:url("../images/inside/wrap-invisalign.jpg") no-repeat; padding-top:75px; padding-bottom:125px; position:relative; }
#wrap-technology { background:url("../images/inside/wrap-technology.jpg") no-repeat; padding-top:75px; padding-bottom:125px; position:relative; }
#wrap-smiles { background:url("../images/inside/wrap-smiles.jpg") no-repeat; padding-top:75px; padding-bottom:125px; position:relative; }


#wrap-cosmetic-dentistry { background:url("../images/inside/wrap-cosmetic-dentistry.jpg") no-repeat; padding-top:75px; position:relative; }
#wrap-veneers { background:url("../images/inside/wrap-veneers.jpg") no-repeat; padding-top:75px;  position:relative;}
#wrap-whitening { background:url("../images/inside/wrap-whitening.jpg") no-repeat; padding-top:75px; position:relative; }
#wrap-sitemap { background:url("../images/inside/wrap-sitemap.jpg") no-repeat; padding-top:75px;  position:relative;}
#wrap-locate-us { background:url("../images/inside/wrap-locate-us.jpg") no-repeat; height:362px; padding-top:45px;  position:relative;}
#wrap-gallery-page { background:url("../images/inside/wrap-gallery-page.jpg") no-repeat; padding-top:75px; position:relative; padding-bottom:400px; height:362px; }
#map { padding-left:37px; padding-bottom:5px; }

/* footer
 * ------------------------------------------------------------------------- */
#footer {
	width:720px;
	text-align:center;
	margin:0 auto;
	}
	
#footer p { margin-bottom:15px; }
	
#footer a { text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#footer ul {margin:10px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #FFFFFF;
		}
	#footer li.first { border: none; }

/* ------------------------ horizontal sprite nav ------------------------ */
#nav { 
	background:url("../images/nav.jpg") no-repeat; 
	width:797px; 
	height:31px; 
	margin:0;
	padding:0;
	position:relative;
	z-index:1;
	}

#nav span { display: none; }

#nav li, #nav a { height:31px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 81px; margin-left: 24px;}
#nav-02 { width: 81px;}
#nav-03 { width: 168px;}
#nav-04 { width: 116px;}
#nav-05 { width: 122px;}
#nav-06 { width: 88px;}
#nav-07 { width: 98px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.jpg")  -24px -31px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -105px -31px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -186px -31px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -354px -31px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -470px -31px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -592px -31px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -680px -31px no-repeat; }



#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
	background-color:#330B3F;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#nav li ul li { 
	height:20px; /* Height of each drop down nav item */
	border:1px solid #EFA634;
	border-top:none;
	}	

#nav li ul li a {
	width:100%;
	height:20px;	/* Height of each drop down nav item, should match above */
	line-height:20px;	 /* Height of each drop down nav 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:1.0em;
	color:#EFA634;
	text-decoration:none;
	background-image: none;
	}

#nav li:hover ul, #nav li.sfHover ul	{
	left: auto;
	background-image: none;
}

/* Hover styles for drop down items */
#nav-03 ul a:hover, #nav-04 ul a:hover,#nav-02 ul a:hover,#nav-06 ul a:hover{ 
	background-image:none;
	background-color:#330B3F;
	color:#FFFFFF;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-02 ul, #nav-02 li {width:135px;}
#nav-03 ul, #nav-03 li { width:165px; }		
#nav-04 ul, #nav-04 li { width:132px; }
#nav-06 ul, #nav-04 li { width:145px; }


/* BNA Thumb */
.bnathumb {margin:10px 30px 10px 40px; background-image:url(../images/inside/bna-thumb.jpg); width:264px; height:150px; display:block;}
.bnathumb a, .bnathumb a:visited {width:264px; height:150px; display:block;}
.bnathumb a:hover, .bnathumb a:active {width:264px; height:150px; display:block;}
#column-right #wrap-content #video {
	width: 445px;
	padding-left: 45px;
}
#bottom_logos {
	width:720px;
	text-align:center;
	margin:0 auto;
}
#wrap-inside {
	position:relative;
	background-image: url(../images/wrap-inside_bg.jpg);
	background-repeat: no-repeat;
}
#wrap-inside-top {
	height: 55px;
	padding-top: 30px;
}
#wrap-inside-gallery {
	position:relative;
	background-image: url(../images/wrap-inside_bg.jpg);
	background-repeat: no-repeat;
	height: 650px;
}
#wrap-inside #smiletree {
	padding-left: 45px;
	padding-right: 10px;
}