/* 
----------------------------------------------------------------------------
Please check for cross-browser compatibility prior to making changes
MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari

CSS Document - styles.css
---------------------------------------------------------------------------- */

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

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }
a img,:link img,:visited img { border: none; }

/* HTML
---------------------------------------------------------------------------- */

body {
	margin: 0 auto;
	padding-top: 0px;
	text-align: center;
	font: 12px/17px arial,lucida grande,lucida sans unicode,sans-serif;
	background: url(../images/body-bg-2.jpg);
}
a { color:#000; text-decoration:underline; }
a:hover, a:active { color:#5d8803; text-decoration:none; }
fieldset { border: none; }
em strong { display: block; visibility: hidden; }

.center { text-align:center; }
.right { text-align:right; }
.right span{ display:none; }
p.thanks {margin-bottom: 200px;}

/* Layout
---------------------------------------------------------------------------- */
#top, #wrap, #nav, #btn, .splash-default, #footer, #footer-bg { width: 761px; }
#top {
	width: 100%;
	background: url(../images/body-bg.jpg) top repeat-x;
	margin-top: 0px;
}

	a#header-link{
		display:block;
		width:761px;
		height:293px;				
		}

#wrap {
	margin: 0 auto;
	text-align: left;
	background: url(../images/wrap-bg.jpg) repeat-y;
}
#splash-index { height: 293px; background: url(../images/splash-index.jpg); }
#splash-abs-lipo { height: 293px; background: url(../images/splash-abs-lipo.jpg); }
#splash-abs-lipo-2 { height: 293px; background: url(../images/splash-abs-lipo-2.jpg); }
#splash-body-thigh { height: 293px; background: url(../images/splash-body-thigh.jpg); }
#splash-breast-aug { height: 293px; background: url(../images/splash-breast-aug.jpg); }
#splash-face { height: 293px; background: url(../images/splash-face.jpg); }
#splash-mens { height: 293px; background: url(../images/splash-mens.jpg); }
#splash-drs { height: 293px; background: url(../images/splash-drs.jpg); }
#splash-skin { height: 293px; background: url(../images/splash-skin.jpg); }
#splash-drg { height: 293px; background: url(../images/splash-drg.jpg); }
#splash-drh { height: 293px; background: url(../images/splash-drh.jpg); }
#splash-post { height: 293px; background: url(../images/splash-post.jpg); }
#splash-sitemap { height: 293px; background: url(../images/splash-sitemap.jpg); }
#splash-contact { height: 293px; background: url(../images/splash-contact.jpg); }
#splash-about-practice { height: 293px; background: url(../images/splash-about-practice.jpg); }
#splash-procedures { height: 293px; background: url(../images/splash-procedures.jpg); }
#splash-testimonials { height: 293px; background: url(../images/splash-testimonials.jpg); }
	.splash-default span { display: none; }
#left-col, #right-col { float: left; }
#left-col, #div-bg-1, .hdr-sm-default { width: 252px; }
	#left-col p { padding: 0 22px 12px 27px; }
#div-bg-1 { background: url(../images/div-bg-1.jpg) repeat-y; }
#evaluator{ position:relative;}
	#evaluator a {position:absolute;top:64px;left:45px;width:164px;height:161px; }
	#evaluator a span{display:none;}
#hdr-our-procedures.none #evaluator{background: url(../images/headers/hdr-our-procedures-none.jpg)  no-repeat;  height:252px; position:relative;}
	
#hdr-our-procedures { height: auto;}
#hdr-our-procedures span{display:none;}
	#hdr-our-procedures div.header{
	background:url(../images/headers/header-procedures.jpg) no-repeat;
	height:34px;
	margin-bottom: 15px;
}
#hdr-labioplasty { height: auto; background: url(../images/headers/hdr-labioplasty.jpg) no-repeat; 
	padding-top: 58px;}
	#hdr-labioplasty span { display: none;}
#hdr-contact-us { height: auto; background: url(../images/headers/hdr-contact-us.jpg) no-repeat; }
	#hdr-contact-us em strong, .hdr-sm-default em strong { height: 78px; }
#hdr-thanks { height: auto; background: url(../images/headers/hdr-thanks.jpg) no-repeat; }
#hdr-thanks-copy-2 { height: auto; background: url(../images/headers/hdr-copy-2.jpg) no-repeat; }
#hdr-office-info { height: auto; background: url(../images/headers/hdr-office-info.jpg) no-repeat; }
	#hdr-office-info em strong { height: 78px; }
#right-col, #div-bg-2, .hdr-lg-default { width: 509px; }
	#right-col h1, #right-col h2, #right-col h3 { padding: 3px 32px 5px 52px; font-size: 14px; }
	#right-col p { padding: 0 32px 12px 52px; }
	#right-col ul { padding: 0 32px 12px 64px; list-style: outside disc; }
	#right-col dl { width: auto; margin: 0 32px 12px 42px; }
#div-bg-2 { height: auto; background: url(../images/div-bg-2.jpg) repeat-y; }
#hdr-envision-yourself { height: auto; background: url(../images/headers/hdr-envision-yourself.jpg) no-repeat; padding-top:70px; }
	#hdr-envision-yourself span{ display:none;}
	#hdr-envision-yourself em strong, .hdr-lg-default em strong { height: 64px; }
#hdr-dedicated-to-you { height: auto; background: url(../images/headers/hdr-dedicated-to-you.jpg) no-repeat; }
	#hdr-dedicated-to-you em strong { height: 83px; }
#hdr-copy-2 { height: auto; background: url(../images/headers/hdr-copy-2.jpg) no-repeat; }
/* Sub-Headers */
#hdr-about-the-practice { height: auto; background: url(../images/headers/hdr-about-the-practice.jpg) no-repeat; }
#hdr-the-doctors { height: auto; background: url(../images/headers/hdr-the-doctors.jpg) no-repeat; }
#hdr-our-procedures-2 { height: auto; background: url(../images/headers/hdr-our-procedures-2.jpg) no-repeat; }
#hdr-contact-us-2 { height: auto; background: url(../images/headers/hdr-contact-us-2.jpg) no-repeat; }
#hdr-testimonials { height: auto; background: url(../images/headers/hdr-testimonials.jpg) no-repeat; }
#hdr-sitemap { height: auto; background: url(../images/headers/hdr-sitemap.jpg) no-repeat; padding-top:50px;}

#footer-bg { height: auto; background: url(../images/footer-bg.jpg) repeat-y; }
#footer { height: auto; background: url(../images/footer.jpg) no-repeat; text-align: center; }
	#footer ul{margin-bottom: 10px;}
	#footer ul.first-ul {padding-top: 132px;}
	#footer ul.last { padding-bottom: 12px; }
	#footer li { display: inline; padding: 0 5px 0 7px; border-left: 1px solid #333; font-size: 12px; line-height: 19px; }
	html>body #footer li { line-height: 12px; margin-bottom: 2px; }
	#footer li.first { border-left: none; }
	#footer p { padding: 0 36px 11px; }

/* ------------------------ horizontal sprite nav ------------------------ */
#nav { 
	background:url("../images/nav.jpg") no-repeat; 
	width:761px; 
	height:36px; 
	margin:0;
	padding:0; 
	}

#nav li span { display: none; }

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

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

#nav-01 { width: 72px; margin-left: 0px;}
#nav-02 { width: 173px;}
#nav-03 { width: 125px;}
#nav-04 { width: 150px;}
#nav-05 { width: 126px;}
#nav-06 { width: 115px;}


/*-------------- (-79px) X position of button / (-36px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.jpg")  -0px -36px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -72px -36px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -245px -36px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -370px -36px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -520px -36px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -646px -36px 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:#ffffff;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#nav li ul li { 
	height:20px; /* Height of each drop down nav item */
	border:none;
	}	

#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:#333;
	font-weight: bold;
	font-size: 11px;
	text-decoration:none;
	}

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

/* Hover styles for drop down items */
#nav-03 ul a:hover, #nav-04 ul a:hover { 
	background-image:none;
	background-color:#F0E3D3;
	color:#333;
	font-weight: bold;
	font-size: 11px;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-03 ul, #nav-03 li { width:137px; }		
#nav-04 ul, #nav-04 li { width:165px; }

/* Procedures List */

#procedures-list, #procedures-list li { width: 191px; }
#procedures-list { height: 437px; margin: 5px 0 12px 29px; background: url(../images/procedures-list.jpg) no-repeat;  }
#procedures-list li { float: left; }
#procedures-list li, #procedures-list a { display: block; height: 69px; }
#procedures-list a span { display: none; }
#pl-btn-1 a, #pl-btn-2 a, #pl-btn-3 a, #pl-btn-4 a, #pl-btn-5 a { width: 191px; }
#pl-btn-1 { margin: 4px 0 0 0px; }
#pl-btn-2 { margin: 3px 0 0 0px; }
#pl-btn-3 { margin: 2px 0 0 0px; }
#pl-btn-4 { margin: 2px 0 0 0px; }
#pl-btn-5 { margin: 3px 0 0 0px; }
#pl-btn-6 { margin: 3px 0 0 0px; }

#pl-btn-1 a:hover { background: url(../images/procedures-list.jpg) no-repeat -191px -4px; }
#pl-btn-2 a:hover { background: url(../images/procedures-list.jpg) no-repeat -191px -76px; }
#pl-btn-3 a:hover { background: url(../images/procedures-list.jpg) no-repeat -191px -147px; }
#pl-btn-4 a:hover { background: url(../images/procedures-list.jpg) no-repeat -191px -218px; }
#pl-btn-5 a:hover { background: url(../images/procedures-list.jpg) no-repeat -191px -290px; }
#pl-btn-6 a:hover { background: url(../images/procedures-list.jpg) no-repeat -191px -362px; }



/* Quick Contact
---------------------------------------------------------------------------- */
#hdr-contact-us form { margin: 0 22px 12px 27px; }
#hdr-contact-us input, #hdr-contact-us textarea {
	width: 144px;
	padding: 3px 4px;
	margin-bottom: 1px;
	font: 11px/11px arial,lucida grande,lucida sans unicode,sans-serif;
	background-color: #fff !important;
	color: #000;
	border: 1px solid #ced9c8;
}
html>body #hdr-contact-us input, html>body #hdr-contact-us textarea { margin-bottom: 3px; }
#hdr-contact-us textarea { height: 96px; overflow: auto; }

#hdr-contact-us input.hidden { display: none; }
#hdr-contact-us input.btn-send { margin-top: 5px; width: 58px; height: 18px; background: none; border: none;  }

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

/* Main Contact
---------------------------------------------------------------------------- */
#hdr-copy-2 form { padding: 0 32px 12px 52px; }
#hdr-copy-2 fieldset { margin-bottom: 3px; line-height: normal; }
#hdr-copy-2 fieldset.fieldset-custom div { height: 42px; margin: 2px 0; }
#hdr-copy-2 fieldset div { float: left; width: 200px; }
#hdr-copy-2 fieldset div.field-item { text-align: right; padding-right: 12px; }
#hdr-copy-2 div.clear { clear: both; text-align: center; padding-top: 12px; }

#hdr-copy-2 input, #hdr-copy-2 select {
	width: 144px;
	padding: 1px 2px;
	margin-bottom: 2px;
	font: 11px/11px arial,lucida grande,lucida sans unicode,sans-serif;
	background-color: #fff;
	color: #000;
	border: 1px solid #f3e4bb;
}

#hdr-copy-2 textarea {
	width: 344px; height: 88px;
	padding: 1px 2px;
	margin-bottom: 2px;
	font: 11px/11px arial,lucida grande,lucida sans unicode,sans-serif;
	background-color: #fff;
	color: #000;
	border: 1px solid #f3e4bb;
	overflow: auto;
}
#hdr-copy-2 input.hidden { display: none; }
#hdr-copy-2 input.btn-send { margin-top: 5px; width: 58px; height: 18px; background: none; border: none;  }

/* Classes
---------------------------------------------------------------------------- */
.clear { clear: both; }
.img-left { float: left; padding: 0 11px 5px 0; }
.img-right { float: right; padding: 0 0 5px 11px; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }

.border-top { border-top: 1px solid #262; margin: 0 32px 0 52px; height: 3px; overflow: hidden; }
.hr { border-top: 2px solid #c6e3ad; padding-top: 0; margin: 0 32px 0 52px; }
p.back-to-top { text-align:right; }


div.portrait-container { width:188px; float:right; padding: 0 0 5px 11px; text-align:right; margin:0 32px 0 0; }
#right-col div.portrait-container p {padding:0; font-size:10px;}


div.portrait-container2 { width:137px; float:right; padding: 0 0 5px 11px; text-align:right; margin:0 32px 0 0; }
#right-col div.portrait-container2 p {padding:0; font-size:10px;}