html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
color: #fff;
text-align: center;
font: 14px Verdana, Arial, Helvetica, sans-serif;
background: url(../images/bodyFon.png) #fff;
}

html,body {
height: 100%;
}
ol, ul {
list-style: none;
}
:focus {
outline: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 100%;
}
a {
color: #5FB3E2;
text-decoration: underline;
}
a:hover{
text-decoration:none;
}

.main {
min-height:100%;
width: 1121px;
margin: 0 auto;
text-align: left;
position: relative;
background: url(../images/mainFon.jpg) no-repeat #000;
overflow: hidden;
}
.mainMiddle{
height: 606px;
}
#inner .main {
background: url(../images/innerMainFon.jpg) no-repeat #000;
}
#innerLight .main {
background: url(../images/innerlightMainFon.jpg) no-repeat #D9D9D9;
}

/*----header---*/
.header {
font: 12px Verdana, Arial, Helvetica, sans-serif;
height: 260px;
position: relative;
z-index:2;
}
#inner .header, #innerLight .header{
height:250px;
}
.header h1, .header h2{
width: 243px;
height: 59px;
overflow: hidden;
background: url(../images/logo.png);
text-indent: -9999px;
position:absolute;
left: 80px;
top:66px;
}

.header h2 a{
display: block;
width: 100%;
height: 100%;
text-indent:-9999px;
overflow:hidden;
}

.phones{
position:absolute;
left:500px;
top:63px;
}
.header i{
color:#494949;
display:block;
margin-bottom:2px;
font-size:117%;
}
.phone{
font-weight:bold;
text-align:right;
font-size:117%;
width:128px;
}
.phone span{
font-weight:normal
}
.worktime{
position:absolute;
left:820px;
top:63px;
width:160px;
}
.worktime span{
color:#DDC206;
}
.adress{
position:absolute;
top:152px;
left:820px;
}
.adress a{
background: url(../images/frame.gif) 0 3px no-repeat;
padding-left:22px;
color:#838992;
position:relative;
left:-22px;
display:block;
}
.adress a:hover{
color:#FFDC07;
text-decoration:underline;
}

.mainMenu{
position: absolute;
top: 185px;
left: 80px;
font-size: 134%;
font-weight:bold;
}
.mainMenu li{
float:left;
position:relative;
width:150px;
cursor: default;

}
.mainMenu a{
color:#fff;
text-decoration:none;
}
.mainMenu a:hover, .mainMenu span{
color:#FFDA08;
}
.mainMenu span{
cursor:default;
}
.mainMenu li ul{
background: url(../images/yellowArrow.gif) 12px 0 no-repeat;
padding-top:5px;
position:relative;
top:2px;
left:-12px;
width:143px;
display:none;
}
.mainMenu li ul li{
float:none;
font-size:75%;
font-weight:normal;
margin-right:0;
background-color: #FFE008;
line-height:27px;
padding:0 3px 0 4px;
}
.mainMenu li ul li a{
color:#262101;
border-bottom:1px solid #D9BF07;
display:block;
padding-left:10px;
height:27px;
}
.mainMenu li ul li a:hover{
color:#262101;
text-decoration:underline;
}

.mainMenu li:hover ul {
display:block;
}
/*----end header---*/

/*---box было margin-left:50px width:345px--*/
.box{
width:290px;
margin-left:10px;
padding-left:25px;
float:left;
display:inline;
position: relative;
}
.box a{
position: relative;
}

#innerLight .box{
color:#000;
}
#innerLight .box a{
color:#00004E;
}

.box h2{
font-size:179%;
text-transform:uppercase;
font-weight:normal;
margin-bottom:18px;
text-indent:-20px;
}
.box h2 a{
color:#fff;
text-decoration:none;
padding-left:20px;

}
.box h2 a:hover{
color:#FFE609;
background: url(../images/h2mark.gif) 0 8px no-repeat;
padding-left:20px;
}
#innerLight .box h2 a:hover{
color:#505050;
background: url(../images/grayCir.gif) 0 8px no-repeat;
text-decoration:underline;
}


.box p{
width:220px;
}

.framed {
background: url(../images/frame.gif) 0 3px no-repeat;
padding-left:22px;
color:#838992;
position:relative;
left:-22px;
display:block;
margin:18px 0;
}

#innerLight .framed {
background: url(../images/frameLight.gif) 0 3px no-repeat;
}

.framed:hover{
color:#FFDC07;
text-decoration:underline;
}

#innerLight .framed:hover{
color:#303030;
text-decoration:none;
}



.box2{
float:right;
width:325px;
}
/*--- было для box3 margin-right:170px ---*/
.box3{
float:right;
display:inline;
width:325px;
margin-top:310px;
margin-right:80px;
}

.boxLinkList{
font-weight:bold;
}
.boxLinkList li{
display:inline;
margin-right:16px;
}
.box img{
margin: 0 0 10px 0;
}
/*---end box--*/

/*---galery-- width была 500px left:80px --*/
.galery{
width:600px;
height:100px;
overflow:hidden;
top:750px;
left:30px;
position: absolute;
}
.galery h4{
font-size:100%;
font-weight:bold;
margin-bottom:10px;
}

.galery li{
float:left;
margin-right:10px;
}
.galery li a{
display: block;
text-align: center;
font-weight: bold;
}
.galery li a img{
display: block;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
margin-top: 5px;
}
.galery li a:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

.clear {
clear: both;
height: 30px;
}

/*---footer-------*/

.footer {
background: url(../images/footerFon.gif) 0 bottom repeat-x #000;
font-size: 117%;
text-align: left;
width: 1121px;
margin: -65px auto 0 auto;
height: 65px;
position: relative;
color:#565656;
font-style:italic;
overflow: hidden;
}
.lfoot{
float:left;
display:inline;
margin-left:50px;
padding-top:20px;
}
.rfoot{
float:right;
display:inline;
margin-right:50px;
padding-top:20px;
}
.footer a{
color:#565656;
}
.counters{
float:left;
display:inline;
margin:30px 0 0 50px;
}
/*---end footer-------*/

/*-------------for steklo_edit page----------------*/
#content{
width:720px;
margin-left:80px;
padding-left:120px;
}
#innerLight #content{
color:#000;
}
#content h1{
text-transform:uppercase;
font-size:200%;
margin-bottom:18px;
margin-left:-120px;
font-weight:bold;
}

#innerLight #content h1{
color:#00004A;
}

#content h2{
font-size:200%;
margin-bottom:18px;
font-weight:bold;
}

#content h3{
font-size:150%;
margin-bottom:18px;
font-weight:bold;
}

#content h4{
font-size:100%;
font-weight:bold;
color:#6CCAFF;
margin-bottom:14px;
}
#innerLight #content h4{
color:#00004A;
}

#content h5, #content h6{
font-size:100%;
font-weight:bold;
margin-bottom:14px;
}

#content p{
margin-bottom:26px;
line-height: 16px;
}
#content a{
color:#8B929B;
}
#innerLight #content a{
color:#00004E;
}

#content li {
margin-bottom: 3px;
}
.picList{
width:840px;
float:left;
margin-bottom:20px;
margin-left:0 !important;
position:relative;
left:-140px;
list-style:none !important;
}
.picList li{
float:left;
margin-right:23px;
}

.picListLink{
background: url(../images/whiteCir.gif) 0 43px no-repeat;
padding-left:20px;
display:block;
overflow:hidden;
height:97px;
width:90px;
}
#innerLight .picListLink{
background: url(../images/blackCir.gif) 0 43px no-repeat;
}
.picListLink:hover{
background: url(../images/h2mark.gif) 0 43px no-repeat;
}
#innerLight .picListLink:hover{
background: url(../images/grayCir.gif) 0 43px no-repeat;
}

.picList li div{
margin-top:5px;
padding-left:20px;
}

.picList li .rightLink{
line-height:97px;
}

#content ul{
margin-bottom:20px;
list-style:circle;
margin-left:20px;
}
#content ol{
list-style:decimal;
margin-bottom:20px;
margin-left:20px;
}
#content table{
margin-bottom:20px;
}
#content table td, #content table th{
padding:5px 15px;
border:1px solid #EEE;
text-align:left;
}
#innerLight #content table td, #innerLight #content table th{
border:1px solid #000;
color:#000;
}


/*-------------end steklo_edit page----------------*/

/*-------------for about page----------------*/
.box4, .box5{
width:270px;
margin-left:57px;
}
.box4{
clear: both;
}
.box5{
margin-left:40px;
}
.box4 h2 a, .box5 h2 a{
background: url(../images/whiteCir.gif) 0 8px no-repeat;
}

#innerLight .box4 h2 a, #innerLight .box5 h2 a{
background: url(../images/blackCir.gif) 0 8px no-repeat;
}

.longGalery{
width:822px;
position:relative;
bottom:0;
left:81px;
}
/*-------------end about page----------------*/

/*-------------for galery page----------------*/
ul.carGalery {
margin-left:63px;
margin-bottom:10px;
list-style:none;
}
.carGalery li{
margin:0 0 16px 16px;
float:left;
display:inline;
height:167px;
width:260px;
overflow:hidden;
text-align:center;
}


#TB_overlay {
position: fixed;
z-index:100;
top: 0;
left: 0;
height:100%;
width:100%;
background-color:#000;
filter:alpha(opacity=55);
-moz-opacity: 0.55;
opacity: 0.55;
}


#popup {
background: #fff;
border: 1px solid #5596a5;
position: absolute;
z-index: 101;
top: 0;
left: 0;
padding: 3px;
visibility: hidden;
color: #999;
font-size: 11px;
}
#popup div {
text-align: right;
}
#loadingImg {
position: absolute;
z-index: 102;
top: 0;
left: 0;
}
/*-------------end galery page----------------*/
.videoPlayer{
text-align: center;
margin-bottom: 50px;
}
.videoPlayer object{
margin: 0 auto;
}


/*-------------Было - width:500px----------------*/
#content .galery{
width:600px;
height:110px;
overflow:hidden;
bottom:0;
margin-left: 70px;
left:0;
top: 0;
position: relative;
}
.double .galery{
width:340px !important;
margin-left: 0 !important;
}
#content .galery h4{
font-size:100%;
font-weight:bold;
margin-bottom:10px;
}
#content .galery ul{
list-style-type: none !important;
margin-left: 0 !important;
}
#content .galery li{
float:left;
margin-right:0;
width: 110px;
position: relative;
}
#content .galery li a{
display: block;
text-align: center;
font-weight: bold;
}
#content .galery li img{
margin: 5px 0 0 4px !important;
}
#content .galery li a img{
display: block;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#content .galery li a:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#content .galery span{
color: #00004E;
display:block;
font-weight:bold;
text-align:center;
cursor: default;
}
#content .treugol{
position: absolute;
width: 20px;
height: 16px;
bottom: -20px;
left: 44px;
background: url(../images/treugol.png) no-repeat;
}
.centerred{
margin-left: 70px;
}
.galleryWorks{
margin-left: 70px;
width: 500px;
}
.galleryWorks li{
float: left;
width: 80px;
height: 100px;
overflow: hidden;
margin-right: 5px;
}
.galleryWorks .clear{
clear: both;
height: 0 !important;
}
.galleryWorks li a{
display: block;
text-align: center;
color: #00004E;
font-size: 12px;
height: 83px;
font-weight: bold;
position: relative;
}
.galleryWorks li img{
position: absolute;
bottom: 0;
left: 0;
}
.titlesOfWorks{
padding: 0 0 5px 85px;
color: #000;
font-weight: bold;
font-size: 17px;
}
.titlesOfWorks span{
color: #00004E;
font-size: 12px;
margin-left: 20px;
font-weight: bold;
cursor: pointer;
text-decoration: underline;
}
.last{
height: 140px !important;
}
.Hfooter{
height: 130px;
}