/* 
 ----------------------------------------------------------------------------
  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 :: IE5.x/IE6/Firefox/Safari

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


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

/* 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,td { font-size:1em; }

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

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

span {display:none;}

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

body { 
	background-color: #999999;
	text-align:center; 
	font:11px/16px Verdana, Arial, Helvetica, sans-serif; 
	color:#fff; 
	}

p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }

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

h1,h2,h3 { margin-bottom:8px; }

h1	{ font-size:13px; color:#FFF;}
h2	{ font-size:12px; color:#99CCFF; }
h3	{ font-size:11px; color:#99CCFF; }

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

a:link,a:visited	{ color:#99CCFF; text-decoration:underline; }
a:hover,a:active	{ color:#fff; text-decoration:underline; }

/* global classes
 * ------------------------------------------------------------------------- */

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

img.img-left { float:left; margin:2px 12px 12px 0; }
img.img-right { float: right; margin: 2px 15px 12px 5px; }
	 
p.top { text-align:left; display:block;}

.req {font-size:10px; color:#000066;}
	
/* main framework
 * ------------------------------------------------------------------------- */

#wrap { background:url(../images/index/bg_wrap.jpg) repeat-y; width:760px; margin:0 auto; text-align:left;}
#content-main { background:url(../images/index/bg_main.jpg) left top repeat-y; width:760px; float:left; }
#content-main p { color:#000066;}/*Home page only*/
#content-main a:link, #content-main a:visited	{ color:#000066; text-decoration:underline; }
#content-main a:hover, #content-main a:active	{ color:#fff; text-decoration:underline; }
#masthead { position:relative; background:url(../images/index/masthead.jpg) left top no-repeat; width:760px; height:209px;}
#masthead-btn a { position:absolute; width:760px; height:209px; top:0px; left:0px;}/* home link within header */

#column-left {  width:312px; float:left;} 
		#column-left p { padding:5px 60px 5px 52px;}
		#column-left ul { padding:5px 60px 5px 52px;}
		#column-left ul li { background:transparent url(../images/index/list_style.jpg) 0px 6px no-repeat; padding-left:12px;}
	#container-left { width:312px; float:left; }
	#title-quick-contact { background:url(../images/index/title_quick_contact.jpg); height:59px;}
	#quick-contact-footer { background:url(../images/index/quick_contact_footer.jpg); height:33px;}
	#title-ourspecialties { background:url(../images/index/title_ourspecialties.jpg); height:26px;}
#column-right { width:448px; float:left;}
		#column-right p { padding:5px 60px 5px 52px;}
		#column-right h1 { padding:5px 60px 5px 52px; color:#000066;}
	#container-right { width:448px; float:left; }
	#title-specialties { background:url(../images/index/title_our_specialties.jpg); height:59px;}
	#specialties-footer { background:url(../images/index/our_specialties_footer.jpg); height:33px;}

.ul-index {
	color: #006;
}

#page-footer { background:url(../images/index/page_footer.gif) no-repeat; width:760px; height:103px; clear:both; overflow:hidden;}
	 

/* inside sub pages framework
 * ------------------------------------------------------------------------- */
 
	#title-about { background:url(../images/sub/title_about_us.gif); height:56px;}
	#title-breast { background:url(../images/sub/title_breast.gif); height:56px;}
	#title-augmentation { background:url(../images/sub/title_augmentation.gif); height:56px;}
	#title-breastlift { background:url(../images/sub/title_breastlift.gif); height:56px;}
	#title-reduction { background:url(../images/sub/title_reduction.gif); height:56px;}
	#title-gynecomastia { background:url(../images/sub/title_gynecomastia.gif); height:56px;}
	#title-body { background:url(../images/sub/title_body.gif); height:56px;}
	#title-tummytuck { background:url(../images/sub/title_tummytuck.gif); height:56px;}	
	#title-liposuction { background:url(../images/sub/title_lipo.gif); height:56px;}
	#title-smartlipo { background:url(../images/sub/title-smartlipo.gif); height:56px;}
	#title-face { background:url(../images/sub/title_face.gif); height:56px;}
	#title-facelift { background:url(../images/sub/title_facelift.gif); height:56px;}
	#title-browlift { background:url(../images/sub/title_browlift.gif); height:56px;}
	#title-rhinoplasty { background:url(../images/sub/title_rhinoplasty.gif); height:56px;}
	#title-eyelidsurgery { background:url(../images/sub/title_eyelidsurgery.gif); height:56px;}
	#title-earsurgery { background:url(../images/sub/title_earsurgery.gif); height:56px;}
	#title-skin { background:url(../images/sub/title_skin.gif); height:56px;}
	#title-contact-us { background:url(../images/sub/title_contact.gif); height:56px;}
	#title-financing { background:url(../images/sub/title_financing.gif); height:56px;}
	#title-sitemap { background:url(../images/sub/title_sitemap.gif); height:56px;}
	#title-thankyou { background:url(../images/sub/title_thankyou.gif); height:56px;}
	#title-testimonials { background:url(../images/sub/title_testimonials.gif); height:56px;}
	#title-resources { background:url(../images/sub/title_resources.gif); height:56px;}
	#title-aestheticsurgery { background:none; height:56px;}
	#title-plasticsurgery { background:url(../images/sub/title_plasticsurgery.gif); height:56px;}
	
	#contact-container { width:217px; float:right; margin:0 10px 0 10px;}
	#quick-contact-container { background:url(../images/sub/sub_bg_quickcontact.jpg) left top repeat-y; width:217px;}
		#contact-container form { padding:0px 0px 0px 20px;}
	#title-sub-quickcontact { background:url(../images/sub/title_sub_quickcontact.jpg); height:40px;}
	#sub-quickcontact-footer { background:url(../images/sub/sub_quickcontact_footer.jpg); height:33px;}
 
#sub-column-left { width:760px; float:left;} 
		#sub-column-left p { padding:0px 25px 0px 25px; color:#fff;}
		#sub-column-left p.blue { color:#000066; }
		#sub-column-left h1 { padding:5px 25px 1px 25px; color:#FDC58C; }
		#sub-column-left h2 { padding:5px 25px 1px 25px; color:#99CCFF; }
		#sub-column-left h3 { padding:5px 25px 1px 25px; color:#F4BF89; }
		.indent-container { margin-left:35px; }
		/* sub ul style */
		#sub-column-left ul { margin-left:30px; color:#FFF;}
		#sub-column-left ul li { background:transparent url(../images/sub/sub_list_style.jpg) 0px 6px no-repeat; padding-left:12px;}

/* ul container for skin page */
#ul-container {width:500px; }
#ul-left {width:300px; float:left;}
#ul-right {width:200px; float:left;}

#sub-page-footer { background:url(../images/sub/sub_page_footer.gif) no-repeat; width:760px; height:70px; clear:both; overflow:hidden;}

/* Privacy Practice Notice - Container */
#privacy-container { width:700px; margin-left:20px; }
		/* privacy ul style */
		#privacy-container ul { margin-left:30px; color:#FFF;}
		#privacy-container ul li { background:transparent url(../images/sub/sub_list_style.jpg) 0px 6px no-repeat; padding-left:12px;}
   
/* Horozontal MAIN NAVIGATION Sprite Nav
 * ------------------------------------------------------------------------- */

#nav { 
	background: url(../images/index/nav.jpg) no-repeat; 
	width:760px; 
	height:50px; 
	margin:0; 
	padding:0;
	}

#nav span { display: none; }

#nav li, #nav a { height: 50px; display: block; }

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

#nav-01 { width: 75px; margin-left: 0px;}
#nav-02 { width: 75px;}
#nav-03 { width: 75px;}
#nav-04 { width: 77px;}
#nav-05 { width: 75px;}
#nav-06 { width: 78px;}
#nav-07 { width: 221px;}
#nav-08 { width: 84px;}

#nav-01 a:hover {background: transparent url(../images/index/nav.jpg)  0px -50px no-repeat;}
#nav-02 a:hover {background: transparent url(../images/index/nav.jpg) -75px -50px no-repeat;}
#nav-03 a:hover {background: transparent url(../images/index/nav.jpg) -150px -50px no-repeat;}
#nav-04 a:hover {background: transparent url(../images/index/nav.jpg) -225px -50px no-repeat;}
#nav-05 a:hover {background: transparent url(../images/index/nav.jpg) -302px -50px no-repeat;}
#nav-06 a:hover {background: transparent url(../images/index/nav.jpg) -377px -50px no-repeat;}
#nav-07 a:hover {background: transparent url(../images/index/nav.jpg) -455px -50px no-repeat;}
#nav-08 a:hover {background: transparent url(../images/index/nav.jpg) -676px -50px no-repeat;}

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

#nav li ul li { 
	height:20px; /* Height of each drop down nav item */
	border:1px solid #9FCCF5;
	margin: -1px 0 0 0;
	}	

#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:#FFFFFF;
	text-decoration:none;
	}

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

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

/* width of drop down nav - choose width that allows items to display on one line */
#nav-01 ul, #nav-01 li { width:135px; }
#nav-02 ul, #nav-02 li { width:155px; }		
#nav-03 ul, #nav-03 li { width:84px; }
#nav-04 ul, #nav-04 li { width:95px; }


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

#plasticSurgery ul { margin-bottom:10px; }
#plasticSurgery li { padding: 0 1px 0 5px; display:inline; border-left: 1px solid #fff; }
#plasticSurgery li.first { border: none; }


/* Quick Contact Form
 * ------------------------------------------------------------------------- */

form { width:150px; padding:10px 0 15px 52px;}
	
form p	{ font-size:10px; }

form br { line-height:0; /* defaults vertical spacing between fields */}
	
input, textarea, select { 
	background-color:#fff !important; 
	border:1px solid #000;
	color:#333333;
	width:150px; 
	height:18px; 
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px;
	}

textarea { height:70px; overflow:auto; }

input.submit, input.submit-contact-main { 
	width:60px; 
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:85px 0 0 242px; }

input.submit-image { 
	background: url(../images/index/btn_submit.jpg); 
	width:63px; 
	height:15px; 
	border:none; 
	cursor:pointer; 
	}

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

/* Main Contact Form
 * ------------------------------------------------------------------------- */
 
#contact-main { padding:20px 0 10px 0; }
	
#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px; 
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:200px;
	background-color:#fff !important; 
	position:absolute; 
	left:110%; 
	top:-2px;
	}
	
#contact-main label select {
height:23px;
}
	
#contact-main label textarea { height:100px; }
	
#contact-main .check-box { background-color: transparent; border: 0; width:20px; margin-top:10px;}	
/* Gallery
 * ------------------------------------------------------------------------------- */
 
  #gallery-container { margin: 0; padding: 0; width: 522px;}
	#gallery-header { background: url(header.jpg) left top no-repeat; height:146px;}
	#gallery-nav { background: url(nav_bkgrnd.jpg) left top repeat-y;}
	#gallery-nav-padding { padding: 10px 0 0 25px;}
	/* #description { background: url(content_bkgrnd.jpg) left top repeat-y; height: 30px;} 
	#description-padding { padding: 0px 0 0 35px;} */
	#gallery-image { margin: 0; padding: 0; height:273px;}
	#gallery-footer { background: url(footer.jpg) left top no-repeat; height:40px;}
	
	
#dermbutton { width:232px; height:155px; margin-left:25px; margin-top:30px; }
#dermbutton a { height:92px; width:175px; }

#dermbutton2 {  width:190px; height:180px; margin-left:0px; margin-bottom:0px; background-color:#333333; width:219px;}
#dermbutton2 a { width:142px; height:80px;}
	
#treatmentVisualizer {
	width: 234px;
	margin: 39px;
}
	
	
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* *{padding: 0; margin: 0;} */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

img.bordered {
	padding: 1px;
	border: 2px solid #e7e6e2;
}

img.right {
	margin-left: 15px;
	margin-bottom: 2px;
}

.imgContainer {
width: 200px; 
height: 80px; 
text-align:center; 
padding-bottom:5px; 
float: right;
}

imgContainer img {
margin-bottom:5px; 
border:0; 
}

.imgContainer1 {
width: 300px; 
height: 80px; 
text-align:center; 
padding-bottom:5px; 
float: right;
}

imgContainer1 img {
margin-bottom:5px; 
border:0; 
}