/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2014 rus-conf.net. All Rights Reserved
  
  License:
  Copyrighted Rus-conf.net
  
  Author:
  AnnaTheme - http://wwww.rus-conf.net
---------------------------------------------------------------- */

html,
body {
  margin:           0;
  padding:          0;
  height:           100%;
  font-family:      'Myriad Pro Light',sans-serif;
  font-size:        14px;
  color:            #666;
  background:       #fffdeb;
}
h2 {
  font-family:      'Myriad Pro Light',sans-serif;
  font-weight:      normal;
}

/* Шрифт */
@font-face {
    font-family: "Myriad Pro Light";
    src: url('../font/MyriadProLight.eot');
    src: url('../font/MyriadProLight.eot?#iefix') format('eot'),
        url('../font/MyriadProLight.woff') format('woff'),
        url('../font/MyriadProLight.ttf') format('truetype'),
        url('../font/MyriadProLight.svg#FontAwesome') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Myriad Pro Light";
    src: url('../font/MyriadProLight.eot');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Myriad Pro Light";
    src: url('../font/MyriadProLight.woff') format('woff'),
        url('../font/MyriadProLight.ttf') format('truetype'),
        url('../font/MyriadProLight.svg#FontAwesome') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* END Шрифт */

.font-style
{
font-family:        Average;
color:              #2E2E2E;
font-size:          14px;
background-color:   #FFFFFF;
padding:            20px;
}
.font-style
{
font-family:        Rouge Script;
color:              #2E2E2E;
font-size:          26px;
background-color:   #FFFFFF;
padding:            20px;
}
.wrapperimg {
width:              1024px;
min-height:         660px;
background-color:   #fff;
margin:             0 auto;
-moz-box-shadow:    1px 1px 3px 2px #eaddb6;
-webkit-box-shadow: 1px 1px 3px 2px #eaddb6;
box-shadow:         1px 1px 3px 2px #eaddb6;
}
.wrapperabout {
margin:             0 auto;
width:              760px;
min-height:         760px;
position:           relative;
background-color:   #fff;
-moz-box-shadow:    1px 1px 3px 2px #eaddb6;
-webkit-box-shadow: 1px 1px 3px 2px #eaddb6;
box-shadow:         1px 1px 3px 2px #eaddb6;
}

.wrappermsg {
margin:             0 auto;
width:              964px;
min-height:         100px;
padding:            20px 20px 20px 40px;
position:           relative;
background-color:   #fff;
-moz-box-shadow:    1px 1px 3px 2px #eaddb6;
-webkit-box-shadow: 1px 1px 3px 2px #eaddb6;
box-shadow:         1px 1px 3px 2px #eaddb6;
}

.portfoliomenu {
margin:             0 auto;
width:              700px;
min-height:         40px;
padding:            20px 20px 20px 40px;
position:           relative;

}

#slider {
width:              960px;
height:             640px;
margin:             30px auto;
position:           relative;
z-index:            200;
}
#slider > img {
width:              960px;
height:             auto;
max-height:         640px;
float:              left;
display:            none;
margin:             10px auto;
position:            absolute;
z-index:            200;
}
a#button {
padding:            5px 10px;
background-color:   #ccc;
margin-top:         -5px;
text-decoration:    none;
z-index:            900;
color:              #666;
}
a#button:hover {
background-color:   #b7b7b7;
color:              #666;
z-index:            9900;
}
a.right {
  min-width:          15px;
  box-shadow:         0 1px 0 #eaddb6;
  -moz-box-shadow:    0 1px 0 #eaddb6;
  -webkit-box-shadow: 0 1px 0 #eaddb6;
}
div.right { 
  float:              right;
  z-index:            9900;
  margin-top:         -350px;
  position:           relative;
  width:              35px;
  height:             35px;
  padding:            12px;
  cursor:             pointer;
  font-size:          38px;
  color:              #666;
  background:           #fff;
  background-image:     url('http://lyukhanova.com/icons/right_arrow.png');
  background-repeat:    no-repeat;
  background-size:      50px 50px;
  background-position:  center;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://lyukhanova.com/icons/right_arrow.png', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://lyukhanova.com/icons/right_arrow.png', sizingMethod='scale')";
  font-weight:            bold;
  -webkit-border-radius:  2px;
  -moz-border-radius:     2px;
  border-radius:          2px; 
}
div.left {
  float:              left;
  z-index:            9900;
  margin-top:         -350px;
  position:           relative;
  width:              35px;
  height:             35px;
  padding:            12px;
  cursor:             pointer;
  font-size:          38px;
  color:              #666;
  background:           #fff;
  background-image:     url('http://lyukhanova.com/icons/left_arrow.png');
  background-repeat:    no-repeat;
  background-size:      50px 50px;
  background-position:  center;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://lyukhanova.com/icons/left_arrow.png', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://lyukhanova.com/icons/left_arrow.png', sizingMethod='scale')";
  font-weight:            bold;
  -webkit-border-radius:  2px;
  -moz-border-radius:     2px;
  border-radius:          2px;
}
div.right_ie8 { 
  float:              right;
  z-index:            9900;
  margin-top:         -350px;
  position:           relative;
  width:              35px;
  height:             35px;
  padding:            12px;
  cursor:             pointer;
  font-size:          38px;
  color:              #666;
  background:           #fff;
  background-repeat:    no-repeat;
  background-size:      50px 50px;
  background-position:  center;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://lyukhanova.com/icons/right_arrow.png', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://lyukhanova.com/icons/right_arrow.png', sizingMethod='scale')";
  font-weight:            bold;
  -webkit-border-radius:  2px;
  -moz-border-radius:     2px;
  border-radius:          2px; 
}
div.left_ie8 {
  float:              left;
  z-index:            9900;
  margin-top:         -350px;
  position:           relative;
  width:              35px;
  height:             35px;
  padding:            12px;
  cursor:             pointer;
  font-size:          38px;
  color:              #666;
  background:           #fff;
  background-repeat:    no-repeat;
  background-size:      50px 50px;
  background-position:  center;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://lyukhanova.com/icons/left_arrow.png', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://lyukhanova.com/icons/left_arrow.png', sizingMethod='scale')";
  font-weight:            bold;
  -webkit-border-radius:  2px;
  -moz-border-radius:     2px;
  border-radius:          2px;
}
ie6 .left, 
ie7 .left,
ie8 .left {
    background-image: none;
    border-radius:          2px;
}
.about_photo {
  z-index:            9900;
  margin-top:         -120px;
  position:           relative;
  width:              1004px;
  height:             70px;
  background:         #fff;
  opacity:            0.4;   /* Standards Compliant Browsers */
  filter: alpha(opacity=40); /* IE 7 and Earlier */
  -moz-opacity: 0.4;         /* Netscape */
  -khtml-opacity: 0.4;       /* Safari 1.x */
    /* Next 2 lines IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  padding:            10px;
  text-align:         center;
}
hr {
  border: 0;
  margin: 0;
  height: 1px;
  background: #333;
  background-image: -webkit-linear-gradient(left, #ccc, #a61d2d, #ccc);
  background-image: -moz-linear-gradient(left, #ccc, #a61d2d, #ccc);
  background-image: -ms-linear-gradient(left, #ccc, #a61d2d, #ccc);
  background-image: -o-linear-gradient(left, #ccc, #a61d2d, #ccc);
  /*border-bottom: 1px solid #a61d2d;*/
}
.upmenu {
font-family:        Average;
font-size:          16px;
}
a.upmenu  {
color:              #666;
text-decoration:    none;
}
a.upmenu:hover {
color:              #f9b355;
}
.headertext {
font-family:        Rouge Script;
font-size:          56px;
color:              #000;
}
.headersmall {
font-family:        Average;
font-size:          14px;
color:              #666;
}
.prall {
width:              820px;
margin:             0 auto;
position:           relative;
}
/*Portfolio*/
.pr1 {
width:              360px;
height:             320px;
background-color:   #fff;
margin-top:         30px;
float:              left;
-moz-box-shadow:    1px 1px 3px 2px #eaddb6;
-webkit-box-shadow: 1px 1px 3px 2px #eaddb6;
box-shadow:         1px 1px 3px 2px #eaddb6;
} 
.pr2 {
width:              360px;
height:             320px;
background-color:   #fff;
margin-top:         30px;
margin-left:        20px;
float:              left;
-moz-box-shadow:    1px 1px 3px 2px #eaddb6;
-webkit-box-shadow: 1px 1px 3px 2px #eaddb6;
box-shadow:         1px 1px 3px 2px #eaddb6;
}

.prborder {
width:              340px;
height:             227px;
position:           relative;
padding:            10px;
}
.prborder img {
width:              340px;
height:             227px;
}
.prtext {
width:              220px;
margin:             0 auto;
text-align:         center;
}
/*END Portfolio*/
.center {
margin:             0 auto;
width:              320px;
height:             260px;
}
.phone {
font-family:        Average;
font-size:          18px;
color:              #000;
}
#images {
width:              960px;
min-height:         480px;
padding:            10px;
position:           relative;
}
ul#smallimages {
width:              780px;
overflow:           hidden;
margin:             0 0 0px -36px;
}
#smallimages li{
max-width:          140px;
width:              auto;
height:             100px;
float:              left;
list-style:         none;
cursor:             pointer;
padding:            5px;
}
#smallimages img{
max-width:          140px;
width:              auto;
height:             100px;
float:              left;
border:             2px solid #fff;
}
#smallimages li:hover img{
border:             2px solid #ccc;
}

button, a.button {
  display: inline-block;
  margin: 0 0 0 0;
  font-size: 14px;
  cursor: pointer;
  height: auto;
  line-height: normal;
  text-decoration: none;
  padding: 8px 20px 9px 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow:         0 1px 0 #eaddb6;
  -moz-box-shadow:    0 1px 0 #eaddb6;
  -webkit-box-shadow: 0 1px 0 #eaddb6;
  text-align:         center;
}

button, a.button {
  color: white !important;
  text-shadow: 0 -1px 0 #777777;
  border: 1px solid #bbbbbb;
  border-bottom-color: #bbbbbb;
  background: #bc2133;
  background: linear-gradient(top, #bc2133, #7b1521);
  background: -moz-linear-gradient(top, #bc2133, #7b1521);
  background: -webkit-gradient(linear, left top, left bottom, from(#bc2133), to(#7b1521));
  background: -o-linear-gradient(top, #bc2133, #7b1521);
  background: -ms-linear-gradient(top, #bc2133, #7b1521);
}

button {
  z-index: 1;
}

button:hover, a.button:hover {
  background: #dc3448;
  background: linear-gradient(top, #dc3448, #7b1521);
  background: -moz-linear-gradient(top, #dc3448, #7b1521);
  background: -webkit-gradient(linear, left top, left bottom, from(#dc3448), to(#7b1521));
  background: -o-linear-gradient(top, #dc3448, #7b1521);
  background: -ms-linear-gradient(top, #dc3448, #7b1521);
}

button.gray, a.button.gray {
  background: #fcfcfc;
  background: linear-gradient(top, #fcfcfc 0%, #eeeeee 80%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(80%, #eeeeee));
  background: -moz-linear-gradient(top, #fcfcfc 0%, #eeeeee 80%);
  background: -o-linear-gradient(top, #fcfcfc 0%, #eeeeee 80%);
  background: -ms-linear-gradient(top, #fcfcfc 0%, #eeeeee 80%);
  color: #555555 !important;
}  

a.button.gray, a.button.gray:hover, a.button.gray:active {
  border: 1px solid #bbbbbb;
  border-bottom-color: #999999;
  text-shadow: 0 1px 0 rgba(255,255,255,0.6);
  color: #555555 !important;
  text-decoration: none;
}

input, textarea {
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.01);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.01);
  -moz-transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -ms-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear;
  border: 1px solid #D0D0D0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  outline: 0;
  margin: 2px;
  padding: 11px 5px 11px 5px;
  width: 400px;
  background-color: white;
  display: inline-block;
  overflow: visible;
}
/* FILM-Strip */
#thumbnails {
  height:           105px;
  width:            1024px;
}
#previous
{
  background-color:   #999999;
  background-image:   url('http://lyukhanova.com/icons/left-arrow.png') !important;
  background-repeat:  no-repeat !important;
  background-size:    20px 30px;
  background-position:0px 40px;
  height:           106px;
  width:            22px;
  cursor:           pointer;
  float:            left;
  position:         relative;
}
#previous:hover
{
  background:       #ccc;
  background-image:   url('http://lyukhanova.com/icons/left-arrow.png') !important;
  background-repeat:  no-repeat !important;
  background-size:    20px 30px;
  background-position:0px 40px;
}
.photo_img{
  padding:          2px;
  border:           1px solid #cccccc;
  float:            left;
  width:            134px;
  height:           100px;
} 
#slidearea
{
  height:           106px;
  width:            980px;
  overflow:         hidden;
  position:         relative;
  float:            left;
}
 
#slider_fl
{
  position:         absolute;
  height:           140px;
}
 
#next
{
  background-color:   #999999;
  background-image:   url('http://lyukhanova.com/icons/right-arrow.png') !important;
  background-repeat:  no-repeat !important;
  background-size:    20px 30px;
  background-position:0px 40px;
  height:           106px;
  width:            22px;
  cursor:           pointer;
  float:            left;
  position:         relative;
}
#next:hover
{
  background:       #ccc;
  background-image:   url('http://lyukhanova.com/icons/right-arrow.png') !important;
  background-repeat:  no-repeat !important;
  background-size:    20px 30px;
  background-position:0px 40px;
}
.slideshow_img {
  max-width:        134px;
  height:           auto;
  max-height:       93px;
  display:          block;
  margin-left:      auto;
  margin-right:     auto
}
.slideshow_div {
  padding-top:      4px;
}
.next_hide {
  background:       #cccccc;
}
.previous_hide {
  background:       #cccccc;
}