/* 
----------------------------------------------------------------------------
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; }

span { display:none;}

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

/* root selectors */ 
body { background:url("../images/bg.gif") repeat-x  #B3C5DB; text-align:left; 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:#3366CC; text-decoration:underline; }
a:hover,a:active { text-decoration:none; }
h1 span,h2 span,h3 span { display:none; }

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 25px; float:left; }
#main-contact label, #main-contact select { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#CC6633; }
#main-contact label { width:180px; 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:180px; left:110%; top:-2px; }
#main-contact label textarea { width:180px; height:90px; 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;  }
.submit-main-contact { margin:85px 0 0 200px; }



/* classes */
.right { text-align:right; }
.center { text-align:center; }
.clear { clear:both; height:.01em; overflow:hidden }
.img-left {float:left; padding: 0px 10px 0px 0px;}
.img-right { float:right; padding: 0 0 0 10px;}
p.req { font-size:9px; margin-left:-20px;}

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

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

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


/* 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;}
	#column-left { width:511px; float:left; }
			#column-left p, #column-left h1, #column-left h2, #column-left h3 {padding: 0 60px 0 57px;}
			#column-left ul {padding: 0 60px 0 90px; list-style-type:square; margin-bottom:8px;}
		#title {background:url("../images/index/title.jpg") no-repeat; padding:90px 0 20px 0 ;  }
			#title img.featured {margin-left:42px;}
			#title p, #title h1, #title h2, #title h3 {padding: 0 60px 0 200px;}
		#title-surgery {background:url("../images/index/title-surgery.gif") no-repeat; padding-top:114px; }
			#title-surgery p {padding: 0 60px 0 39px;}
	#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.jpg") left top no-repeat; width:511px; height:189px;}
        #btn a { position:absolute; width:488px; height:159px; top:30px; left:12px;}/* home link within header */
	    #locations {background:url("../images/index/locations.gif") no-repeat; height:159px; }
		#locations p {float:left; padding-top:58px; width: 180px;}
#bottom { background-color: #B3C5DB; width:750px; height:5px; clear:both; overflow:hidden; }

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

bod#index #considering-procedures {
display:inline;
}

body#index img.facial-contouring { margin: 10px 10px 10px 35px; }
body#index img.plastic-surgery { margin: 10px 10px 10px 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 */

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


/* SUB PAGES
 * ------------------------------------------------------------------------- */
#title-body {background:url("../images/sub/title-body.gif") no-repeat; padding:90px 0 20px 0 ;  }
#title-breast {background:url("../images/sub/title-breast.gif") no-repeat; padding:90px 0 20px 0 ;  }
#title-contact {background:url("../images/sub/title-contact.gif") no-repeat; padding:90px 0 20px 0 ;  }
#title-liposuction {background:url("../images/sub/title-liposuction.gif") no-repeat; padding:90px 0 20px 0 ;  }
#title-practice {background:url("../images/sub/title-practice.gif") no-repeat; padding:90px 0 20px 0 ;  }
#title-dr-henry {background:url("../images/sub/title-dr-henry.jpg") no-repeat; padding:90px 0 20px 0 ;  }
#title-sitemap {background:url("../images/sub/title-sitemap.gif") no-repeat; padding:90px 0 20px 0 ;  }
#title-thanks {background:url("../images/sub/title-thanks.gif") no-repeat; padding:90px 0 20px 0 ;  }
#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;}
/* 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 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; }