*{ margin:0; padding:0;}

body{font:12px Tahoma, Arial, sans-serif; color:#333;}
	

img{border:0px}
br.clear{clear:both}

a{ color:#c00}
a:hover{ color:#f40000}

h1{ position:absolute; margin-top:-1000px;}
h2{ font:bold 13px "Century Gothic", Tahoma, sans-serif; padding:0 0 15px 28px; background:url(imgs/ico_blank.gif) no-repeat 8px 2px; text-transform:uppercase; }
h2 a:link, h2 a:visited{ color:#333; text-decoration:none;}
h2 a:link:hover, h2 a:visited:hover{ color:#c00;}



#root{ width:960px; position:relative; margin:0 auto; padding:0 10px;}

#header{ height:104px; padding-top:20px; background:url(imgs/bg_top.jpg) no-repeat left bottom; border-bottom:2px solid #d9d9d9; position:relative; margin-bottom:24px; font-size:10px; text-transform:uppercase;}
#header h1, #header h6{ position:absolute; margin-top:-1000px;}

#header .logo{ display:block; position:absolute; top:11px; left:160px; width:200px; text-align:center;}
#header .logo span{ display:block; border-top:2px solid #c00; padding-top:2px; top:113px; left:0; position:absolute;}
#header .logo:hover{ text-decoration:none; }

#header a{ text-decoration:none; }
#header a:link,#header a:visited{ color:#000;}
#header a:link:hover, #header a:visited:hover { text-decoration:underline;}

#header .nav{ position:absolute; top:60px; left:390px; }
#header .lang{ position:absolute; top:60px; right:32px; }

#header form{ position:absolute; top:58px; right:20px; }
#header form .inp{ border:1px solid #333; font:12px Tahoma, Arial, sans-serif; margin:0 3px 0 0; color:#999}
#header form .but{ background:url(imgs/ico_search.gif) no-repeat left bottom; width:15px; height:13px; border:0; cursor:pointer; }

#collage{ height:250px; overflow:hidden; position:relative;}
#collage *{ position:absolute;}
#collage .collage_graph{ z-index:1; display:block; width:257px; height:248px; margin-top:-7px}
#collage .collage_graph[class]{ background: url(imgs/collage_graph.png) no-repeat 0 0; }
#collage .collage_graph{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/collage_graph.png',sizingMethod=crop);}
#collage .collage_r{ width:354px; height:250px; right:0px;}
#collage .collage_r[class]{ background: url(imgs/collage_r.png) no-repeat 0 0; }
#collage .collage_r{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/collage_r.png',sizingMethod=crop);}
#collage .collage_border{z-index:2;  width:960px; height:250px;}
#collage .collage_border[class]{ background: url(imgs/collage_border.png) no-repeat 0 0; }
#collage .collage_border{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/collage_border.png',sizingMethod=crop);}

.inner #collage{ height:125px;}
.inner #collage .collage_graph{ margin-top:-133px}
.inner #collage .collage_graph:hover{ margin-top:0px}
.inner #collage .collage_border[class]{ background: url(imgs/collage_border_s.png) no-repeat 0 0; }
.inner #collage .collage_border{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/collage_border_s.png',sizingMethod=crop);}




#main{ overflow:hidden; }


.img{ display:block; width:120px; height:120px; }
.img a{ position:absolute; display:block; width:120px; height:120px; opacity:0.6; filter: Alpha(opacity:60); }
.img a:hover{ opacity:0.90; filter: Alpha(opacity:90); }
.img[class] a{ background: url(imgs/mask_prev.png) no-repeat 0 0; }
.img a{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/mask_prev.png',sizingMethod=crop);}


/*.category{ margin-left:-18px; width:1000px;}*/
.category{ width:700px; float:left; margin-left:-18px; margin-bottom:20px;}
.category div{ border-right:1px solid #d9d9d9; width:200px; height:300px; float:left; padding:15px 15px 0 15px;}
.category[class] div{ min-height:300px; height:auto;}
.category h2{ height:30px}
.category div .img{ height:138px;}
.category div .img a{ opacity:1; filter: Alpha(opacity:100); }
.category div .img a:hover{ opacity:0.80; filter: Alpha(opacity:80); }
.category div .img a{ width:200px; }
.category[class] div .img a{ background: url(imgs/mask_cat.png) no-repeat 0 0; }
.category div .img a{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/mask_cat.png',sizingMethod=crop);}
.category div ul{ list-style:none; border-top:1px solid #d9d9d9; }
.category div ul li{ background:url(imgs/li.gif) no-repeat 14px 7px; padding:2px 0px 3px 30px; border-bottom:1px solid #d9d9d9;  }
.category div ul a:link,.category div ul a:visited{ color:#000; text-decoration:none}
.category div ul a:link:hover,.category div ul a:visited:hover{ color:#c00; text-decoration:underline}

.inner .category{ width:200px; margin:0 -1px 15px 0; float:left; border-right:1px solid #d9d9d9; padding-bottom:10px; }
.inner .category div { padding:15px 15px 15px 0; height:auto; min-height:0; width:185px; border:0;}
.inner .category[class] div {  min-height:0; }
.inner .category div span{ display:none;}
.inner .category h2{ height:auto; padding-bottom:6px;}

#content{ width:730px; border-left:1px solid #d9d9d9; float:left; position:relative; padding:15px 0 0 15px; line-height:17px; }
#content h2{ font-size:22px; background-position:10px 10px;}
#content p{ padding-bottom:17px;}
#content ul, #content ol{ padding: 0 0 17px 25px; }
#content p img{ margin:10px;}


/*.portfolio{ width:1000px; position:relative; overflow:hidden; padding-top:15px; }
.portfolio h2{ margin:20px 0 0px 0;}
.portfolio div{ }
.portfolio div .img{ padding:0 10px; float:left;}*/
.portfolio{ width:260px; height:300px; float:right; position:relative; overflow:hidden; padding-top:15px; }
.portfolio div{ width:300px; height:300px; float:left; margin:-10px 0 0 -10px;}
.portfolio div .img{ padding:10px; border-bottom:1px solid #d9d9d9;  border-right:1px solid #d9d9d9; float:left;}
.portfolio h2{ height:30px}

.gallery{ width:960px; height:200px; position:relative; overflow:hidden; padding-top:15px; clear:both; }
.gallery div{ width:5000px; height:120px; border-top:1px solid #d9d9d9; padding-top:10px; }
.gallery div .img{ margin-right:20px; float:left; }


.prev{ position:relative; overflow:hidden;  }
.prev div{ width:340px; height:120px; float:left; padding:10px; border-top:1px solid #d9d9d9;  border-left:1px solid #d9d9d9; margin:-1px 1px 1px -1px;}
.prev div .img{ float:left; padding:0 10px 0 0;}
.prev div p{ float:left; width:210px; line-height:17px; font-size:11px;}
.prev h3{ font-size:12px; background:#eee; color:#c00; font-weight:normal; width:210px; float:left; margin:0 0 10px -5px; padding:2px 0 2px 5px; }



#menu{ padding:0; margin:0 0 0 32px; list-style:none; width:207px; background:#E5E4CF;}


#foot .stat{ position:absolute; top:20px; left:10px;}
#foot{ background:url(imgs/bg_foot.jpg) no-repeat right top; height:68px; padding-top:40px; font-size:11px; text-align:center; border-top:2px solid #d9d9d9; clear:both; position:relative;}
#foot .ukrinsoft{ display:block; width:145px; left:140px; text-decoration:none; color:#000; position:absolute; top:5px; padding-top:16px; text-align:left;}
#foot .ukrinsoft img{position:absolute; left:0; bottom:auto; right:auto; margin-top:2px; background:#fff;}