/* CSS Document */

p {
line-height:22px;
}

li {
	line-height:22px}

#navlist { list-style-image: url(images/arrow.gif); }
#navlist0 { list-style-image: url(images/arrow.gif); }
#navlist1 { list-style-image: url(images/arrow.gif); }
#navlist2 { list-style-image: url(images/arrow.gif); }
#navlist3 { list-style-image: url(images/arrow.gif); }
#navlist4 { list-style-image: url(images/arrow.gif); }

#pic_background {
background-color: #ffffff;
width: 500px;
padding: 20px;
margin:auto;
text-align:center
}

.procedures {
font-size:16px;
color:#545454; 
font-weight:bold
}

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
padding-top:5px;
}

.centerdiv div{ /*Proper way to center a relative div*/
margin: 0 auto;
}



.pic_large {
border: 3px solid #BE9FFF; padding:2px
}

.photo {
border: 4px solid #FFF;
padding: 5px;<a href="index.htm">Plastic Surgery San Francisco Bay Area | Cosmetic Surgery Bay Area & San Francisco</a>
}

#container2 {
width:990px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
background-color:#F9F8D4;
position:relative;
text-align:left
}


#container {
width:900px;
margin:auto;
background-color:#F9F8D4;
text-align:left
}

#sitemapTab{
	position: relative;
	z-index: 999;
	float:right;
	right: 0px;
	bottom: 0px;
	width: 226px;
	height: 35px;
	margin: -41px 180px 0px 0px;
	padding: 5px 0px 0px 4px;
}

body {
	font-family: arial;
	font-size: 14px;
	color:#595959;
	background-color: #F9F8D4;
	line-height: 30px;
	margin:0px;
	padding:0px;
	text-align:center
}

.Estilo1 {font-size: 18px}
.Estilo2 {font-size: 12px}

.crumbLink {
	PADDING-RIGHT: 12px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 0.7em; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; COLOR: #666; MARGIN-RIGHT: 0px; PADDING-TOP: 10px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; LETTER-SPACING: 0.1em; text-decoration:none
}

A.crumbLink:hover {
	PADDING-RIGHT: 12px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 0.7em; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; COLOR: #666; MARGIN-RIGHT: 0px; PADDING-TOP: 10px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; LETTER-SPACING: 0.1em; text-decoration:underline
}

A.crumbLink:link {
	PADDING-RIGHT: 12px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 0.7em; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; COLOR: #666; MARGIN-RIGHT: 0px; PADDING-TOP: 10px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; LETTER-SPACING: 0.1em
}
A.crumbLink:visited {
	PADDING-RIGHT: 12px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 0.7em; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; COLOR: #666; MARGIN-RIGHT: 0px; PADDING-TOP: 10px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; LETTER-SPACING: 0.1em
}

.arrowLink {
	PADDING-LEFT: 2px; padding-right:10px; FONT-WEIGHT: bold; FONT-SIZE: 1em; COLOR: #438E85; FONT-FAMILY: arial, helvetica, verdana, sans-serif
}

.arrowlink {

}

#container_testimonials {
width:900px;
background-color:#FFFFFF;
margin:auto;
height:1200px;
}

#header {
width:100%;
height:146px;
background-image: url(images/header_background.gif);
background-repeat:repeat-x
}


.sidebar_pic {
padding-top:15px; padding-left:7px; padding-bottom:10px
}

.nav_links {
text-decoration:none; 
color:#666666; 
padding-left:25px; 
padding-right:25px;
border-left:1px solid #666666;
height:30px;
}

.nav_face{
text-decoration:none; 
color:#666666; 
padding-right:25px
}

#images {
padding-top:15px;
padding-bottom:10px;
width:880px;
}

h1, h2, h3 {font-size:16px}

#pic {
width:176px;
text-align:center;
float:left;
}

#main {
width:610px;
padding-right:20px;
padding-bottom:20px;
float:left;
}

#main2 {
width:640px;
padding-right:20px;
padding-bottom:20px;
float:left;
}

.clear{
clear:both;
}

.style3 {font-size: 11px}

#sidebar_right {
width:217px;
margin-top:15px;
padding-bottom:15px;
padding-left:10px;
float:left;
border-left: 1px solid #D0C188;
height: 100%
}

#sidebar_right2 {
width:247px;
padding-bottom:15px;
padding-left:30px;
float:left;
border-left: 1px solid #D0C188;
height: 100%
}
#sidebar_right_v {
width:247px;
padding-bottom:15px;
padding-left:30px;
float:left;
border-left: 1px solid #D0C188;
height: 100%
}


#top {
color:#595959;
background-image:url(images/nav_background.gif);
background-repeat:repeat-x;
width: 100%;
height:72px;
position:relative;
}


#top2 {
color:#595959;
background-image:url(images/background2.gif);
width: 100%;
height:65px;
position:relative
}

#footer a:link {color:#CCC}      /* unvisited link */
#footer a:visited {color:#CCC;}  /* visited link */
#footer a:hover {color:#CCC;}  /* mouse over link */
#footer a:active {color:#CCC;}  /* selected link */

#footer {
color:#999;

width:100%;
font-size:10px;
margin:auto;
}

#container #footer li {
	
	list-style-type: disc;
}

#phys_pic {
float:left; 
width:135px;
margin-top:8px;
}
#phys_pic1 {
float:left; 
width:135px;
margin-top:8px;
}
#phys_pic2 {
float:left; 
width:135px;
margin-top:8px;
}
#phys_pic3 {
float:left; 
width:135px;
margin-top:8px;
}
#phys_pic4 {
float:left; 
width:135px;
margin-top:8px;
}
#phys_pic5 {
float:left; 
width:135px;
margin-top:8px;
}
#phys_pic6 {
float:left; 
width:135px;
margin-top:8px;
}
#phys_pic7 {
float:left; 
width:135px;
margin-top:8px;
}
#phys_text {
float:left; 
width: 400px;
font-size: 13px; 
line-height: 16px;
margin-top:8px;
}
#phys_text2 {
float:left; 
width: 400px;
font-size: 13px; 
line-height: 16px;
margin-top:8px;
}
#phys_text3 {
float:left; 
width: 400px;
font-size: 13px; 
line-height: 16px;
margin-top:8px;
}
#phys_text4 {
float:left; 
width: 400px;
font-size: 13px; 
line-height: 16px;
margin-top:8px;
}
#phys_text5 {
float:left; 
width: 400px;
font-size: 13px; 
line-height: 16px;
margin-top:8px;
}
#phys_text6 {
float:left; 
width: 400px;
font-size: 13px; 
line-height: 16px;
margin-top:8px;
}
#phys_text7 {
float:left; 
width: 400px;
font-size: 13px; 
line-height: 16px;
margin-top:8px;
}

.phys_pic {
padding-left:15px;
}

.phys_border {

border-bottom:1px solid #CCCCCC

}

.class1 A:link {text-decoration: none; color:#595959; font-family:arial; padding-bottom:7px; font-size: 13px;}
.class1 A:visited {text-decoration: none; color:#595959; font-family:arial; padding-bottom:7px; font-size: 13px;}
.class1 A:active {text-decoration: none; color:#595959; font-family:arial; padding-bottom:7px; font-size: 13px;}
.class1 A:hover {text-decoration: underline; color:#595959; font-family:arial; padding-bottom:7px; font-size: 13px;}

.class2 A:link {text-decoration: none; color:#FFFFFF; font-size: 12px}
.class2 A:visited {text-decoration: none; color:#FFFFFF; font-size: 12px}
.class2 A:active {text-decoration: none; color:#FFFFFF; font-size: 12px}
.class2 A:hover {text-decoration: underline; color:#FFFFFF; font-size: 12px}

div#preload { display: none; }

.face A:link {text-decoration: none; color:#545454; font-size: 13px; font-weight: 200}
.face A:visited {text-decoration: none; color:#545454; font-size: 13px; font-weight: 200}
.face A:active {text-decoration: none; color:#545454; font-size: 13px; font-weight: 200}
.face A:hover {text-decoration: underline; color:#545454; font-size: 13px;}

#procedures_pic {
	float:left;
	width:160px;
	padding-left:20px;
	height: 100%;
}


#procedures_pic1 {
	float:left;
	width:160px;
	padding-left:20px;
	height: 100%;
}
#procedures_pic2 {
	float:left;
	width:160px;
	padding-left:20px;
	height: 100%;
}
#procedures_pic3 {
	float:left;
	width:160px;
	padding-left:20px;
	height: 100%;
}
#procedures_pic4 {
	float:left;
	width:160px;
	padding-left:20px;
	height: 100%;
}

#procedures_links {
	float:left;
	width:330px;
}
#procedures_links1 {
	float:left;
	width:330px;
}
#procedures_links2 {
	float:left;
	width:330px;
}
#procedures_links3 {
	float:left;
	width:330px;
}
#procedures_links4 {
	float:left;
	width:330px;
}

a:link {
	color: #438E85; text-decoration:none;
}
a:visited {
	color:#438E85; text-decoration:none;
}
a:hover {
	color: #545454; text-decoration:underline;
}
a:active {
	color: #438E85; text-decoration:none;
}

#box_bottom {
width:600px; 
height:192px; 
border: 1px solid #D0C188;
 background-color: #EDE7B7; 
 margin-top:20px
 
}

#box_bottom_left {
float:left; width:263px; margin-left:15px; margin-top:7px; margin-bottom:7px; margin-right:13px; padding-left:15px; border-right: 1px solid #D0C188
}

.form {
border:1px solid #CCCCCC; color: #545454; font-family:Arial, Helvetica, sans-serif; font-size:13px;margin-top:10px;width:200px;
}

#box_bottom_right {
float:left; width:263px; margin-left:15px; margin-right:15px; margin-top:7px; margin-bottom:7px
}



/*=================NEW TOP NAVIGATION CSS START ======================6TH APRIL=================*/

.ddsmoothmenu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	white-space:nowrap;
	
	
}

.ddsmoothmenu ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
	white-space:nowrap;
	
	
}

/*Top level list items*/
.ddsmoothmenu ul li{
	position:relative;
	display:inline;
	float:left;
	white-space:nowrap;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-size:18px !important;
	display: block;
	color: #898371;
	padding: 17px 31px 11px 0px;
	text-decoration: none;
}

.ddsmoothmenu ul li li a{
	font-family:Arial, Helvetica, sans-serif;
	font-variant:normal;
	font-size:12px !important;
	color: #5d5a56;
}

.ddsmoothmenu ul li a.current{}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
	color: #6d695d;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	/*background: #cfebfa; */
}

.ddsmoothmenu ul li a:hover{
	/*background: #438e85;  background of menu items during onmouseover (hover state)*/
	color:#438e85;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
	position: absolute;
	left: 0;
	/*top:37px !important;*/
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	background:#f9f8d4;
	border-top:1px solid #333;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
	width: 175px; /*width of sub menus*/
	padding:1px 10px;
	margin: 0;
	border:1px solid #333;
	border-top:none;
}
.ddsmoothmenu ul li ul li a:hover{ background:#d0c188; color:#fff;}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height:1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
	display:none;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
	opacity: 0.8;
}
.procedures_nav{display:block; width:96px; height:19px; background:url(images/procedures_nav.gif) no-repeat;}

.ddsmoothmenu span{display:block; height:17px; font-size:0; line-height:999px; overflow:hidden; cursor:pointer; margin-top:3px; *margin-top:5px;}

a.tp_link_1 span{width:165px; background:url(images/top_menu.png) 0 0 no-repeat;}
a.tp_link_1:hover span{background:url(images/top_menu.png) 0 -17px no-repeat;}

a.tp_link_2 span{width:100px; background:url(images/top_menu.png) -189px 0 no-repeat;}
a.tp_link_2:hover span{background:url(images/top_menu.png) -189px -17px no-repeat;}

a.tp_link_3 span{width:63px; background:url(images/top_menu.png) -318px 0 no-repeat;}
a.tp_link_3:hover span{background:url(images/top_menu.png) -318px -17px no-repeat;}

a.tp_link_4 span{width:67px; background:url(images/specials_btn.gif) no-repeat;}
a.tp_link_4:hover span{}

a.tp_link_5 span{width:48px; background:url(images/top_menu.png) -505px 0 no-repeat;}
a.tp_link_5:hover span{background:url(images/top_menu.png) -505px -17px no-repeat;}

a.tp_link_6 span{width:111px; background:url(images/top_menu.png) -586px 0 no-repeat;}
a.tp_link_6:hover span{background:url(images/top_menu.png) -586px -17px no-repeat;}
a.tp_link_6{padding: 17px 32px 11px 0px !important;}

a.tp_link_7 span{width:83px; background:url(images/top_menu.png) -726px 0 no-repeat;}
a.tp_link_7:hover span{background:url(images/top_menu.png) -726px -17px no-repeat;}
a.tp_link_7{padding: 17px 31px 11px 0px !important;}

a.tp_link_8 span{width:43px; background:url(images/top_menu.png) -834px 0 no-repeat;}
a.tp_link_8:hover span{background:url(images/top_menu.png) -834px -17px no-repeat;}
a.tp_link_8{padding: 17px 0 11px 0px !important;}


/*=================NEW TOP NAVIGATION CSS END ======================6TH APRIL=================*/
code{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.specials_left_container{background:none !important; border:none !important; padding:25px 15px 0 10px;}
.specials_box{background:#fff; -moz-box-shadow: 0px 0px 15px #999; -webkit-box-shadow: 0px 0px 15px #999; box-shadow: 0px 0px 15px #999; behavior:url(ie-css3.htc); opacity:0.35\9; padding:7px; z-index:2; position:relative; margin-bottom:15px;}
.specials_box_inner{border:1px solid #d3d4d7;}
.specials_box_left_col{float:left; width:365px; text-align:center;}
.specials_box h3{color:#2e8379 !important; font-variant:small-caps; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:19px; font-weight:normal; padding:15px 0 10px; margin:0; line-height:25px;}
.specials_box p{color:#73725b; font-size:12px; padding:0; margin:0; line-height:15px;}
.specials_box p.note{font-size:9px; font-style:italic; padding:0; margin:0 0 5px; line-height:12px;}
.specials_box a.book_now{display:inline-block; width:111px; height:27px; background:url(images/book_now_btn.png) 0 0 no-repeat; font-size:0; line-height:999px; overflow:hidden; margin-bottom:15px; margin-top:15px;}
.specials_box a.book_now:hover{background:url(images/book_now_btn.png) 0 -27px no-repeat;}
.specials_box a.book_now_1{background:url(images/book_now_btn.png) 0 -27px no-repeat;}
.specials_box a.book_now_1:hover{background:url(images/book_now_btn.png) 0 0 no-repeat;}

.specials_box_right_col{float:left; padding:15px 0 0; width:215px; text-align:center;}

.special_title_1{color:#2e8379 !important; font-variant:small-caps; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; padding:0; margin:0; line-height:25px;}
.special_title_2{color:#2e8379 !important; font-variant:small-caps; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; padding:5px 0 15px; margin:0; line-height:25px;}
.special_title_3{margin:40px 0 20px;}


a.book_now_btn{display:inline-block; width:111px; height:18px; padding:7px 0 0; *height:21px; *padding:4px 0 0; line-height:15px; border:1px solid #a39f7a; background:url(images/book_btn_bg.png) 0 0 repeat-x; text-align:center; color:#fff; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:15px 0; text-decoration:none;}
a.book_now_btn code{color:#fff; display:block;}
a.book_now_btn:hover{background:url(images/book_btn_bg.png) 0 -25px repeat-x; border:1px solid #439087;}

.specials_popup{text-align:left; width:630px;}