* { 
margin:0; 
padding:0;
}
html {
height:100%;
font-size:100.01%;
width:100%;
 }
body { 
height:auto !important;
height:100%;
min-height:100%;
width:100%;
min-width:1150px;
margin:0 auto;
position:relative; 
font-size:100%;
font-family:Trebuchet MS;
}
/*----------------текст------------*/
a{
color:#45a0e6;
font-family:Trebuchet MS;

}
p{
font-size:14px;
font-weight:normal;
padding-bottom:10px;
color:#5c5857;
}
h3{
font-size:16px;
font-weight:normal;
padding-bottom:10px;
color:#5c5857;

}
h2{
font-size:18px;
font-weight:normal;
font-style:italic;
padding-bottom:10px;
color:#5c5857;
}
h1{
font-size:22px;
font-weight:normal;
font-style:italic;
padding-bottom:10px;
color:#5c5857;
}
/*----------------текст------------*/
#all{
min-height:100%;
min-width:1024px;
position:relative;
}
.clear {
clear:both;
float:none !important;
font-size:0;
height:0;
overflow:hidden;
}
#logo{
position:absolute;
background:url(img/logo.png) no-repeat;
width:227px;
height:151px;
left:0px;
z-index:99999;
top:-40px;
display:block;
}
#header_layout{
background:url(img/top_fon.jpg) repeat-x;
overflow:hidden;
z-index:2;
}
#hl{
width:1002px;
margin:0 auto;
}
#header{
background:url(img/top_fon.jpg) repeat-x;
height:38px;
width:100%;
position:relative;
}
#contacts{
padding-left:500px;
padding-top:5px;
}
#tel_pic{
background:url(img/tel_top.png) no-repeat;
background-position:left top;
height:34px;
width:450;
text-indent:30px;
font-size:15px;
font-family:Georgia;
vertical-align:bottom;
line-height:34px;
font-weight:bold;
font-style:italic;
}

#ceter_layout{
background:url(img/body_lr_fon.jpg) repeat-x;
height:576px;
width:100%;
}
#cl{
width:1002px;
margin:0 auto;
}
#center{
background:url(img/body_fon.jpg) repeat-x;
height:576px;
width:1001px;
position:relative;
}

/*main menu*/
#menuha{
position:absolute;
background:url(img/menubg.jpg) no-repeat;
width:166px;
height:166px;
left:40px;
z-index:3;
top:126px;
}
#links_menu{
padding:35px 0 0 30px;
}
.ls{
padding-bottom:10px;
}
a #link1{
background:url(img/portfolio_link.png) no-repeat;
background-position:0 -17px;
width:106px;
height:16px;
z-index:3;
}
a:hover #link1{
background-position:0 0px;
}
a #link2{
background:url(img/serv_link.png) no-repeat;
background-position:0 -17px;
width:61px;
height:17px;
z-index:3;
}
a:hover #link2{
background-position:0 0px;
}
a #link3{
background:url(img/contacts_link.png) no-repeat;
background-position:0 -16px;
width:99px;
height:15px;
z-index:3;
}
a:hover #link3{
background-position:0 0px;
}
a #link4{
background:url(img/ideal_link.png) no-repeat;
background-position:0 -15px;
width:99px;
height:14px;
z-index:3;
}
a:hover #link4{
background-position:0 0px;
}
/*main menu*/


#main_txt{
position:absolute;
background:url(img/txt.png) no-repeat;
width:790px;
height:136px;
left:181px;
z-index:3;
top:407px;
}

#footer_layout{
background:url(img/t.jpg) repeat;
overflow:hidden;
position:relative;
z-index:2;
width:100%;
}
#fl{
width:1002px;
margin:0 auto;
}
#footer{
height:298px;
width:1001px;
position:relative;
}
/*projects*/

a #txt1{
position:absolute;
background:url(img/txt1.png) no-repeat;
background-position:0 0px;
width:267px;
height:174px;
left:311px;
z-index:3;
top:166px;
}
a:hover #txt1{
background-position:0 -174px;
}

a #txt2{
position:absolute;
background:url(img/txt2.png) no-repeat;
background-position:0 0px;
width:89px;
height:78px;
left:671px;
z-index:3;
top:68px;
}
a:hover #txt2{
background-position:0 -78px;
}

a #txt3{
position:absolute;
background:url(img/txt3.png) no-repeat;
background-position:0 0px;
width:126px;
height:116px;
left:747px;
z-index:3;
top:205px;
}
a:hover #txt3{
background-position:0 -116px;
}

a #txt4{
position:absolute;
background:url(img/txt4.png) no-repeat;
background-position:0 0px;
width:54px;
height:33px;
left:627px;
z-index:3;
top:211px;
}
a:hover #txt4{
background-position:0 -33px;
}

a #txt5{
position:absolute;
background:url(img/txt5.png) no-repeat;
background-position:0 0px;
width:53px;
height:32px;
left:263px;
z-index:3;
top:67px;
}
a:hover #txt5{
background-position:0 -32px;
}

a #txt6{
position:absolute;
background:url(img/txt6.png) no-repeat;
background-position:0 0px;
width:72px;
height:36px;
left:543px;
z-index:3;
top:126px;
}
a:hover #txt6{
background-position:0 -36px;
}
a #txt7{
position:absolute;
background:url(img/star.png) no-repeat;
background-position:0 0px;
width:87px;
height:56px;
left:589px;
z-index:3;
top:311px;
}
a:hover #txt7{
background-position:0 -56px;
}
a #txt8{
position:absolute;
background:url(img/lampa.png) no-repeat;
background-position:0 -45px;
width:36px;
height:45px;
left:914px;
z-index:3;
top:33px;
}
a:hover #txt8{
background-position:0 0px;
}
/**/
#creativ{
position:relative;
}
#button{
position:absolute;
background:url(img/predlideas.png) no-repeat;
width:118px;
height:119px;
z-index:2;
top:43px;
left:65px;
}
#titcreativ{
position:absolute;
background:url(img/creativ.png) no-repeat;
width:456px;
height:133px;
z-index:2;
top:34px;
left:55px;
}
a #button_allidea{
position:absolute;
background:url(img/all_ideas.png) no-repeat;
background-position:0 0px;
width:93px;
height:24px;
left:201px;
z-index:3;
top:167px;
}

a:hover #button_allidea{
background-position:0 -24px;
}
#skobka{
position:absolute;
background:url(img/skobka.png) no-repeat;
width:22px;
height:89px;
left:542px;
z-index:3;
top:75px;
}

#internet{
position:relative;
}
#titinternet{
position:absolute;
background:url(img/internet.png) no-repeat;
width:301px;
height:121px;
z-index:2;
top:35px;
left:600px;
}

a #button_allserv{
position:absolute;
background:url(img/all_serv.png) no-repeat;
background-position:0 0px;
width:94px;
height:20px;
left:671px;
z-index:3;
top:167px;
}

a:hover #button_allserv{
background-position:0 -20px;
}

#copyright{
position:absolute;
background:url(img/copyright.png) no-repeat;
background-position:left top;
width:300px;
height:21px;
left:53px;
z-index:3;
top:251px;
font-size:13px;
color:#9d9c8d;
text-indent:30px;
}
#telbot{
position:absolute;
background-position:left top;
width:300px;
height:21px;
left:700px;
z-index:3;
top:251px;
font-size:13px;
color:#9d9c8d;
text-indent:30px;
}