#header { background-color: #869dc7;
        color: #0C0C0D; 
        font-size: 150%; 
        padding: 5px 10px 5px 10px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;	
}
body {
	font-family:Verdana, Arial, sans-serif;
     background-color: #effaf6;
}
#content {
	 width:980px; 
	 margin-left:auto; 
	 margin-right:auto;
 }
}
#footer {
	font-size:70%;
    text-align: center;
    padding: 10px;
    background-color: #869dc7;
}
#wrapper { background-color: #1d6d86; 
           color: #000000;
           width: 80%;
		   margin: auto;
           min-width:900px;
} 
#nav {
  list-style: none inside;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: black;
}

#nav li {
  display: block;
  position: relative;
  float: left;
  background: #333;
  border-right: 1px solid #bbb;
}

#nav li a {
  display: block;
  padding: 0;
  text-decoration: none;
  width: 165px;
  line-height: 35px;
  color: #ffffff;
}

#nav li li a {
  font-size: 80%;
}
#nav li a:hover:not(.active) {
	background-color: #111;
	}
#nav ul {
    position: absolute;
    padding: 0;
    left: 0;
    display: none;
  
}
#nav li:hover ul {
  display: block;
}
.figure {float: right;
           width: 260px;
		   margin: 20px;
		   background-color:#FFF;
		   text-align: center;
		   font-size: .8em;
		   padding: 5px;
		   border: 1px solid #CCC;
		   -webkit-transform: rotate(3deg);
		   -moz-transform: rotate(3deg);
		   -o-transform: rotate(3deg);
		   -ms-transform: rotate(3deg);
		   transform: rotate(3deg);
		   -webkit-box-shadow: 5px 5px 5px #828282;
           -moz-box-shadow: 5px 5px 5px #828282;
            box-shadow: 5px 5px 5px #828282;
}
.figure:hover { background-color: #ccc; 
               -webkit-transform: rotate(0deg);
		        -moz-transform: rotate(0deg);
		        -o-transform: rotate(0deg);
			    transform: rotate(0deg); 
                -webkit-transition: -webkit-transform .5s linear, background-color 1s ease-in;
                -moz-transition: -moz-transform .5s linear, background-color 1s ease-in;
                -o-transition: -o-transform .5s linear, background-color 1s ease-in;
                transition: transform .5s linear, background-color 1s ease-in; }
.figure1 {float: right;
           width: 260px;
		   margin: 20px;
		   background-color:#FFF;
		   text-align: center;
		   font-size: .8em;
		   padding: 10px;
		   border: 1px solid #CCC;
		   -webkit-transform: rotate(3deg);
		   -moz-transform: rotate(3deg);
		   -o-transform: rotate(3deg);
		   -ms-transform: rotate(3deg);
		   transform: rotate(3deg);
		   -webkit-box-shadow: 5px 5px 5px #828282;
           -moz-box-shadow: 5px 5px 5px #828282;
            box-shadow: 5px 5px 5px #828282;
}
.figure1:hover { background-color: #ccc; 
               -webkit-transform: rotate(0deg);
		        -moz-transform: rotate(0deg);
		        -o-transform: rotate(0deg);
			    transform: rotate(0deg); 
                -webkit-transition: -webkit-transform .5s linear, background-color 1s ease-in;
                -moz-transition: -moz-transform .5s linear, background-color 1s ease-in;
                -o-transition: -o-transform .5s linear, background-color 1s ease-in;
                transition: transform .5s linear, background-color 1s ease-in; }				
form {
            max-width: 400px;
            margin: 0 auto;
        }
label {
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc; 
    padding-bottom: 5px; 
}
input, textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
input[type="submit"] {
    background-color: #4EBEEF;
    color: white;
    border: none;
    cursor: pointer;
}
input[type="submit"]:hover {
    background-color: #45a049;
}
.product:link { 
  text-decoration: none; 
} 
.product:visited { 
  color:#a0a1a1;
} 
.product:hover { 
  text-decoration: none;
} 
.product:active { 
  text-decoration: gray; 
}
#gallery {position: relative; }
#gallery ul {list-style-type: none;
    width: 300px; }
#gallery li { display: inline; 
     float: left;
	 padding: 10px; }
	 
#gallery img {border-style: none; }
#gallery a { text-decoration: none;
             font-style: italic;  
             color: #333; }
#gallery span {display: none; }
#gallery a:hover span {display: block;     
position: absolute;
top: 10px;
left: 300px; 
text-align: center; } 