@import "reset.css";
html{
	font-size:100.01%;
	}
body{
  background:#e60000 url(../images/design/bg/body-top.jpg) no-repeat 50% 0;
  font-family:Arial;
  font-size:0.88em;
  color:#f8b3b3;
	}
a{
  color:#ffffff;
  text-decoration:underline;
  }
a:hover{
  color:#ffffff;
  text-decoration:none;
  }
  
h2{
  color:#ffffff;
  font-size:2.14em;
  font-weight:normal;
  margin:.1em 0 .6em;
  }
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  }
  
/* BONE
*******************************************************************************/  
.bone{
  background:url(../images/design/bg/body-gr.jpg) repeat-x 0 100%;
  }
.bone .bg-1{
  background:url(../images/design/bg/body-bottom.png) no-repeat 50% 100%;
  }
.bone .bg-2{
  background:url(../images/design/bg/body-right.png) no-repeat 100% 100%;
  }
.bone .bg-3{
  background:url(../images/design/bg/body-left.png) no-repeat 0 30%;
  }
  
.wrap{
  width:992px;
  margin:0 auto;
  }
  
/* HEAD
*******************************************************************************/  
#head{
  position:relative;
  height:266px;
  }
#logo{
  position:absolute;
  top:59px;
  }
.slogan{
  position:absolute;
  top:15px;
  left:0;
  width:992px;
  overflow: hidden;
  height:38px;
  }
.slogan span{
  position:absolute;
  top:0;
  left:0;
  width:992px;
  background: url(../images/design/text/slogan.gif) no-repeat 0 0;
  height:38px;
  }
  
.zakaz{
  position:absolute;
  top:141px;
  left:0;
  width:497px;
  overflow: hidden;
  height:108px;
  }
.zakaz span{
  position:absolute;
  top:0px;
  left:0;
  width:497px;
  background: url(../images/design/text/zakaz.jpg) no-repeat 0 0;
  height:108px;
  }
.zakaz:hover span{
  background-position:0 -108px;
  }
  
.fone{
  position:absolute;
  top:160px;
  right:-13px;
  width:322px;
  overflow: hidden;
  height:71px;
  }  
.fone span{
  position:absolute;
  top:0;
  right:0;
  width:322px;
  background: url(../images/design/text/fone2.jpg) no-repeat 0 0;
  height:71px;
  } 
  
  
/* RESIDENTS
*******************************************************************************/
#residents{
  background: url(../images/design/bg/res-m-1.jpg) repeat-x 0 100%;
  width:989px;
  margin:-14px auto 11px;
  }
#residents .res-bg{
  background: url(../images/design/bg/res-l-1.jpg) no-repeat 0 100%;
  }
#residents .jcarousel-skin{
  background: url(../images/design/bg/res-r-1.jpg) no-repeat 100% 100%;
  }

#residents .jcarousel-clip{
  background: url(../images/design/bg/res-m-2.jpg) repeat-x 0 100%;
  }  
#residents .jcarousel-clip-bg{
  background: url(../images/design/bg/res-l-2.jpg) no-repeat 0 100%;
  }  
#residents .jcarousel-clip-bg_2{
  background: url(../images/design/bg/res-r-2.jpg) no-repeat 100% 100%;
  }  
#residents li img{
  display:block;
  vertical-align:bottom;
  }
#residents li span{
  font-size:0.79em;
  line-height:1em;
  
  }
#residents li a{
  display:block;
  width:102px;
  height:106px;
  margin:6px auto 0;
  }
#residents li a:hover,#residents li a.active{
  background:url(../images/design/bg/resid.gif) no-repeat 50% 100%;
  text-decoration:none;
  }
  
  
/* MENU
*******************************************************************************/
#menu{
  height:64px;
  position:relative;
  margin-top:6px;
  }
#menu a{
  display:block;  
  padding: 56px 0 0 0;
  overflow: hidden;
  height: 0px !important;
  background-position:0 0;
  background-repeat:no-repeat;
  position:absolute;
  top:2px;
  }  
#menu a:hover{
  background-position:0 -56px;
  } 
#menu a.active,#menu a.active:hover{
  background-position:0 -112px;
  } 
#menu #m-aboute{
  width:124px;
  left:30px;
  background-image: url(../images/design/btn/aboute.gif);
  }
#menu #m-resident{
  width:169px;
  left:160px;
  background-image: url(../images/design/btn/res.gif);
  }
#menu #m-atrium{
  width:219px;
  left:335px;
  background-image: url(../images/design/btn/atrium.gif);
  }
#menu #m-ray{
  width:237px;
  left:570px;
  background-image: url(../images/design/btn/ray.gif);
  }
  
  
/* CONTENT
*******************************************************************************/
.contents{
  background:url(../images/design/bg/line.gif) repeat-y 638px 0;
  margin:30px 0 0;
  }
.contents .cont-b{
  background:url(../images/design/bg/line-b.gif) no-repeat 638px 100%;
  }
.contents .cont-t{
  background:url(../images/design/bg/line-t.gif) no-repeat 638px 0;
  }
  
.contents h2{
  margin-left:7px;
  }
.contents p{
  margin:.35em 0 .65em;
  line-height:1.2em;
  } 
  
  
.contents .text{
  width:618px;
  float:left;
  }
.contents .sidebar{
  width:338px;
  float:right;
  }
  
.contents .ph_all {float:left; width:249px; }
  
.contents .photo{
  float:left;
  background:url(../images/design/bg/photo.png) no-repeat 0 0;
  padding:9px;
  }

.contents .resid-bio{
  float:right;
  width:364px;
  float:right;
  }

.sidebar .player {
  background:url(../images/design/bg/pl.gif) no-repeat 0 0;
  padding:9px;
  }

.more{
  display:block;
  position:relative;
  text-align:right;
  top:-3.3em;
  margin-bottom:-1em;
  font-size:0.86em;
  color:#f8b3b3;
  }
.sidebar .more{
  margin-right:8px;
  }  
.sidebar .res-video{
  padding-bottom:1em;
  }
  
  
.res-foto{
  position:relative;
  float:right;
  }
.res-foto a{
  display:block;
  width:167px;
  height:128px;
  overflow:hidden;
  float:left;
  position:relative;
  }
.res-foto.main-list a{
  margin:0 28px 20px;
  }
.res-foto.main-list a.num-1{
  margin-left:0;
  }
.res-foto.main-list a.num-3{
  margin-right:0;
  }  
  
.res-foto a span{
  display:block;
  width:167px;
  height:128px;
  overflow:hidden;
  position:absolute;
  top:0;
  left:0;
  background:url(../images/design/bg/zoom.png) no-repeat 0 0;
  }
.res-foto a img{
  margin:6px;
  width:155px;
  height:115px;
  }
.res-foto a.more{
  display:block;
  width:auto;
  height:1.1em;
  float:right;
  }
 
 
  
/* ZAKAZ-FORM
*******************************************************************************/
#zakaz-form{
  margin-top:9em;
  background:url(../images/design/bg/line-d.gif) repeat-y 540px 0;
  }
#zakaz-form .zak-b{
  background:url(../images/design/bg/line-d-b.gif) no-repeat 540px 100%;
  }
#zakaz-form.zak-t{
  background:url(../images/design/bg/line-d-t.gif) no-repeat 540px 0;
  }
  
#zakaz-form .forms{
  width:500px;
  float:left;
  }
#zakaz-form .sheme{
  width:435px;
  float:right;
  }
#zakaz-form .forms form{
  margin-left:4px;
  }  
#zakaz-form .forms .row{
  padding-bottom:.5em;
  }  
#zakaz-form .forms .row:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
  }
  
#zakaz-form .forms label{
  width:164px;
  float:left;
  color:#f8b3b3;
  font-size:1.29em;
  padding-top:.23em;
  }
  
#zakaz-form .forms .selectArea,#zakaz-form .forms .txtarea{
  margin-left:166px;
  }
  
#zakaz-form .forms #f-name{
  width:306px !important;
  }
#zakaz-form .forms #f-fone{
  width:201px !important;
  }
#zakaz-form .forms #f-count{
  width:76px !important;
  }
#zakaz-form .more{
  top:-1.6em;
  margin-bottom:-1em;
  float:right;
  margin-right:12px;
  }  
#zakaz-form .forms .subm{
  text-align:right;
  }
#zakaz-form .forms .subm input{
  position:relative;
  right:-6px;
  }
  
#zakaz-form h2 a{
  color:#f8b3b3;
  font-weight:normal;
  margin-left:.5em;
  text-decoration:none;
  background:url(../images/design/bg/a.gif) repeat-x 0 100%;
  }
#zakaz-form #sheme-ra a{
  margin-right:.5em;
  margin-left:0;
  }
  
/* CALENDAR
*******************************************************************************/
#calendar{
  position:relative;
  }

#calendar .cal-open{
  position:absolute;
  top:-4px;
  right:-6px;
  width:220px;
  z-index:100000;
  display:none;
  } 
#calendar table{
  width:100%;
  font-size:1.17em;
}
  
#calendar .hds {
  background:url(../images/design/bg/call-top.png) no-repeat 0 0;
  padding:4px 6px 6px;
  }
#calendar .hds a,#calendar .hds a:hover{
  color:#450000;
  }
#calendar table a{
  text-decoration:none;
  }
#calendar table a:hover{
  text-decoration:underline;
  }
#calendar td,
#calendar th{
  background:url(../images/design/bg/call-midl.png) 0 0;
  padding:4px;
  text-align:center;
  }
#calendar td.at{
  background:url(../images/design/bg/call-bottom.png) no-repeat 0 100%;
  }
#calendar td.ra{
  background:url(../images/design/bg/call-bottom.png) no-repeat 100% 100%;
  }
#calendar thead th,#calendar thead td{
  border-top:1px dashed #e60000;
  border-bottom:1px dashed #e60000;
  color:#e60000;
  font-size:1.29em;
  }
#calendar thead a{
  color:#e60000;
  }
#calendar tbody th{
  color:#ea5555;
  font-size:0.86em;
  }  
#calendar tbody td{
  color:#e60000;
  }
#calendar tbody a{
  font-weight:bold;
  }
#calendar .at{
  color:#9000ff;
  }
#calendar .ra{
  color:#ff009c;
  }
#calendar tfoot{
  font-size:0.86em;
  }
#calendar tfoot td{
  border-top:1px dashed #e60000;
  }
  
  
  
/* FOOTER
*******************************************************************************/  
.footer{
  /*height:130px;*/
  overflow:hidden;
  padding:30px 0 20px;
  }
.footer .copyright{
  width:430px;
  float:right;
  padding:19px 0pt 14px 40px;
  background:url(../images/design/bg/copyright.gif) no-repeat 0 50%;
  color:#a28080;
  font-size:0.86em;
  line-height:1.16em;
  }
.footer .copyright a,.footer .copyright a:hover{
  color:#960000;
  }
.footer .copyright span{
  font-size:.86em;
  }
.footer .counter{
  width:516px;
  float:left;
  text-align:right;
  padding-top:45px;
  }
.footer .counter a{
  opacity: 0.3;
  -moz-opacity:0.3;
  }
.footer .counter a:hover{
  opacity: 1;
  -moz-opacity:1;
  }
  
  
/* video-list
*******************************************************************************/
.video-list{

  }
.video-list li{
  margin-bottom:1em;
  }
.video-list .prew{
  float:left;
  }
.video-list .prew a{
  display:block;
  float:left;
  position:relative;
  padding:8px
  }
.video-list .prew img{
  width:120px;
  height:90px;
  }
.video-list .prew a span{
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:url(../images/design/bg/video-pr.png) no-repeat 0 0;
  cursor:pointer;
  }
  
.video-list .name{
  font-size:1.12em;
  padding-top:.2em;
  margin:0 0 .2em 0;
  }
.video-list .name a{
  font-weight:bold;
  }
  
  
/* pager
*******************************************************************************/
.pager{
  text-align:center;
  padding:0 1em;
  clear:both;
  }
.pager li{
  display:inline;
  font-size:1.24em;
  margin:0 15px;
  }
.pager li span{
  font-weight:bold;
  }
  
  
input.zak-sub_back {background:url('../images/design/btn/submit.gif') no-repeat; width:147px; height:65px; border:none; cursor:pointer; }