/* Developed by Matthew Sloggett for the American Society of Plastic Surgeons */
#branding-name{
	font-family: Helvetica, Arial;
	font-size: 13px;
	text-align: center;
}
#branding-name .phone{
	font-size: 20px;
	line-height: 26px;
}
#branding-name a{
	color: #040100;
	text-decoration: none;
}

body {
	margin:0px 0px 0px 0px;
	padding:0px;
	background:#000 url(/images/bg-body.jpg) top repeat-x;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5em;
	font-size: 76%;
}
#contact #recaptcha_widget_div{margin-left:225px}

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

h1 {
	font-size: 1.4em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	
	color:#fff; 
	font-weight:bold;
	}
h2 {
	font-size: 1.2em;
	margin: 1em 0em 1em 0em;
	color:#FEE8AE; 
	font-weight:bold; 
	}
h3 {
	font-size: 1.2em;
	margin: 1em 0em 0.1em 0em;
	
	color:#fff; 
	font-weight:bold;
	
	}
h4 {
	font-size: 1.1em;
	margin: 1em 0em 0.1em 0em;
	font-weight: bold;
	color: #134389;
	}
h5 {
	font-size: 1.0em;
	margin: 1em 0em 1em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1em 0em 1em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
p {
	color:#fff;
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0.1em 0em 1.4em 0em;
	}
li {
	color:#fff;
	}
a:link,a:visited	{ 
	font-size: 1.0em;
	line-height: 1.4em;
	
	color:#ffe190; 
	text-decoration:underline; 
	outline:none; 
	}
a:hover,a:active	{ 
	color:#fff; 
	text-decoration:underline; 
	outline:none; 
}

strong, b {
	font-weight: bold;
	}

#container1 {
	background:transparent url(/images/header-new.jpg) top center no-repeat; 
	width: 100%;
	min-width: 1168px;
}
#container2 {
	background:transparent url(/images/footer.gif) bottom center no-repeat ;
	width: 100%;
	min-width: 1168px;
}
#container3 {
	margin: 0px auto 0px auto;
	width: 1168px;
}



#branding 	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 0px;
	overflow: hidden;
	height:394px;
	display:block;
}
	#branding-logo {}
	#branding-tagline {
		overflow: hidden;
		height:10px;
		display:block;
	}
		#branding-tagline h1{
			display: block;
			padding: 40px 0px 0px 0px;
			}
		#branding-tagline h1 a{
			}
	#branding-name {
		overflow: hidden;
		height:100px;
		display:block;
		width: 400px;
		margin: 0px auto;
	}
	#branding-name a{
		height:100px;
		display:block;
		width: 400px;
		padding: 34px 0px 0px 0px;
	}
	#branding-extra {}
#nav1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 0px;
	display: block;
}

	#nav1-main {}
	#nav1-section {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 150px;
		background: transparent url(/images/nav.jpg) repeat-x;
		height: 60px;

	}


/* Drop Down Menu */
	#nav1-section ul { /* all lists */
		padding: 0px 0px 0px 0px;
		margin: 0px;
		list-style: none;
		float : left;
		text-align: right;
	}
	
	#nav1-section li { /* all list items */
		position : relative;
		float : left;
		margin-bottom : -1px;
		padding: 0px 0px 0px 0px;
	}
	
	#nav1-section li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-right : 0px;
		top:60px;
		width: 180px;
		padding: 0px 0px 0px 0px;
		z-index:10;
	}

	#nav1-section li ul li { /* all list items */
		text-align: left;
		font-weight: normal;
		padding: 0px 0px 0px 0px;
	}
	
	#nav1-section li ul ul { /* third-and-above-level lists */
		left: -999em;
		margin-left: 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#nav1-section li a {
		display : block;
		text-decoration : none;
		padding : 0px 0px 0px 0px;
		width: 180px;
	}
	
	#nav1-section li ul li a {
		display : block;
		width: 170px; /* +15 for padding */
		color : #000000;
		text-decoration : none;
		background-color : #feeda7;
		border : 1px solid #fcd263;
		padding: 3px 0px 3px 10px;
	}
	
	#nav1-section li ul li a:hover {background-color : #ffe190; color: #000000;}
	
	#nav1-section li a:hover {}
	
	#nav1-section li:hover ul ul, #nav1-section li:hover ul ul ul, #nav1-section li.sfhover ul ul, #nav1-section li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav1-section li:hover ul, #nav1-section li li:hover ul, #nav1-section li li li:hover ul, #nav1-section li.sfhover ul, #nav1-section li li.sfhover ul, #nav1-section li li li.sfhover ul { /* lists nested under hovered list items */
		left: 0;
	}


#nav1-section #nav1-one , #nav1-section #nav1-two , #nav1-section #nav1-three , #nav1-section #nav1-four , #nav1-section #nav1-five , #nav1-section #nav1-six , #nav1-section #nav1-seven , #nav1-section #nav1-eight , #nav1-section #nav1-nine , #nav1-section #nav1-ten  {
		display: block;
		overflow: hidden;
		height: 60px;
		float : left;
		}

#nav1-section #nav1-one a, #nav1-section #nav1-two a, #nav1-section #nav1-three a, #nav1-section #nav1-four a, #nav1-section #nav1-five a, #nav1-section #nav1-six a, #nav1-section #nav1-seven a, #nav1-section #nav1-eight a, #nav1-section #nav1-nine a, #nav1-section #nav1-ten a {
		
		margin:0px 0px 0px 0px;
		padding: 60px 0px 0px 0px;
		display: block;
		width: 50px;
		overflow:hidden;
		background: transparent url(/images/nav.jpg);
		}

			
		#nav1-section		#nav1-one a {background-position: -150px 0px; width: 57px;}
		#nav1-section		#nav1-two a {background-position: -207px 0px; width: 80px;}
		#nav1-section		#nav1-three a {background-position: -287px 0px; width: 123px;}
		#nav1-section		#nav1-four a {background-position: -410px 0px; width: 54px;}
		#nav1-section		#nav1-five a {background-position: -464px 0px; width: 64px;}
		#nav1-section		#nav1-six a {background-position: -528px 0px; width: 61px;}
		#nav1-section		#nav1-seven a {background-position: -589px 0px; width: 76px;}
		#nav1-section		#nav1-eight a {background-position: -665px 0px; width: 140px;}
		#nav1-section		#nav1-nine a {background-position: -805px 0px; width: 66px;}
		#nav1-section		#nav1-ten a {background-position: -871px 0px; width: 150px;}
		#nav1-section		#nav1-eleven a{}
		#nav1-section		#nav1-twelve a{}
		#nav1-section		#nav1-thirteen a{}

		#nav1-section		#nav1-one a:hover {background-position: -150px -60px;}
		#nav1-section		#nav1-two a:hover {background-position: -207px -60px;}
		#nav1-section		#nav1-three a:hover {background-position: -287px -60px;}
		#nav1-section		#nav1-four a:hover {background-position: -410px -60px;}
		#nav1-section		#nav1-five a:hover {background-position: -464px -60px;}
		#nav1-section		#nav1-six a:hover {background-position: -528px -60px;}

		#nav1-section		#nav1-seven a:hover {background-position: -589px -60px;}
		#nav1-section		#nav1-eight a:hover {background-position: -665px -60px;}
		#nav1-section		#nav1-nine a:hover {background-position: -805px -60px;}
		#nav1-section		#nav1-ten a:hover {background-position: -871px -60px;}
		#nav1-section		#nav1-eleven a:hover {}
		#nav1-section		#nav1-twelve a:hover {}
		#nav1-section		#nav1-thirteen a:hover {}
	
	#nav1-supp { display: none;}
		#index #nav1-supp {
			margin:30px 0px 0px 0px;
			padding:0px 0px 0px 200px;
			height: 136px;
			background: transparent url(/images/nav1-supp.jpg);
			display: block;
		}

		#nav1-supp ul{
		margin: 0px;
		padding:0px;
		list-style:none;
		}
		#nav1-supp li{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		overflow: hidden;
		height: 136px;
		display: block;
		float:left;
		}
		#nav1-supp a{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		display: block;
		height: 136px;
		width: 50px;
		overflow:hidden;
		padding: 150px 0px 0px 0px;
		background: transparent url(/images/nav1-supp.jpg);
		}
			
		#nav1-supp		#nav2-one a {background-position: -200px 0px; width: 246px;}
		#nav1-supp		#nav2-two a {background-position: -455px 0px; width: 256px;}
		#nav1-supp		#nav2-three a {background-position: -712px 0px; width: 257px;}

		#nav1-supp		#nav2-one a:hover {background-position: -200px -136px;}
		#nav1-supp		#nav2-two a:hover {background-position: -455px -136px;}
		#nav1-supp		#nav2-three a:hover {background-position: -712px -136px;}


	#nav1-extra {
		clear: both;
		height: 24px;
		display: block;
		background:transparent url(/images/nav1-extra.gif) top center no-repeat;
		}
#nav2 {}

	#nav2-main {}
	#nav2-section {}	
	#nav2-supp  {}
	#nav2-extra {}


#content1 {
	float:left;
	width:572px;
	padding: 1px 23px 0px 159px;
	margin: 0px 0px 0px 0px;
	}
	
	#content1-intro {}
	#content1-main {
		padding: 0px 0px 0px 0px;
	}
	#content1-supp {}
	#content1-extra {clear: both; height: 1px;}

#content2 {
	width:390px;
	float:right;
	padding: 1px 0px 0px 23px;
}
	#content2-intro {}
	#content2-main {}
	#content2-supp {}
	#content2-extra {clear: both; height: 1px;}
	
#siteinfo {
	display: block;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 177px 176px 45px 160px;
	background:transparent url(/images/footer.jpg) no-repeat ;
}

#siteinfo p, #siteinfo li {color: #ffe190;font-size: 0.9em;}
#siteinfo a {color: #ffe190; font-size: 1em;}
	
	#siteinfo p{ margin: 0px; padding: 0px;}
	#siteinfo ul{ margin: 0px; padding: 5px 0px 2px 0px; text-align: center;}
	#siteinfo li{ display: inline; padding: 0px 0px 0px 0px; margin: 0px;}
	#siteinfo  a{ padding: 0px 4px 0px 4px; margin: 0px; }

	#siteinfo-legal { 
		margin: 5px 2px 0px 2px; 
		padding: 5px 0px 0px 0px;
	}	
	#siteinfo-credits { 
		margin: 0px; 
		padding: 0px 0px 10px 0px;
	}
	#siteinfo-extra {}
#extradiv1 {}
#extradiv2 {}
#extradiv3 {}
#extradiv4 {}

/* acook : Gallery image link boxes */
p.gallery-link {
	background-color: #111;
	padding: 8px 0px;
	text-align: center;
}


/* Procedure */
#procedure_list {				
		float: right;
		margin: 10px 0px 0px 0px;
		/*adding a width fixes float problems with the menu in IE for the Mac */
		width:220px;
		padding: 10px 5px 0px 0px;
	}
	#procedure_list select {
		/*Use to force the jump menu width */
		width:220px; 
	}
	#procedure_list form {}
#procedure_content {}
	#procedure_content h3 {}
	#procedure_content h3 a{
	text-decoration: none;
	}
	#procedure_content h3 a:hover{
	text-decoration: underline;
	}
	#procedure_content ul {}
	#procedure_content ul, #procedure_content li {}
	#procedure_content li {}
	#procedure_/images {float:right; width:160px; margin:20px 0px 20px 20px;}
#procedure_nav {}
	#procedure_nav ul {}
	#procedure_nav ul, #procedure_nav li {}
	#procedure_nav li {}
	
/* Photo Gallery */
#photo_nav {
	font-size: 1.0em;
	float: left;
	margin: 0px 0px 7px 0px;
	padding: 20px 0px 0px 0px;
	
	}
#photo_nav div
{
	padding:5px 0 10px 0;
}
#photo_nav li a{}
#photo_nav p{}
	#photo_nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#photo_nav h3{
	text-decoration: none;
	font-weight: bold;
	padding: 0px;
	}
	#photo_nav h3 a {
	text-decoration: none;
	font-weight: bold;
	line-height: 0.8em;
	padding: 0px;
	}
	#photo_nav h3 a:hover{
	text-decoration: underline;
	}
	#photo_nav ul, #photo_nav li {}
	#photo_nav li {}
	#photo_nav li a img {padding:0px 4px 2px 4px;}
	#photo_nav li a:hover img {}
#photo_content {}
	#photo_content a {font-size: 1.0em;}
	#photo_content img {padding:3px; margin:4px 4px 0px 4px; border:0px solid #d56617;}
	#photo_content p {}


/* Form */
input { background-color: #fff;}
.text_form { font-size: 1em; background-color: #fff; color: #000000; border: solid #000000 1px; width:300px; margin-bottom: 2px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
.button { font-size: 1em; background-color: #fff; color: #000000; border: solid #000000 1px; width:80px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
textarea { font-size: 1em; background-color: #fff; color: #000000; border: solid #000000 1px; width:300px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
.check_box { font-size: 1em; background-color: transparent; color: #000000; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}


/* Specials */

.hide {display: none;}
.hide_div {display: none;}
.clear_both {clear:both;}
.clear_left {clear:left;}
.clear_right {clear:right;}
.indent {padding: 0px 0px 0px 20px;}
#form_honey { display: none; position: absolute; top: -300px;}












/* ------------------------ subhead framework ------------------------ */
#subhead { height:75px;} /* sets height for all subheads */
	body#index #subhead { background:url(/images/subhead-index.gif) bottom left no-repeat;  }
	body#about #subhead { background:url(/images/subhead-about.gif) bottom left no-repeat; }
	body#contact #subhead { background:url(/images/subhead-contact.gif) bottom left no-repeat; }
	body#thankyou #subhead { background:url(/images/subhead-thankyou.gif) bottom left no-repeat; }
	body#sitemap #subhead { background:url(/images/subhead-sitemap.gif) bottom left no-repeat; }
	body#body-contouring #subhead { background:url(/images/subhead-contouring.gif) bottom left no-repeat; }
	body#breast #subhead { background:url(/images/subhead-breast.gif) bottom left no-repeat; }
	body#face #subhead { background:url(/images/subhead-face.gif) bottom left no-repeat; }
	body#gallery #subhead { background:url(/images/subhead-gallery.gif) bottom left no-repeat; }
	body#out-of-town #subhead { background:url(/images/subhead-ou-town-patients.gif) bottom left no-repeat; }
	body#patient-education #subhead { background:url(/images/subhead-patient.gif) bottom left no-repeat; }
	body#skincare-products #subhead { background:url(/images/subhead-products.gif) bottom left no-repeat; }
	body#body #subhead { background:url(/images/subhead-contouring.gif) bottom left no-repeat; }
	body#skin #subhead { background:url(/images/subhead-skin.gif) bottom left no-repeat; }

/* ------------------------ title framework with varying heights ------------------------- */
#title-contact {
	height:75px;
	padding-bottom:10px;
	background:url(/images/title-contact.gif) bottom left no-repeat;
	}
#title-locate {
	height:75px;
	padding-bottom:10px;
	background:url(/images/title-locate.gif) bottom left no-repeat;
	}

/* ------------------------ feature box ------------------------- */
#ft-patient-left  {
	position:relative;
	height:159px;
	margin-top:25px;
	background:url(/images/ft-patient2.jpg) ;
	}

#ft-patient-left  p{
	position:absolute;
	top:100px;
	left:109px;
	}
	
#ft-patient-left p a	{ color:#fff; text-decoration:underline; outline:none; font-weight:bold;}
#ft-patient-left p a:hover,a:active{ color:#ffe190; text-decoration:underline; outline:none; }


/* ------------------------ right col ------------------------- */
#right-appointment  {
	width:232px;
	height:105px;
	display: block;
	overflow: hidden;
	margin: 10px 0px 10px 0px;
	}	
#right-appointment a {
	width: 232px;
	height: 105px;
	display: block;
	padding: 0px 0px 0px 290px;
	background:url(/images/call-button.jpg);
	background-position: 0px 0px;
	}
#right-appointment a:hover {
	background-position: 0 -104px;
}


#right-gallery  {
	width:235px;
	height:188px;
	display: block;
	overflow: hidden;
	margin: 10px 0px 10px 0px;
	}
#right-gallery  a{
	width:235px;
	height:188px;
	display: block;
	padding: 0px 0px 0px 290px;
	background:url(/images/ft-patient.jpg) ;
	background-position: 0px 0px;
	}
	
	
#right-news  {
	width:220px;
	height:100px;
	display: block;
	overflow: hidden;
	margin: 10px 0px 10px 0px;
	}
#right-news  a{
	width: 220px;
	height: 100px;
	display: block;
	padding: 0px 0px 0px 290px;
	background:url(/images/news.gif) ;
	}
	
	
#right-logos {
	width:232px;
	height:96px;
	display: block;
	overflow: hidden;
	margin: 10px 0px 10px 0px;
	}
#right-logos  a{
	width: 232px;
	height: 96px;
	display: block;
	padding: 0px 0px 0px 290px;
	background:url(/images/right_col_logos.gif) ;
	}


#right-nia24 {
	width:226px;
	height:100px;
	display: block;
	overflow: hidden;
	margin: 10px 0px 10px 0px;	
	}
#right-nia24  a{
	width: 226px;
	height: 100px;
	display: block;
	padding: 0px 0px 0px 290px;
	background:url(/images/nia24.gif) ;
	}
#right-nia24 a:hover {
	background-position: -226px 0px;
}

#right-3d {
	width:228px;
	height:94px;
	display: block;
	overflow: hidden;
	margin: 10px 0px 10px 0px;
	}
#right-3d  a{
	width: 228px;
	height: 94px;
	display: block;
	padding: 0px 0px 0px 290px;
	background:url(/images/flash-popup.gif) ;
	}

#right-care-credit {
	width:220px;
	height:175px;
	display: block;
	overflow: hidden;
	margin: 10px 0px 10px 0px;
	}
#right-care-credit  a{
	width: 220px;
	height: 175px;
	display: block;
	padding: 0px 0px 0px 290px;
	background:url(/images/care-credit.gif) ;
	}


#right-unicorn {
	width:220px;
	height:100px;
	display: block;
	overflow: hidden;
	margin: 10px 0px 10px 0px;
	}
#right-unicorn  a{
	width: 220px;
	height: 100px;
	display: block;
	padding: 0px 0px 0px 290px;
	background:url(/images/unicorn-financial.gif) ;
	}


/* ------------------------  ------------------------- */

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:10px;
	}
img.img-left { float:left; margin:2px 10px 10px 0px;}
img.img-right { float:right; margin:5px 0px 10px 10px; }
body#gallery img.img-left { float:left; margin:2px 40px 10px 0px;}
div .line {clear:both; height:20px;}

p span.dr-name {
	color:#fcd263;
	font-weight:bold;
	}



.schedule {clear: left; float: left; display: block; width: 220px; padding: 0px 5px 0px 0px; margin: 0px 0px 0px 0px; text-align:right;}



#gallery	#content1 {
	float:right;
	width:522px;
	padding: 1px 200px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#gallery	#content2 {
	width:280px;
	float:left;
	padding: 1px 0px 0px 159px;
}
a.head {
	cursor: pointer;
}

.hotel-box {display: block; width: 120px; float: left;}
.hotel-row { float:left; clear: left;}

.socialbuttons{width:180px;margin:0 65px}
.sociallink{display:block; float:left; text-align:center;padding:0!important}
.vertical .sociallink{width:60px}
.socialimg, .socialtext{display:block}
.horizontal .socialimg, .horizontal .socialtext{float:left; margin-right:4px}
.horizontal .socialtext{padding-top:4px}
.vertical .socialimg{margin:0 auto 4px}
.socialimg{height:22px; width:22px}
.facebook .socialimg{background:url(/images/sociallogos.png) 0 0 no-repeat}
.blog .socialimg{background:url(/images/sociallogos.png) -22px 0 no-repeat}
.twitter .socialimg{background:url(/images/sociallogos.png) -44px 0 no-repeat}
.email .socialimg{width:17px; background:url(/images/sociallogos.png) -66px 0 no-repeat}
.store .socialimg{width:21px; background:url(/images/sociallogos.png) -83px 0 no-repeat}
.realself .socialimg{background:url(/images/sociallogos.png) -104px 0 no-repeat}
.youtube .socialimg{width:31px; background:url(/images/sociallogos.png) -126px 0 no-repeat}

.imgleft {
	float: left;
	margin: 0 10px 10px 0;
}
input[type="submit"] {
	cursor: pointer;
}
