@import url("core.css");
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	background-image:url(../images/bg-repeat-ver.png);
	background-repeat:repeat-x;
	background-color:#eae7e0;
	text-align:center;
}
.right {
	float:right;
	text-align:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
}
.clearspace {
	clear:both;
	height:1px;
	line-height:1px;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
}

ol, ul, li {
	margin:0px;
	padding:0px;
	list-style:none;
}
a {color: #5b1705; text-decoration:underline;}   
a:visited {color: #000000; text-decoration:underline;} 
a:hover {color: #5b1705; text-decoration:none;}  
p {
	margin:0px;
	line-height: 20px;
	font-size:13px;
	padding: 0px 0px 22px 0px;
}
#outer-wrapper {
background-image:url(../images/bg-repeat-hor.png);
background-position:center top;
background-repeat:repeat-y;
min-width:970px;
}
#inner-wrapper {
background-image:url(../images/bg.jpg);
background-position:top center;
background-repeat:no-repeat;
min-width:970px;
}
	#i-w1 {
		background-image:url(../images/bg-footer.png);
		background-position:bottom center;
		background-repeat:no-repeat;
	}
#wrapper {
	text-align:left;
	padding:0px;
	margin:0px auto;
	width:970px;
	position:relative;
	padding-top:288px;
}
#header {
width:970px;
height:288px;
position:absolute;
top:0px;
left:0px;
}
	/***************************** CSS FOR DROPDOWN **********************************/
#mainnavigation {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 53px;
	z-index: 100;
}
#mainnav li ul {
	position:absolute;
	background-color:#170a02;
	padding:5px 0;
	margin-left:0px;
}
#mainnav li li {
	float:none;
	 font-size:13px;
	width:169px;
	background-color:#170a02;
	background-image:url(../images/dropdown-bg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}
#mainnav li li.last { background-image:none;}

#mainnav li li a { 
background-image:none;
  color:#FFFFFF; 
  height:auto; 
  text-decoration:none;
   padding:3px 21px 6px 21px;
   display:block;
   width:130px; 
   }
#mainnav li li a:hover { background-color:#532014; width:127px; }
#mainnav li ul { display:none; }
#mainnav li:hover ul { display:block; }

	.main-nav {
	width:970px;
	height:53px;
	}
	.main-nav li {
		float:left;
		list-style-type:none;
	}
	
	.main-nav li a, .main-nav li#nav-home a, .main-nav li#nav-patient a {
	height:1px;
	padding-top:52px;
	overflow:hidden;
	display:block;
	background-repeat:no-repeat;
	background-image:url(../images/main-nav.png);
	}

	#nav-home a{
	width:72px;
	background-position:-0px -0px;
	}
	#nav-home a:hover {
	background-position:-0px -53px;
	}
	#nav-home a.active {
	background-position:-0px -106px;
	}
	
	#nav-skin a{
	width:193px;
	background-position:-72px -0px;
	}
	#nav-skin a:hover {
	background-position:-72px -53px;
	}
	#nav-skin a.active {
	background-position:-72px -106px;
	}
	
	#nav-cosmetic-laser a{
	width:220px;
	background-position:-265px -0px;
	}
	#nav-cosmetic-laser a:hover {
	background-position:-265px -53px;
	}
	#nav-cosmetic-laser a.active {
	background-position:-265px -106px;
	}
	
	#nav-cosmetic-surgery a{
	width:126px;
	background-position:-485px -0px;
	}
	#nav-cosmetic-surgery a:hover {
	background-position:-485px -53px;
	}
	#nav-cosmetic-surgery a.active {
	background-position:-485px -106px;
	}
	
	#nav-contact a{
	width:80px;
	background-position:-611px -0px;
	}
	#nav-contact a:hover {
	background-position:-611px -53px;
	}
	#nav-contact a.active {
	background-position:-611px -106px;
	}
		
	#nav-ourteam a{
	width:89px;
	background-position:-691px -0px;
	}
	#nav-ourteam a:hover {
	background-position:-691px -53px;
	}
	#nav-ourteam a.active {
	background-position:-691px -106px;
	}
	
	#nav-news a{
	width:65px;
	background-position:-780px -0px;
	}
	#nav-news a:hover {
	background-position:-780px -53px;
	}
	#nav-news a.active {
	background-position:-780px -106px;
	}

	#nav-patient a{
	width:124px;
	background-position:-845px -0px;
	}
	#nav-patient a:hover {
	background-position:-845px -53px;
	}
	#nav-patient a.active {
	background-position:-845px -106px;
	}
	


/*----------------------------------------------------*/	
	#logo {
	position:absolute;
	left: 15px;
	top: 68px;
	/*width:135px;
	margin:15px 0 0 18px;
	z-index:-40;
	height:1px;
	padding-top:150px;
	overflow:hidden;*/
	}
	#banner {
	position:absolute;
	left: 163px;
	top: 53px;
	width:808px;
	height:207px;
	/*float:right;
	margin-right:0x;*/
	}
	#banner img { z-index:-2;}
		.skin #banner { background-image: url(/images/banners/banner6.jpg); }
		.cosmetic-laser #banner { background-image: url(/images/banners/banner2.jpg); }
		.cosmetic-surgery #banner { background-image: url(/images/banners/banner1.jpg); }
		.team #banner { background-image: url(/images/banners/banner3.jpg); }
		.news #banner { background-image: url(/images/banners/banner5.jpg); }
		.video #banner { background-image: url(/images/banners/banner7.jpg); }
		.contact #banner { background-image: url(/images/banners/banner4.jpg); }
		.patient #banner { background-image: url(/images/banners/banner4.jpg); }
		
#mainsection {
width:970px;
}
	#subnav {
	float:left;
	width:158px;
	}
		.wide #subnav { display: none;}
	#subnav ul {}
	#subnav li { width:158px; 
	list-style-type:none;
	background-image:url(../images/subnav-bottomline.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	}
	#subnav li.last { background-image:none;}
	#subnav li a {
	display:block;
	z-index:-50;
	color:#000000;
	font-size:13px;
	width:133px;
	padding:6px 0 8px 25px;
	text-decoration:none;
	}
	#subnav li a:hover {
	color:#4f1203;
	}
	#subnav li a.active {
	color:#FFFFFF;
	background-image:url(../images/subnav-active.png);
	vertical-align:middle;
	margin-top:-1px;
	}
	#subnav a.L3 { 
	padding-left: 40px; 
	width: 118px;
	}

	
	#content {
	width:564px;
	float:left;
	margin-left:33px;
	margin-right:16px;
	min-height:570px;
	padding-bottom:70px;
	}
		.wide #content { width: 921px; }
		
		.topline {
		font-size:12px;
		text-transform:uppercase;
		padding-bottom:2px;
		}
			.topline ul {
				display: none;
			}
	
		.left-thumb {  padding:5px 25px 27px 0;}
		#content ol, #content ul { margin-left:2em; } 
		#content ul li { list-style: disc outside; }

	#cta {
	width:177px;
	float:left;
	overflow: hidden;
	/*margin-left:20px;
	margin-top:58px;*/
	}
		.wide #cta { display: none;}

	#cta ul {}
	#cta li { 
		list-style-type:none;
		zoom: 1;
	}
	#cta li a {
	display:block;
	height:1px;
	padding-left:175px;
	overflow:hidden;
	width:0px;
	}
	#cta li a:hover { background-position: -177px 0; }
		#cta-product a { padding-top: 141px; background-image:url(/images/cta/cta-page-productmonth.png);}
		#cta-watch a { padding-top: 135px; background-image:url(/images/cta/cta-page-watchvideo.png);}
		#cta-skin a { padding-top: 135px; background-image:url(/images/cta/cta-page-skin-treatment.png);}
		#cta-contact a { padding-top: 141px; background-image:url(/images/cta/cta-page-contactus.png);}
		#cta-technology a { padding-top: 141px; background-image:url(/images/cta/cta-technology.png);}

#footer {
	/*background-image:url(../images/bg-footer.png);
	background-color:#b7b0a9;*/
width:921px;
margin:0px auto;
padding:20px 0 7px 0;
line-height:15px;
color:#3a312b;
font-size:11px;
}
	a#foot-facebook {
		background-image:url(../images/facebook-icon.png);
		background-repeat:no-repeat;
		background-position:center left;
		padding-left:22px;
		display:block;
	}
	a#foot-twitter {
		background-image:url(../images/twitter-icon.png);
		background-repeat:no-repeat;
		background-position:center left;
		padding-left:22px;
		display:block;
	}
.share li{
	margin-left:4px;
}	

.left span { font-weight:bold;}
.right a { text-decoration:none; color:#3a312b;}
.right a:hover { text-decoration: underline;}
.right span { padding:0 4px 0 4px;}
.share { font-weight:bold; float:right;}
.share ul {}
.share li { list-style-type:none; float:left;}
.share li img { margin-top:-2px;  padding:0 3px  0 7px; background-repeat:no-repeat;}
.share li a { display:block;}
.readmore { color:#5d1705; font-size:11px; float:left; margin-top:-11px;}
.readmore a {
color:#5d1705;

float:left;
font-size:11px;
text-decoration:underline;
text-transform:uppercase;
}
.readmore a:hover {
text-decoration:none;}
.boldcap {
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	color: #6e0000;
	font-weight: bold;
}