*{
  padding: 0; margin: 0;
}


td{
    padding: 5px;
    vertical-align: top;
}

.error, .ok{
    background: #FFFFD2;
    padding: 10px;
    margin-bottom: 5px;
    
}
.error{
    border: 1px solid #f00;
    color: #f00;
}

.ok{
    border: 1px solid #5FA52B;
    color: #5FA52B;
}

.left, .right{
    padding: 10px;
    background: #fafafa;
    border: 1px solid #ccc;
}

.ff1{
    padding: 3px;
    width: 200px;
}

.left{
    width: 390px;
}

.right{
    width: 390px;
}

.iframe{
    padding: 5px;
    margin: 10px 0;
    border: 1px solid #f00;
    background: #f0f0f0;
}

#wrapper{
    position: relative;
    width: 815px;
    height: 430px;
    background: url('i/bg.jpg') no-repeat 0 0;
    margin: 0 auto;
}

#admin-wrapper{
    width: 815px;
    margin: 0 auto;
}

#top{
    position: relative;
    height: 110px;
    background: url('i/top.jpg') no-repeat 0 0;
}

#admin-menu{
    position: absolute;
    top: 80px;
    left: 30px;
}

#admin-menu li{
    float: left;
    list-style:none;
    padding: 5px 10px;
    margin-right: 5px;
    font: 12px/1em Arial, Tahoma, Helvetica;
    background: #fff;
    border: 1px solid #ccc;
}

#admin-menu li:hover{
    background: #eee;
    border: 1px solid #aaa;
}
#admin-menu a{
    text-decoration: none;
    color: #369;
}

#admin-menu a:hover{
    text-decoration: none;
    color: #000;
}


#footer{
    height: 110px;
    background: url('i/footer.jpg') no-repeat 0 0;
}

#content{
    background: url('i/page-bg.jpg') repeat-y;
}

#content .content{
    padding: 20px;
    font: 12px/1.5em Arial, Tahoma, Helvetica;
}

#title{
    position: absolute;
    left: 30px;
    top: 15px;
    font: bold 30px/1em Arial, Tahoma, Helvetica;
    color: #369; 
}

#links1{
    position: absolute;
    top: 100px;
    left: 30px;
    width: 200px;
}

#links2{
    position: absolute;
    top: 100px;
    left: 240px;
    width: 200px;
}


.admin li, #links1 li, #links2 li {
    list-style: none;
    background: url('i/arrow.png') no-repeat left center;
    padding: 3px 0 3px 20px;
    
}


#links1 a{
    font: bold 13px/1em Arial, Tahoma, Helvetica;
    color: #069;
    text-decoration: none; 
}

#links2 a{
    font: bold 13px/1em Arial, Tahoma, Helvetica;
    color: #a00;
    text-decoration: none; 
}

#links1 a:hover, #links2 a:hover{
    text-decoration: underline;
}

#slides{
    position: absolute;
    top: 100px;
    left: 495px;
    width: 310px;
    height: 310px;
}

#slideshow li{
   list-style: none;
}

#slideshow li td{
    padding: 0;
    width: 300px;
    height: 300px;
    text-align: center;
    vertical-align: middle;
}