/* CSS Document */
html,body{
margin:0;
padding:0;
text-align:left;
background:url(/img/bg_body2.gif) repeat-y  left top;
}
#wrapper{
width:1024px;
margin-left:0;
position:relative;
height:980px;
background:url(/img/bg_wrapper.gif) no-repeat left top;
}


/*---------------branding-------------------*/



#branding{
height:39px;
padding-top:4px;
padding-left:275px;
font-family:"Times New Roman", Times, serif;
font-size:42px;
color:#000000;
font-weight:normal;
text-align:left;
position:relative;
}
#branding h1 {
font-family:"Times New Roman", Times, serif;
font-size:42px;
font-weight:normal;
padding:0px;
margin:0px;
}

/*--------------------------------------*/

#wrapper div.text{
position:absolute;
left:515px;
top:545px;
width:478px;
background:url(/img/bg_container.gif) repeat-y left top;
z-index:2;
}
div.text span{
display:block;
background:url(/img/bg_div_span.gif) no-repeat left top;
}
div.text span span{
display:block;
background:url(/img/bg_div_span_span.gif) no-repeat left bottom;
}
#wrapper .shell{
padding:20px;
text-align:justify;
line-height:100%;
font-family:"Times New Roman", Times, serif;
font-size:19px;
color:#000000;
font-weight:normal;

}
#wrapper #images{
position:absolute;
top:43px;
left:10px;
width:426px;
height:465px;
background:url(/img/bg_image.png) no-repeat left top;
z-index:2;
}
#images .shell{
position:relative;
margin-left:30px;
line-height:120%;
}
 #images #whiteShadow{
position:absolute;
top:160px;
left:1px;
z-index:3;
text-align:left;
font-family:Angsana New,"Times New Roman", Times, serif;
font-size:18px;
color:#ffffff;
font-weight: bold;
font-style: italic;
}
 #images #text{
position:absolute;
top:160px;
left:0;
z-index:10;
text-align:left;
font-family:Angsana New,"Times New Roman", Times, serif;
font-size:18px;
color:#000000;
font-style: italic;
font-weight: bold;


}
#whiteShadow span, #text span{
font-size:24px;
font-weight:bold;
font-style:italic;
}
#images #text a{
font-family:Angsana New,"Times New Roman", Times, serif;
font-size:22px;
color:#000000;
font-style: italic;
font-weight: bold;
text-decoration: none;


}
#images #whiteShadow a{
font-family:Angsana New,"Times New Roman", Times, serif;
font-size:22px;
color:#ffffff;
font-style: italic;
font-weight: bold;
text-decoration: none;


}

#images #text a:hover, #images #whiteShadow a:hover{
text-decoration:underline;
}

span.txtind{
 display:block;
 text-indent:40px;
 font-size:24px;
font-weight:bold;
font-style:italic;

 }
#whiteShadow span.small{
font-size:18px;
font-weight:bold;
display:inline;
font-style:italic;

}

#text span.small {
font-size:18px;
font-weight:bold;
display:inline;
font-style:italic;

}

#wrapper a#button_aboutCompany {
display:block;
position:absolute;
left:50px;
top:688px;
width:146px;
height:152px;
background:url(/img/bg_aboutCompany.png) no-repeat left top;
text-indent:-10000px;
_cursor:pointer;

}


#wrapper a#button_product{
display:block;
position:absolute;
left:190px;
top:560px;
width:151px;
height:159px;
background: url(/img/bg_product.png) no-repeat left top;
text-indent:-10000px;
_cursor:pointer;

}
#wrapper a#button_news{
display:block;
position:absolute;
left:335px;
top:450px;
width:143px;
height:156px;
background:url(/img/bg_news.png) no-repeat left top;
text-indent:-10000px;
_cursor:pointer;

}
#wrapper a#button_economyca{
display:block;
position:absolute;
left:460px;
top:330px;
width:151px;
height:166px;
background: url(/img/bg_economyca.png) no-repeat left top;
text-indent:-10000px;
_cursor:pointer;

}
#wrapper a#button_uslugi{
display:block;
position:absolute;
left:610px;
top:210px;
width:135px;
height:161px;
background: url(/img/bg_uslugi.png) no-repeat left top;
text-indent:-10000px;
_cursor:pointer;

}


#wrapper a#button_calculator{
display:block;
position:absolute;
left:730px;
top:80px;
width:158px;
height:172px;
background: url(/img/bg_calculator.png) no-repeat left top;
text-indent:-10000px;
_cursor:pointer;

}
#spacers{
clear:both;
height:300px;
}

#wrapper #cnt{
position:absolute;
left:50px;
bottom:20px;
width:88px;
height:31px;
z-index:2;
}