/***********************************************************

	GENERAL
	
***********************************************************/

@font-face {
	font-family: Trajan Pro;
	src: url("../fonts/TrajanPro-Regular.otf") format("opentype");
}

@font-face {
font-family: GraublauWeb;
src: url("../fonts/GraublauWeb.otf") format("opentype");
}

@font-face {
font-family: GraublauWebBold;
src: url("../fonts/GraublauWebBold.otf") format("opentype");
}



 { }

body { background: #68b3ff url('../images/bg.jpg') top center repeat-y; font: .845em/1.5em Gill Sans MT, Gill Sans, sans-serif; color: #555; letter-spacing: .07em;
	 }



p		{ line-height: 18px; margin-bottom: 10px; }
a		{ color: #0086ff; text-decoration: none; }
a:hover	{ text-decoration: underline; }


h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}

h1 {font-size:1.4em;line-height:1em;margin-bottom:0.5em;}
h2 {font-size:1.5em;margin-bottom:.9em;}
h3 {font-size:1.1em;line-height:1;margin-bottom:1em;}
h4 {font-size:1em;line-height:1.25em;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}


.last a img { border: 1px solid #999}
.last img { margin-bottom: 10px; }

/***********************************************************

	STYLING
	
***********************************************************/

		h1 {color: #006699; font-family: Trajan Pro, Copperplate Gothic Light, Copperplate, sans-serif; font-weight: 100;
			text-transform: capitalize;
			line-height: 1.3em;
			float: right;
		}
		
		h1.center {
			text-align: center;
			float: none;
			padding: 15px 0 0;
		}
		h1.left {
			text-align: left;
			float: none;
			padding: 15px 0 0;
		}
				
		
		


		h2 {font-style: normal; text-shadow: 0.1em 0.1em 0.2em #656565;color: #333; font-family: 'Century Gothic', 'Century'; 
			padding: 0 ;
		}
	
			h2 span.suptitle{
				margin-left: 0;font-style: italic; text-shadow: 0.1em 0.1em 0.2em #656565; color: #666; font-size: .8em; display: block;
				
			}	
			
			h2 span.smalltitle{font-style: italic; text-shadow: 0.1em 0.1em 0.2em #656565; color: #666; font-size: .8em;
				
			}
		
		h3 {color: #666; font-family: Trajan Pro, Copperplate Gothic Light, Copperplate, sans-serif; font-weight: 100;
			text-transform: capitalize;
			line-height: 1.3em;
			padding: 0 0 0;
		}

		/***********************************************************
		
			TEXT BOX
			
		***********************************************************/
			
		.text-box {
			background: #fff;
			margin-top: 30px;
			border: 1px solid #ccc;
			
			-moz-box-shadow: 0 0 1em #aaa;
			-webkit-box-shadow: 0 0 1em #aaa;
        	box-shadow: 0 0 1em #aaa;
        	
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
        	        		
        	
        	
        	
        	padding: 0 26px 35px;
        	
		}
		
		.text-box p { padding: 5px 0 0 }
		
		.text-box ul {margin: -10px 0 0;padding: 0 40px 0; list-style:none; }
		.text-box ul li {list-style:none;}
		
		.text-box:after {clear:both;}
		
		.text-box iframe {}
		
		
		
		.leftpadding p { padding: 5px 0 0 40px}
		
		
		.nopadding { margin-bottom: -35px }
		

	
	/* HOME ----------- */
	
	.flag_en {	
		float: right;
		padding: 0 0 0 19px;
	}
	.flag_fr {	
		float: left;
		padding: 0 19px 0 0;
	}
	
	div.homeleft {
		float: left;
		width: 330px;
		margin: 170px 0 0;
		text-align: right;
	}
	
	div.homeright {
		float: right;
		width: 330px;
		margin: 170px 0 0;
	}
	
	p.home {
		height: 100px;
	}
	
	#homelink {
		text-align: center;
		margin: 0;
	}
	
	#homelink a {
		font: 106.5%/1.5em GraublauWeb, "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #0071b9;	
		background: url(../images/wave_transparent.png) no-repeat top center transparent;
		margin: 0;
		padding: 20px 40px ;
	}
		#homelink a:hover {
		color: #58585a ;	
		background: url(../images/wave_transparent.png) no-repeat bottom center transparent;
		}
	
	.girlhome {
		width: 260px;
		margin: 120px 5px 0 15px;
	}
	
	


/***********************************************************

	HEADER
	
***********************************************************/

#header_bg{
	height: 350px;
	background: url('../images/bg_header.jpg') top center no-repeat;
	margin: 0 auto -350px;
}


#header {
	width: 400px;
	margin: 0 auto;
	padding-top: 50px;
}


	#logo,
	#logo img {
		width: 222px;
		height: 63px;
	}
	
	#logo{
		background: url('../images/logo_dermyal.png') top no-repeat;
		float: left;
	}


/***********************************************************

	CONTACT
	
***********************************************************/


#contact_tab  {
		font: 1em/1.5em Gill Sans MT, Gill Sans, sans-serif; 
		font-weight: 100;
		
   		float: left;
   		text-align: center;
	
   		margin: 0;
   		padding: 10px 15px;
   		
   		background: #efefef;
   		color: #444;
   		
   		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;   

		border: 1px solid #ccc;
		
		-moz-box-shadow: 0 0 1em #aaa;
		-webkit-box-shadow: 0 0 1em #aaa;
        box-shadow: 0 0 1em #aaa;		
		
}

		#contact_tab img {margin: -3px 5px -11px 0;}
		a.contact_tab {color: #444;text-decoration:none;}
		a.contact_tab:hover {color: #0071b9}
		
		
				
		
		
/***********************************************************

	LANGUAGE
	
***********************************************************/


#language  {
		font: 1em/1.5em Gill Sans MT, Gill Sans, sans-serif; 
		font-weight: 100;
		
   		float: right;
   		text-align: center;
	
   		margin: 0;
   		padding: 10px 15px;
   		width: 150px;
   		
   		background: #efefef;
   		color: #444;
   		
   		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;   

		border: 1px solid #ccc;
		
		-moz-box-shadow: 0 0 1em #aaa;
		-webkit-box-shadow: 0 0 1em #aaa;
        box-shadow: 0 0 1em #aaa;		
		
			
}
	#language img {margin: 0 15px -2px 0;}
	#language a {color: #444;text-decoration:none;}
	#language a:hover {color: #0071b9}


#language ul {
   		text-align: left;
   		
		list-style:none;
		display: none;
		padding: 5px 0 5px 38px;
		margin: 0;
		
		border-top: 1px solid #999;
}
	#language ul.first {
		margin-top: 15px;
		border-top: none;
	}

	#language ul.fr {
		background: url('../images/flag_fr.png') left no-repeat;
	}
	#language ul.en {
		background: url('../images/flag_en.png') left no-repeat;
	}



#language:hover ul {
		list-style:none;
		display: block;

}


#language ul li {
		list-style:none;
		padding: 0;
		margin: 0;

}


/***********************************************************

	Navigation
	
***********************************************************/

#navigation {height: 34px;margin: 0 -27px 40px; padding: 0 15px 15px; font: .9em/1.5em Gill Sans MT, Gill Sans, sans-serif; font-weight: 100; border-bottom: 1px #999 solid;  background: #fff url("../images/nav_bg.png") bottom center repeat-x;

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

 }

	#navigation ul{color: white; display: inline;list-style: none;}
	
	#navigation ul.left li {	list-style:none;margin:0;padding:0;float:left; }
	#navigation ul.right li {	list-style:none;margin:0;padding:0;float:right; }


#navigation ul.left li {
	background:  url("../images/nav_divider.png") bottom right no-repeat;}

#navigation ul.left li a {
	color: #666;
	display: block;
	float: left;
	margin: 0;
	padding: 18px 19px 14px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .1em;
}


#navigation ul.left li.active a{
	background:  url("../images/nav_active.png") bottom center no-repeat;
	color: #0086ff;
	}
	
#navigation ul.left li a:hover{
	background:  url("../images/nav_active.png") bottom center no-repeat;
	color: #111;}
	
#navigation ul.left li.last {float: right;
	background:  url("../images/nav_divider.png") bottom left no-repeat;}
	

/***********************************************************

	CONTENT
	
***********************************************************/

#content{ margin-top: 185px;
}
	
	/******************  video  ***************/
	

		.sub-heading{padding: 20px 25px;font: 192.5%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; color:#eb83aa;letter-spacing: 0.02em;border-bottom:1px solid #ccc;font-weight: 700; }
	
		
		.sub-container{padding: 0;}
		
		.contact-container{padding: 30px ;background: #efefef;}
		
		.subnav-container{float: left; width: 236px; margin: 40px 0 0 -44px; }
		
				ul#subnav{width:208px;float:left;list-style:none;margin-left:1px;margin-top:0px;padding-left:20px;top:100px;left:-20px;}
				
				ul#subnav li{list-style:none;margin:0;padding:0;float:left;}
				
				ul#subnav li a{height: 35px; width:207px;float:left;text-decoration:none;color:#817b7b;display:block;padding:8px 0 8px 30px;line-height:1.7em;margin-left:1px;position:relative;text-shadow :0px 1px 0px #fff;}
				ul#subnav li a:hover{color:#0071b9;}
				ul#subnav li a.active{color:#fff;text-shadow :0px 1px 0px #666;background: url('../images/bg_subnav_active.png') 0px 0 no-repeat;width:221px;border:0;position:relative;top:0px;left:-15px;border:0 !important;text-indent:16px; z-index: 10000;}
							
						
		
		.sub-content{float: right; width: 634px; padding: 20px 30px 50px; }
		
		
			.sub-content p {padding: 5px 0;}
			
			.sub-content img{border:none; margin: 0 15px 0 0; padding: 0;}			
		
					







		img.bottompadding { padding-bottom: 30px}

/***********************************************************

	FOOTER
	
***********************************************************/

#footer { padding-top: 30px;	
}






	

/***********************************************************

	COLORS
	
***********************************************************/

.blue { color: #0071b9; }
.orange { color: #ff9700; }
/*.orange { color: #f15b29; } old*/
/*.green { color: #008e48; } old*/
.green { color: #00aaed; }
.purple { color: #ce3a8c; }
/*.purple { color: #662d91; } old */
.pink { color: #ee008b; }
.turquoise { color: #01adee; }
.grey { color: #58585a; }



/***********************************************************

	INSIDE BLUEPRINT
	
***********************************************************/
.column, .ispan-1, .ispan-2, .ispan-3, .ispan-4, .ispan-5, .ispan-6, .ispan-7, .ispan-8, .ispan-9, .ispan-10, .ispan-11, .ispan-12, .ispan-13, .ispan-14, .ispan-15, .ispan-16, .ispan-17, .ispan-18, .ispan-19, .ispan-20, .ispan-21, .ispan-22, .ispan-23, .ispan-24 {float:left;margin-right:16px;}
.last {margin-right:0; float: right;}
.ispan-1 {width:22px;}
.ispan-2 {width:60px;}
.ispan-3 {width:98px;}
.ispan-4 {width:136px;}
.ispan-5 {width:174px;}
.ispan-6 {width:212px;}
.ispan-7 {width:250px;}
.ispan-8 {width:288px;}
.ispan-9 {width:326px;}
.ispan-10 {width:364px;}
.ispan-11 {width:402px;}
.ispan-12 {width:440px;}
.ispan-13 {width:478px;}
.ispan-14 {width:516px;}
.ispan-15 {width:554px;}
.ispan-16 {width:592px;}
.ispan-17 {width:630px;}
.ispan-18 {width:668px;}
.ispan-19 {width:707px;}
.ispan-20 {width:744px;}
.ispan-21 {width:782px;}
.ispan-22 {width:820px;}
.ispan-23 {width:858px;}
.ispan-24 {width:896px;margin-right:0;}








/*****************************

	Dermasculpt
	
***************************/

h2.ds {font-size:1.89em;margin-bottom:0.35em;line-height:1.25em; font-style: italic; text-shadow: 0.1em 0.1em 0.2em #656565;color: #006699; font-family: 'Century Gothic', 'Century'; 
			padding: 30px 20px 0; font-weight: 100;
		}
	
			h2.ds span.suptitle{
				margin-left: 0;font-style: italic; text-shadow: 0.1em 0.1em 0.2em #656565; color: #333; font-size: .7em; font-weight: 100;
				
			}
				
			h2.ds span.subtitle{
				
				margin-left: 0;font-style: italic; text-shadow: 0.1em 0.1em 0.2em #656565; color: #333; font-size: .7em; font-weight: 100;
				display:block;clear:both;
			}


			a.ds_banner img {border: none; padding: 40px 0 0}