* {
    margin: 0;
    padding: 0;
}
body {
    color: #3A3A3A;
    font-family: Dosis;
    font-size: 15px;
    min-width: 1124px;
}
a {
    text-decoration: none;
}
#header {
    overflow: hidden;
    width: 956px;
    margin: 16px auto;
    position: relative;
    z-index: 1;
}
#header>a {
    width: 186px;
    float: left;
    height: 47px;
    background: url('images/logo.png');
}
#header ul {
    list-style: none;
    overflow: hidden;
    float: right;
}
#header li {
    float: left;
}
#header li a {
    text-transform: uppercase;
    color: #4B4B4B;
    font-weight: 800;
    display: block;
    margin: 14px 0 0 32px;
}
#header ul .active a,
#header ul a:hover {
    color: #51B4E7;
    border-bottom: 1px solid #51B4E7;
    padding-bottom: 8px;
}
#banner {
    text-align: center;
    height: 356px;
    background: url('images/banner.png') no-repeat center;
    text-transform: uppercase;
    color: #FFF;
    padding-top: 43px;
    position: relative;
    z-index: 1;
}
#banner h1 {
    font-size: 82px;
    text-shadow: 0 0 21px rgba(0,0,0,.75);
}
#banner p {
    font-size: 41px;
    font-weight: 300;
    text-shadow: 0 0 21px rgba(0,0,0,.75);
    width: 956px;
    margin: 0 auto 13px;
    background: url('images/headline.jpg') no-repeat 0 center, url('images/headline.jpg') no-repeat right;
}
#banner h2 {
    font-size: 27px;
    text-shadow: 0 0 13px rgba(0,0,0,.75);
}
#down {
    width: 110px;
    height: 112px;
    display: block;
    margin: -80px auto 64px;
    background: url('images/down.png');
    position: relative;
    z-index: 1;
}
#offer {
    list-style: none;
    overflow: hidden;
    width: 956px;
    margin: auto;
}
#offer li {
    float: left;
    margin-left: 16px;
    width: 308px;
    text-align: center;
    color: #434343;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
#offer li:first-child {
    margin: 0;
}
#offer span {
    width: 96px;
    height: 96px;
    display: block;
    margin: auto;
    border-radius: 8px;
    background: #51B4E7 url('images/offer2.png') no-repeat center;
}
#offer li:first-child span {
    background-image: url('images/offer.png');
}
#offer li+li+li span {
    background-image: url('images/offer3.png');
}
#offer h2 {
    font-size: 32px;
    font-weight: 400;
    margin: 16px 0;
}
#description {
    margin: auto;
    padding: 16px 0 78px;
    background: url('images/description.png') no-repeat bottom;
    width: 956px;
    position: relative;
    z-index: 1;
}
#description div {
    overflow: hidden;
    background: url('images/headline3.jpg') repeat-x center;
}
#description h1 {
    float: left;
    font-size: 26px;
    color: #51B4E7;
    background: #FFF;
    padding-right: 16px;
}
#description span {
    font-weight: 300;
    color: #3A3A3A;
}
#description p {
    margin-top: 16px;
}
#reviews {
    background: url('images/b.jpg') center /cover;
    position: relative;
    z-index: 1;
    padding: 32px;
}
#reviews h1 {
    text-align: center;
    color: #FFF;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
}
#comments {
    list-style: none;
    position: relative;
    margin: 32px auto 0;
    width: 956px;
    height: 268px;
}
#comments>li {
    position: absolute;
    display: none;
    width: 100%;
}
#comments li:first-child {
    display: block;
}
#comments ul {
    list-style: none;
}
#comments li li {
    overflow: hidden;
    color: #FFF;
    height: 134px;
}
#comments img {
    float: left;
}
#comments div {
    width: 780px;
    float: right;
    background: url('images/comments.png') no-repeat;
    padding-left: 60px;
    font-weight: 300;
}
#comments h2 {
    text-align: right;
    margin-top: 16px;
    font-weight: 600;
    font-size: 21px;
}






#pagination {
    background: url('images/pagination9.png') no-repeat right;
    padding: 101px 264px 32px;
    width: 180px;
    margin: auto;
    overflow: hidden;
}
#pagination a {
    width: 41px;
    height: 65px;
    float: left;
    background: url('images/pagination5.png');
}
#pagination a+a {
    background: url('images/pagination6.png');
    float: right;
}
#pagination a:hover {
    background: url('images/pagination7.png');
}
#pagination a+a:hover {
    background: url('images/pagination8.png');
}
.headline {
    width: 956px;
    margin: auto;
    background: url('images/headline3.jpg') repeat-x center;
    font-size: 21px;
}
.headline span {
    padding-right: 16px;
    background: #FFF;
    font-weight: 300;
    text-transform: uppercase;
}
.gallery {
    overflow: hidden;
    margin: auto;
    width: 956px;
}
.gallery ul {
    list-style: none;
    overflow: hidden;
    margin-left: -16px;
}
.gallery li {
    float: left;
    margin: 16px 0 16px 16px;
}
.gallery img {
    display: block;
    border-radius: 8px;
    border: 1px solid #D1D1D1;
    position: relative;
    z-index: 1;
}
.gallery img:hover {
    border-color: #0C99BB;
}
.pagination {
    width: 70px;
    margin: auto;
    overflow: hidden;
}
.pagination a {
    width: 19px;
    float: left;
    height: 31px;
    position: relative;
    z-index: 1;
    background: url('images/pagination.png')
}
.pagination a+a {
    float: right;
    background: url('images/pagination2.png')
}
.pagination a:hover {
    background: url('images/pagination3.png')
}
.pagination a+a:hover {
    background: url('images/pagination4.png')
}
.see {
    width: 956px;
    margin: 16px auto;
    position: relative;
    z-index: 1;
}
.see h1 {
    text-align: center;
    font-size: 46px;
    font-weight: 600;
    text-transform: uppercase;
}
.see p {
    color: #323A45;
    font-size: 21px;
    font-weight: 300;
    text-align: center;
    padding: 16px 0 24px;
    background: url('images/headline2.jpg') no-repeat bottom;
}
.see strong {
    font-weight: 700;
}
.see>div {
    overflow: hidden;
}
.see div div {
    width: 52%;
    float: left;
}
.see .odd div {
    float: right;
}
.see h2 {
    overflow: hidden;
}
.see span {
    float: left;
    background: #25A7E4;
    border: solid #2184B3;
    border-width: 0 0 0 8px;
    padding: 8px 16px;
    color: #FFF;
    font-size: 27px;
    margin: 16px 0;
    font-weight: 800;
}
.see .odd span {
    float: right;
    border-width: 0 8px 0 0;
}
.see img {
    display: block;
    margin: auto;
}
.see ul {
    list-style: none;
    width: 48%;
    float: right;
    padding-top: 14px;
}
.see .odd ul {
    float: left;
}
.see li {
    margin-top: 2px;
    padding: 16px 16px 16px 32px;
    background: #E63340 url('images/see.jpg') no-repeat 16px center;
    color: #FFF;
    border-left: 16px solid #BB2530;
}
.see li:last-child {
    background: #A2DD5C;
    border-color: #86B64D;
    font-size: 24px;
    font-weight: 700;
    padding: 8px 16px;
}
#slideshow {
    background: url('images/b.jpg') center /cover;
    margin-top: 16px;
    position: relative;
    z-index: 1;
}
#slides {
    list-style: none;
    position: relative;
    width: 956px;
    margin: auto;
    padding: 32px 0;
    height: 380px;
}
#slides li {
    position: absolute;
    display: none;
    width: 100%;
}
#slides li:first-child {
    display: block;
}
#slides h2 {
    text-align: center;
    color: #FFF;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    height: 70px;
}
#slides div {
    overflow: hidden;
    font-weight: 300;
    color: #FFF;
}
#slides img {
    float: left;
    border: 16px solid #FFF;
    border-radius: 8px;
    margin-right: 32px;
}
#navigation {
    list-style: none;
    text-align: center;
}
#navigation li {
    display: inline-block;
    margin: 0 4px 32px;
}
#navigation a {
    display: block;
    background: #FFF;
    color: #3A3A3A;
    font-size: 21px;
    font-weight: 300;
    padding-top: 8px;
    height: 35px;
    width: 43px;
    border-radius: 50%;
}
#navigation .active a,
#navigation a:hover {
    background: #FFCE00;
    color: #FFF;
    font-weight: 700;
}
#buy {
    background: #A2DD5C;
    padding: 16px;
    text-align: center;
    color: #FFF;
    font-size: 29px;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
#buy h1 {
    font-size: 51px;
}
#buy a {
    color: #FFF;
    font-weight: 700;
    padding-left: 63px;
    background: url('images/buy.png') no-repeat 0 center;
}
#footer {
    padding: 16px;
    text-align: center;
    position: relative;
    z-index: 1;
}
#footer h1 {
    font-size: 46px;
    text-transform: uppercase;
    font-weight: 600;
}
#footer p {
    font-size: 21px;
    font-weight: 300;
    margin-top: 16px;
}
#footer strong {
    text-transform: uppercase;
    font-weight: 700;
    background: url('images/headline2.jpg') no-repeat center 0;
    padding-top: 24px;
    display: inline-block;
}
#footer h2 {
    font-size: 15px;
    margin-top: 16px;
    font-weight: 300;
}
#up {
    position: fixed;
    top: 50%;
    width: 1124px;
    left: 50%;
    margin: -26px -562px;
}
#up a {
    float: right;
    width: 52px;
    height: 52px;
    position: relative;
    z-index: 1;
    display: none;
    background: #3CBFE3 url('images/up.png') no-repeat center;
}
table {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8) url('images/enlargement.gif') no-repeat center;
    top: 0;
    z-index: 1;
    text-align: center;
    display: none;
}
td p {
    display: inline-block;
    position: relative;
    opacity: 0;
}
td a {
    width: 32px;
    top: -16px;
    position: absolute;
    right: -16px;
    height: 32px;
    background: url('images/close.png');
}
td img {
    border: 8px solid #FFF;
}