@charset "utf-8";
/* Photomica */

body {
        background: #64c2ff url(../images/bg-body.jpg) top left repeat-x;
        }
* {
        margin: 0;
        padding: 0;
        }

#wrapper {
        width: 1084px;
		margin: 27px auto 24px;
        padding: 0 58px ;
        }


/* header */

#header {
        width: 1084px;
        height: 160px;
        background: #64c2ff url(../images/bg-wrapper-top1.jpg) top center no-repeat;
        clear: both;
        margin: 0 auto;
        overflow: hidden;
        }
#logo-img {
        width: 290px;
        height: 110px;
        margin: 0 0 0 32px;
        float: left;
        clear: left;
        text-decoration: none;
        }
.adblock-top {
        width: 720px;
        height: 90px;
        float: left;
        margin:  16px 0 0 16px;
        clear: right;
        }
#top-menu {
        width: 850px;
        float: left;
        margin: 14px 0 0 32px;
        list-style-type: none;
        }
#top-menu a {
        height: 54px;
        text-decoration: none;
        display: block;
        line-height: 34px;
        padding: 0 6px 0 0;
        width: 115px;
        font-size: 18px;
        text-align: center;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        background: url(../images/bg-topmenu.png) top left no-repeat;
        color: #0053a2;
        }
#top-menu a:hover {
        background: url(../images/bg-topmenu-hover.png) top left no-repeat;

        }
#top-menu li {
        float: left;

        }
/*
.home-topmenu {
        background: url(../images/home-topmenu.png) top left no-repeat;
        }
.effects-topmenu {
        background: url(../images/effects-topmenu.png) top left no-repeat;
        }
.magazines-topmenu {
        background: url(../images/magazines-topmenu.png) top left no-repeat;
        }
.faces-topmenu {
        background: url(../images/faces-topmenu.png) top left no-repeat;
        }
.animation-topmenu {
        background: url(../images/animation-topmenu.png) top left no-repeat;
        }
.cards-topmenu {
        background: url(../images/cards-topmenu.png) top left no-repeat;
        }
.bonus-topmenu {
        background: url(../images/bonus-topmenu.png) top left no-repeat;
        }

.home-topmenu:hover {
        background: url(../images/home-topmenu-hover.png) top left no-repeat;
        }
.effects-topmenu:hover {
        background: url(../images/effects-topmenu-hover.png) top left no-repeat;
        }
.magazines-topmenu:hover {
        background: url(../images/magazines-topmenu-hover.png) top left no-repeat;
        }
.faces-topmenu:hover {
        background: url(../images/faces-topmenu-hover.png) top left no-repeat;
        }
.animation-topmenu:hover {
        background: url(../images/animation-topmenu-hover.png) top left no-repeat;
        }
.cards-topmenu:hover {
        background: url(../images/cards-topmenu-hover.png) top left no-repeat;
        }
.bonus-topmenu:hover {
        background: url(../images/bonus-topmenu-hover.png) top left no-repeat;
        }
*/
.flags {
        height: 19px;
        width: 140px;
        float: left;
        margin: 22px 0 0 18px;
        list-style-type: none;
        }
.flags a {
        height: 19px;
        text-decoration: none;
        display: block;

        padding: 0 4px 0 0;
        width: 24px;
        }
.flags li {
        float: left;
        }

.flag-1 {
        background: url(../images/flag-usa.png) top left no-repeat;
        }
.flag-2 {
        background: url(../images/flag-spain.png) top left no-repeat;
        }
.flag-3 {
        background: url(../images/flag-germany.png) top left no-repeat;
        }
.flag-4 {
        background: url(../images/flag-russia.png) top left no-repeat;
        }
.flag-5 {
        background: url(../images/flag-brazil.png) top left no-repeat;
        }
.flag-9 {
        background: url(../images/fblogo.png) top left no-repeat;
        }


/* content */

#content {
        width: 1084px;
        clear: both;
        margin: 0 auto;
        background: #074696;
        }
.content-out-top {
        background: url(../images/bg-content-top.jpg) top left no-repeat;
        width: 1084px;
        height: 30px;
        }
.content-out {
        background: url(../images/bg-content.jpg) top left repeat-y;
        width: 1044px;
        margin: 0 auto;
        padding: 0 20px;
        }
.content-out-bottom {
        background: url(../images/bg-content-bottom.png) bottom left no-repeat;
        width: 1084px;
        height: 30px;
        }


.content-1-top {
        background: url(../images/bg-content-1-top.jpg) top left no-repeat;
        width: 1037px;
        height: 20px;
        margin: 0 auto;
        }
.content-1 {height: 270px;
        background: url(../images/bg-content-1.jpg) top left repeat-y;
        width: 1001px;
        margin: 0 auto;
        padding: 0 18px;
        }
.content-1-bottom {
        background: url(../images/bg-content-1-bottom.jpg) bottom left no-repeat;
        width: 1037px;
        height: 20px;
        margin: 0 auto;
        }
.content-2-top {
        background: url(../images/bg-content-2-top.jpg) top left no-repeat;
        width: 1037px;
        height: 62px;
        margin: 0 auto;
        }
.content-2 {
        background: url(../images/bg-content-2.jpg) top left repeat-y;
        width: 1001px;
        margin: 0 auto;
        padding: 0 18px;
        }
.content-2-bottom {
        background: url(../images/bg-content-2-bottom.jpg) bottom left no-repeat;
        width: 1037px;
        height: 20px;
        margin: 0 auto;
        }
#title-content-2 {
        width: 917px;
        height: 21px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #1086DE;
        line-height: 26px;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        padding-top: 21px;
        padding-right: 0;
        padding-bottom: 2px;
        margin-left: auto;
        background-image: url(../images/title-content-2.jpg);
        background-repeat: no-repeat;
        background-position: left bottom;
        }
#table-content-2 {
        width: 917px;
        margin: 0 auto;
        padding: 21px 0 2px;
        }



/* content blocks */

#block-select-effect {margin: 15px 0 0 2px;
        background: url(../images/bg-content-1-block-1.jpg) bottom left no-repeat;
        width: 300px;
        height: 250px;
        float: left;
        }
.prev {
        width: 20px;
        height: 34px;
        text-decoration: none;
        float: left;
        clear: left;
        margin: 110px 0 0 6px;
        }
.next {
        width: 20px;
        height: 34px;
        text-decoration: none;
        float: right;
        clear: right;
        margin: 110px 6px 0 0;
        }
#select {
        background: url(../images/bg-content-1-icon.png) bottom center no-repeat;
        width: 240px;
        height: 250px;
        float: left;
        margin: 0 auto;
        }


#block-adsense{margin: 15px 0 0 20px;
        background: url(../images/bg-content-1-block-2.jpg) top left no-repeat;
        width: 300px;
        height: 250px;
        float: left;

        }
#block-latest-result{margin: 15px 0 0 20px;
        float: left;
        background: url(../images/bg-content-1-block-3.jpg) top left no-repeat;
        width: 349px;
        height: 250px;
        }
#heading-latest-result {height: 22px;
        background: url(../images/heading-latest-result.png) top left no-repeat;
        clear: both;
        margin: -14px 0 0 10px;
        }
#result-thumbs {
        /*background: #64c2ff;*/
        width: 284px;
        margin: 12px 0 0;
        float: left;
        padding: 5px;
        }



.hor-line {
        background: url(../images/hor-line.jpg) top left no-repeat;
        width: 1037px;
        margin: 10px 0;
        }
#content-page, #content-upload {

        height: 670px;
        }
        #img_container {
        width: 800px;
        height: 15px;
        margin-left:30px;
        margin-top:0px;
}
#adblock-left, #adblock-right {
        width: 160px;
        height: 600px;
        margin: 20px 0 0 18px;
        float:left;
        }
#page-thumbs {
        width: 800px;
        height: 600px;
        margin: 20px 0 0 38px;
        float:left;

        }
#table-content-thumbs {
        width: 800px;
        margin: 0 auto;
        padding: 21px 0 2px;
        }

/*-------------------*/


#adblock-top-728x15 {
        width: 728px;
        height: 15px;
        margin: 0 auto;
        clear: both;
        }

#block-ads-300-250 {
        width: 300px;
        height: 250px;
        margin: 20px 0 0 22px;
        float: left;
        background-repeat: no-repeat;
        background-position: left top;
        }
#preview-effect {
        width: 150px;
        height: 250px;
        margin: 20px 0 0 22px;
        float: left;
        background: url(../images/box-preview.png) top center no-repeat;
        }
#preview {
        width: 100px;
        margin: 20px auto 0;
        }
#upload-forms {
        width: 320px;
        height: 250px;
        margin: 20px 0 0 22px;
        float: left;
         background: url(../images/upload-preview.png) top center no-repeat;
        }
.upload-form {

        width: 290px;
        height: 50px;
        margin: 9px auto 0;
        }
#text-upload {
        margin: 1px 9px 0;
        }



/* footer */

#footer {
        width: 1084px;
        height: 150px;
        background: #64c2ff url(../images/bg-wrapper-bottom.jpg) top center no-repeat;
        clear: both;
        margin: 0 auto;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        }

#foot-menu {
        width: 680px;
        float: left;
        margin: 24px 0 0 52px;
        list-style-type: none;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        color: #ffffff;
        }
#foot-menu a {
        font-size: 14px;
        height: 24px;
        text-decoration: none;

        padding: 0 8px 0 1em;
        color: #ffffff;
        font-weight: bold;
        }

#foot-menu a:hover {
        color: #ffbd01;
        }
#foot-menu li {
        float: left;
        }


.logo-bottom {/*border: 1px solid #adadad;*/
        background: url(../images/logo.png) top center no-repeat;
        width: 278px;
        height: 79px;
        display: block;
        float: right;
        clear: right;
        margin: 24px 42px 0 0;
        }
.copyright {width: 300px;
        float: right;
        clear: right;
        margin: 0 22px 0 0;
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #ffffff;
        }
.copyright a {
        color: #ffbd01;
        font-weight: bold;
        text-decoration: none;
        }

#pages

{

text-align:center; padding-top: 5px;

}



#pages a, #pages a:link, #pages a:visited

{

        padding: 2px 10px 0px 10px;

        font-size: 17px;

        color:  #4463a4;

        font-weight: bold;

}



#pages a:hover {

        padding: 2px 10px 0px 10px;

        font-size: 17px;

        color: #4463a4;

        text-decoration: underline;

}



#pages

{

        font-size: 15px; color: #686868;

        font-weight: normal;

        text-decoration: none;

        font-weight: bold;

}



#pages span {

        padding: 2px 10px 0px 10px;

}