@import url(http://fonts.googleapis.com/css?family=Crete+Round:400,400italic|Montserrat+Subrayada);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700|Open+Sans+Condensed:300,700);
body {
  font-size: 100%;
  line-height: 1.25;
  text-align: center;
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  color:#333;
  background:url(../img/paper.jpg);
  margin:0;
  padding:0;
	border-top:10px solid Transparent;
  }

h1,h2,h3 {
  margin-top: 0;
  margin-bottom: 0;
}

h1 {
  font-size: 3em;
}

h1,h2 {
  padding: 1.25em 0;
}

h2 {
  font-size: 2em;
}

h3 {
  font-size: 1.75em;
  padding: 1.51786em 0;
}

h1.title, h2.title, h3.title {
color:#b1b1b1;
font-weight:300;
font-family:"crete round", georgia;
text-align:center;
}



/*
Content Containers for Each Section
*/

 .wrapper {
	padding-bottom:40px;
	position:relative;
		border-bottom:1px solid #ccc;
	box-shadow:0 -0 4px 0 rgba(0,0,0,.3);

 }
 
 .wrapper article {


 }

/*
	clear this 
*/

div#main-content-wrapper {
	width:960px;
	background:#fff;
	margin:0 auto;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .45);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .45);
-moz-box-shadow:0 0 15px 0 rgba(0,0,0,.45);
	}
div.clear-section {
	width:100%;
	height:600px;
	clear:both;
	border:none;
	margin:0 auto;
	padding: 0;
     color: #333;
    text-align: center;
		background:url(../img/leaf-back.png) center center no-repeat;
}

 hr.clear:after {
	content: "§";
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}
/*
Fixed header Styles 
*/
header#header  {
background: #0EAED7;
width: 100%;
height: 70px;
vertical-align: middle;
text-align: center;
position: fixed;
z-index: 10000;
top: 0px;
border-bottom:1px solid #b1b1b1;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .45);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .45);
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
border-bottom:1px solid #ccc;
}



hr.faded {
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 1.4em 0;
  border: none; 
  background: #ddd;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      right bottom,
      color-stop(0, rgb(255,255,255)),
      color-stop(0.1, rgb(221,221,221)),
      color-stop(0.9, rgb(221,221,221)),
      color-stop(1, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
      left center,
      rgb(255,255,255) 0%,
      rgb(221,221,221) 10%,
      rgb(221,221,221) 90%,
      rgb(255,255,255) 100%
  );
}
	nav#nav {
		position:relative;
	}
	
	nav#nav div#pointer {
		position:absolute;
		bottom:0;
		left:-20px;
		width:5px;
		height:5px;
		background:red;
	}
	
	nav#nav ul {
		margin:0;
		padding:0;
		padding-top:25px;
		list-style-type:none;

	}
	
		nav#nav ul li {
			float:right;
			position:relative;
			
		}
		
			nav#nav ul li a {
			font-size:16px;
			  text-decoration: none;
			  color: #444;
			  position: relative;
			  padding-left:1.8em;
			  text-shadow: 0 1px 0 rgba(255,255,255,.8);
			}
			
		
	nav#nav .current {
	  font-weight: bold;
	}

/*
Titles and logos
*/

h1#logo {
	font-size:1px;
	height:70px;
	text-indent:-99999em;
	background:url(../img/logo.png) center center;
	background-repeat:no-repeat;
	width:348px;
	overflow:hidden;
	padding:0;
	margin:0;
}

h1.title {
	padding-top:0;
	padding-bottom:0;
}


/*
Container Backgrounds
*/

div.wrapper {
	}
	
div.wrapper article {

}

div#intro {
	background:url(../img/wow-girls-wine.png) center center no-repeat;
	}
div#intro header {
	padding-top:600px;
}

div#intro div.botox-logo {
	background:url(../img/intro-bg.png) center center no-repeat;
	width:673px;
	height:404px;
	position:absolute;
	top:140px;
	left:50%;
	margin-left:-336px;
}

div#intro header h2.title {
background:url(../img/title-bg.png);
	color:#386482;
	padding:10px;
	font-size:4em;
	-webkit-border-radius: 4px;
border-radius: 4px;
	font-weight:400;
		
	text-transform:uppercase;
	color:#fff;
	text-shadow:0 1px 3px #222;
}

div.wrapper header h1.title {
	text-shadow: 0 0 1px #fff;
	color:#386482;
	padding-top:20px;
	font-size:2.5em;
	text-transform:uppercase;
	text-shadow: 0 0 1px #fff;
color: #386482;
padding-top: 40px;
padding-bottom: 40px;
font-size: 4em;
text-transform: uppercase;
}

div#intro p {
	color:#666;
	text-shadow: 0 -1px 0 rbga(0,0,0,.6);
	letter-spacing:.1em;
	text-align:justify;
	width:70%;
	margin:0 auto;

}



/*
steps
*/

#steps {
	padding-bottom:20px;
	height:670px;
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 47%, rgba(249,249,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(252,252,252,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(252,252,252,1) 47%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(252,252,252,1) 47%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
}

div#steps article.content-container header h1.title {
background:#77A5C4;
color:#fff;
margin-bottom:40px;
padding-top:20px;
padding-bottom:20px;
}
div#howsteps {
margin-top:300px;
}

div#howsteps div {
border-radius:4px;
width:218px;
background:white;
border:1px solid #e5e5e5;
box-shadow:0 0 3px 0 (0,0,0,.23);
}

div#start-here {
	background:url(../img/startherebutton.png) center center no-repeat;
	width:200px;
	height:60PX;
	position:absolute;
	top:400px;
	left:-220px;
	-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
div#start-here:hover {
left:-180px;
}

/* -- steps slider ---*/

/* -- what is botox ---*/

div#whatisbotox {
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
height:1000px;

padding-top:20px;
background:url(../img/bluebg_top.jpg)top left repeat-x;
}

div#whatisbotox h3 {
	margin-bottom:20px;
	text-transform:uppercase;
	color:#fff;
	line-height:1;
	padding-bottom:0;
}

div#whatisbotox h4 {
font-family:"open sans condensed";
	font-size:21px;
	width:440px;
	margin-bottom:18px;
	font-weight:bold;
	margin-left:40px;
	text-align:left;
	text-transform:uppercase;
}

div#whatisbotox .botox-content-container p {
	width:400px;
	line-height:1.5em;
	font-size:14px;
	text-align:left;
	margin-left:40px;
}


div#whatisbotox .botox-container{
	height:500px;
	width:500px;
	margin:0 auto;
	background:url(../img/botox-circle-bg.png) center center no-repeat;
	
}


div#whatisbotox .botox-container img {
	position:relative;
	top:60px;
}

div#whatisbotox div.botox-content-container {
width:480px;
float:left;
}

div#whatisbotox div#botox-before-slider {
		border : 10px solid #f5f5f5;
box-shadow:0 0 6px 0 rgba(0,0,0,.65);	
	width:400px;
	height:289px;
	float:right;
	margin-top:30px;
	margin-right:40px;
	background:url(../img/botox-head-slide.jpg);
	background-position: 0 0;
	
}


div#whatisbotox div#botox-before-slider:hover {
cursor:pointer;

}

.ia-container {
	width: 850px;
	margin: 20px auto;
	overflow: hidden;
	box-shadow: 0px 2px 12px 0 rgba(0,0,0,0.7);
	border: 9px solid #77A5C4;
}

.ia-container figure {
    position: absolute;
	top: 0;
	margin:0;
	left: 50px; /* width of visible piece */
	width: 335px;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.6);
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ia-container > figure {
    position: relative;
	left: 0 !important;
}

.ia-container img {
	display: block;
	width: 100%;
}

.ia-container input {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px; /* just cover visible part */
	height: 100%;
	cursor: pointer;
	border: 0;
	padding: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
	z-index: 100;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.ia-container input:checked{
	width: 5px;
	left: auto;
	right: 0px;
}
.ia-container input:checked ~ figure {
	-webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
	left: 335px;
}

.ia-container figcaption {
	width: 100%;
	height: 100%;
	background: rgba(87, 73, 81, 0.1);
	position: absolute;
	top: 0px;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.ia-container figcaption span {
	position: absolute;
	top: 40%;
	margin-top: -30px;
	right: 20px;
	left: 20px;
	overflow: hidden;
	text-align: center;
	background: url(../img/caption-bg.png);
	line-height: 20px;
	font-size: 18px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 700;
	padding: 20px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
} 

.ia-container input:checked + figcaption,
.ia-container input:checked:hover + figcaption{
	background: rgba(87, 73, 81, 0);
}

.ia-container input:checked + figcaption span {
	-webkit-transition: all 0.4s ease-in-out 0.5s;
    -moz-transition: all 0.4s ease-in-out 0.5s;
    -o-transition: all 0.4s ease-in-out 0.5s;
    -ms-transition: all 0.4s ease-in-out 0.5s;
    transition: all 0.4s ease-in-out 0.5s;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
    filter: alpha(opacity=99);
	opacity: 1;

	top: 50%;
}

.ia-container #ia-selector-last:checked + figcaption span {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.ia-container input:hover + figcaption {
	background: rgba(87, 73, 81, 0.03);
}

.ia-container input:checked ~ figure input{
    z-index: 1;
}

@media screen and (max-width: 720px) {
    .ia-container { 
		width: 540px; 
	}
	
	.ia-container figure { 
		left: 40px; 
		width: 260px; 
	}
	
	.ia-container input { 
		width: 40px; 
	}
	
	.ia-container input:checked ~ figure { 
		left: 260px; 
	}
	
	.ia-container figcaption span { 
		font-size: 16px; 
	}
}

@media screen and (max-width: 520px) {
    .ia-container { 
		width: 320px; 
	}
	
	.ia-container figure { 
		left: 20px; 
		width: 180px; 
	}
	
	.ia-container input { 
		width: 20px; 
	}
	
	.ia-container input:checked ~ figure { 
		left: 180px; 
	}
	
	.ia-container figcaption span { 
		font-size: 12px; 
		letter-spacing: 2px; 
		padding: 10px; 
		margin-top: -20px; 
	} 

}


/*
jumper 
*/

div.arrow p.learn-more {
	max-width:200px;
	line-height:1;
	font-size:11px;
	margin:0 0 9px 0;
	font-weight:bold;
	color:#777;
}
div.arrow {
padding:5px;
position:absolute;

bottom: -50px;
right:50%;
margin-right:-35px;
width: 70px;
height: 50px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
z-index:1000;
}


div.arrow:hover {
cursor: pointer;
opacity:1;


}

div.arrow {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
background:url(../img/arrow-bg.png) center center no-repeat;
opacity: 0.6;
}




div.fleche:hover {
opacity:1;
}

div.fleche a {
height:50px;
}

div.fleche a + a:hover {
	opacity:.8;
}



/*
discount 
*/

#discount {
	background:url(../img/leaf-back.png) center center no-repeat;
	padding-bottom:80px;
	
}

#discount b {
color:#77A5C4
}
#discount p {
	font-family:"open sans";
	display:block;
	margin:18px auto 18px;
	text-align:left;
	width:60%;
	font-size:17px;
	line-height:1.45em;
	font-weight:300;
	color:#333;
	letter-spacing:.1em;
}

/*
aside 
*/

aside#contact {
background: rgb(136,191,232); /* Old browsers */
background: -moz-linear-gradient(top, rgba(136,191,232,1) 0%, rgba(112,176,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,191,232,1)), color-stop(100%,rgba(112,176,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* Opera 11.10+ */
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
width:180px;
height:40px;
-webkit-box-shadow: 0px 02px 2px 0px rgba(0, 0, 0, .25);
box-shadow: 0px 02px 2px 0px rgba(0, 0, 0, .25);
position:fixed;
bottom:0;
right:5%;
}

/*--- image slider --*/
#slider       { width: 800px; height: 390px; list-style: none; margin-bottom:60px;}

/*
Footer
*/

footer#footer {
background:#fff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .45);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .45);
background: rgb(254,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(210,235,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(210,235,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* W3C */
}

footer#footer  {
color:#fff;
padding-bottom:20px;
}
footer#footer  h3 {
	font-family:"open sans";
	color:#333;
	
}
footer#footer  p {
	font-size:14px; 
	color:#333;
	font-family:"open sans";
}