p { font-family: "Arial", sans-serif; line-height: 11px; font-size: 11px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; color: #161616; } h1 { color: #acab96; font-style: oblique; font-size: 25px; position: relative; top: -5px; line-height: 0.9; text-transform: uppercase; } h2{ font-family:"Georgia", serif; font-size:18px; color: #acab96; } .img_main { width: 525px; height:450px; margin: auto; background-color:#161616; z-index: -20; } .img_top { margin-right: auto; margin-left: auto; margin-top: -50px; display: inline-block; width: 23%; padding: 0% 0.2%; } .one { background-color:#00458F; position: absolute; margin-top: 100; margin-left: -10px; height: 40px; width:27px; } .hideone { opacity:0; margin:auto; overflow: auto; padding: 20px; height: 0px; width: 0px; background-color: #F1F1F1; position: relative; } .one:hover{ width:545px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .one:hover .hideone { display: block; opacity: 100; top:-50px; width: 450px !important; height: 300px !important; -webkit-transition: opacity 1.5s ease 1s; -moz-transition: opacity 1.5s ease 1s; -o-transition: opacity 1.5s ease 1s; transition: opacity 1.5s ease 1s; } .two { background-color:#00458F; position: absolute; margin-top: 200; margin-left: -10px; height: 40px; width:27px; } .hidetwo { opacity:0; margin:auto; overflow: auto; padding: 20px; height: 0px; width: 0px; background-color: #F1F1F1; position: relative; } .two:hover .hidetwo { /*background-color:#acab96;*/ display: block; opacity: 100; top:-150px; width: 450px !important; height: 300px !important; -webkit-transition: opacity 1.5s ease 1s; -moz-transition: opacity 1.5s ease 1s; -o-transition: opacity 1.5s ease 1s; transition: opacity 1.5s ease 1s; } .two:hover{ width:545px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .three { background-color:#00458F; position: absolute; margin-top: 300; margin-left: -10px; height: 40px; width:27px; } .hidethree { opacity:0; margin:auto; overflow: auto; padding: 20px; height: 0px; width: 0px; background-color: #F1F1F1; position: relative; } .three:hover .hidethree { display: block; opacity: 100; top:-250px; width: 450px !important; height: 300px !important; -webkit-transition: opacity 1.5s ease 1s; -moz-transition: opacity 1.5s ease 1s; -o-transition: opacity 1.5s ease 1s; transition: opacity 1.5s ease 1s; } .three:hover{ width:545px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } /*°°°°°°°°°*/ .description{ position: absolute; width:525px; text-align: center; margin-top:55px; } h3{ font-family: "Georgia", serif; font-size:30px; text-transform: uppercase; color: #F1F1F1; } .table{ margin: auto; } .photo{ padding:0px; width:100px; height:200px; margin-left: 5px; margin-right: 5px; } /*°°°°°°°°°*/ .credit { color: #494949; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin-top:40px; margin-left:-30px; position: absolute; font-family: "Arial", sans-serif; font-size: 9px; } .sum1{ width:46%; padding:0 1%; display: inline-block; }