/* Developed by Matthew Sloggett for the American Society of Plastic Surgeons */

body {
	margin:0px 0px 0px 0px;
	padding:0px;
	background:#ebe3f0 url(images/bg_y_left.gif) top left repeat-y;
	font-family: Helvetica, Arial, sans-serif;
	line-height:1.5em;
	font-size: 76%;
}
h1 {
	font-size: 2.4em;
	font-weight: normal;
	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.*/
	}
h2 {
	font-size: 1.6em;
	margin: 1em 0em 1em 0em;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	color: #524977;
	}
h3 {
	font-size: 1.5em;
	margin: 1em 0em 0.1em 0em;
	font-weight: bold;
	text-transform:capitalize;
	color: #524977;
	border-bottom: 1px solid #524977;
	margin: 0px 370px 0px 0px;
	}
h4 {
	font-size: 1.5em;
	margin: 1em 0em 0.5em 0em;
	font-weight: bold;
	text-transform:capitalize;
	color: #524977;
	}
h5 {
	font-size: 1.1em;
	text-transform:capitalize;
	clear: left;
	font-weight: normal;
	margin: 1em 0em 0.1em 0em;
	padding-top: 10px;
	color: #524977;
	text-decoration:underline;
	}
h6 {
	font-size: 0.8em;
	margin: 1em 0em 1em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
p {
	color: #524977;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0.1em 0em 1.4em 0em;
	}
li {
	color: #524977;
	font-size: 1.2em;
	}
p li, li li {
	font-size: 1.0em;
	}
a {
	font-size: 1.0em;
	line-height: 1.4em;
	color: #2c2350;
	text-decoration: underline;
	}
a:hover {
	text-decoration: none;
	}
strong, b {
	font-weight: bold;
	}

#container1 {
	background:transparent url(images/bg_y_right.gif) top right repeat-y;
	width: 100%;
	min-width: 1000px;
}
#container2 {
	background:transparent url(images/bg_x.gif) repeat-x;
	width: 100%;
	min-width: 1000px;
	}
#container3 {
	background:transparent url(images/capek_banner.jpg) no-repeat top left;
	width: 100%;
	min-width: 1000px;
}

/* branding --------------------------------------------------------------------------------------------------*/

#branding {
	width: 100%;
	min-width: 1000px;
	height: 193px;
	overflow: hidden;
	display: block;
	padding: 0px 0px 7px 0px;
}
	#branding-logo {
		display: block;
		overflow: hidden;
		height: 159px;
		background: transparent url(images/capek_banner.jpg) no-repeat;
		width: 780px;
		padding: 0px 0px 3px 0px;
	}		
	#branding-tagline {
		display: block;
		overflow: hidden;
		height: 1px;
	}
		#branding-tagline h1 {
			padding: 10px 0px 0px 0px;
		}
	#branding-name {
		margin-left: 160px;
		background: transparent url(images/top_nav_x.gif) top left repeat-x;
		height: 30px;
		width: auto;
		padding: 0px 0px 0px 0px;
	}
	
		#branding-name ul{
		margin: 0px;
		padding:0px;
		list-style:none;
		background: transparent url(images/top_nav_end.gif) top right no-repeat;
		height: 30px;
		width: auto;
		padding: 0px 21px 0px 0px;
		}
		#branding-name li{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		overflow: hidden;
		height: 30px;
		display: block;
		float:left;
		}
		#branding-name a{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		display: block;
		height: 30px;
		width: 50px;
		overflow:hidden;
		padding: 60px 0px 0px 0px;
		background: transparent url(images/top_nav.gif);
		}
			
		#branding-name		#topnav-one a{ background-position: 0px 0px; width: 62px;}
		#branding-name		#topnav-two a{ background-position: -62px 0px; width: 120px;}
		#branding-name		#topnav-three a{ background-position: -182px 0px; width: 148px;}
		#branding-name		#topnav-four a{ background-position: -330px 0px; width: 66px;}
		#branding-name		#topnav-five a{ background-position: -396px 0px; width: 100px;}
		#branding-name		#topnav-six a{ background-position: -496px 0px; width: 63px;}
		#branding-name		#topnav-seven a{ background-position: -559px 0px; width: 92px;}
		#branding-name		#topnav-eight a{background-position: -658px 0px;width:99px;}
		#branding-name		#topnav-nine a{}
		#branding-name		#topnav-ten a{}
		#branding-name		#topnav-eleven a{}
		#branding-name		#topnav-twelve a{}
		#branding-name		#topnav-thirteen a{}

		#branding-name		#topnav-one a:hover {background-position: 0px -30px;}
		#branding-name		#topnav-two a:hover {background-position: -62px -30px;}
		#branding-name		#topnav-three a:hover {background-position: -182px -30px;}
		#branding-name		#topnav-four a:hover {background-position: -330px -30px;}
		#branding-name		#topnav-five a:hover {background-position: -396px -30px;}
		#branding-name		#topnav-six a:hover {background-position: -496px -30px;}
		#branding-name		#topnav-seven a:hover {background-position: -559px -30px;}
		#branding-name		#topnav-eight a:hover {background-position: -658px -30px;}
		#branding-name		#topnav-nine a:hover {}
		#branding-name		#topnav-ten a:hover {}
		#branding-name		#topnav-eleven a:hover {}
		#branding-name		#topnav-twelve a:hover {}
		#branding-name		#topnav-thirteen a:hover {}
	#branding-extra {display:none;}

/* nav 1 --------------------------------------------------------------------------------------------------*/

#nav1 {
	width: 145px;
	float: left;
	display: inline;
	margin-top: 70px;
}

	#nav1-main {display:none;}
	#nav1-section {}

/* 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;
		z-index: 10;
		width :148px;
	}
	
	#nav1-section li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left: 145px;
		top: 0px;
		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: 197px;
	}
	
	#nav1-section li ul li a {
		display : block;
		width: 170px; /* +15 for padding */
		color : #2e025a;
		text-decoration : none;
		background-color : #e79d88;
		border : 1px solid #2e025a;
		padding: 3px 0px 3px 10px;
	}
	
	#nav1-section li ul li a:hover {background-color : #2e025a; color: #ffffff;}
	
	#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, #nav1-section #nav1-eleven, #nav1-section #nav1-ten, #nav1-section #nav1-twelve  {
		display: block;
		overflow: hidden;
		width: 145px;
		float : left;
		}

#nav1-section #nav1-three { 
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		display: block;
		width: 145px;
		height: 100px;
		overflow:hidden;
		background: transparent url(images/nav1.gif);
background-position: 0px -207px; height: 85px;}

#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, #nav1-section #nav1-eleven a, #nav1-section #nav1-twelve a {
		
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 160px;
		display: block;
		width: 145px;
		height: 100px;
		overflow:hidden;
		background: transparent url(images/nav1.gif);
		
		}
			
		#nav1-section		#nav1-one a{ background-position: 0px 0px; height: 161px;}
		#nav1-section		#nav1-two a{ background-position: 0px -161px; height: 46px;}
		/*#nav1-section		#nav1-three */
		#nav1-section		#nav1-four a{ background-position: 0px -292px; height: 40px;}
		#nav1-section		#nav1-five a{ background-position: 0px -332px; height: 43px;}
		#nav1-section		#nav1-six a{ background-position: 0px -375px; height: 28px;}	
		#nav1-section		#nav1-seven a{ background-position: 0px -403px; height: 39px;}
		#nav1-section		#nav1-eight a{ background-position: 0px -442px; height: 79px;}	
		#nav1-section		#nav1-nine a{ background-position: 0px -519px; height: 74px;}		
		#nav1-section		#nav1-ten a{ background-position: 0px -593px; height: 73px;}
		#nav1-section		#nav1-eleven a{ background-position: 0px -666px; height: 39px;}	
		#nav1-section		#nav1-twelve a{ background:url(images/icon_facebook.png) 50px center no-repeat;height:70px;}	

		#nav1-section		#nav1-one a:hover {background-position: 145px 0px;}
		#nav1-section		#nav1-two a:hover {background-position: 145px -161px;}
		/*#nav1-section		#nav1-three */
		#nav1-section		#nav1-four a:hover {background-position: 145px -292px;}
		#nav1-section		#nav1-five a:hover {background-position: 145px -332px;}
		#nav1-section		#nav1-six a:hover {background-position: 145px -375px;}
		#nav1-section		#nav1-seven a:hover {background-position: 145px -403px;}
		#nav1-section		#nav1-eight a:hover {background-position: 145px -442px;}
		#nav1-section		#nav1-nine a:hover {background-position: 145px -519px;}
		#nav1-section		#nav1-ten a:hover {background-position: 145px -593px;}
		#nav1-section		#nav1-eleven a:hover {background-position: 145px -666px;}

	#nav1-supp {}
	#nav1-extra {display:none;}

/* nav 2 --------------------------------------------------------------------------------------------------*/

#nav2 {
	width: 165px;
	float: right;
	display: inline;
}
	#nav2-main {
		padding: 0px 0px 0px 0px;
		margin:  0px 0px 0px 0px; 
		width: 165px; 
		display: block;
		clear: left;
	}	

		#nav2-main ul{
		margin: 0px 0px 0px 0px ;
		padding: 34px 0px 0px 0px;
		list-style:none;
		background: transparent url(images/nav2.gif) no-repeat;
		}
		#nav2-main li{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		float:left;
		width: 165px; 
		display: block;
		overflow: hidden;
		}
		#nav2-main a{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 170px;
		width: 165px; 
		height: 30px;
		display: block;
		background: transparent url(images/nav2.gif) no-repeat;
		}

#nav2-main		#nav2-one a{ background-position: 0px -34px; height: 58px;}
#nav2-main		#nav2-one a:hover { background-position: -165px -34px;}

	#nav2-section {
		clear: left;
		width: 165px; 
		display: block;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background:transparent url(images/box_y.gif) repeat-y;
		}	
		
	#nav2-section .nav2-section_top	{
		width:165px; 
		display: block; 
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background:transparent url(images/box_top.gif) top left no-repeat;}
		
	#nav2-section .nav2-section_bot 	{
		width:133px; 
		display: block; 
		padding: 153px 12px 8px 19px; 
		background:transparent url(images/box_bottom.gif) bottom left no-repeat;
		}
		
	#nav2-section .nav2-section_bot ul{ margin-left: 0px; padding-left: 15px; width: auto; }
	#nav2-section .nav2-section_bot li{ margin: 0px; padding: 0px; width: auto; }
		
	#nav2-supp {width: 165px; display: block; clear: left;}

		#nav2-supp ul{
		margin: 0px 0px 0px 0px ;
		padding: 0px 0px 0px 0px;
		list-style:none;
		}
		#nav2-supp li{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		float:left;
		width: 165px; 
		display: block;
		overflow: hidden;
		}
		#nav2-supp a{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 170px;
		width: 165px; 
		height: 30px;
		display: block;
		background: transparent url(images/nav2.gif) no-repeat;
		}

#nav2-supp		#nav2-two a{ background-position: 0px -97px; height: 116px;}
#nav2-supp		#nav2-three a{ background-position: 0px -213px; height: 77px;}
#nav2-supp		#nav2-four a{ background-position: 0px -290px; height: 79px;}
#nav2-supp		#nav2-five a{}
#nav2-supp		#nav2-six a{}
#nav2-supp		#nav2-seven a{}
#nav2-supp		#nav2-eight a{}
#nav2-supp		#nav2-nine a{}
#nav2-supp		#nav2-ten a{}

#nav2-supp		#nav2-two a:hover { background-position: -165px -97px; }
#nav2-supp		#nav2-three a:hover { background-position: -165px -213px;}
#nav2-supp		#nav2-four a:hover { background-position: -165px -290px;}
#nav2-supp		#nav2-five a:hover {}
#nav2-supp		#nav2-six a:hover {}
#nav2-supp		#nav2-seven a:hover {}
#nav2-supp		#nav2-eight a:hover {}
#nav2-supp		#nav2-nine a:hover {}
#nav2-supp		#nav2-ten a:hover {}

	#nav2-extra {display:none;}

/* Content 1 --------------------------------------------------------------------------------------------------*/

#content1 {
	margin-left: 146px;
	margin-right: 166px;
	background: transparent url(images/content_left.gif) top left no-repeat;
	border-bottom: 1px dashed #ebe3f0;
}
	#content1-intro {display: none;}
	#content1-main {
		background: transparent url(images/content_right.gif) top right no-repeat;
		padding: 13px 16px 0px 20px;
		min-height:437px;
	}

		#content1-main h2{
			height: 0px;
			display: block;
			overflow: hidden;
			padding-top: 81px;
			margin-left: 5px;
			width: 304px;
		}
		#content1-main p { }
		#content1-main p ul {  list-style: disc; margin-top: 0px; margin-bottom:10px; padding-top: 0px; padding-bottom:10px;}
		#content1-main p li {list-style: disc; margin-top: 0px; margin-bottom:0px; padding-top: 0px; padding-bottom:0px;}
		#content1-main ul { margin-top: 0px; margin-bottom:10px; padding-top: 0px; padding-bottom:10px;}
		#content1-main li {margin-top: 0px; margin-bottom:0px; padding-top: 0px; padding-bottom:0px;}
		
		#procedures 	#content1-main h2{ height: 20px; padding-top: 53px; padding-bottom: 5px; overflow: inherit; display: inherit; background: url(images/h2_procedures.gif) no-repeat;}
		
		#consultation		#content1-main h2{ padding-top: 81px; background: url(images/h2_consultation.gif) no-repeat;}
		#contact			#content1-main h2{ padding-top: 43px; background: url(images/h2_contact.gif) no-repeat;}
		#disclaimer 		#content1-main h2{ padding-top: 43px; background: url(images/h2_disclaimer.gif) no-repeat;}
		#facility			#content1-main h2{ padding-top: 62px; background: url(images/h2_facility.gif) no-repeat;}
		#meet				#content1-main h2{ padding-top: 66px; background: url(images/h2_meet.gif) no-repeat;}
		#welcome 			#content1-main h2{ padding-top: 43px; background: url(images/h2_welcome.gif) no-repeat; }
		#skin				#content1-main h2{ padding-top: 59px; background: url(images/h2_3d.gif) no-repeat;}
		#photo				#content1-main h2{ padding-top: 62px; background: url(images/h2_photo.gif) no-repeat;}
		#whats_new			#content1-main h2{ padding-top: 43px; background: url(images/h2_whats_new.gif) no-repeat;}
		#laser				#content1-main h2{ padding-top: 43px; background: url(images/h2_lcmd_laser.gif) no-repeat;}
		#skin				#content1-main h2{ padding-top: 66px; background: url(images/h2_lcmd_skin.gif) no-repeat;  width: 435px;}
		#testimonials		#content1-main h2{ padding-top: 43px; background: url(images/h2_testimonials.gif) no-repeat;}
		#forms		#content1-main h2{ padding-top: 43px; background: url(images/h2_forms.gif) no-repeat;}
		#hot_topics		#content1-main h2{ padding-top: 66px; background: url(images/h2_hot_topics.gif) no-repeat;}

	#content1-supp {display:none;}
	#content1-extra {}

/* Content 2 --------------------------------------------------------------------------------------------------*/
	
#content2 {}
	#content2-intro {display:none;}
	#content2-main {display:none;}
	#content2-supp {display:none;}
	#content2-extra {display:none;}


#siteinfo {
	display: block;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 45px 10px;
}

#siteinfo p, #siteinfo li {color: #000000;font-size: 0.9em;}
#siteinfo a {color: #000000; 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 {clear: both;}


/* Procedure */
#procedures #content1-main h3 {}

#procedure_list {				
		float: right;
		margin: 19px 0px 0px 10px;
		width: 160px;
		text-align: left;
		background: #ebe3f0;
		padding: 5px 0px 0px 10px;
		overflow:inherit;
	}

		#procedure_list h4{
			margin-top: 0px;
			padding:0px 0px 0px 0px;
		}
		#procedure_list p{
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
		#procedure_list ul{
			margin:0px 0px 0px 0px;
			padding:0px 0px 15px 0px;
			list-style:none;
		}
		#procedure_list li{
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}		
		
		#procedure_list a{
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 22px;
		}
		#procedure_list a:hover { background: url(images/bullet.gif) no-repeat;}

	#procedure_list select {
		/*Use to force the jump menu width */
		width:200px; overflow:hidden; 
	}
	#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: right;
		margin: 19px 0px 0px 0px;
		width: 156px;
		text-align: center;
	}	
#photo_nav img {
		margin-left: auto;
		margin-right: auto;
		display:block;
	}

#photo #photo_nav {
		font-size: 1.0em;
		float: right;
		margin: 19px 0px 0px 10px;
		width: 140px;
		text-align: left;
		background: #ebe3f0;
		padding: 5px 2px 0px 2px;
		overflow:inherit;
	}	
#photo #photo_nav img {
		margin-left: 0px;
		margin-right: 0px;
		display: inline;
		padding:1px; 
		margin:2px 2px 0px 0px;
	}

	#photo_nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#photo_nav h3{
		text-decoration: none;
		font-weight: bold;
		padding-bottom: 10px;
		width: 140px;
		border-bottom: 0px;
		margin-top: 0px;
	}
	#photo_nav h3 a {
		text-decoration: none;
		font-weight: bold;
		line-height: 0.8em;
		font-size: 1em;
	}
	#photo_nav h3 a:hover{
		text-decoration: underline;
	}
	#photo_nav p{
	}
	#photo_nav ul a, #photo_nav li a {}
	#photo_nav li {}
	#photo_nav a {}
	#photo_nav img {/*padding:1px; margin:2px 2px 0px 0px; border:none;*/}
#photo_content {}
	#photo_content a {font-size: 1.0em;}
	#photo_content img {padding:0px; margin:4px 0px 0px 3px; border:0px solid #000000;}
	#photo_content p {}


/* Form */
input { background-color: #FFFFFF;}
.text_form { font-size: 1em; background-color: #FFFFFF; color: #333333; border: solid #333333 1px; width:260px; margin-bottom: 2px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
.button { font-size: 1em; background-color: #FFFFFF; color: #333333; border: solid #333333 1px; width:80px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
textarea { font-size: 1em; background-color: #FFFFFF; color: #333333; border: solid #333333 1px; width:260px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
.check_box { font-size: 1em; background-color: transparent; color: #333333; 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;}
#form_honey { display: none; position: absolute; top: -300px;}


#hold_facility_img { width: 700px; display:block;}
#hold_facility_img p { }
#left_facility_img {float: left; width:300px; }
#facility_img { float:right; width: 395px; display:block; margin-top: 0px; text-align:center;}

.facility_two_img { margin: 0em 150px 0em 10em;}
#consultation #content1-main p{ text-align: justify;}
.contact_input {display: block; width: 140px; height:auto; float: left;}

#consultation #photo_nav {width:205px; overflow: hidden; padding-top:0px;}
#consultation #consultation_left { }
#consultation #image { position:absolute; right:0; top: 250px; padding:0px 20px 0px 0px;}

#photo #photo_nav {overflow:hidden; float:right; }

.staff_para {margin-left: 110px;}


#hold_whats_new_img { width: 560px; display:block;}
#hold_whats_new_img p { }
#left_whats_new_img {float: left; width:360px;}
#whats_new_img { float:right; width: 200px; display:block; margin-top: 0px; text-align:center;}
#whats_new_img img{ padding: 4px; border: 2px solid #2e025a; }


.swoop_line { display: block; width: 502px; margin: 0px auto 0px auto; height: 30px; background: transparent url(images/news_line_2.gif) no-repeat;}