@charset "utf-8";
#content {
    overflow: hidden;
    width: 1000px;
    height: 530px;
    background-color: #BDB68C
}
#container {
    position: relative;
    z-index: 5;
    width: 3000px;
    height: 1060px;
    left: -1000px
}
#container-2 {
    position: relative;
    z-index: 5;
    width: 1000px;
    height: 530px;
    display: block
}
.screen {
    position: relative;
    float: left;
    width: 1000px;
    height: 530px
}
#screen-1 {
    background: url(../img/google-slider1.jpg)
}
#screen-2 {
    background: url(../img/google-slider2.jpg)
}
#screen-3 {
    background: url(../img/google-slider3.jpg)
}
#screen-4 {
    background: url(../img/google-slider4.jpg)
}
#screen-5 {
    background: url(../img/google-slider4.jpg)
}
#screen-6 {
    background: url(../img/google-slider4.jpg)
}
.up,
.right,
.down,
.left {
    position: absolute
}
.up a:focus,
.right a:focus,
.down a:focus,
.left a:focus {
    outline: none
}
.up a span,
.right a span,
.down a span,
.left a span {
    display: block;
    margin-left: 5px
}
.right {
    right: 33px;
    top: 50%;
    margin: -65px 0 0 0
}
.down {
    left: 414px;
    bottom: 0px;
    margin: 0 0 0 0px
}
.left {
    left: 33px;
    top: 50%;
    margin: -65px 0 0 0
}
.up {
    left: 414px;
    margin: 0px 0 0 0px;
    top: 0
}
.arrowImageDown a {
    position: absolute;
    width: 172px;
    height: 73px;
    right: 0px;
    bottom: 0px;
    background: url(../img/google-down.png) no-repeat
}
.downNavArrow {
    position: relative;
    height: 100px;
    width: 172px
}
.downArrow {
    position: absolute;
    bottom: 73px;
    height: 31px;
    overflow: hidden;
    width: 172px
}
.downArrow .innerDown {
    width: 172px;
    height: 40px;
    background: url(../img/google-down-inner.png) no-repeat;
    margin-top: 40px
}
.arrowImageUp a {
    position: absolute;
    width: 172px;
    height: 73px;
    right: 0px;
    top: 0px;
    background: url(../img/google-up.png) no-repeat
}
.upNavArrow {
    position: relative;
    height: 100px;
    width: 172px
}
.upArrow {
    position: absolute;
    bottom: 73px;
    height: 112px;
    overflow: hidden;
    width: 172px;
    top: 0px
}
.upArrow .innerUp {
    width: 172px;
    height: 40px;
    background: url(../img/google-up-inner.png) no-repeat;
    margin-top: 70px
}
.rightArrow {
    position: absolute;
    right: 66px;
    height: 101px;
    overflow: hidden;
    width: 340px
}
.rightArrow .innerRight {
    width: 400px;
    height: 54px;
    line-height: 54px;
    margin-top: 43px;
    color: #FFF;
    text-align: left;
    padding-left: 20px;
    text-transform: uppercase;
    background: url(../img/google-innerRight.png) no-repeat;
    font-size: 22px
}
.arrowImageRight a {}.rightNavArrow {
    position: relative;
    width: 400px
}
.arrowImageRight a {
    position: absolute;
    width: 102px;
    height: 102px;
    right: 21px;
    top: 19px;
    background: url(../img/google-right.png) no-repeat
}
.arrowImageRight a:hover {
    background-position: 0px -102px
}
.leftArrow {
    position: absolute;
    left: 66px;
    height: 101px;
    overflow: hidden;
    width: 350px
}
.leftArrow .innerLeft {
    position: absolute;
    width: 324px;
    height: 54px;
    line-height: 54px;
    margin-top: 43px;
    padding-right: 20px;
    color: #FFF;
    text-align: right;
    font-size: 22px;
    background: url(../img/google-innerLeft.png) no-repeat right 0px
}
.rightArrow .innerRight {
    font-size: 22px!important
}
.leftNavArrow {
    position: relative;
    width: 400px
}
.arrowImageLeft a {
    position: absolute;
    width: 102px;
    height: 102px;
    left: 21px;
    top: 19px;
    background: url(../img/google-left.png) no-repeat
}
.arrowImageLeft a:hover {
    background-position: 0px -102px
}