/* CSS for Dr. Bitar */


/* colors  

#e58dda = pink
#f6bd4d = yellow
#006699 = blue
#edeade = tan
#dd84ba = pink
#7194cb = light blue
#0166a4 = blue



end colors */



*{	margin: 0; padding: 0;}

body{ background: url(../images/body-bg.gif); }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.l{ float: left;}
.flm{ margin: 0px 10px 0px 10px;}
.r { float: right;}
.frm{ margin: 0px 0px 10px 10px;}
.clr{ clear: both;}
.clrl{ clear: left;}
.ul { margin: 5px 0px 5px 20px; }
.logo { border: 0;}
.small  { font-size: .91em; }
.ctr { text-align: center;}
.just{text-align: justify;}
.tleft{text-align: left;}
.st{font-weight: bold;}
.i{font-style: italic;}

.m-r-10{ margin: 0 10px 0 0;}
.m-l-10{ margin: 0 0 0 10px;}

.faq-border {}
.faq-button { border: 1px solid #666666; text-align: center; width: 300px; margin: auto;}
.faq-text {

	}

.homepage-text-banner { border: 2px solid #dd84ba; background-color: #1b76af; color: #fff; padding: 5px; margin: 0 1px 10px 0; text-align: center; }
	
.logo-link{
	position: absolute;
	display: block;
	margin: 40px auto;
	height: 100px;
	width: 400px;
	z-index: 50px;
	background: #fff;
	filter:alpha(opacity=0);-moz-opacity:.0;opacity:.0;
}	

	
.faq-button a{
	display: block;
	border: 3px solid #FFFFFF;	
	font-size: 1.3em; 
	padding: 3px;
	color: #FFFFFF; 
	text-decoration: none;
	background-color: #f6bd4d;
}
p{
	margin: 10px 5px 20px 0px;
}	
.faq-button a:hover{background-color: #006699;}
#gradient-wrap{
	width: 100%;
	background: url(/images/gradient-bg.gif) repeat-x;
	padding: 1.5em 0;
}
	
#main{
	background: #edeade;
	width: 745px;
	margin: 0 auto;
	font-size: 85%;
	font-family: Trebuchet MS, sans-serif;
	border: 7px solid #fff;
}

#header{
	border-top: 2px solid #dd84ba;
	border-bottom: 2px solid #dd84ba;
	border-left: 1px solid #7194cb;
	border-right: 1px solid #7194cb;
}
body {
	font-family: arial, helvetica, serif;
}

#nav{
	background: url(/images/nav-bg.gif);
	 font-size: 0.95em;
	 line-height: 12px;
	padding: 0 0 0 0;
	height: 30px;
	z-index: 9000;
	background-color: #f9d080;
}

#nav ul { /* all lists */
	list-style: none;
	padding: 10px 0 0 0;
	z-index: 9000;
	margin-left: 5px;
}


#nav a {
 
	display: block;
	margin: .1em;
	width: 8em;
	color: #0166a4;
	text-decoration: none;
}
#nav a:hover{color: #0166a4; }

#nav a.narrow{ width: 5.5em; }

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	margin: 0 5px 0 5px;
	padding: 0;
	overflow: hidden;
}

#nav li.home, #nav a.home{ width: 45px; margin-left: 5px; border-right: 1px solid #f7e7ca; }
#nav li.meet, #nav a.meet{ width: 62px; border-right: 1px solid #f7e7ca;}
#nav li.about, #nav a.about{ width: 65px;border-right: 1px solid #f7e7ca; }
#nav li.news, #nav a.news { width: 50px;border-right: 1px solid #f7e7ca;}
#nav li.media, #nav a.media{ width: 47px; border-right: 1px solid #f7e7ca;}
#nav li.top, #nav a.top  { width: 75px;border-right: 1px solid #f7e7ca; }
#nav li.medi, #nav a.medi { width:60px; border-right: 1px solid #f7e7ca;}
#nav li.gallery, #nav a.gallery{ width: 91px;border-right: 1px solid #f7e7ca; }
#nav li.fees, #nav a.fees {width: 36px;border-right: 1px solid #f7e7ca; }
#nav li.contact, #nav a.contact { width:70px; }




#nav li ul { /* second-level lists */
	position: absolute;
	background: #888;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: 1px solid #dd84ba;
	padding: 0;
	z-index: 9000;
}

#nav li ul a{
	margin: 3px 4px 5px 3px;
	color: #fff;
	z-index:9999;
}

#nav li ul a:hover{
	color: #e58dda;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1.3em 0 0 8em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

a {
	color: #e58dda;
	font-weight: bold;

}

.sub-nav { display: none; border-bottom: 1px solid #666666; text-align: center; padding: 0 10px 10px 10px; margin-bottom: 10px;}
.acrobat {border-top: 1px solid #666666; text-align: center; padding: 10px 10px 0 10px; margin-top: 10px;}

a:hover{ text-decoration: none; }

#left-col-top{ 
	height: 6px;  
	display: inline;
}

#left-col{
	background: url(/images/left-col-bg.gif) repeat-y;
	width: 497px;
	float: left;
	margin: 0 0 0 5px;
}
#left-col-cont{
	margin: 1em 1em 0 .9em;
}

#left-col-cont p { color: #666; margin: 0 0 1em 0;}

.b-img-brd{ border: 3px solid #f6bd4d; }

h1.title{ 
	font-size: 1.3em; 
	color: #0166a4; 
	margin: 0 0 .5em 0;
}

h2 { 
	font-size: 1.1em; 
	color: #0166a4; 
	margin: 0 0 .5em 0;
	font-weight: bold;
}
h3{
	font-size: 1.1em; 
	margin: 1em 0 .2em 0;
	font-weight: bold;
}
#home-box{
	border: 3px solid #006699;
	background: url(../images/bg-index-p.gif) repeat-x top;
}

.half-p{ 
	float: left;
	margin: 8px 8px 10px 8px;

}
.l-b { border-left: 1px solid #666; padding: 0 0 0 1em; width: 145px;}
.r-m1 { width: 235px; }

.r-link { float: right; margin: 0 .5em 0 0; display: inline;}

.pink{ color: #e58dda; }
.blue{ color: #0166a4; }

#specialties{
	border: 1px solid #7194cb;
	background: #edeade;
	padding: 1em 0 0 0;
	margin: 0 0 1em 0;
}

.sp-icon{ 
	width: 140px; 
	margin: 0 0 0 .65em; 
	float: left;
	display: inline;
	text-align: center;
}

.sp-icon img { border: 1px solid #7194cb; margin: 0 0 .5em 0; }
.sp-icon  p { text-align: center; }
.sp-icon a { 
	color: #666; 
	text-decoration: none;
	font-weight: normal;
	line-height: 1.1em;
}
.sp-icon a:hover{ text-decoration: underline; }

ul.loc{ color: #0166a4; margin: 0 0 0 1.2em;}
ul.loc li{ margin: 0 0 .8em 0; }
ul.loc li a { text-decoration: none; }
ul.loc li a:hover{ text-decoration: underline; }

#i-questions input.field , #i-questions textarea.field  { 
	width: 170px; 
	float: right; 
	border: 1px solid #666;
	margin: 0 0 .5em 0;
	font-size: .9em;
}

#right-col{
	color: #666666;
	float: left;
	width: 228px;
	margin: 5px 0px 0 5px;
	font-size: 1em;
	display: inline;
}

#right-col p, #right-col form{	margin: 0 .75em .5em 1em; }
#right-col p.narrow{ width: 145px; margin: 0 0 0 .5em;}

h1.s-title{
	background: url(/images/right-header-bg.gif);
	height: 30px;
	color: #fff;
	font-size: 1.4em;
	border: 1px solid #fff;
	padding: .1em 0 0 .75em;
	margin: 0 0 .25em 0;
}

#newsletter-form input.field { 
	width: 200px; 
	float: right; 
	border: 1px solid #666;
	margin: 0px .75em .5 1em;
}

#newsletter-form input.sub { 
	float: right; 
	margin: 0 .75em .5em 1em;
}

.asps-m{ margin: .25em 0 0 .25em; }

table.calendar {
	border: 1px solid #d6d5d8;
	background: #fff;
	margin: 0 auto;
}

table.calendar tr td.bluerow { 
	color: #FFFFFF;
	font-weight: bold;
	padding: 1px 0 0 5px;
	background: #0166a4; 
	border-bottom: 1px solid #5b8ab3;
}

table.calendar tr.daterow td{
	width: 26px;
	height: 15px;
	text-align: center;
}
table.calendar tr.daterow td.event { background: #cd4d9f; font-weight: bold; color: #FFFFFF;}

td.event a {color: #FFFFFF; text-decoration:none;}
td.event a:hover {text-decoration:underline;}

#int-col{
	background: url(/images/int-col-bg.gif) repeat-y;
	width: 735px;
	float: left;
	margin: 0 0 0 5px;
	display: inline;
}
#int-col-cont{
width: 690px;
color: #666666;
	margin: 1em 1em 0 .9em;
	padding: 0 10px 10px 10px;
	
}

.testimonials-name {text-align: left; color: #666666; padding-top: 5px;}
.testimonials-spacer {border-top: 1px solid #0033CC; margin: 15px;}

#footer{
	clear: both;
	width: 720px;
	background: #f6bd4d;
	margin: 1em auto;
	padding: .5em 0;
	border: 4px solid #fff;
	color: #fff;
}

#footer p { text-align: center; line-height: 1.1em;}

#footer a{
	text-decoration: none; 
	color: #fff;  
	font-weight: normal;
}
#footer a:hover {text-decoration: underline; }

#footer p a.bwm{ color: #fff;}
#footer p a.bwm:hover { color: #4a8ecb; text-decoration: none;}

#home-flash {padding-bottom: 10px;

}
.before-after {padding: 0px; margin: 0px;}
.before-after img {margin: 5px;}
.before-after td {padding-bottom: 10px; border-bottom: none;}

.before {text-align: center; font-weight: bold; color: #999999;}
.after {text-align: center; font-weight: bold; color: #999999;}

#warning {width: 295px; margin: 10px; padding: 5px; background-color: #FFFFFF; font-size: .8em; border: 1px solid #666666; color: #666666;}
#date-event {width: 270px; margin: 10px 0 10px 10px; padding: 5px; background-color: #FFFFFF; font-size: .8em; border: 1px solid #666666; color: #666666;}

.numbers {font-size: 1.4em; color: #e58dda;}
.top-ten {font-size: 1.4em; color: #0166a4}

.even {background-color: #EEEEEE;}

#before-after-gallery {float: right; text-align:center; border: 1px solid #666666; background-color: #EEEEEE; margin: 0 0 5px 5px; /*position: relative;*/}

	#before-after-gallery a {color: #e58dda; display: block; padding: 10px 12px 10px 12px; text-decoration: none;}
	#before-after-gallery a:link {color: #e58dda;}
	#before-after-gallery a:visited {color: #e58dda;}
	#before-after-gallery a:hover {color: #CC0066; }
	#before-after-gallery a:active {color: #237ab0;} 
	#before-after-gallery a img {border: 2px solid #e58dda;}
	
	#before-after-gallery:hover {background-color: #FFCCCC; border: 1px solid #CC0066;}
	

.caption{
	margin: 0px 0px 20px 0px;
	text-align: left;
	font-size: 10px;
	width: 200px;
}

h1 span{
	font-size: 14px;
	color:#666666;
}

.pub span{
	display: block;
	margin-bottom: 15px;
}
.pbg{
	background: #e58dda;
	padding: 5px 0px 5px 0px;
}
.right-imgs{
	float: right;
	text-align: center;

	margin: 0px 0px 0px 20px;
	background: #D8D8D8;
	padding: 20px;
}

.art-page img{
	border: 3px solid #e58dda;
	margin: 10px;
	text-decoration: none;
}
.art-page a{
	display: block;
	text-decoration: none;
	float: left;
	margin: 10px;
	font-size: 11px;
}
h2.h2bg{
	background: url(../images/bg-h2.gif)  repeat-y top left;
	padding: 4px;
	width: 400px;
}
.bold{
	font-size: 1.3em;
	color: #CE921B;
}
.staff{
	border: 3px double #006699 ;
	margin-bottom: 15px;

}
.name{
	background: #f6bd4d;
	font-weight: bold;
	color: #fff;
	padding: 3px;
}
.pos{
	background: #CBCBCB;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 5px;
	padding: 3px;
	text-align: right;
	font-size: 11px;
}
.bio{
	margin: 5px;
}
.line{
	border-bottom: 1px solid #edeade;
}
.leuk-l{
	clear: both;
	margin-bottom: 30px;
	background: url(../images/bg-leuk.gif) repeat-y top left;
	padding: 8px;
}
.leuk-r{
	clear: both;
	margin-bottom: 30px;
	background: url(../images/bg-leuk2.gif) repeat-y top right;
	padding: 8px;
}

.skincare{
	width: 300px;
	border-top: 8px solid #006699;
	background: url(../images/bg-index-p.gif) repeat-x top;
	padding: 10px;
}
.min-gal{
	float: right;
	text-align: center;
	clear: right; 
	background: #D1D1D1;
	padding-bottom: 10px;
	margin: 0px 0px 10px 10px;
}
.pro-summary{
	width: 258px;
	float: right;
	clear: right; 
	background: url(../images/bg-index-p.gif) repeat-x top;
	margin: 10px 0px 10px 10px;
	list-style-type: none;
}
.pro-summary table{
	margin: 0px 10px 0px 10px;
	font-size: .89em;
}
.pro-summary table, .pro-summary td{
	border: 1px solid #0166a4;
}
.pro-summary td{
	padding: 4px;
}
.pro-summary td:first-child{
	font-weight: bold;
	background: #DEDEDE;
}
table.price-list td{
	padding: 3px;
}
h3.pro-head{
	margin: 5px 5px 5px 10px;
	color: #0166a4;
}
.cost-link{
	float: right;
	clear: right;
	width: 248px;
	text-align: center;
	margin: 10px 0px 10px 10px;
}
.procedure-page h2{
	font-size: 1em;
}
.procedure-page p{
	margin-bottom: 1em;
}
.procedure-page a h2{
	color: #0166a4;
	display: block;
	margin: 20px 0px 10px 0px;
}
ul.gallerylist a{
	text-decoration: none;
	font-size: 12px;
	/*display: block;*/
	padding: 2px;
}

ul.gallerylist a:hover{
	text-decoration: none;
	color: #0166a4;

}
.gallerylist .pic{
	background:  #E5E5E5;
	padding: 5px;
}

ul.gallerylist{
	margin: 0px 30px 0px 0px;
	padding: 0px;
	color: #0166a4;
	list-style-type: none;
	width: 310px;
}
.gallerylist ul{
	list-style-type: none;
	margin: 0 0 5px;
}
.gallerylist li {
	padding: 0px 0px 1px 0px;
	margin: 0px 0px 4fpx 0px;	
}
ul.gallerylist ul li{
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 4px 0px;	
}
ul.cv{
	float: right; 
	width: 250px; 
	list-style-type: none;
	border: 1px solid #006699;
	padding: 10px;
	background: url(../images/bg-index-p.gif) repeat-x top;
	margin: 0px 0px 10px 20px;
	font-size: 14px;
}
ul.cv a{
	text-decoration: none;
}
ul.cv a:hover{
	color: #006699;
	text-decoration: none;
}
ul.cv li{
	margin-bottom: 12px;
	border-bottom: 1px solid #CADBEA;
	padding-bottom: 8px;
}
.keywords{
	font-size: 11px;
	color: #999999;
	margin: 10px;
}
td.cal-line:first-child, td.cal-line:last-child{
	background-color: #EEEEEE;
} 
.calendar a{
	display: block;
	background: #cd4d9f; font-weight: bold; color: #FFFFFF;
}

.tv{ 
	margin: 0 5px 0 0; 
	position: relative;
	top: 5px;
}
a.consult{
	font-size: 1.3em;
    float: right;
	margin-bottom: 15px;
	margin-left: 50px;
	text-align: center;
	display: block;
	width: 250px;
	
}
ol.special{
	margin-left: 40px;
	margin-bottom: 20px;
}
ol.special li{
	margin-bottom: 5px;
	font-size: .9em;
	color: #7194cb;
}
.dis{
	font-size: .8em;
	font-style: italic;
}

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 743px; /*For KHTML*/
  list-style: none;
  height: 24px;
	background: url(/images/nav-bg.gif);
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 180px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 235px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
	
}

/* Root Menu */
ul#navmenu-h a {
  /*
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
 */border-left:1px solid #F7E7CA;
  padding: 0 11px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
 /* background: #EEE; */
  color: #0166A4;
  font: bold 10px/24px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.sfhover a {
  /*background: #CCC;
  color: #FFF; 
	color: #E58DDA;*/
	color: #666666;
	
}

/* 2nd Menu */
ul#navmenu-h ul {
border:1px solid #DD84BA;
width: 235px;
}
ul#navmenu-h li:hover li a,
ul#navmenu-h li.sfhover li a {
  border-right: none;
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.sfhover li a:hover,
ul#navmenu-h li.sfhover li.sfhover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.sfhover li.sfhover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.sfhover li.sfhover li a:hover,
ul#navmenu-h li.sfhover li.sfhover li.sfhover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.sfhover li.sfhover li.sfhover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.sfhover li.sfhover li.sfhover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 235px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.sfhover ul ul,
ul#navmenu-h li.sfhover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.sfhover ul,
ul#navmenu-h ul li.sfhover ul,
ul#navmenu-h ul ul li.sfhover ul {
  display: block;
}



ul#navmenu-h a.contact  {

}
.home {
width: 50px;
}
ul#navmenu-h a.home {
padding-left: 20px;
padding-right: 0;
border-left: none;
}

.email_verify {display: none;}

#bblock1 {
background: #999; 
height: 30px; 
width: 110px;
position: relative; 
left: 6px; 
top: 132px;
}

#bblock2 {
background: #999; 
height: 30px; 
width: 110px;
position: relative; 
left: 172px;
top: 104px;
}