/*   Дизайн и разработка сайтов
     City: Fryazino&Moscow
     Tel: +7-916-452-19-60
     E-mail: mistio@mail.ru
     Site: www.yourformat.ru
     Icq: 283-433-690     background-color:#cccccc;
*/

/*ОСНОВНОЙ СТИЛЬ*/
body           {
               margin:0;
               padding:0;
               background:url(/img/bd.jpg) repeat-x;
               background-color:#000000;
               }




               
#logo          {
               width:814; height:320;
               background:url(/img/logo.jpg) no-repeat;
               margin:0;
               padding:0;
               }

#cont          {
               width:814;  height:100%;
               background:url(/img/fon.jpg) repeat-y;
               text-align:left;
               margin:0;
               padding:0 0 50 0;
               }


#foto          {
               width:200;
               float:left;
               margin:5 0 0 0;
               padding:0 0 0 0;
               }
               
#foto1         {
               width:520;
               text-align:center;
               float:left;
               margin:5 0 0 15;
               padding:0 0 0 0;
               }
               
#foto2         {
               width:50; height:50;
               background-color:#000;
               text-align:center;
               float:left;
               margin:5 0 0 5;
               padding:0;
               }

#subcont2   ul {
               margin:0;
               padding:0 0 0 170;
               }






#niz           {
               width:850; height:59;
               background-color:#000;
               background:url(/img/niz.jpg) no-repeat;
               border-top:solid 1px #333333;
               margin:0;
               padding:0;
               }



               
#subcont1      {
               width:150; height:100%;
               float:left;
               text-align: center;
               margin:0 0 0 10;
               padding:50 0 0 0;
               font-family:verdana,arial; color:343434; font-size: 11px;
               font-style: normal; font-weight:lighter;
               }


#subcont       {
               width:580;  height:100%;
               float:left;
               margin:0 0 0 61;
               padding:0;
               }


#subcont2      {
               width:740;
               float:left;
               margin:0 0 50 61;
               padding:0;
               }




/*СТИЛЬ ГЛАВНОГО МЕНЮ*/
#menu  ul      {
               float:left;
               list-style:none;
               padding:0 0 0 0;
               margin:0;
               }
#menu          {
               padding:285 0 0 270;
               margin:0;
               }

#menu  li a     {
               color: #343434;
               TEXT-DECORATION:none;
               display: block;
               font:11px verdana;
               font-weight:lighter;
               background: url(/img/marker.gif) no-repeat  left;
               margin:0 0 0 20;
               padding:0 0 0 10;
               }

#menu  li a:hover {
               color: #999999;
               TEXT-DECORATION:none;
               }

               
a              {
               COLOR: #343434; FONT-SIZE: 14px;
               FONT-WEIGHT:bold; FONT-FAMILY: arial,courier new;
               TEXT-DECORATION:none;
               }
a:hover        {
               COLOR: #ffffff;
               TEXT-DECORATION:none;
               }

#foto a        {
               COLOR: #666666; FONT-SIZE: 10px;
               FONT-WEIGHT:bold; FONT-FAMILY: arial,courier new;
               TEXT-DECORATION:underlane;
               margin:0;
               padding:0;
               }

#foto  a:hover {
               COLOR: #ffffff;
               TEXT-DECORATION:none;
               }




h1             {
               text-align: center;
               font-family:verdana,arial; color:ff6600; font-size: 11px;
               font-style: normal; font-weight:lighter;
               background-color:#333333;
               width:100;
               margin:50 0 0 0;
               padding:2 0 4 0;
               }

h2             {
               text-align: center;
               font-family:arial; color:cccccc; font-size: 16px;
               font-style: normal; font-weight:lighter;
               background-color:#333333;
               width:150;
               margin:10 0 0 0;
               padding:2 0 3 0;
               }

h3             {
               text-align: left;
               font-family:verdana,arial; color:999999; font-size: 11px;
               font-style: normal; font-weight:lighter;
               line-height:20px;
               border-bottom:dashed 1px #333333;
               border-top:dashed 1px #333333;
               margin:10 0 0 40;
               padding:5;
               }

h4             {
               text-align: left;
               font-family:verdana; color:666666; font-size: 11px;
               font-style: normal; font-weight:lighter;
               line-height:15px;
               border-bottom:solid 1px #333333;
               border-top:solid 1px #333333;
               margin:0 0 0 0;
               padding:5 5 5 10;
               }
               
h5             {
               width:660;
               text-align: left;
               font-family:verdana,arial; color:999999; font-size: 11px;
               font-style: normal; font-weight:lighter;
               line-height:20px;
               border-top:dashed 2px #000;
               border-bottom:dashed 2px #000;
               margin:10 0 0 40;
               padding:10 0 10 0;
               }


/*стиль скрипта загрузки фотографий--------------------------------------------------------------*/

#lightbox      {
               position: absolute;left:0;width: 100%;z-index: 100;
               text-align: center; line-height: 0;
               }

#lightbox img  {
               width: auto; height: auto;
               }

#lightbox a img{
                border: none;
               }

#outerImageContainer
               {
               position: relative;  background-color:#000;
               width: 250px; height: 250px; margin: 0 auto;
               }

#imageContainer{
               padding-top:10px; padding-bottom:10px;
               padding-left:10px;  padding-right:10px;
               }

#loading       {
               position: absolute; top: 40%;
               left: 0%; height: 25%; width: 100%;
               text-align: center; line-height: 0;
               }

#hoverNav      {
               position: absolute; top: 0; left: 0;
               height: 0; width: 10; z-index: 0;
               }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a    {
               outline: none;
               }

#imageDataContainer
               {
               font: 10px Verdana, Helvetica, sans-serif;
               background-color: #000; margin: 0 auto; line-height: 1.4em;
               overflow: auto; width: 100;
               }

#imageData     {
               padding:10px; color: #000;
               }

#imageData #imageDetails
               {
               width: 0px; float: left; text-align: left;
               }

#imageData #caption
               {
               font-weight: bold;
               }

#overlay       {
               position: absolute; top: 0; left: 0; z-index: 90;
               width: 100%; height: 500px; background-color: #000000;
               }













