@import 'cumquat/clear.css';
@import 'cumquat/structure.css';
@import 'cumquat/typography.css';
@import 'cumquat/common.css';

body {
    background: transparent url('../images/page_bg.jpg') no-repeat top left;
}

a {
    color: #46729b;
}

a:hover {
    text-decoration: none;
}

.page-center-content {
    width: 899px;
    min-height: 599px;
}

.page-content {
    padding-left: 4px;
    min-width: 1000px;
    min-height: 599px;
}

img {
    border: 0;
}

#header {
    height: 157px;
    background: transparent url('../images/header.png') no-repeat top center;
}

#sidebar {
    padding: 80px 0 0 10px;
    float: left;
    display: inline;
    width: 160px;
}

#nav {
    margin: 15px 0 0 0;
    width: 94px;
}

#nav, #numbers {
    list-style: none;
    padding: 0;
    float: left;
    display: inline;
}

#nav li {
    margin: 0 0 8px 0;
    padding: 0;
    list-style-position: outside;
}


#fashion, #music, #people, #scapes, #contact {
    width: 94px;
    cursor: pointer;
}

/*
#fashion:hover, #music:hover, #people:hover, #scapes:hover, #contact:hover, .active #fashion:hover, .active #music:hover, .active #people:hover, .active #scapes:hover, .active #contact:hover {
    background-position: top left;
}
*/
#fashion {
    background: transparent url('../images/buttons/fashion_i.jpg') no-repeat bottom left;
    height: 42px;
}

#fashion.active {
    background: transparent url('../images/buttons/fashion_a.jpg') no-repeat bottom left;
    height: 42px;
}

#music {
    background: transparent url('../images/buttons/music_i.jpg') no-repeat bottom left;
    height: 32px;
}

#music.active {
    background: transparent url('../images/buttons/music_a.jpg') no-repeat bottom left;
    height: 32px;
}

#people {
    background: transparent url('../images/buttons/people_i.jpg') no-repeat bottom left;
    height: 34px;
}

#people.active {
    background: transparent url('../images/buttons/people_a.jpg') no-repeat bottom left;
    height: 34px;
}

#scapes {
    background: transparent url('../images/buttons/scapes_i.jpg') no-repeat bottom left;
    height: 36px;
}

#scapes.active {
    background: transparent url('../images/buttons/scapes_a.jpg') no-repeat bottom left;
    height: 36px;
}

#contact {
    background: transparent url('../images/buttons/contact_i.jpg') no-repeat bottom left;
    height: 32px;
}

#contact.active {
    background: transparent url('../images/buttons/contact_a.jpg') no-repeat bottom left;
    height: 32px;
}

#contact a {
    padding: 15px 45px;
}

#numbers {
    padding: 0 0 0 25px;
    width: 20px;
    margin: 0;
}

#numbers li {
    margin: 0 0 20px 0;
    padding: 0;
    list-style-position: outside;
}

#one, #two, #three {
    width: 20px;
    cursor: pointer;
}
/*
#one:hover, #two:hover, #three:hover, .active #one:hover, .active #two:hover, .active #three:hover {
    background-position: top left;
}
*/
#one {
    background: transparent url('../images/buttons/1_i.jpg') no-repeat bottom left;
    height: 56px;
}

#one.active {
    background: transparent url('../images/buttons/1_a.jpg') no-repeat bottom left;
    height: 56px;
}

#two {
    background: transparent url('../images/buttons/2_i.jpg') no-repeat bottom left;
    height: 54px;
}

#two.active {
    background: transparent url('../images/buttons/2_a.jpg') no-repeat bottom left;
    height: 54px;
}

#three {
    background: transparent url('../images/buttons/3_i.jpg') no-repeat bottom left;
    height: 62px;
}

#three.active {
    background: transparent url('../images/buttons/3_a.jpg') no-repeat bottom left;
    height: 62px;
}


/**** gallery ****/
/*
#gallery {
    overflow: hidden;
    min-width: 700px;
    margin-right: 40px;
    height: 372px;
    position: absolute;
    _position: relative;
    right: 0;
    left: 50%;
    _left:40px;
    margin-left: -260px;
    _margin-left: 0;
}
*/

#loading {
    padding: 90px 0 0 300px;
}

#contact-content {
    padding: 0 0 0 190px;
    font-family: Georgia, serif;
    color: #46729b;
}

#contact-content p {
    font-family: Georgia, serif;
    color: #46729b;
}

#contact-content p.details {
    font-size: 28px;
    line-height: 32px;
    margin: 10px 0 30px 0;
}

#contact-content p.look {
    font-size: 20px;
    line-height: 24px;
}

#gallery-wrap, #contact-content {
    display: none;
}

#gallery {
    overflow: hidden;
    min-width: 700px;
    height: 372px;
    position: relative;
}

#gallery-content {
    height: 372px;
    position: absolute;
    left: 0;
}

.gallery-image {
    position: absolute;
/*    cursor: pointer;*/
}

#back {
    position: absolute;
    top: 160px;
    color: #333333;
    font-size: 20px;
}

#previous-btn {
    height: 36px;
    width: 17px;
    margin: 170px 6px 0 0;
    background: transparent url('../images/buttons/leftarrow.png') no-repeat top left;
    cursor: pointer;
    float: left;
    display: inline;
}

#next-btn {
    height: 38px;
    width: 20px;
    margin: 170px 0 0 6px;
    background: transparent url('../images/buttons/rightarrow.png') no-repeat top left;
    cursor: pointer;
    float: right;
    display: inline;
}