* {
margin: 0;
padding: 0
}
body {
color: #777
}
#full-page-example {
background: url(bg.png) #333;
padding: 0
}
#full-page_slider {
height: 602px;
margin: 0 auto;
position: relative;
width: 100%
}
#full-page_slider .sm_slide {
height: 602px
}
.logo.big {
height: 115px;
margin: 0 auto 10px;
width: 300px
}
#full-page_phrase {
color: #7d7d7d;
font-size: .8em;
font-style: italic;
padding: 10px;
text-align: right;
text-shadow: 1px 1px 1px #2d2d2d
}
#sm_submenu {
clear: both;
margin: 40px auto 0;
overflow: hidden;
width: 800px
}
#full-page-example .sm_submenu-item {
color: #ccc;
cursor: pointer;
float: left;
font-size: 10px;
height: 134px;
margin: 0 50px 0 0;
padding: 8px 8px 4px;
width: 102px;
position: relative
}
#full-page-example .sm_submenu-item img {
background: #4e4e4e;
box-shadow: 0 0 20px #000 inset;
padding: 1px
}
#full-page-example .sm_submenu-item:hover img {
background: #ccc
}
#full-page-example .sm_submenu-item.last {
margin: 0
}
#full-page-example .sm_submenu-item.active {
border-radius: 3px;
border: 1px #f31 solid;
box-shadow: 0 0 5px #000;
padding: 7px 7px 3px
}
#full-page-example .sm_submenu-item.active:hover img {
background: #4e4e4e
}
.year {
background: #000;
top: 50px;
left: 9px;
line-height: 18px;
padding: 2px 3px;
position: absolute;
opacity: .5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50)
}
#full-page-example .sm_submenu-item.active .year {
top: 49px;
left: 8px
}
#full-page-example .sm_slide.active img {
border: 1px #4c4c4c solid
}
#two-subMenu {
margin: 0 25px;
text-align: center
}
#two-subMenu a {
border-bottom: 1px dashed;
margin: 0 10px
}