/* 
----------------------------------------------------------------------------
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, table { margin:0; padding:0; }

table{border-collapse:collapse;border-spacing:0;}


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

span { display: none;}

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

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

p.req { font-size:9px; margin-left:-20px;}
form { width:150px; padding:10px 0 15px 33px; }
input, textarea { background-color:#FEECD1; border: 1px solid #A8A398; width:157px; height:16px; margin-bottom:4px; padding-top:2px; padding-left:4px;
                  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#CC6633; }
				  
				  
/* main contact forms
 * ------------------------------------------------------------------------- */

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

.submit, .submit-main-contact { cursor:pointer; background:url("../images/index/submit.gif") no-repeat; width:63px; height:23px; border:0;  }
.submit-main-contact { margin:85px 0 0 193px; }



/* classes */
.thumbs {padding-right:10px;}
.right { text-align:right; }
.center { text-align:center; }
.clear { clear:both; height:1em; overflow:hidden }
.img-left { float:left; padding: 0 10px 0 0;}
.img-right { float:right; padding: 0 0 0 10px;}


/* framework
 * ------------------------------------------------------------------------- */
#wrap { background:url("../images/index/bg.gif") repeat-y; width:750px; margin:0 auto; }
	#top {background:url("../images/index/top.gif") no-repeat; height:164px;}
	#top2 {background:url("../images/index/hm-face2.gif") no-repeat; height:164px;}
	#top3 {background:url("../images/index/hm-face3.gif") no-repeat; height:164px;}
	#top4 {background:url("../images/index/hm-face1.gif") no-repeat; height:164px;}
	#column-left { width:511px; float:left; }
			#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul {padding: 0 60px 0 57px;}
		#title {background:url("../images/index/title.gif") no-repeat; padding-top:90px; }
			#title img.featured {margin-left:42px;}
		#title-surgery {background:url("../images/index/title-surgery.gif") no-repeat; padding-top:134px; }
	#column-right { width:239px; float:left; }
			#column-right p {padding: 0 32px 0 20px;}
		#right-top {background:url("../images/index/right-top.jpg") no-repeat; padding-top:386px; }
		#content-bottom { position:relative; background:url(../images/index/content_bottom_02.jpg) left top no-repeat; width:750px; height:204px;}
       #btn a { position:absolute; width:490px; height:160px; top:29px; left:12px;}/* home link within header */
	#locations {background:url("../images/index/locations.gif") no-repeat; height:150px; }
		#locations p {float:left; padding-top:58px; width: 170px;}
#bottom { background-color: #B3C5DB; width:750px; height:5px; clear:both; overflow:hidden; }

.locations1 {padding-left:30px; width:100px;}
.locations3 {margin-right:5px;}
.locations4 {margin-left:10px;}

	/* single column list */
	#column-left ul { padding-left:80px; padding-bottom:10px; }
		#column-left ul li {
			list-style-type:disc; 
			}
			
	#column-left ul li ul { margin:0 0 0 5px; }


#facial-contouring { position:relative; background:url(../images/sub/facial_contouring_btn.jpg) left top no-repeat; width:239px; height:131px;}
#facial-btn a { position:absolute; width:239px; height:123px; top:0px; left:0px;}/* home link within header */

#plastic-surgery { position:relative; background:url(../images/sub/plastic_surgery_btn.jpg) left top no-repeat; width:239px; height:131px;}
#plastic-btn a { position:absolute; width:239px; height:123px; top:0px; left:0px;}/* home link within header */

body#index img.facial-contouring { margin: 10px 10px 10px 35px; }
body#index img.plastic-surgery { margin: 10px 10px 10px 5px; }

img.home-thumbnails {
margin:10px 10px 10px 65px;
}


/* SUB PAGES  */

#title-contact {background:url("../images/sub/title-contact.gif") no-repeat; padding-top:90px; }
#title-facelift {background:url("../images/sub/title-facelift.gif") no-repeat; padding-top:90px; }
#title-other {background:url("../images/sub/title-other.gif") no-repeat; padding-top:90px; }
#title-practice {background:url("../images/sub/title-practice.gif") no-repeat; padding-top:90px; }
#title-dr-henry {background:url("../images/sub/title-dr-henry.jpg") no-repeat; padding-top:90px; }
#title-rhinoplasty {background:url("../images/sub/title-rhinoplasty.gif") no-repeat; padding-top:90px; }
#title-sitemap {background:url("../images/sub/title-sitemap.gif") no-repeat; padding-top:90px; }
#title-thankyou {background:url("../images/sub/title-thanks.gif") no-repeat; padding-top:90px; }

#bna-button {background:url("../images/sub/bna-button.jpg") no-repeat; width:239px; height:108px; margin-top:20px; }
	#bna-button a {display:block; width:198px; height:108px; padding:4px 0 0 0; margin-left:15px;}
	#bna-button a span {display:none;}


#pop-up { background-color: #fff; margin:10px 0 20px 0; }
#pop-up p, #pop-up h1, #pop-up h2, #pop-up h3 {margin: 5px 15px 10px 15px;}
#pop-up ul {margin: 15px 15px 15px 25px; list-style-type:square;}


#column-left table {
border:none;
margin-left:50px;
}

#column-left table tr td {
padding:5px;
}

	#column-left #magazine-imgs {
	margin:0 50px 20px 60px;
	}


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

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

/* NAVIGATION----------------------------------------------------------------------------- */

#nav { 
	background:url("../images/nav.jpg") no-repeat; 
	width:750px; 
	height:36px; 
	margin:0;
	padding:0; 
	}
	
#nav span { display: none; }

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

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

#nav-01 { width: 69px; margin-left: 11px;}
#nav-02 { width: 110px;}
#nav-03 { width: 135px;}
#nav-04 { width: 91px;}
#nav-05 { width: 69px;}
#nav-06 { width: 166px;}
#nav-07 { width: 87px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.jpg")  -11px -36px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -80px -36px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -190px -36px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -325px -36px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -416px -36px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -485px -36px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -651px -36px no-repeat; }

/* bnas
 * ------------------------------------------------------------------------- */
 #bna-body { background-image:none; background-color:#fff; width:600px; height:425px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CC6633;}
 #bna-body a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CC6633;}
 #bna-top {background:url("../images/bna/top.jpg") no-repeat top; height:110px;}
 #bna-image { height:258px;}
 #bna-bottom {background:url("../images/bna/bottom.gif") no-repeat top; height:77px; text-align:center;}
 		#bna-bottom h1{color: #CC6633; font-size: 14px; font-weight: bold; text-align:center;  padding-top:10px; margin-bottom:5px;}
		#bna-bottom p{color: #CC6633; font-size: 12px; text-align:center; margin: 0px 0 8px 0; padding:0;}