/* $Id: public.css,v 1.16 2010/02/26 14:54:06 alexander Exp $ */

/***********/
/* General */
/***********/

body {
    background: #999999;
    min-height: 600px;
    min-width:  800px;
}

li {
    display: block;
    margin:  0;
    border:  none;
    padding: 0;
}

#main {
    position: absolute;
    left:     50%;
    top:      50%;
    width:    800px;
    height:   600px;
    margin-left: -400px;
    margin-top:  -300px;
    background: #3A3A3A;
}

/************/
/* Clearfix */
/************/
.clearfix:after {
    content: ".";
    display: block;
    height:  0;
    clear:   both;
    visibility: hidden;
}

.clearfix { display: inline-block; }


/********/
/* Home */
/********/

#main.home img.logo {
    position: absolute;
    top:      203px;
    left:     178px;
}

#main.home ul {
    position: absolute;
    top:      299px;
    right:    399px;
    text-align: right;
}

#main.home ul li {
    font-size: 10px;
    height:    14px;
}

#main.home ul.right {
    left:       401px;
    top:        355px;
    text-align: left;
}


/************/
/* Top menu */
/************/

div.menu {
    margin-top: 36px;
}

div.menu ul {
    width: 300px;
    list-style: none;
}

div.menu ul li {
    position: relative;
    font-size:  1px;
    height:     12px;
}

div.menu ul {
    float: left;
}

div.menu ul li {
    left:  130px;
    width: 170px;
}

div.menu ul li.selected {
    left:  0px;
    width: 130px;
    text-align: right;
}

div.menu ul.right {
    margin-left: 78px;
}

/******************************/
/* Section, series and images */
/******************************/

#main.section div.images,
#main.series  div.images {
    position:   relative;
    left:  130px;
    width: 567px; /* 3 images + right margin */
}

#main.series  div.images a img,
#main.section div.images a img,
#main.image   div.image {
    margin-right:  27px;
    margin-top:    19px;
    margin-bottom: 16px;
}

#main.image div.image {
    position: relative;
    left:     50px;
    width:    700px;
    height:   450px;
}

#main.image div.image a.prev,
#main.image div.image a.next {
    width:    50%;
    height:   100%;
    position: absolute;
    background: url(/gfx/p.gif);
}

#main.image div.image a.prev {
    cursor:   url(/gfx/cursor_arrow_left.cur),w-resize;
    left:     0px;
}

#main.image div.image a.next {
    cursor:   url(/gfx/cursor_arrow_right.cur),e-resize;
    left:     50%;
}

/**************/
/* Navigation */
/**************/

div.navigation {
    position: relative;
    width:      800px;
}

div.navigation img.back {
    position: absolute;
    left:     130px;
    padding:  3px 0px;
}

div.navigation img.arrow_left {
    position: absolute;
    right:    130px;
    padding:  3px;
}

div.navigation img.arrow_right {
    position: absolute;
    right:    113px;
    padding:  3px;
}


/**************/
/* Pagination */
/**************/

div.pagination {
    width:      670px;
    text-align: right;
}

div.pagination ul,
div.pagination ul li {
    vertical-align: middle;
    display: inline;
}

div.pagination ul li a img {
    padding: 3px;
}

/************/
/* Contacts */
/************/

#contacts {
    border: none;
    width: 800px;
    margin: 33px 0 0 0;
    padding: 0;
}
#contacts div {
    margin: 0;
    padding: 0;
    border: none;
    float: left;
}
#contacts img {
    border: none;
    display: block;
}
#contacts .column {
    width: 378px; /* Added 3px to 375 to line up with right menu */
}
#contacts .contact {
    margin: 0 0 17px 0;
    width: 378px; /* Added 3px to 375 to line up with right menu */
    clear: both;
}
#contacts .contact .location {
    width: 130px;
    margin: 0 0 6px 0;
    clear: both;
}
#contacts .contact .location img {
    float: right;
}
#contacts .contact .link {
    margin: 0 0 0 130px;
    clear: both;
}
#contacts .contact .link img {
    float: left;
}
#contacts .contact .link .slideshow a img {
    margin-top: 2px;
}