/*--------------------- Last Modified  2009.05.14 ---------------------*/
/*-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
  Copyright Rosemont Media 2009. Used with Permission.                             
  May not be duplicated or reproduced.
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari
  CSS Document - layout.css
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {
	margin:0;
	padding:0;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {
	border:0;
	margin-right: 0px;
	margin-top: 0px;
}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body {
	background:#000B3A url('../2images/bg-body.jpg') top repeat-x;
	text-align:center;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color: #39101F;
	}

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

h1	{
	font-size:1em;
	color:#39101F;
}
h2	{ font-size:1.0em; color:#B5C2FD; }
h3	{ font-size:1.0em; color:#B5C2FD; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{
	color:#FFFFFF;
	text-decoration:underline;
}
a:hover,a:active	{
	color:#CC0000;
	text-decoration:underline;
}


/* ------------------------ classes ------------------------ */
div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url('2images/bullet-back-to-top.jpg') right no-repeat;
	}



p.btn-more-gallery {
	text-align:right;
	clear:left;
	position:relative;
	display:block;
	height:27px;
	margin-right:0;
	background:url('../2images/btn-more.jpg') left no-repeat;
	}
	
	p.btn-more-gallery a {	
		position:absolute;
		left:0;
		width:62px;
		top:0px;
		height:27px; 
		}
		
		p.btn-more-gallery a span { display:none;}

p.btn-more {
	text-align:right;
	clear:left;
	position:relative;
	display:block;
	height:27px;
	padding-right:0;
	background:url('../2images/btn-more.jpg') right no-repeat;
	}
	
	p.btn-more a {	
		position:absolute;
		left:414px;
		width:62px;
		top:0px;
		height:27px; 
		}
		
		p.btn-more a span { display:none;}

p.bna-to-top {
	text-align:right;
	display:block;
	padding-top:10px;
	}


img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}
	
body#skin h1.skin-care-top, body#resurfacing h1.skin-care-top, body#juvederm h1.skin-care-top {
	margin-top:-22px;
	margin-right:200px;
	}

body#skin p.skin-care-top, body#resurfacing p.skin-care-top, body#juvederm p.skin-care-top {
	margin-right:200px;
	}


/* ------------------------ form elements ------------------------ */
form {
	width:150px;
	margin:10px 0 15px 0; /* set margin left and right below */
	}

form label	{ font-size:.95em; } 

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#FFF !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #000B3A;
	color:#000B3A;
	width:145px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px;
	}

select { width:150px; padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

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


/* ------------------------ SPECIFIC ELEMENTS ------------------------ */

/* ------------------------ main contact form ------------------------ */
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

#contact-main label select { width:175px; } /* fixes display issue - 5px larger than input field */

#contact-main label textarea { height:100px; overflow:auto; }

/* ------------------------ submit button form elements ------------------------ */

input.submit, input.submit-contact-main { 
	width:51px;
	height:19px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:95px 0 0 243px; } /* defines placement of contact-main submit button */

input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */
	background:url('../2images/btn-submit.jpg');
	width:51px;
	height:19px;
	border:none;
	cursor:pointer;
	}

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
	width:767px;
	margin:0 auto;
	text-align:left;
	background-color: #753A36;
	}

/* ------------------------ masthead framework ------------------------ */
#masthead {
	position:relative;
	background:url('../2images/masthead.jpg');
	height:88px;
	}
	/* index page link within #masthead */		
	#masthead a {
	position:absolute;
	left:0px;
	width:767px;
	top:0px;
	height:88px;
		}
	#masthead a span {
		display:none;
		}
#photogallery {
	background:url('../2images/buton_top.png') top left;
	}
	
#photogallery:hover {background:url('../2images/buton_top.png') bottom left;}


body#index #masthead {
	position:relative;
	background:url('../2images/masthead-index.jpg');
	height:86px;
	}

/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:767px;
	float:left;
	margin-top: 0px;
	height: 400px;
	}

	#column-left p, #column-left ul, #column-left dl {
		margin:0px 35px 20px 36px;
		}
	#column-left h1, #column-left h2, #column-left h3 {
	margin:20px 35px 0 36px;
		}

	body#index #column-left h2 { margin-top:0;}

	#column-left form { margin-left:20px; } /* set form margin here */

	/* single column list */
	#column-left ul { padding-left:5px; }
		#column-left ul li { 
			background:transparent url('../2images/bullet.jpg') 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px; /* pushes text to the right to display bg img */
			}


	#links{ width:490px; margin:0 0 53px 53px;}
	#links dl{ width:150px; margin:0 5px 0 3px; display:block; float:left;}
	#links dt, #links dd{ margin-bottom:5px;}

	#links-1{ width:490px; margin:0 0 53px 53px;}
	#links-1 dl{ width:150px; margin:0 5px 0 3px; display:block; float:left;}
	#links-1 dt, #links-1 dd { background:url('../2images/bullet.jpg') 0px 6px no-repeat; padding-left:10px;}


/* ------------------------ column-right framework ------------------------ */
#column-right {
	width:209px;
	float:right;
	margin-top: 10px;
	background-image: url(../2images/right_column_bt.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}

	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl {
		}

	#column-right form { margin-left:35px; }
	#column-right form p { margin:0; font-size:10px;}

	/* single column list */
	#column-right ul { padding-left:5px; }
		#column-right ul li { 
			background:transparent url('../2images/bullet.jpg') 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;  /* pushes text to the right to display bg img */
			}

#call-hd { background:url('../2images/hd-call.jpg'); height:95px;}
#mp { margin-left:3px;}

#ptt { background:url('../2images/ptt.jpg') no-repeat; width:145px; height:66px; margin:20px 0 25px 35px;}
#ptt a { display:block; height:66px; }
#ptt a:hover { background: transparent url('../2images/ptt.jpg') no-repeat 0 -66px; }
#ptt span { display:none; }

#office-hd { background:url('../2images/office.jpg') no-repeat; height:171px;}
	#office-hd p {padding:0 5px;}
	p#address {padding-top:25px;}
	
.understandbtn {
	float:left;
	padding-top:5px;
	padding-right:10px;
	}	

/* ------------------------ header framework ------------------------ */
#header-flash {
	height:280px;
	width:767px;
	float:left;
	background-image: url(../2images/bg_main.jpg);
} /* sets height for the flash header - REMOVE IF NOT USED */
#header-graphic { height:278px; background:url('../2images/header.jpg') no-repeat; width:581px; float:left; } /* sets height for all non-flash headers */


/* ------------------------ subhead framework ------------------------ */
#subhead {
	height:40px;
	padding-top: 5px;
} /* sets height for all subheads */
	body#index #subhead {
}
	body#meet #subhead { background:url('../2images/subhead-meet.jpg'); }
	body#body #subhead { background:url('../2images/subhead-body.jpg'); }
	body#breast #subhead { background:url('../2images/subhead-breast.jpg'); }
	body#facial #subhead { background:url('../2images/subhead-facial.jpg'); }
	body#skin #subhead { background:url('../2images/subhead-skin.jpg'); }
	
	body#resurfacing #subhead { background:url('../2images/subhead-resurfacing.jpg'); }
	body#juvederm #subhead { background:url('../2images/subhead-juvederm.jpg'); }
	
	body#gallery #subhead { background:url('../2images/subhead-gallery.jpg'); }
	body#before-after #subhead { background:url('../2images/subhead-before-after.jpg'); }
	body#contact #subhead { background:url('../2images/subhead-contact.jpg'); }
	body#thankyou #subhead { background:url('../2images/subhead-thankyou.jpg'); }
	body#sitemap #subhead { background:url('../2images/subhead-sitemap.jpg'); }
	body#blog #subhead { background:url('../2images/subhead-blog.jpg'); }

/* ------------------------ subhead framework with varying heights ------------------------ */
#subhead-meet-doc {
	height:55px;
	background:url('../2images/subhead-meet-doc.jpg') ;
	}

/* ------------------------ bottom-wrap framework ------------------------ */
/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	width:100%; /* fix for Safar */
	height:55px;
	clear:both; /* important - do not remove */
	}
	
body#index #bottom-wrap {
	}
	
body#video #bottom-wrap {
	background:url('../2images/bgVideoBottomWrap.png');
	}
/* ------------------------footer framework ------------------------ */
#footer {
	width:767px;
	margin:0 auto;
	text-align:center;
	background-color: #814643;
	}

#footer p {
	color:#FFFFFF;
	margin-bottom:10px;
	}



#footer ul {margin:10px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #FFF;
		}
	#footer li.first { border: none; }

/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */
a:link {
	color: #CCCCCC;
}
.top_menu {color: #FFFFFF}
#apDiv1 {
	position:absolute;
	left:776px;
	top:5px;
	width:144px;
	height:81px;
	z-index:1;
}
#MainNav {
	top:366px;
	width:767px;
	height:28px;
	z-index:1;
	float: left;
	background-color: #39101F;
}
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style2 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style3 {color: #CCCCCC}

</style>
		.menu {
						height: 27px;
						width: 767px;
			}
			.cssnav	{
	position:relative;
	float: left;
	margin: 50;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background: url(2images/overbtn.jpg) no-repeat;
	width: 127px;
	height: 27px;
	overflow:hidden;/* for ie to hide extra height*/
	background-image: url(2images/overbtn.jpg);
			}
			.cssnav a {
						display: block;
						color: #000000;
						font-size: 11px;
						width: 127px;
						height: 27px;
						display: block;
						float: left;
						color: black; 
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav a:hover {
						color: #ffffff;
			}
			

			.cssnav img {width: 127px; height: 27px; border: 0; }
			* html a:hover {visibility:visible}
			.cssnav a:hover img{visibility:hidden}

			.cssnav span {
	position: absolute;
	left: 5px;
	top: 4px;
	text-align: center;
	width: 100px;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bolder;
			}
			.style4 {
	font-size: 11px;
	text-align: center;
	display: block;
	color: #FFFFFF;
	background-color: #39101F;
	font-family: Arial, Helvetica, sans-serif;
}


/* ------------------------ Misc ------------------------ */
.bna-text {width:270px; float:left; margin-top:20px;}
.bna {
	width:100px;
	float:left;
	margin-top:20px;
	color: #39101F;
}
#gallery-img {width:139px; float:left; padding-left:30px;}
#img-links {width:200px; float:left;}
.img-links {padding:40px 0 20px 0;}
#content-footer { background:url('../2images/content-footer.jpg') no-repeat; height:27px;}
#hd-procedures { background:url('../2images/hd-procedures.jpg') no-repeat; height:51px;}
#wrap-procedures { background:url('../2images/wrap-procedures.jpg') repeat-y;}
#footer-procedures { background:url('../2images/footer-procedures.jpg') no-repeat; height:137px;}
#hd-featured { background:url('../2images/hd-featured.jpg') no-repeat; height:79px;}

#face-pic { background:url('../2images/face-pic.jpg') bottom right no-repeat; margin-bottom:-20px;}

#vms-lightwindow-link {
	display: none;
	}
	
#videowebsite {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
	#skin-list {
	height:32px;
	background:url('../2images/skin-list-top.jpg') right top no-repeat;
	margin:10px 40px 0 10px;
	}

	#skin-list-wrap {
	width:185px;
	background:url('../2images/skin-list-wrap.jpg') repeat-y;
	float:right;
	padding-right:40px;
	}
	
	#skin-list-wrap ul, #skin-list-wrap p { margin: 3px 0 10px 20px; }
	#skin-list-wrap ul li { margin: 0 0 5px 10px;}
	#skin-list-wrap h2 { margin: -5px 0 10px 35px; }
	
	#skin-list-bottom {
	background:url('../2images/skin-list-bottom.jpg') right top no-repeat;
	height:14px;
	overflow:hidden;
	padding-left:140px;
	}
	
	body#privacy {
	font: 12px/12px arial,sans-serif; 
	line-height: normal;
	background-image:none;
	background-color:#FFFFFF;
	color:#000000; 
	margin:0 auto;
	padding:0 auto;
	text-align:left;
	}
	
		body#privacy em { 
		text-decoration: underline; 
		font-style: normal; }
		
		body#privacy p, body#privacy ul { 
		margin:10px 20px 0 10px;
		 }

		body#privacy ul li { 
		list-style:disc;
		margin:10px 20px 0 30px;
		 }
		 
#btnContactUs {
	background: url('../2images/btnContactUs.png') no-repeat;
	width: 145px;
	height: 66px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}

#btnBlog {
	background: url('../2images/btnReadBlog.png') no-repeat;
	width: 145px;
	height: 66px;
	display: block;
	text-indent: -9999px;
	margin: 10px auto 0;
}

#videoPlayer {
	width:767px;
	clear: both;
	background: url('../2images/bgVideoPlayer.png') no-repeat;
	padding-top: 75px;
}

#videoIFrame {
	width: 700px;
	margin: 0 auto;
	display: block;
}

#column-left p.older {
	width: 100px;
	display: inline;
	float: left;
	margin-bottom: 0;
}

#column-left p.newer {
	width: 100px;
	display: inline;
	float: right;
	margin-bottom: 0;
}

#column-left p.metaData {
	font-size: 0.9em;
}

#logos {
	width:500px;
	height:100px;
	background:url('../2images/logos.jpg');
	margin:20px auto;
}

#online-network {
	padding-top:50px;
	background-image: url(../2images/join.jpg);
	background-repeat: no-repeat;
}
#online-network-blog {
/*	background:url('../2images/onlinenetwork.gif') no-repeat;*/
	padding-top:10px;
}
#online-network-blog h2 {color:#fff; font-size:17px; width:210px; text-align:center; margin-left:2px; text-decoration:underline;}
#youtube {
	width:42px;
	height:42px;
	display:block;
	text-indent:-9999px;
	margin-left:10px;
	background:url('../2images/youtube.gif') top left;
	float:left;
	}
	
#youtube:hover {background:url('../2images/youtube.gif') bottom left;}

#facebook {
	width:42px;
	height:42px;
	display:block;
	text-indent:-9999px;
	margin-left:60px;
	background:url('../2images/facebook.gif') top left;
	float:left;
	}
	
#facebook:hover {background:url('../2images/facebook.gif') bottom left;}

#usabreast {
background-color:#000B39;
padding:10px;}
#iplayer {
	padding: 20px;
}