html {
background:#fff;
font-size:14px;
color:#000;
font-family: Cocogoose, Century Gothic, Myriad Pro, Trebuchet MS;
height:100%;
}
form input, form textarea {
font-family: Cocogoose, Century Gothic, Myriad Pro, Trebuchet MS;
}
@font-face {
font-family: Cocogoose;
src: url('Cocogoose.otf');
}
body {
margin:0;
}
.center {
width:1200px;
margin:0 auto;
}
#top {
width:100%;
height:80px;
margin-top:30px;
margin-bottom:2px;
float:left;
}
#topcontent {
width:100%;
height:80px;
background:#5f6162;
position:relative;
float:left;
}
#logo {
width:100%;
color: #ffffff;
font-size: 40px;
height: 97px;
left: 0;
position: absolute;
top: 12px;
width: 100%;
z-index: 1;
}
#logo a {
width:100%;
height:100%;
float:left;
}
#content {
width:100%;
margin-bottom:30px;
float:left;
}

#left {
width:50%;
float:left;
}
#right {
width:50%;
float:right;
}
.full img {
max-width:100%;
float:left;
}
.full {
width:100%;
position:relative;
overflow:hidden;
float:left;
}
.hover {
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
position:absolute;
z-index:1;
visibility:hidden;
opacity:0;
}
.hover div{
width:100%;
height:100%;
display:table;
}
.hover div div{
width:100%;
height:100%;
display:table-cell;
text-align:center;
vertical-align:middle;
}
.hover a.p {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.hover a.more {
font-family:Open Sans;
background:#666666;
color:#fff;
padding:10px 15px;
font-size:16px;
text-transform:uppercase;
font-weight:bold;
}
a:hover {
text-decoration:none;
}
a {
text-decoration:none;
}
.hover.enlarge {
visibility:visible;
opacity:1;
transition-delay:0s;
}
.hover.resize {
transition:visibility 0s linear 0.5s,opacity 0.5s linear;
visibility:hidden;
opacity:0;
}
img.enlarge {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
img.resize {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
p.enlarge {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
p.resize {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
#left .container {
padding:0 1px 0 0;
}
#right .container {
padding:0 0 0 1px;
}
#right .title {
width:100%;
height:65px;
line-height:65px;
background:#882164;
font-size:28px;
color:#fff;
text-align:center;
text-transform:uppercase;
position:relative;
float:left;
}
#left .title {
width:100%;
height:65px;
line-height:65px;
background:#bd8a96;
font-size:28px;
color:#fff;
text-align:center;
text-transform:uppercase;
border-top:0;
position:relative;
left:-1px;
float:left;
}
.shadow {
width:100%;
height:44px;
background:transparent url('../img/shadow.png') top center no-repeat;
position:absolute;
left:0;
top:-44px;
z-index:1;
}
.shadow.shadow2 {
background:transparent url('../img/shadow2.png') top center no-repeat;
}
p {
margin:0;
}