body,html {
margin: 0;
padding: 0;
background: #FAF7F5 url(../g/pop_bg.jpg) top left no-repeat;
font-family: "trebuchet ms",trebuchet,arial,sans-serif;
}

#main {
position: absolute;
top: 0;
left: 0;
width: 600px;
height: 497px;
}

#main p {
margin: 0;
padding: 0;
}

#close {
position: absolute;
top: 472px;
right: 20px;
width: 30px;
}

#close a {
text-decoration: none;
color: #000;
font-size: 11px;
text-align: right;
}

#bob {
position: absolute;
top: 12px;
left: 15px;
width: 400px;
overflow: hidden;
}

#bob p {
margin: 0;
padding: 0;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
}

#jim {
position: absolute;
top: 48px;
left: 16px;
width: 568px;
height: 332px;
z-index:9;
}

#controls {
position: absolute;
top: 13px;
right: 15px;
height: 18px;
overflow: hidden;
}

#controls a {
text-decoration: none;
display: block;
float: left;
width: 20px;
margin: 0 3px;
height: 16px;
background: #806F67;
font-size: 11px;
text-align: center;
font-weight: bold;
color: #fff;
}

#controls p {
display: block;
float: left;
font-size: 11px;
font-style: italic;
margin: 0 3px;
}

#Container{
margin:0 auto;
position:relative;
width:568px;
height:332px;
background-color:#fff;
border:0;
overflow:hidden;
}

#LoadContainer{
height:25%;
width:50%;
position:absolute;
top:40%;
left:25%;
text-align: center;
z-index:101}

#PhotoContainer{
visibility:hidden
}

#CaptionBlock{
position: absolute;
top: 395px;
left: 15px;
font-size: 12px;
width: 560px;
overflow: auto;
height: 60px;
}

#Caption{
overflow: auto;
}

#Caption strong {
color: #CF0010;
}

#Counter {
padding-right: 5px;
}

#LinkContainer{
display:none;
position:absolute;
top:0;
left:0;
height:200px;
width:200px;
z-index:1000;
background:url(../g/t.gif) 50% 50% no-repeat
}

#PrevLink{
z-index:1000;
position:absolute;
top:0%;
left:0%;
height:200px;
width:50%;
display:block
}

#NextLink{
z-index:1000;
position:absolute;
top:0%;
left:50%;
height:200px;
width:50%;
display:block
}

#PrevLink:hover,#NextLink:hover{
text-decoration:none
}

#PrevLink:hover{
background:transparent url(../g/prev_rounded_sidebar2.gif) left 50% no-repeat
}

#NextLink:hover{
background:transparent url(../g/next_rounded_sidebar2.gif) right 50% no-repeat
}

#PrevLink span,#NextLink span{
display:none
}

img{
border:none
}

#Wrapper{
margin:0px auto;
height:332px;
width:568px;
overflow:hidden;
position:relative;

}

#Wrapper[id]{
display:table;
position:static;
}

#InnerWrapper{
position:absolute;
top:50%;
left:0;
}

#InnerWrapper[id]{
display:table-cell;
vertical-align:middle;
position:static;
}

#OuterContainer{
width: 568px;
text-align: center;
position:relative;
top:-50%
}

#Counter {
color: #666;
}