html{
	position:relative;
	min-height: 100%;}
	
body{
	background-image:url(../img/bi_background.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 60px;

}
.toper{
	background-image:url(../img/beauty_international_top.jpg);
	height:16px;
	width:auto;
}

.logo{
	margin:65px;
	
}

h1{
	font-weight:300;
	margin-bottom:20px;
	font-size:30px;
}
.narrow{
	margin-top:30px;
}

.linko{

}

.fade {
   opacity: 0.5;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   
filter: none;
    -webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
    cursor: pointer;


   }

   .fade:hover {
      opacity: 1;

      }
	  
	  
	  img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}


.footer{
	position:absolute;
	bottom: 0;
	width: 100%;
  /* Set the fixed height of the footer here */
	height: 60px;
	background-color:#42195d;
	color:#8856a9;
	padding-top:20px;
	margin-top:80px;
}