html, body{height:100%}
body{margin:0px; padding:0px 0px 5px 15px; background: url(../images/bg.gif) top; font-size:65.5%;}

.middle{vertical-align:top;}
.headerCenter{background: url(../images/header_bg.gif) top repeat-x; width:100%; padding-top:9px; padding-left:15px; vertical-align:middle; font-family:Georgia, "Times New Roman", Times, serif; font-size:3em; color:#655540; white-space:nowrap;}

.buttons{position:relative; top:0; right:0;}
.buttons, .buttons a{color:#F7F6F6; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif;  font-style:italic;}
.buttons a:hover{color:#FCEA96;}
.buttonUp{display:block; position:absolute; top:35px; left:25px; z-index:100; line-height:3.5em;}
.buttonFirst{display:block; line-height:2.0em; position:absolute; left:-1px; top:-20px; z-index:100}
.buttonPrev{display:block; line-height:2.0em; position:absolute; left:-1px; top:12px; z-index:100}
.buttonNext{display:block; line-height:2.0em; position:absolute; right:-5px; top:-20px; z-index:100}
.buttonLast{display:block; line-height:2.0em; position:absolute; right:-5px; top:12px; z-index:100}

.buttonFirstImage{position:absolute; left:-14px; top:-20px; z-index:50}
.buttonPrevImage{position:absolute; left:-13px; top:12px; z-index:50}
.buttonNextImage{position:absolute; right:0px; top:-20px; z-index:50}
.buttonLastImage{position:absolute; right:0px; top:12px; z-index:50}

.album{background:url(../images/album_bg.gif);}
.bottomRightImage{margin-top:-3px; margin-left:-1px; z-index:100; position:relative}
.bottomLeftImage{top:-7px; left:1px; position:absolute; z-index:100}


.buttonSlideshow{margin-top:-5px; position:absolute; display:block; top:91px; left:50px; z-index:100; cursor:pointer}



.frame{width:210px; height:210px}
.frameBgR{background:url(../images/frame_bg_r.gif) repeat-y right; width:3px}
.frameBgT{background:url(../images/frame_bg_t.gif) repeat-x  top; height:3px}
.frameBgL{background:url(../images/frame_bg_l.gif) repeat-y  left; width:3px}
.frameBgB{background:url(../images/frame_bg_b.gif) repeat-x  bottom; height:3px}
.frameBgC{vertical-align:middle; padding:10px}
.frameRight{background:#F7F6F6 url(../images/frame_r.gif) repeat-y right;}
.frameLeft{background:#F7F6F6 url(../images/frame_l.gif) repeat-y left;}
.frameCenter{background:#F7F6F6; vertical-align:middle;}
.frameTop{background:url(../images/frame_t.gif) repeat-x bottom;}
.frameBottom{background:url(../images/frame_b.gif) repeat-x top;}

.bigFrameBgC{text-align:center; vertical-align:middle; padding:26px}
.bigFrameBgB{background:url(../images/big_frame_bg_b.gif) repeat-x  bottom; height:4px}
.bigFrameBgR{background:url(../images/big_frame_bg_r.gif) repeat-y right; width:4px}
.bigFrameBottom{background:url(../images/big_frame_b.gif) #F7F6F6 repeat-x bottom;}
.bigFrameRight{background:#F7F6F6 url(../images/big_frame_r.gif) repeat-y right;}
.bigFrameLeft{background:#F7F6F6 url(../images/big_frame_l.gif) repeat-y left;}
.bigFrameTop{background:#F7F6F6 url(../images/big_frame_t.gif) repeat-x top;}


.bgLeft{background:url(../images/bg_left.gif) no-repeat 0px 14px; height:100%; padding-left:60px;}
.bgRight{background:url(../images/bg_right.gif) no-repeat right 45px; height:100%; padding-right:60px;}

.photoName{color:#575654; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; text-align:center; text-decoration:none; font-style:italic; padding-top:11px; padding-bottom:14px}

.noscriptText{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1.1em; text-align:center; font-weight:bold; color:#ceb575}
.noscriptText a{color:#FFFFFF}

.text{font-family: Arial, Verdana, Helvetica, sans-serif; text-align:center; margin:50px 28px 15px 0px; color:#ceb575}
.text a{color:#faeec6; text-decoration:none}
.text a span{text-decoration:underline}
.text a:hover{color:#ffffff;}
.text a img{display:inline; vertical-align:middle; border:0; margin-right:2px}