@import "compass/css3";
body {
   
	  font-family:Calibri, Arial;
    text-align:justify;
  /*background: white; */
    background-color:white;
}

section#purchase {
    margin-top: 100px;
    margin-bottom: 100px;
}

#main {
    width: 946px;
    margin: 0 auto;
    padding: 5px;

}

#laurel{
     width: 946px;
    margin: 0 auto;
    padding: 10px;
    text-align:center;
}

#about {
    width: 946px;
    margin: 0 auto;
    padding: 5px;
	
}

#bio{
	 font-family:Calibri, Arial;
	 font-size:14px;
	 width: 946px;
	 height: 400px;

	 text-align:justify;
	
}
figure {
	 width: 285px;
	float:left;
	 
	

}
blockquote{
    font-size: 18px;
    font-style: italic;
}
span{
    padding-left: 20px;
}
figcaption {
	
text-align:center;
color:black;
font-size:100%;
}

form {
    text-align:center;
}
p{
	padding-top: 15px;
	padding-right:15px;
}

nav li{
     display: table-cell; 
  position: relative; 
  padding: 10px 0;
    list-style-type: none; 
}

li{
     
    list-style-type: none; 
}

h1{
      text-align: left;
    font-weight:bold;
  font-family:Calibri, Arial;
      font-size:150%;
  letter-spacing:2px;
    color:white;
    background-color: black;
     width: 940px;
     padding-left:6px;
	
      
}

h2{
      text-align: left;
    font-weight:bold;
  font-family:Calibri, Arial;
      font-size:150%;
  letter-spacing:2px;
    color:black;
    
	 padding:5px;
     
}

h3{
    text-align: center;
    color: red;
}

/* slidy*/
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}

/* end slidy*/
a {
  /* Center */
  display:block;
  
  margin:5px auto;
  
  /* Button */
  
  border:0;
  padding:10px;
  
  /* Text */
  text-transform:uppercase;
    text-decoration: none;
  font-weight:bold;
  font-family:Calibri, Arial;
  font-size:100%;
  letter-spacing:2px;
  color:red;
  
  transition:all .3s ease;
  -o-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -webkit-transition:all .3s ease;
border-width: thin;
    border-color:red;
    border-style:solid;
   text-align: center;
    width:350px;

}
 a:hover {
   -webkit-transform: translate(0px, 3px) ;
    cursor:pointer;
     color:red;
    opacity:.85;

   
  }

 a:active {
   -webkit-transform: translate(0px, 3px) ;
    cursor:pointer;
    opacity:.50;
       
   
   
  }
a:visited {
   -webkit-transform: translate(0px, 3px) ;
    cursor:pointer;
    opacity:.85;
     
   
  }

.isFixed{
    width:946px;
    margin:0 auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
 
/*  box-shadow: 0 2px 0 #eee;*/
}
.green {
    background-color:#484;
}

.blue{
    background-color:#3374ff;
}
body {
  padding-top:50px;
}