* { margin:0; padding:0; }

body {
    background: white;
    text-align: center;
}

a {
    text-decoration: none;
}

#wrapper {
    position: relative;
    text-align: left;
    width: 840px;
    margin: 0 auto;
}

#content {
    position: relative;
    width: 840px;
    top: 50px;
}

#box {
    background: url(images/background.png) no-repeat;
    position: relative;
    width: 840px;
    height: 540px;
}

#logo {
    background: url(images/logo.png) no-repeat;
    position: relative;
    width: 226px;
    height: 106px;
    top: 244px;
    right: 21px;
    float: right;
}

#enlarge {
    background: url(images/enlarge.png) no-repeat;
    position: relative;
    width: 140px;
    height: 20px;
    top: 75px;
    left: 120px;
    float: left;
}

#photography {
    background: url(images/photography.png) no-repeat;
    position: relative;
    width: 280px;
    height: 20px;
    top: 75px;
    right: 30px;
    float: right;
}

#images {
    position: relative;
    width: 805px;
    height: 150px;
    top: 80px;
    left: 20px;
    clear: both;
}

#info {
    position: relative;
    width: 240px;
    height: 255px;
    top: 80px;
    left: 120px;
    padding-top: 10px;
    float: left;
}

#phakalane {
    background: url(images/phakalane.png) no-repeat;
    position: relative;
    width: 225px;
    height: 55px;
}

.download {
    background: url(images/download.png) no-repeat;
    position: relative;
    width: 160px;
    height: 20px;
    top: 20px;
    display: block;
}

.download:hover {
    background: url(images/download_rollover.png) no-repeat;
}

#elikon {
    background: url(images/elikon.png) no-repeat;
    position: relative;
    width: 54px;
    height: 54px;
    top: 80px;
}

.email {
    background: url(images/email.png) no-repeat;
    position: relative;
    width: 140px;
    height: 20px;
    top: 85px;
    display: block;
}

.email:hover {
    background: url(images/email_rollover.png) no-repeat;
}

.image_1 {
    background: url(images/image_1.png) no-repeat;
    position: relative;
    width: 100px;
    height: 150px;
    float: left;
    display: block;
}

.image_1:hover {
    background: url(images/image_1_rollover.png) no-repeat;
}

.image_2 {
    background: url(images/image_2.png) no-repeat;
    position: relative;
    width: 100px;
    height: 150px;
    float: left;
    display: block;
}

.image_2:hover {
    background: url(images/image_2_rollover.png) no-repeat;
}

.image_3 {
    background: url(images/image_3.png) no-repeat;
    position: relative;
    width: 100px;
    height: 150px;
    float: left;
    display: block;
}

.image_3:hover {
    background: url(images/image_3_rollover.png) no-repeat;
}

.image_4 {
    background: url(images/image_4.png) no-repeat;
    position: relative;
    width: 100px;
    height: 150px;
    float: left;
    display: block;
}

.image_4:hover {
    background: url(images/image_4_rollover.png) no-repeat;
}

.image_5 {
    background: url(images/image_5.png) no-repeat;
    position: relative;
    width: 100px;
    height: 150px;
    float: left;
    display: block;
}

.image_5:hover {
    background: url(images/image_5_rollover.png) no-repeat;
}

.image_6 {
    background: url(images/image_6.png) no-repeat;
    position: relative;
    width: 100px;
    height: 150px;
    float: left;
    display: block;
}

.image_6:hover {
    background: url(images/image_6_rollover.png) no-repeat;
}

.image_7 {
    background: url(images/image_7.png) no-repeat;
    position: relative;
    width: 100px;
    height: 150px;
    float: left;
    display: block;
}

.image_7:hover {
    background: url(images/image_7_rollover.png) no-repeat;
}

.image_8 {
    background: url(images/image_8.png) no-repeat;
    position: relative;
    width: 100px;
    height: 150px;
    float: left;
    display: block;
}

.image_8:hover {
    background: url(images/image_8_rollover.png) no-repeat;
}

#image_1_full {
    background: url(images/full_size/Phakalane_1.jpg) no-repeat;
    height: 540px;
    display: none;
    visibility: hidden;
}

#image_2_full {
    background: url(images/full_size/Phakalane_2.jpg) no-repeat;
    height: 540px;
    display: none;
    visibility: hidden;
}

#image_3_full {
    background: url(images/full_size/Phakalane_3.jpg) no-repeat;
    height: 540px;
    display: none;
    visibility: hidden;
}

#image_4_full {
    background: url(images/full_size/Phakalane_4.jpg) no-repeat;
    height: 540px;
    display: none;
    visibility: hidden;
}

#image_5_full {
    background: url(images/full_size/Phakalane_5.jpg) no-repeat;
    height: 540px;
    display: none;
    visibility: hidden;
}

#image_6_full {
    background: url(images/full_size/Phakalane_6.jpg) no-repeat;
    height: 540px;
    display: none;
    visibility: hidden;
}

#image_7_full {
    background: url(images/full_size/Phakalane_7.jpg) no-repeat;
    height: 540px;
    display: none;
    visibility: hidden;
}

#image_8_full {
    background: url(images/full_size/Phakalane_8.jpg) no-repeat;
    height: 540px;
    display: none;
    visibility: hidden;
}

#overlay {
    display: none;
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
}

#overlay_content {
    width: 360px;
    margin-left: 250px;
    border: 1px solid #333333;
}

#overlay_head {
    text-align: right;
    background: #0F184B;
    width: 360px;
    height: 20px;
    padding-top: 5px;
    border-bottom: 1px solid #333333;
}

.close {
    background: url(images/close.png) no-repeat;
    width: 38px;
    height: 14px;
    top: 10px;
    padding-top: 5px;
    padding-right: 10px;
    display: block;
    float: right;
}

.close:hover {
    color: #7BC0FF;
}