.page {

margin : 0 auto;

width : 98%;

max-width : 1200px;

}

.logo {

float : left;

width : 35%;

height : 100px;

border-top-left-radius: 5px;

border-bottom-left-radius: 25px;

}

.logo img {

width : 100%;

height : 100px;

border-top-left-radius: 5px;

border-bottom-left-radius: 25px;

}

nav {

display : block;

float : right;

width : 65%;

height : 100px;

background : url(/img/sheet/bg.png);

border-top-right-radius: 25px;

border-bottom-right-radius: 5px;

}

.navigation {

padding-top : 30px;

}

.mobile {	

display : none;

}

.main_nav li {	

float : left;	

width : 150px;	

padding : 10px;

}

.main_nav li ul {	

display:none;

} 

.main_nav li:hover ul {	

position : relative;	

z-index : 5;	

display : block;

}

.sub_link {

background : url(/img/sheet/bg.png);

border-bottom : 1px solid #000;

}

.content {

float : left;

margin-top : 40px;

margin-bottom : 40px;

width : 100%;

background : url(/img/sheet/bg.png);

border-top-left-radius: 5px;

border-bottom-left-radius: 25px;

border-top-right-radius: 25px;

border-bottom-right-radius: 5px;

}

article {

display : block;

float : left;

width : 73%;

}

.news_img {

width : 100%;

height : 20%;

}

.left_col {

float : left;

width : 49%;

}

.right_col {

float : right;

width : 49%;

}

aside {

display : block;

float : right;

width : 25%

}

.resize {

width : 100%;

height : 20%;

}

.center {

text-align : center;

}

footer {

display : block;

margin : 0 auto;

width : 100%;

background : url(/img/sheet/bg.png);

border-top-left-radius: 5px;

border-bottom-left-radius: 25px;

border-top-right-radius: 25px;

border-bottom-right-radius: 5px;

clear : both;

}

.footer {

float : left;

width : 23%;

padding : 1%;

}

.photos {

    width: 100%;

    height: 25%;

    margin: 100px auto;

    position:relative;

}

.photos > div {

    background-color: rgba(128, 128, 128, 0.5);

    border: 2px solid #444;

    float: left;

    height: 25%;

    margin: 5px;

    overflow: hidden;

    position: relative;

    width: 23%;

    z-index: 1;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

    -webkit-transform:scale(1.0);

    -moz-transform:scale(1.0);

    -ms-transform:scale(1.0);

    -o-transform:scale(1.0);

    transform:scale(1.0);

    -webkit-transition-duration: 0.5s;

    -moz-transition-duration: 0.5s;

    -ms-transition-duration: 0.5s;

    -o-transition-duration: 0.5s;

    transition-duration: 0.5s;

}

.photos > div img{

    width: 100%;

}

.photos > div:hover{

    z-index: 10;

    -webkit-transform:scale(2.0);

    -moz-transform:scale(2.0);

    -ms-transform:scale(2.0);

    -o-transform:scale(2.0);

    transform:scale(2.0);

}

.photos > div div {

    background: url(../images/hover.gif) repeat scroll 0 0 transparent;

    cursor: pointer;

    height: 100%;

    left: 0;

    opacity: 0.5;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 15;

    -webkit-transition-duration: 0.5s;

    -moz-transition-duration: 0.5s;

    -ms-transition-duration: 0.5s;

    -o-transition-duration: 0.5s;

    transition-duration: 0.5s;

}

.photos > div:nth-child(1):hover div {

    height: 0%;

}

.photos > div:nth-child(2):hover div {

    height: 0%;

    margin-top: 100px;

}

.photos > div:nth-child(3):hover div {

    width: 0%;

}

.photos > div:nth-child(4):hover div {

    margin-left: 300px;

    width: 0%;

}

.photos > div:nth-child(5):hover div {

    height: 0%;

    margin-left: 150px;

    margin-top: 50px;

    width: 0%;

}

.photos > div:nth-child(6):hover div {

    margin-left: 150px;

    width: 0%;

}

.photos > div:nth-child(7):hover div {

    height: 0%;

    margin-left: 150px;

    margin-top: 50px;

    width: 0%;

    -webkit-transform: rotateX(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(-360deg);

    transform: rotate(-360deg);

}

.photos > div:nth-child(8):hover div {

    height: 0%;

    margin-left: 150px;

    margin-top: 50px;

    width: 0%;

    -webkit-transform: rotateZ(600deg);

    -moz-transform: rotateZ(600deg);

    -ms-transform: rotateZ(600deg);

    -o-transform: rotateZ(600deg);

    transform: rotateZ(600deg);

}

.photos > div.pair div {

    width: 50%;

}

.photos > div.pair div:nth-child(odd) {

    margin-left: 150px;

}

.photos > div.pair:hover div {

    width: 0%;

}

.photos > div.pair:hover div:nth-child(odd) {

    margin-left: 300px;

}