﻿body
{
    margin: 0px;
    padding: 0px;
    background: url(/img/background.jpg);
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 80%;
    background-color: #ADADAD;
    SCROLLBAR-FACE-COLOR: #848478;
    SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
    SCROLLBAR-DARKSHADOW-COLOR: #848478;
    SCROLLBAR-BASE-COLOR: #848478;
}
#header 
{
    min-width: 1000px;
    width: 100%;
    width: expression(document.body.clientWidth < 1001 ? "1000px": "100%" );
    background: url(/img/1x20_pinkviolet.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
}
#leftmenucontainer 
{
    width: 125px;
    border-right: 1px solid #CA96BA;
    clear: both;
    float: left;
}
#maincontent 
{
    padding-left: 30px;
    float: left;
    width: 700px;
}
#buggycontent 
{
    width: auto;
    float: right;
}
#maintitle 
{
    height: 30px;
    padding-top: 15px;
}
#mainbody 
{
    border: solid 1px #FFFFFF;
    padding: 10px;
    width: 770px;
    height: expression(document.getElementById('mainbody').offsetHeight < 762 ? "731px": "auto" );
    min-height: 731px;
    background-color: #DFDFDB;
}

#footer 
{
    clear: both;
    height: 38px;
    margin-top: 50px;
    background: url(/img/footer_background.jpg);
    background-repeat: repeat-x;
    border-top: solid 10px #996588;
    line-height: 30px;
    min-width: 1000px;
    width: 100%;
    width: expression(document.body.clientWidth < 1001 ? "1000px": "100%" );
}
#div_enter
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -220px;
    margin-left: -356px;
    width: 718px;
    height: 440px;
}
#topmenucontainer 
{
    width: 630px;
    float: left;
}
div.topmenuitem 
{
    width: 125px;
    height: 158px;
    float: left;
}

div.topmenudivider 
{
    margin-top: 18px;
    width: 1px;
    height: 160px;
    float: left;
    background-color: #CA96BA;
}
div.leftmenuitem 
{
    width: 125px;
    height: 161px;
    background: url(/img/1x20_pinkviolet.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
}
div.leftmenudivider 
{
    width: 125px;
    height: 20px;
    border-top: 10px solid #CA96BA;
}
div.modelthumb
{
    float: left;
    padding: 5px;
    margin: 3px;
}
img.mthumb
{
    border: solid 2px #000000;
}
div.photographerthumb 
{
    width: 229px;
    height: 328px;
    float: left;
    padding: 13px;
}
div.floatclear 
{
    clear: both;
}
#infoBox 
{
	z-index: 500;
	position: absolute;
	top: -999px;
	left: -999px;
	display: none;
	visibility: hidden;
	width: auto;
	height: auto;
	background-color: white;
	border: dashed 1px black;
	padding: 10px;
	font-size: 10px;
	white-space: nowrap;
}
#toplogocontainer 
{
    text-align: right;
    width: auto;
}
#topphonecontainer {
    font-family:Times New Roman; 
    position:absolute; 
    bottom:-34px; 
    right:0px;
    color: rgb(181, 61, 97);
    font-size: 29px; 
	opacity: 0;
    font-weight:bold;
    padding-top:4px; 
    padding-right:7px;
}
#casting
{
    position: absolute;
    z-index: 600;
    top: -1000px;
    left: -1000px;
    width: 750px;
    padding: 20px;
    background-color: #fafad2;
    display: none;
    border: #ffa500 1px solid;
}
img 
{
    border: 0px;
}

.violet 
{
    color: #996588 !important;
}
.violet2
{
    color: #ca3368 !important;
}

.black 
{
    color: #000000 !important;
}

.white 
{
    color: #FFFFFF !important;
}
.small 
{
    font-size: small;
}
h1 
{
    font-size: medium;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

h2 
{
    font-size: small;
    text-align: left;
    color: #990033;
}

a:link, a
{
    color: #87455B;
    text-decoration: none;
}

a:hover
{
    color: #000000;
    text-decoration: underline;
}

p.arrow 
{
    background-image: url(/img/p_arrow.gif);
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-top: 0px;
}

.input 
{
    border: outset 1px #996588;
}

/* IE only effects */
img.thumboff 
{
    border: solid 1px #996588;
}
img.thumbon 
{
    
}
select, option 
{
    
}
#page-wrap { 
  width: 100%;
  max-width: 842px; 
    margin: 5px auto;
  
}

#page-wrap:before, #page-wrap:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  
}
#page-wrap:before {
  left: 0;
}
#page-wrap:after {
  right: 0;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,100));
}
#tech-slideshow {
        height: 180px;
        position: relative;
        overflow: hidden;
    }
#tech-slideshow > div {
        height: 830px;
        width: 3036px;
        background: url(/UserFiles/collage.png);
		position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        
        -moz-transition:  opacity 0.5s ease-out; 
           -o-transition: opacity 0.5s ease-out; 
      -webkit-transition: opacity 0.5s ease-out; 
          -ms-transition: opacity 0.5s ease-out; 
		  transition:  opacity 0.5s ease-out;
    
	
	
        /* Медленно */
        -webkit-animation: moveSlideshow 60s linear infinite;
        -moz-animation:    moveSlideshow 60s linear infinite;
		animation:    moveSlideshow 60s linear infinite;
        
        -webkit-transform: translate3d(0,0,0); /* Performance */
    
    }
	
#tech-slideshow #tech-slideshow-1 {
        /* Спрайт */
        background-position: 0 180px;
        
        /* Быстро */
        -webkit-animation: moveSlideshow 20s linear infinite;
        -moz-animation:    moveSlideshow 20s linear infinite;
		animation:    moveSlideshow 20s linear infinite;
    }
    #tech-slideshow:hover #tech-slideshow-2 {
        opacity: 0;
    }
    
    @-webkit-keyframes moveSlideshow {
        0%   { 
            -webkit-transform: translateX(0); 
            -moz-transform:    translateX(0); 
            -ms-transform:     translateX(0); 
            -o-transform:      translateX(0); 
            transform:         translateX(0); 
        }    
        100% { 
            -webkit-transform: translateX(-2200px); 
            -moz-transform:    translateX(-2200px); 
            -ms-transform:     translateX(-2200px); 
            -o-transform:      translateX(-2200px); 
            transform:         translateX(-2200px); 
        }
    }
    @-moz-keyframes moveSlideshow {
        0%   { 
            -webkit-transform: translateX(0); 
            -moz-transform:    translateX(0); 
            -ms-transform:     translateX(0); 
            -o-transform:      translateX(0); 
            transform:         translateX(0); 
        }    
        100% { 
            -webkit-transform: translateX(-2200px); 
            -moz-transform:    translateX(-2200px); 
            -ms-transform:     translateX(-2200px); 
            -o-transform:      translateX(-2200px); 
            transform:         translateX(-2200px); 
        }
    }
  @-keyframes moveSlideshow {
        0%   { 
            -webkit-transform: translateX(0); 
            -moz-transform:    translateX(0); 
            -ms-transform:     translateX(0); 
            -o-transform:      translateX(0); 
            transform:         translateX(0); 
        }    
        100% { 
            -webkit-transform: translateX(-2200px); 
            -moz-transform:    translateX(-2200px); 
            -ms-transform:     translateX(-2200px); 
            -o-transform:      translateX(-2200px); 
            transform:         translateX(-2200px); 
        }
    }
    @-keyframes moveSlideshow {
        0%   { 
            -webkit-transform: translateX(0); 
            -moz-transform:    translateX(0); 
            -ms-transform:     translateX(0); 
            -o-transform:      translateX(0); 
            transform:         translateX(0); 
        }    
        100% { 
            -webkit-transform: translateX(-2200px); 
            -moz-transform:    translateX(-2200px); 
            -ms-transform:     translateX(-2200px); 
            -o-transform:      translateX(-2200px); 
            transform:         translateX(-2200px); 
        }
    }
	.jivo-btn {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
text-transform: none;
cursor: pointer;
background-image: none;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 0px;
border-radius: 4px;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.jivo-btn:hover {
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.2), inset 0 0 20px 10px rgba(255,255,255,0.3);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.2), inset 0 0 20px 10px rgba(255,255,255,0.3);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.2), inset 0 0 20px 10px rgba(255,255,255,0.3);
}
.jivo-btn.jivo-btn-light:hover{
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.3), inset 0 0 20px 10px rgba(255,255,255,0.1);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.3), inset 0 0 20px 10px rgba(255,255,255,0.1);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.3), inset 0 0 20px 10px rgba(255,255,255,0.1);
}
.jivo-btn.jivo-btn-light{
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.3);
}
.jivo-btn:active,
.jivo-btn.jivo-btn-light:active{
box-shadow: 0 1px 0px rgba(255,255,255,0.4), inset 0 0 15px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.4), inset 0 0 15px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.4), inset 0 0 15px rgba(0,0,0,0.2);
cursor: pointer;
}
.jivo-btn:active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.jivo-btn-gradient {
background-image: url(//static.jivosite.com/button/white_grad_light.png);
background-repeat: repeat-x;
}
.jivo-btn-light.jivo-btn-gradient {
background-image: url(//static.jivosite.com/button/white_grad.png);
}
.jivo-btn-icon {
width:17px;
height: 20px;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-left: -5px;
}
.jivo-btn-light {
color: #fff;
}
..jivo-btn-dark {
color: #222;
}

.icon {
position: relative;
z-index: 1;
display: inline-block;

}
.icon .icon-up a {
display: inline-block;
vertical-align: inherit;
margin: 7px -4px 0 0;
padding: 0;
width: 30px;
height: 30px;
background: url('/img/07.png') -35px 0px no-repeat;
}

.icon-up a.icon-vk{background-position: -66px 0px; }
.icon-up a.icon-vk:hover{background-position: -66px -30px;
}
.icon-up a.icon-f{background-position: -4px 0px; }
.icon-up a.icon-f:hover{background-position: -4px -30px;
}
.icon-up a.icon-od{background-position: -35px 0px; }
.icon-up a.icon-od:hover{background-position: -35px -30px;
}
