html {
  width:100%;
  margin:0;
  padding:0;
  clear:both;
}
body {
  margin:0;
  padding:0;
  min-width:100%;
  background-color:#E9E8E8;
  z-index:0;
  font-family: Arial, Helvetica, sans serif;
  font-size:15px;
  background: #E9E8E8 url('../img/fona.jpg') no-repeat center 188px;
}
/*header*/
#header{
  position:relative;
  top:0;
  left:0;
  width: 100% !important;
  min-width: 100%;
  max-width: 100%;
  height:188px;
  background:#E9E8E8 url(../img/lentanew.png) repeat-x;
  padding:0;
  margin:0;
  overflow:hidden;
  -moz-box-shadow: 0px 5px 7px #535353;
  -webkit-box-shadow: 0px 5px 7px #535353;
  box-shadow: 0px 5px 7px #535353;
  z-index:2;
}
#sitehead {
  position:relative;
  top:0;
  left:0;
  width:1300px;
  /*min-width:1300px;*/
  margin:0 auto;
  height:188px;
  display:block;
  overflow:hidden;
  background:url(../img/headerfon.jpg) repeat-x;
  z-index:21;
}
#head {
  width:1000px;
  margin:0 auto;
  position:absolute;
  top: 0px;
  left: 50%;
  margin-left: -500px;
  z-index:22;
}
#headlogo_1 {
  background: transparent url('../img/light.png') no-repeat -60px -60px;
  width:1300px;
  max-width:1300px !important;
  height:123px;
  margin:0 auto;
}
#headlogo_2 {
  background: transparent url('../img/light.png') no-repeat 80px -60px;
  width:1300px;
  max-width:1300px !important;
  height:123px;
  margin:0 auto;
}
#headlogo_3 {
  background: transparent url('../img/light.png') no-repeat 220px -60px;
  width:1300px;
  max-width:1300px !important;
  height:123px;
  margin:0 auto;
}
#headlogo_4 {
  background: transparent url('../img/light.png') no-repeat 345px -60px;
  width:1300px;
  max-width:1300px !important;
  height:123px;
  margin:0 auto;
}
#headlogo_5 {
  background: transparent url('../img/light.png') no-repeat 485px -60px;
  width:1300px;
  max-width:1300px !important;
  height:123px;
  margin:0 auto;
}
#headlogo_6 {
  background: transparent url('../img/light.png') no-repeat 640px -60px;
  width:1300px;
  max-width:1300px !important;
  height:123px;
  margin:0 auto;
}
#headlogo_7 {
  background: transparent url('../img/light.png') no-repeat 800px -60px;
  width:1300px;
  max-width:1300px !important;
  height:123px;
  margin:0 auto;
}
#sitelogo {
  margin:0;
  margin-left:0px;
  margin-top:10px;
  width:222px;
  display:block;
  overflow:hidden;
  float:left;
}
#contactel {
  display:block;
  overflow:hidden;
  float:right;
  position:absolute;
  top:0;
  right:0;
  padding:0;
  width:200px;
  height:30px;
  background-color:black;
  color:#ccc;
  padding-left:10px;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
#contactexpand {
  display:block;
  overflow:hidden;
  float:right;
  position:absolute;
  top:0;
  right:0;
  padding:0;
  display:none;
  width:200px;
  height:60px;
  background-color:black;
  color:#ccc;
  padding-left:10px;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
#slogan {
  width:800px;
  height:100px;
  margin-top:88px;
  display: table-cell;
  text-align: right;
  vertical-align: bottom;
}
nav {
  height:40px;
  width:1020px;
  min-width:1020px;
  margin-bottom:30px;
  margin:0 auto;
  display:block;
  overflow:hidden;
  position:absolute;
  left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
  background:#333333 url('../img/menushadow.png') repeat-x top left;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  -moz-box-shadow: 0px 5px 9px #171717;
  -webkit-box-shadow: 0px 5px 9px #171717;
  box-shadow: 0px 5px 9px #171717; 
  z-index:2;
  
}
nav ul {  
    width: 1000px;  
    list-style: none;
    height:40px;
    padding-left:13px;
    padding-right:13px;
    margin:0;	
}
nav ul li {  
    float: left;
    width:142px;
    height:40px;
    text-align:center;	
}
#home {
    background: url('../img/nachalo_bialo.png') no-repeat;
}
#home:hover {
    background:#fff url('../img/nachalo_cherno.png') no-repeat;
}
#home-active {
    background:#fff url('../img/nachalo_cherno.png') no-repeat;
}
#aboutus {
    background: url('../img/za_nas_bialo.png') no-repeat;
}
#aboutus:hover {
    background:#fff url('../img/za_nas_cherno.png') no-repeat;
}
#aboutus-active {
    background:#fff url('../img/za_nas_cherno.png') no-repeat;
}
#photo {
    background: url('../img/foto_uslugi_bialo.png') no-repeat;
}
#photo:hover {
    background:#fff url('../img/foto_uslugi_cherno.png') no-repeat;
}
#photo-active {
    background:#fff url('../img/foto_uslugi_cherno.png') no-repeat;
}
#video {
    background: url('../img/video_uslugi_bialo.png') no-repeat;
}
#video:hover {
    background:#fff url('../img/video_uslugi_cherno.png') no-repeat;
}
#video-active {
    background:#fff url('../img/video_uslugi_cherno.png') no-repeat;
}
#print {
    background: url('../img/pechat_bialo.png') no-repeat;
}
#print:hover {
    background:#fff url('../img/pechat_cherno.png') no-repeat;
}
#print-active{
    background:#fff url('../img/pechat_cherno.png') no-repeat;
}
#gallery {
    background: url('../img/galeria_bialo.png') no-repeat;
}
#gallery :hover {
    background:#fff url('../img/galeria_cherno.png') no-repeat;
}
#gallery-active {
    background:#fff url('../img/galeria_cherno.png') no-repeat;
}
#contacts {
    background: url('../img/kontakti_bialo.png') no-repeat;
}
#contacts:hover {
    background:#fff url('../img/kontakti_cherno.png') no-repeat;
}
#contacts-active {
    background:#fff url('../img/kontakti_cherno.png') no-repeat;
}
nav ul li a {
   display:block;
   width:142px;
   height:40px;
   text-decoration:none;
   font-weight:bold;
   font-size:90%;
   color:white;
}
nav ul li a{
   padding-top:10px;
}
/*content*/
/*
#fona {
  width:1500px;
  min-height:702px;
  margin-left:auto;
  margin-right:auto;
  margin:0 auto;
  overflow:hidden;
  background: transparent url('../img/fona.jpg') no-repeat 20px 0px;
}
*/
#content {
  width:1000px;
  min-width:1000px;
  min-height:600px;
  position:absolute;
  left:0;
  top:-40;
        right:0;
        margin-left:auto;
        margin-right:auto;
  margin:0 auto;
  border:10px solid white;
  border-top:0;
  background: #333333 url('../img/fon.jpg') no-repeat 0px 30px;
  -moz-box-shadow: 0px 5px 10px #212121;
  -webkit-box-shadow: 0px 5px 10px #212121;
  box-shadow: 0px 5px 10px #212121;
  z-index:1;
}
#content_white {
  width:1000px;
  min-width:1000px;
  min-height:600px;
  position:absolute;
  left:0;
  top:-40;
        right:0;
        margin-left:auto;
        margin-right:auto;
  margin:0 auto;
  border:10px solid #333333;
  border-top:0;
  background: #333333 url('../img/fon2.jpg') no-repeat 0px 0px;
  -moz-box-shadow: 0px 5px 10px #212121;
  -webkit-box-shadow: 0px 5px 10px #212121;
  box-shadow: 0px 5px 10px #212121;
  z-index:1;
}
#contentfon_1 {
  background: transparent url('../img/light.png') no-repeat -250px -300px;
  min-width:1000px !important;
  height:100%;
  display:block;
  overflow:hidden;
}
#contentfon_2 {
  background: transparent url('../img/light.png') no-repeat -70px -300px;
  min-width:1000px !important;
  height:100%;
  display:block;
  overflow:hidden;
}
#contentfon_3 {
  background: transparent url('../img/light.png') no-repeat 60px -300px;
  min-width:1000px !important;
  height:100%;
  display:block;
  overflow:hidden;
}
#contentfon_4 {
  background: transparent url('../img/light.png') no-repeat 205px -300px;
  min-width:1000px !important;
  height:100%;
  display:block;
  overflow:hidden;
}
#contentfon_5 {
  background: transparent url('../img/light.png') no-repeat 345px -300px;
  min-width:1000px !important;
  height:100%;
  display:block;
  overflow:hidden;
}
#contentfon_6 {
  background: transparent url('../img/blacklight.png') no-repeat 500px -300px;
  min-width:1000px !important;
  height:100%;
  display:block;
  overflow:hidden;
}
#contentfon_7 {
  background: transparent url('../img/light.png') no-repeat 650px -300px;
  min-width:1000px !important;
  height:100%;
  display:block;
  overflow:hidden;
}
#photo_service_list {
  width:350px;
  margin-top:100px;
  margin-left:100px;
  color:#fff;
  font-weight:bold;
  text-shadow:1px 1px 3px #000;
}
#photo_service_list ul {
   list-style:none;
   padding: 0;
   margin: 0;
}
#photo_service_list ul li.mservices  {
  background-image: url('../img/list_circle.png');
  background-repeat: no-repeat;
  background-position: left top; 
  padding-left: 60px;
  line-height: 60px;
}
#photo_service_list ul li.mservices:hover{
  background-image: url('../img/list_circle2.png');
  background-position: left top;
}
#photo_service_list ul li.mservices:hover ul{
  background:none;
}
#photo_service_list ul li.mservices ul {
  display:none;
  list-style:none;
  padding: 0;
  margin: 0;
  font-weight:normal;
}
#photo_service_list ul li.mservices:hover ul {
  /*display:block;*/
}
#photo_service_list ul li.mservices ul li { 
  padding-left: 60px;
  line-height: 30px;
  vertical-align: middle;
}

#photo_service_list ul li a {
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}
#contacts_list {
  width:300px;
  margin-top:100px;
  margin-left:50px;
  color:#fff;
  font-weight:bold;
  text-shadow:1px 1px 3px #000;
}
#contacts_list ul {
   list-style:none;
   padding: 0;
   margin: 0;
}
#contacts_list ul li.c_firstli{
  background-image: url('../img/list_circle2.png');
  background-repeat: no-repeat;
  background-position: 0px; 
  line-height: 60px;
  vertical-align:middle;
}
#contacts_list ul li {
  padding-left: 60px;
  line-height: 30px;
  vertical-align:middle;
}
#contacts_list ul li a {
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}
.atext {
  display:block;
  overflow:hidden;
  float:left;
  margin:100px;
  margin-top:100px;
  width:500px;
  color:#fff;
  font-style:italic;
  text-align:left;
  font-weight:bold;
}
.ctext {
  display:block;
  overflow:hidden;
  float:left;
  margin:50px;
  margin-right:0px;
  margin-bottom:10px;
  width:400px;
  color:#fff;
  font-style:italic;
  text-align:left;
  font-weight:bold;
  font-size:90%;
}
.jtext {
  display:block;
  overflow:hidden;
  float:right;
  margin:100px;
  margin-top:10px;
  width:250px;
  color:#fff;
  font-style:italic;
  text-align:center;
  font-weight:bold;
}
.contactform {
  display:block;
  overflow:hidden;
  float:right;
  margin:30px;
  margin-top:10px;
  width:420px;
  color:#fff;
  font-weight:bold;
  background: transparent url('../img/light2.png') no-repeat 300px 260px;
}
.contactformtitle {
  text-align:center;
}
input[type="text"].myinput {
  width:250px;
  height:30px;
  line-height:30px;
  text-indent:5px;
  color:#fff;
  margin:8px;
  border:none;
  background-color: transparent;
  background-image: url('../img/pattern.png');
  background-position:0px 0px;
  boder-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -webkit-box-shadow:-2px 2px 10px #000 inset; 
  -moz-box-shadow:-2px 2px 10px #000 inset; 
  box-shadow:-2px 2px 10px #000 inset;
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
  
}
input:focus { 
  outline:none;
}
textarea.mytextarea {
  width:248px;
  height:150px;
  line-height:30px;
  text-indent:5px;
  color:#fff;
  margin:8px;
  border:none;
  background-color: transparent;
  background-image: url('../img/pattern.png');
  background-position:0px 0px;
  boder-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -webkit-box-shadow:-2px 2px 10px #000 inset; 
  -moz-box-shadow:-2px 2px 10px #000 inset; 
  box-shadow:-2px 2px 10px #000 inset;
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1; 
} 
textarea:focus { 
  outline:none;
}
label {
  float:left; 
  clear:left;
  width:100px;
  padding-top:15px;
}
input[type="submit"].sendbutton {
  width:100px;
  height:35px;
  cursor:pointer;
  cursor:hand;
  color:#fff;
  font-weight:bold;
  font-size:100%;
  text-shadow: 1px 1px 3px black;
  background: transparent;
  border:0;
  margin-left:100px;
}
#gallerybox {
  display:block;
  overflow:hidden;
  margin:50px;
  margin-top:100px;
  width:900px;
  min-width:900px;
  min-height:422px;
  background: url('../img/ramki.png') no-repeat;
}
#gallerybox a.pfirstlink {
  display:block;
  width:900px;
  height:422px;
}
#slideshow {
  position:relative;
  width:360px;
  height:220px;
  margin:101px;
  margin-left:283px;
}
#slideshow img {
  position:absolute;
  top:0;
  left:0;
}
#unsupported-browser {
    display: none;  
	position: absolute;
	z-index:2;	
	background-color: #fff;
	background-image: -moz-linear-gradient(top, #fff, #e2e2e2);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #e2e2e2));

	-webkit-border-radius: 10px;
	-webkit-box-shadow: 1px 1px 5px #000;
	-moz-box-shadow: 1px 1px 5px #000;
	box-shadow: 1px 1px 5px #000;
	
	top: 55%;
	left: 50%;
	width:420px;
	margin:-200px;
	padding:35px;
	font-size: 1.5em;
	border: 1px solid #fff;
}

#unsupported-browser p {
	color: #000;
	text-shadow: white 1px 1px 0;
	line-height: 1.4em;
}

