/* 
----------------------------------------------------------------------------
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/bg-body.jpg") repeat-x top left #FAF6E4; text-align:center; }
p,a:link,a:visited,ul,ol,li,dl,dt,dd,h1,h2,h3 { font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; }
p,dl,dt,dd,ul,ol,li { line-height:16px; }
p,pre,blockquote { margin-bottom:8px; }
a:link,a:visited { color:#62766F; text-decoration:underline; }
a:hover,a:active { text-decoration:none; }
h1 span,h2 span,h3 span { display:none; }
h1 { font-size:13px; color: #005982; }
h2 { font-size:12px; color: #005982; }
h3 { font-size:11px; color: #005982; }

form { width:150px; padding:10px 0 15px 40px; }
input, textarea { background-color:#FFFFFF; border:1px solid #DEDEDE; width:150px; height:18px; margin-bottom:4px; padding-top:2px; padding-left:4px; font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; font-size:11px; color:#89A3CB; }
textarea { height:70px; overflow:auto; }

/* classes */
.right { text-align:right; }
.center { text-align:center; }
.clear { clear:both; height:.01em; }
.thumbs-left { margin:2px 8px 0 0; }
.thumbs-right { margin:2px 0 0 8px; }
.submit, .submit-main-contact { width:60px; cursor:pointer; padding:0; }
.submit-main-contact { margin:85px 0 0 217px; color: #000000; }
.head-wrap { padding-left: 140px; }
.enlarge { text-align: center; margin: -10px 0 10px 0 ; padding: 0 30px 20px 0; color: #005982; }
.backtotop { text-align: right; }


/* framework
 * ------------------------------------------------------------------------- */
#wrap { background: url("../images/bg-wrap.jpg") repeat-y; width:850px; margin:0 auto; text-align:left; }
#wrap-columns { width: 850px; }

	#banner { background: url("../images/banner.jpg") no-repeat; width: 850px; height: 359px; }
	#banner-about-us { background: url("../images/banner-about-us.jpg") no-repeat; width: 850px; height: 359px; }
	#banner-cosmetic { background: url("../images/banner-cosmetic.jpg") no-repeat; width: 850px; height: 359px; }
	#banner-reconstructive { background: url("../images/banner-reconstructive.jpg") no-repeat; width: 850px; height: 359px; }
	#banner-smile { background: url("../images/banner-smile.jpg") no-repeat; width: 850px; height: 359px; }
	#banner-contact { background: url("../images/banner-contact.jpg") no-repeat; width: 850px; height: 359px; }
	#flash { margin-left: 33px; }
 
 #column-left { background: url("../images/bg-column-left.jpg") repeat-y; width: 572px; float:left; }
 	#column-left p { padding: 0 25px 0 95px; }
	#column-left h1, #column-left h2, #column-left h3 { padding: 0 25px 10px 95px; }
	#assoc { padding: 0 25px 10px 110px; }
	#assoc li { list-style-image: url("../images/bullet.gif"); margin-bottom: 5px; }
 	#header-smile { background: url("../images/header-smile.jpg") no-repeat; height: 84px; }
	#header-about-us { background: url("../images/header-about-us.jpg") no-repeat; height: 70px; margin-bottom: 8px; }
	#header-cosmetic-dentistry { background: url("../images/header-cosmetic-dentistry.jpg") no-repeat; height: 70px; margin-bottom: 8px; }
	#header-reconstructive-dentistry { background: url("../images/header-recon-dentistry.jpg") no-repeat; height: 70px; margin-bottom: 8px; }
	#header-smile-makeovers { background: url("../images/header-smile-makeovers.jpg") no-repeat; height: 70px; margin-bottom: 8px; }
	#header-contact { background: url("../images/header-contact.jpg") no-repeat; height: 70px; margin-bottom: 8px; }
	#header-thankyou { background: url("../images/header-thankyou.jpg") no-repeat; height: 70px; margin-bottom: 8px; }
	#header-site-map { background: url("../images/header-site-map.jpg") no-repeat; height: 70px; margin-bottom: 8px; }
	#head-top { background: url("../images/head-top.jpg") no-repeat bottom left; height: 115px; padding-left: 150px; margin: 0 auto; }
	#footer-smile { background: url("../images/footer-smile.jpg") no-repeat; height: 70px; margin: 0 auto; }
	#header-pampered { background: url("../images/header-pampered.jpg") no-repeat; height: 75px; }
	#bna-list { padding-left: 95px; }
		#bna-list p { text-align: center; margin: -10px 0 0 0 ; padding: 0 30px 20px 0; color: #005982; }
	#column-left dl { margin-bottom:15px; width: 230px; float: left; }
	#column-left dt { padding-left: 8px; }
	
	#office1 { background: url("../images/office-photos1.jpg") no-repeat; width: 450px; height: 100px; margin: 15px 0 15px 95px; position: relative; }
		#office1 li { position: absolute; top: 0; }
		#office1 li, #office1 a { height: 100px; display: block; }
		#office1 span { display: none; }
		#office1-01 { width: 150px; left: 0; }
		#office1-02 { width: 150px; left: 150px; }
		#office1-03 { width: 150px; left: 300px; }
		
	#office2 { background: url("../images/office-photos2.jpg") no-repeat; width: 450px; height: 100px; margin: 15px 0 15px 95px; position: relative; }
		#office2 li { position: absolute; top: 0; }
		#office2 li, #office2 a { height: 100px; display: block; }
		#office2 span { display: none; }
		#office2-01 { width: 150px; left: 0; }
		#office2-02 { width: 150px; left: 150px; }
		#office2-03 { width: 150px; left: 300px; }
		
	#mid-column-left { width: 392px; margin: 0 auto; float: left; }
	#mid-column-left p { padding: 0 20px 0 95px; }
	#mid-column-right { background: url("../images/header-index-services.jpg") no-repeat; width: 180px; height: 43px; margin: 0 auto; float: left; }
	#mid-column-right ul { padding: 0; margin: 50px 0 0 20px; }
	#mid-column-right li { list-style-image: url("../images/bullet.gif"); }
	#mid-column-right a, #mid-column-right li  { color: #62766F; text-decoration: none; }
	#mid-column-right a:active { text-decoration:underline; }
	#footer-section { background: url("../images/footer-section.jpg") no-repeat; height: 20px; }
	
 #column-right { background: url("../images/bg-column-right.jpg") repeat-y; width: 278px; float:left; }
 	#column-right p { margin: 10px 75px 5px 30px; text-align: center; }
	#header-quick-contact { background: url("../images/header-quick-contact.jpg") no-repeat; height: 135px; }
	#header-main-contact { background: url("../images/header-main-contact.jpg") no-repeat; height: 84px; }
	#testimonials-right { background: url("../images/testimonials-right.jpg") no-repeat; height: 278px; }
 
 #bottom { background: url("../images/bottom.jpg") no-repeat; width: 850px; height: 30px; clear:both; overflow:hidden; }

/* footer
 * ------------------------------------------------------------------------- */
#footer { width:760px; text-align:center; margin:0 auto; }
#footer a:link, #footer a:visited, #footer p { text-decoration:none; color:#000000; }
#footer a:hover, #footer a:active { text-decoration:underline; }

#footer ul { margin-bottom:5px; }
#footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #000000; }
#footer li.first { border: none; }


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

/* main contact - dental.medical */
#main-contact { padding:20px 0 10px 75px; }
#main-contact label, #main-contact select { font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; font-size:11px; color:#000000; }
#main-contact label { width:200px; position:relative; display:block; text-align:right; color:#000000; }
#main-contact label input, #main-contact label textarea, #main-contact select { 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; }

/* horizontal navigation
 * ------------------------------------------------------------------------- */

#nav { background: url("../images/nav.jpg") no-repeat; width: 850px; height: 45px; position: relative; }
#nav li { position: absolute; top: 0; }
#nav li, #nav a { height: 45px; display: block; }
#nav span { display: none; }

#nav-01 { width: 70px; left: 58px; }
#nav-02 { width: 93px; left: 127px; }
#nav-03 { width: 158px; left: 219px; }
#nav-04 { width: 190px; left: 376px; }
#nav-05 { width: 147px; left: 565px; }
#nav-06 { width: 84px; left: 711px; }

#nav-01 a:hover { background: transparent url("../images/nav.jpg") -58px -45px no-repeat; }
#nav-02 a:hover { background: transparent url("../images/nav.jpg") -127px -45px no-repeat; }
#nav-03 a:hover { background: transparent url("../images/nav.jpg") -219px -45px no-repeat; }
#nav-04 a:hover { background: transparent url("../images/nav.jpg") -376px -45px no-repeat; }
#nav-05 a:hover { background: transparent url("../images/nav.jpg") -565px -45px no-repeat; }
#nav-06 a:hover { background: transparent url("../images/nav.jpg") -711px -45px no-repeat; }