html, body{ height:100%; text-align:center;  position:relative;}
body{ background:url(/i/footerBack.jpg);}
#page{ padding-bottom:10px; background:url(/i/bodyBack.jpg); text-align:left; color:#fff; min-width:950px; height:100%; position:relative;}
html>body #page{ min-height:100%; height:auto;}

*{ font-family:Arial; font-size:13px; margin:0px; padding:0px;}
table{ width:100%; border-collapse:collapse;}
td{ vertical-align:top;}
a{ color:#FFCC00;}
a img{ border:none;}
.center{ text-align:center;}
.clear{ clear:both;}
#content{ padding-bottom:80px;}

#header{ background:url(/i/headerBack.jpg) repeat-x;}
div.headerWrapper{ background:url(/i/rightImg.jpg) no-repeat 100% 0%; height:308px; position:relative;}
div#expo{ background:url(/i/rightImg_expo.jpg) no-repeat 100% 0%;}
div#cat{ background:url(/i/rightImg_cat.jpg) no-repeat 100% 0%;}
div#vitr{ background:url(/i/rightImg_vit.jpg) no-repeat 100% 0%;}

#logo{ background:url(/i/logo.jpg) no-repeat; width:260px; height:65px; display:block; position:absolute; top:49px; left:82px;}
#path{ position:absolute; top:280px; width:450px; left:491px;}
#path{ color:#fff;}
#path a, #path span{ display:inline-block; margin:0px 5px;}
#lang{ width:91px; padding:10px 10px 10px 15px; height:24px; background:url(/i/langBack.jpg) no-repeat; position:absolute; top:0px; left:86px;}
#lang span, #lang a{ display:inline-block; margin-right:5px;}
#contact{ position:absolute; top:130px; left:116px;}

#menu{ position:absolute; top:60px; left:451px;}
#menu a { display:block; margin-bottom:18px; width:165px; height:25px;}
#menu #about{ background:url(/i/aboutMenu.jpg) no-repeat;}
#menu #catalog{ background:url(/i/catalogMenu.jpg) no-repeat;}
#menu #exp{ background:url(/i/expMenu.jpg) no-repeat;}
#menu #vitrazh{ background:url(/i/vitrazhMenu.jpg) no-repeat;}
#menu #positive{ background:url(/i/positive.png) no-repeat; width:385px; height:25px;}

div.window{ width:350px; margin:10px 20px 20px 100px; text-align:center; float:left;}
div.window td.leftTop{ width:20px; background:url(/i/leftTopBack.gif) no-repeat; height:18px;}
div.window td.top{ background:url(/i/topBack.gif) repeat-x;}
div.window td.rightTop{ width:13px; background:url(/i/rightTopBack.gif) no-repeat;}
div.window td.left{ background:url(/i/leftBack.gif) repeat-y;}
div.window td.inner{ background:#541C01; text-align:center; padding:10px;}
div.window td.right{ background:url(/i/rightBack.gif) repeat-y; width:13px;}
div.window td.leftBottom{ background:url(/i/leftBottomBack.gif) no-repeat; height:15px;}
div.window td.bottom{ background:url(/i/bottomBack.gif) repeat-x;}
div.window td.rightBottom{ background:url(/i/rightBottomBack.gif) no-repeat; width:13px;}
div.window div.paintName{ font-size:16px; color:#FFCC00; margin:10px 0px 5px 0px;}
div.window div.paintDesc{ color:#fff; font-size:13px;}

#container{ margin-left:500px; text-align:left; padding-right:20px;}
#container p{ margin-bottom:10px;}
a.news{ display:block; margin:0px 0px 10px 0px; padding:0px 0px 0px 15px; background:url(/i/liItem.gif) no-repeat 4px 7px;}
#footer{ color:#9F6800; font-size:11px; padding:10px 20px; text-align:left;}

#copy{ position:absolute; right:10px; bottom:10px; color:#9F6800;}
#copy a{ display:block; margin-top:5px; color:#9F6800;}

#windows{ width:350px; margin:10px 20px 20px 100px; text-align:left; float:left;}
#windows a{ padding:5px; margin:5px; display:inline-block; text-align:left; background:#541C01;}
#windows a img{ border:1px solid #FFCC00;}

h1{ font-size:16px; margin-bottom:10px;}

#catalogTable td{ padding:10px 0px 20px 0px; text-align:center;}
#catalogTable td a{ width:250px; height:200px; padding:10px; display:block; text-align:center; background:#541C01; margin:0px auto;}
#catalogTable td a img{ display:-moz-inline-box; display:inline-block; vertical-align:middle; vertical-align:middle; zoom:1; //display:inline}

#catalogTable td a div.helper {display:-moz-inline-box; display:inline-block; height:100%; width:0px; vertical-align:middle; zoom:1; //display:inline;}
#catalogTable td div.paintName{ font-size:16px; color:#FFCC00; margin:5px auto 5px auto;}
#catalogTable td div.paintDesc{ color:#fff; font-size:13px; margin:0px auto;}

div#fotoExlporer{ width:550px; position:absolute; display:none; left:200px; text-align:center; padding:0px 0px 0px 0px;}
div#fotoExlporer div.mainFoto{ clear:both; margin-top:0px;}
div#fotoExlporer a#closeFoto{ float:right; margin:5px; cursor:pointer; cursor:hand;}
div#fotoExlporer a#closeFoto:hove{ text-decoration:underline;}


#fotoExlporer td.leftTop{ width:20px; background:url(/i/leftTopBack.gif) no-repeat; height:18px;}
#fotoExlporer td.top{ background:url(/i/topBack.gif) repeat-x;}
#fotoExlporer td.rightTop{ width:13px; background:url(/i/rightTopBack.gif) no-repeat;}
#fotoExlporer td.left{ background:url(/i/leftBack.gif) repeat-y;}
#fotoExlporer td.inner{ background:#541C01; text-align:center; padding:10px;}
#fotoExlporer td.right{ background:url(/i/rightBack.gif) repeat-y; width:13px;}
#fotoExlporer td.leftBottom{ background:url(/i/leftBottomBack.gif) no-repeat; height:15px;}
#fotoExlporer td.bottom{ background:url(/i/bottomBack.gif) repeat-x;}
#fotoExlporer td.rightBottom{ background:url(/i/rightBottomBack.gif) no-repeat; width:13px;}
#fotoExlporer div.paintName{ font-size:16px; color:#FFCC00; margin:10px 0px 5px 0px;}
#fotoExlporer div.paintDesc{ color:#fff; font-size:13px;}

#hiddenLayout{ width:100%; height:100%; min-height:100%; position:absolute; top:0px; left:0px; width:100%; background:#000; display:none; display:none;}
html>body #hiddenLayout{ height:auto;}


div.pager{ margin:0px auto; width:300px; text-align:cemter; padding:10px; background: background:url(/i/footerBack.jpg); font-size:16px;}
div.pager a, div.pager b{ display:inline-block; margin:0px 5px;}