* { transition:all .4s ease-in-out; }
.similar:nth-child(1) { border-bottom:none; background:#CCC; border-radius:10px 10px 0 0; }
.similar { border:solid 1px #999999; padding:10px; width:280px;  border-radius:0 0 10px 10px; background:#FFF; }
.similar h2 { margin:0; padding:0; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#963; }
.similar li, .similar ul { margin:0; padding:0; list-style-type:none; }
.similar li { height:24px; line-height:24px; border-bottom:solid 1px #CCCCCC; }
.similar li span { opacity:0; color:green; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; }
.similar li:hover span { opacity:1; }
.similar a { text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; color:#06F; }
.similar a:hover { color:green; margin-left:15px; }
.set-posotion { position:fixed; right:-20px; top:-10px; transform:scale(.8); -webkit-transform:scale(.8); -moz-transform:scale(.8); -ms-transform:scale(.8); overflow:hidden; height:200px; }
.set-posotion:hover { -webkit-transform:scale(1); top:20px; right:20px; height:400px; }

/* end similar links */



body,html { margin:0; padding:0; overflow:hidden; }
* { margin:0; padding:0; }
#menu { position:fixed; width:100%; bottom:0; border-top:1px solid #330000; }
.menu { width:20%; text-align:center; height:35px; line-height:35px; float:left; margin:0; padding:0;
font-weight:bold; font-size:16px; background:#a9d4d9; color:#FFFFFF; font-family: 'Josefin Slab', 'Myriad Pro', Arial, sans-serif; }
.menu:after { content:''; position:absolute; background:#007e8d;  width:20px; height:20px; top:-11px; margin-left:-10px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); -ms-transform:rotate(45deg);
 opacity:0; border-top:1px solid #330000; border-left:1px solid #330000; }
.menu:hover { background:#a9d4d9; }

.lbl { height:35px; width:100%; cursor:pointer; text-align:center; }
label { margin:0; padding:0; }
input[type="radio"] { display:none; }
#r1:checked ~ #menu .home { background:#007e8d; }
#r1:checked ~ #menu .home:after { opacity:1; }
#r2:checked ~ #menu .gallery { background:#007e8d; }
#r2:checked ~ #menu .gallery:after { opacity:1; }
#r3:checked ~ #menu .portfolio { background:#007e8d; }
#r3:checked ~ #menu .portfolio:after { opacity:1; }
#r4:checked ~ #menu .about { background:#007e8d; }
#r4:checked ~ #menu .about:after { opacity:1; }
#r5:checked ~ #menu .contact { background:#007e8d; }
#r5:checked ~ #menu .contact:after { opacity:1; }
.content { height:650px; width:100%; margin:0; padding:0; line-height:600px; font-family:"Comic Sans MS", cursive;
font-size:300px; font-weight:bold; color:white; text-align:center; text-shadow:0 0 1px black,0 0 2px black,0 0 5px black; }
.c1 { background:#white; }
.c2 { background:#white; }
.c3 { background:#white; }
.c4 { background:#white; }
.c5 { background:#white; }
#outer { width:100%; transition:all .6s ease-in-out; padding:0; margin:0; -moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out; -webkit-transition:all .6s ease-in-out; }
#r1:checked ~ #outer { }
#r2:checked ~ #outer { -webkit-transform:translateY(-20%); transform:translateY(-20%);
-ms-transform:translateY(-20%); -moz-transform:translateY(-20%); }
#r3:checked ~ #outer { -webkit-transform:translateY(-40%); transform:translateY(-40%);
-moz-transform:translateY(-40%); -ms-transform:translateY(-40%); }
#r4:checked ~ #outer { -webkit-transform:translateY(-60%); transform:translateY(-60%);
-moz-transform:translateY(-60%); -ms-transform:translateY(-60%); }
#r5:checked ~ #outer { -webkit-transform:translateY(-80%); transform:translateY(-80%);
-ms-transform:translateY(-80%); -moz-transform:translateY(-80%); }