body {
background-color: #000;
margin:  0px;
padding: 0px;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
letter-spacing: 3px;
font-weight: lighter;
color: #fff;
}


a {
text-decoration: none;
color: #FFF;
}

/* homepage */


#container_homepage {
position: relative;
top: 60px;
margin: 0px auto;
width: 817px;
height: 600px;
}

#left_image {
position: relative;
top: 0px;
left: 0px;
height: 525px;
background-image: url(img/left_image.jpg);
background-repeat: no-repeat;
}

#logo_homepage {
position: absolute;
width: 400px;
height: 100px;
}

#static_background {
position: absolute;
top: 56px;
left: 0px;
width: 262px;
height: 44px;
display: none;
}

#static_line {
position: absolute;
top: 0px;
left: 0px;
width: 262px;
height: 14px;
}


#text_knockout {
position: absolute;
top: 0px;
left: 0px;
width: 262px;
height: 60px;
}

#spacer_overlay {
position: absolute;
top: 0px;
left: 262px;
width: 543px;
height: 525px;
z-index: 100;
}

#spacer_overlay img {
width: 543px;
height: 525px;
}

#center_image {
position: absolute;
top: 0px;
left: 262px;
padding-left: 12px;
background: #000;
}

#right_image {
position: absolute;
top: 0px;
right: 0px;
padding-left: 12px;
background: #000;
}


#enter_link {
position: absolute;
top: 527px;
left: 0px;
}


/* toc */

#container_toc {
position: relative;
margin: 0px auto;
width: 817px;
height: 800px;
background-image: url(img/toc_background.jpg);
background-repeat: no-repeat;
text-align: center;
}


#categroy_title {
position: absolute;
top: 140px;
left: 0px;
width: 817px;
text-align: center;
}

#logo_toc {
position: relative;
top: 60px;
}

#toc_links {
position: relative;
top: 150px;
width: 817px;
}


#left_toc {
position: absolute;
top: 0px;
left: 0px;
width: 272px;
float: left;
text-align: center;
}

#center_toc {
position: absolute;
top: 0px;
left: 273px;
width: 272px;
float: right;
text-align: center;
}

#right_toc {
position: absolute;
top: 0px;
left: 545px;
width: 272px;
float: right;
text-align: center;
}

.gallery_name {
height: 20px;
margin-bottom: 20px;
font-size: 16px;
}


#toc_text {
position: absolute;
top: 720px;
left: 0px;
width: 817px;
text-align: center;
font-size: 9px;
}




/* contact */

#container_contact {
position: relative;
margin: 0px auto;
width: 817px;
height: 800px;
background-image: url(img/about_background.jpg);
background-repeat: no-repeat;
}


#logo_contact {
position: absolute;
top: 60px;
left: 48px;
width: 183px;
height: 48px;
}

#about_text {
position: absolute;
top: 185px;
right: 0px;
background: #000;
color: #FFF;
}


#home_link {
position: absolute;
top: 185px;
left: 48px;
}

/* gallery */


#contents_gallery {
position: relative;
margin: 0px auto;
width: 640px;
}

#logo_gallery {
position: relative;
top: 30px;
width: 640px;
text-align: center;
}

#menu_area {
position: absolute;
top: 10px;
left: 0px;
width: 640px;
height: 30px;
text-align: center;
}


#show_all_vignettes {
position: absolute;
top: 70px;
left: 0px;
width: 640px;
height: 768px;
margin: 0px;
padding: 0px;
text-align: left;
background-color: #000;
z-index: 40;
display: none;
}

#gallery_info  {
position: absolute;
top: 100px;
left: 0px;
width: 640px;
height: 700px;
margin: 0px;
padding-top: 20px;
font-size: 12px;
letter-spacing: 2px;
text-align: center;
background-color: #000;
z-index: 40;
display: none;
}

#gallery_write_up {
text-align: justify;
}


#image_display {
position: absolute;
top: 100px;
left: 0px;
width: 640px;
height: 600px;
overflow: hidden;
margin: 0px;
padding: 0px;
text-align: left;
}

#image_container {
position: absolute;
top:0px;
left: 0px;
width: 50000px;
height: 600px;
margin: 0px;
padding: 0px;

}

.full_images {
display: inline-block;
width: 640px;
height: 600px;
text-align: center;
margin: 0px;
padding: 0px;
background-image: url(img/spacer.gif);
background-position: center;
background-repeat: no-repeat;
zoom:1; *display: inline; _width: 649px; _height: 649px;
}

#info_area_large {
position: absolute;
top: 710px;
left: 0px;
width: 640px;
height: 80px;
z-index: 10;
}

.info_link {
position: absolute;
top: 50px;
left: 270px;
width: 100px;
height: 20px;
text-align: center;
display: none;
}


.info_area {
position: absolute;
top: 0px;
left: 0px;
width: 640px;
height: 20px;
display: none;
}

a.info_control {
text-decoration: none;
color: #fff;
z-index: 30;
}

#fade_left {
position: absolute;
top: 100px;
left: 0px;
width: 20px;
height: 600px;
background-image: url(img/fade_left.png);
}


#fade_right {
position: absolute;
top: 100px;
left: 620px;
width: 20px;
height: 600px;
background-image: url(img/fade_right.png);
}

a.control_element {
text-decoration: none;
color: #fff;
}

#backwards {
position: absolute;
top: 760px;
left: 253px;
padding-right: 20px;
display: inline-block;
z-index: 35;
}

#gallery_index_link {
display: inline-block;
width: 200px;
}

#forwards {
position: absolute;
top: 760px;
left: 348px;
padding-left: 20px;
display: inline-block;
z-index: 35;
}

.small_images_div {
display: inline-block;
width: 128px;
height: 128px;
text-align: center;
margin: 0px;
padding: 14px;
}

#gallery_index_link {
position: absolute;
top: 790px;
left: 0px;
width: 640px;
text-align: center;
}

#main_link {
position: absolute;
top: 820px;
left: 0px;
width: 640px;
text-align: center;
}