html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

body {
    background: #c7c7c7 url(mainbg.png) repeat-x;
    font-family: Verdana, serif;
    font-size: 12px;
    color: #000000;
}

div {
    margin: 0;
    padding: 0;
}

#maindiv {
    position: absolute;
    width: 1134px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    text-align: center;
    top: 0;
    left: 50%;
    margin: 0;
    margin-left: -577px;
    padding: 0;
    background: url(footer.png) no-repeat bottom center;
}

#maininnerdiv {
    margin-bottom: 70px;
}

#topwall {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 309px;
    background: url(topwall.png) repeat-x;
}

#hdrdivwrap {
    position: relative;
    height: 309px;
}

#hdrdiv {
    position: absolute;
    width: 1002px;
    height: 309px;
    left: 50%;
    margin: 0;
    margin-left: -501px;
    padding: 0;
    background: url(room.jpg) no-repeat;
}

#mainmenudiv {
    position: absolute;
    width: 928px;
    height: 36px;
    top: 262px;
    left: 37px;
    font-size: 14px;
    font-family: Verdana;
    color: #FFFFFF;
    line-height: 36px;
    text-align: center;
    overflow: hidden;
}

#mainmenudiv a {
    color: #FFFFFF;
    text-decoration: none;
}

#mainmenudiv a:hover {
    color: #79a1f3;
}

#topshadowsdiv {
    min-height: 440px;
    height: auto !important;
    height: 440px;
    background: url(topshadows.png) no-repeat top center;
    margin: 0;
    padding: 0 66px;
}

#contenthdrpic {
    height: 148px;
}

#contentttl {
    font-family: Arial, serif;
    font-size: 36px;
    color: #000000;
    text-shadow: 1px 1px 0px #FFFFFF;
    text-align: right;
    padding-top: 30px;
    padding-right: 30px;
}

#contentdesc {
    font-family: Verdana, serif;
    font-size: 12px;
    color: #000000;
    text-shadow: 1px 1px 0px #FFFFFF;
    text-align: right;
    padding-right: 30px;
    padding-left: 300px;
}

#contentdesc a {
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    text-shadow: 1px 1px 0px #FFFFFF;
}

#contentdivwrap {
    text-align: left;
    line-height: 150%;
    padding: 30px 30px 0 30px;
}

.fullfader_rl {
    height: 2px;
    background: url(fullfader_rl.png) no-repeat top right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 30px;
}

#footerdivwrap {
    height: 227px;
    background: url(footer.png) no-repeat top center;
}

.clearerdiv {
    clear: both;
}

#contentleftdiv {
    float: left;
    width: 220px;
    padding-right: 10px;
    text-align: left;
}

#contentspldiv {
    float: left;
    width: 2px;
    background: url(menufader.png) no-repeat;
    height: 174px;
}

.contentrightdiv {
    float: right;
    width: 650px;
    text-align: center;
}

.contentrightdiv a {
    color: #000000;
}

.contentrightdiv a:hover {
    color: #888888;
}

.leftmenudiv {
    padding: 2px;
    color: #000000;
    border-bottom: 1px dotted #393939;
}

.leftmenudiv.title {
    padding: 5px 2px;
    color: #393939;
    font-weight: bold;
}

.leftmenudiv.titlefirst {
    padding: 0 2px 5px 0;
    color: #393939;
    font-weight: bold;
}

.leftmenudiv a {
    color: #313233;
    text-shadow: 1px 1px 0px #f9f9f9;
    text-decoration: none;
}

.leftmenudiv a:hover {
    color: #888888;
    text-shadow: 1px 1px 0px #f9f9f9;
    text-decoration: none;
}

.defform {
    padding: 20px;
    border-left: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
    border-top: 0;
    border-bottom: 0;
    background: #c7c7c7 url(defformback.jpg) repeat-x;
    text-align: left;
}

.protree {
    font-size: 10px;
    color: #FFFFFF;
}

.protree a {
    color: #000000;
    text-decoration: underline;
}

.protree a:hover {
    color: #888888;
}

.protree.folder {
    padding: 0 0 0 15px;
    background: url(bul_cat.gif) no-repeat 2px 6px;
    color: #000000;
    font-weight: bold;
}

.protree.pad {
    margin: 0 0 0 15px;
    border-left: 1px solid #3C3C3C;
    padding-left: 5px;
}

.protree.file {
    padding: 0 0 0 15px;
    background: url(bul_proj.gif) no-repeat 0px 7px;
}

.protree.dload {
    padding: 0 0 0 15px;
    background: url(bul_proj_anim.gif) no-repeat 0px 7px;
}

.hdrfader_lr {
    padding: 0 0 12px 5px;
    font-weight: bold;
    color: #4b4b4b;
    text-shadow: 1px 1px 0px #f9f9f9;
    font-size: 12px;
    text-align: left;
    background: url(hdrfader_lr.png) no-repeat bottom left;
    margin-bottom: 15px;
}

.hdrfader_rl {
    padding: 0 0 12px 5px;
    font-weight: bold;
    color: #4b4b4b;
    text-shadow: 1px 1px 0px #f9f9f9;
    font-size: 12px;
    text-align: right;
    background: url(hdrfader_rl.png) no-repeat bottom right;
    margin-bottom: 15px;
}

.spacer10 {
    height: 10px;
}

.spacer15 {
    height: 15px;
}

.spacer20 {
    height: 20px;
}

.spacer50 {
    height: 50px;
}

.linp {
    border: 1px solid #979797;
    font-size: 12px;
    padding: 2px;
    margin: 2px auto;
}

.linp.button {
    background: #c7c7c7 url(linpbtn.gif) repeat-x;
    padding: 2px 10px;
}

.linp.text {
    background: #efefef url(linptext.gif) repeat-x;
}

.linp.area {
    background: #efefef url(linptext.gif) repeat-x;
}

#fullscreener {
    opacity: .3;
    filter: alpha(opacity=30);
    background: url(hlines_white.gif);
    position: absolute;
}

.picpreview_tl {
    background: url(cb_tl.png) no-repeat;
    height: 25px;
}
.picpreview_tr {
    background: url(cb_tr.png) no-repeat top right;
    height: 25px;
}
.picpreview_t {
    background: url(cb_t.png) repeat-x;
    height: 25px;
    margin: 0 25px 0 25px;
}
.picpreview_l {
    background: url(cb_l.png) repeat-y;
}
.picpreview_r {
    background: url(cb_r.png) repeat-y top right;
    padding: 0 25px 0 25px;
}
.picpreview_c {
    background: #FFFFFF;
}
.picpreview_bl {
    background: url(cb_bl.png) no-repeat;
    height: 25px;
}
.picpreview_br {
    background: url(cb_br.png) no-repeat top right;
    height: 25px;
}
.picpreview_b {
    background: url(cb_b.png) repeat-x;
    height: 25px;
    margin: 0 25px 0 25px;
}
#picpreview_ttl {
    font-family: Arial, serif;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    text-shadow: 1px 1px 0px #bebebe;
}
#picpreview_desc {
    font-family: Verdana, serif;
    font-size: 12px;
    margin-top: 10px;
    text-align: justify;
}
#picpreview_img {
    background: url(progressbar.gif) no-repeat center center;
}
#progressdiv {
    width: 100px;
    height: 18px;
    background: url(progressbar.gif) no-repeat;
    position: absolute;
    display: none;
}
.regconfirmfield {
    width:300px;
    margin:5px auto;
    color:#FF0000;
    padding: 2px;
    border-left: 1px solid #969696;
    border-right: 1px solid #b1b1b1;
    border-top: 0;
    border-bottom: 0;
}
form {
    padding: 0;
    margin: 0;
}
.pagination {
    font-family: Arial serif;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 0px #ffffff;
    color: #000000;
}
.pagination.current {
    color: #000000;
}
.pagination.spacer {
    color: #000000;
}
.pagination.page {
    color: #787878;
}
.pagination a {
    text-decoration: none;
    color: #787878;
}
.pagination a:hover {
    text-decoration: none;
    color: #000000;
}
.galthumbback {
    float:left;
    margin: 10px;
    width:182px;
    height:192px;
    background: url(thumbbg.png) no-repeat;
    padding: 0;
}
.galthumb {
    width: 182px;
    height: 192px;
}
.wallthumbwrap {
    float: left;
    margin: 10px;
    width: 182px;
    padding: 0;
    text-align: center;
    font-size: 10px;
}
.wallthumbwrap a {
    text-decoration: none;
    color: #000000;
    text-shadow: 1px 1px 0px #ffffff;
}
.wallthumbback {
    width: 182px;
    height: 132px;
    background: url(wpthumbbg.png) no-repeat;
}
.wallthumb {
    width: 182px;
    height: 132px;
}
.wallsmallpreview {
    width: 182px;
    height: 132px;
    left: 50%;
    margin-left: -91px;
    background: url(wpthumbbg.png) no-repeat;
    margin: 20px auto;
}
.wallsmallpreviewthumb {
    width: 182px;
    height: 132px;
}
.wallpreviewlink {
    font-size: 16px;
}
.wallpreviewlink a {
    text-decoration: none;
    color: #000000;
    text-shadow: 1px 1px 0px #ffffff;
}
.wallthumbres {
    padding: 5px 10px;
}
.iewarning {
    position: absolute;
    top: 100px;
    width: 700px;
    left: 50%;
    margin-left: -350px;
    padding: 20px;
    border-left: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
    border-top: 0;
    border-bottom: 0;
    background: #c7c7c7 url(defformback.jpg) repeat-x;
    text-align: left;
}
.iewarning a {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}
.cvtbl_left {
    text-align: right;
    padding: 10px 5px 2px 0;
    background: url(cvtbl_border.png) repeat-x bottom left;
    width: 30%;
    color: #000000;
}
.cvtbl_right {
    text-align: left;
    padding: 10px 0 2px 5px;
    background: url(cvtbl_border.png) repeat-x bottom left;
    width: 70%;
    color: #3A3A3A;
}
#picpreviewbox {
    position: absolute;
    display: none;
}
.picpreview_top {
    height: 67px;
    background: #000000 url(picpreview_hdr.jpg) no-repeat;
    border-bottom: 1px solid #696969;
}
.picpreview_middle {
    background: #000000 url(picpreview_back.jpg) no-repeat;
    border-bottom: 1px solid #696969;
}
#picpreview_image {
    background: url(progressbar.gif) no-repeat center center;
    padding-top: 25px;
    text-align: center;
}
#picpreview_title {
    background: #000000;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 5px;
}
#picpreview_description {
    background: #000000;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 5px;
}
#picpreview_description a {
    color: #AAD6F7;
    text-decoration: underline;
}
.picpreview_closer {
    position: absolute;
    right: -27px;
    top: 5px;
    height: 56px;
    width: 56px;
    background: url(picpreview_closer.png) no-repeat;
    cursor: pointer;
}
