* {
	padding: 0;
	margin: 0;
}

html {
	width:100%;
    min-height: 100% !important; 
    height:100%;
}

body {
	width:100%;
   min-height: 100%; 
    height:100%;
    line-height:16px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    /*background: url(/images/_black4su/chess.jpg) bottom left no-repeat;*/
}

td, th, p, h1, h2, h3, h4, h5, h6 {font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Headings */

h3 {padding:10px 0 5px 0;}

h4 {padding:10px 0 15px 0; color:#c69c6d; font-style: italic;}

#pageheader h1 {
	position:absolute; top:-30px; left:20px; font-size:16px; color:#4c3520; } 

#clientsclon h3 {
	color:#4c3520; font-size:16px; padding-bottom:5px;} 

/* Headings Ends */

/* P A LI IMG HR */

#txt p a {color:#56cbec; border-bottom: 1px dashed #56cbec; text-decoration:none;}

#txt p a:hover {color:#f7941d; border-bottom: 1px dashed #f7941d;}

p {padding-top:5px;}

li {list-style-position: inside; padding-top:5px;}

img, a img, #txt a img {border: none; text-decoration: none;}

img.png, div#logo, div#head, div#right_header, #banner div#banner_content {behavior: url(/hostcmsfiles/png.htc); }

hr.hr {color:#d5a258; margin:5px 0px; clear:both;}

/* P A LI IMG Ends*/

#container {
	min-width: 852px;
	width: expression(document.body.clientWidth > 852 ? "85%" :  "852px");
    height: auto !important;
    height: 100%;
	margin: 0 7%; 
    min-height: 100%;
        position: relative;
}

/*#wrapper {


    height: auto !important;
    height: 100%;
    min-height: 100%;
}*/
	
#divider {clear:both; height:30px;}

.clear {clear:both;}

/************** Header **************/

#head { 
	background: url(/images/_black4su/header-clon.jpg) left;
        width:100%;
        height: 213px;
}

#logo {
	position:absolute;
	top:28px;
	left:0px;
	float:left;
	width: 200px;
	height:140px;
        background: url(/images/_black4su/logo.png) no-repeat left;
}

.header-left {
        height:213px;
        width:100%;
        background: url(/images/_black4su/header.jpg) no-repeat left;
}

.right-header {
	height: 213px;
	background:url(/images/_black4su/header-right.jpg) no-repeat right;
	z-index:1;
        width:100%;
}

#zeppelin {
	position: absolute;
	top: 40px;
	right: 330px;
        z-index:3;
}
	

.top-menu{
	background: url(/images/_black4su/top-menu-clon.jpg) left top repeat-x;
	height:48px;
        z-index:1;
        width:80%;
        margin: 0 9%;
}	

.top-menu-left{
	background: url(/images/_black4su/top-menu-left.jpg) left top no-repeat;
	padding-left:24px;
	height:48px;

}

.top-menu-right{
	background: url(/images/_black4su/top-menu-right.jpg) right top no-repeat;
	padding-right:23px;
        position: relative; 
	height:48px;
}

.top-menu-right:after{
content: '';
display: block;
clear: both;
}


.top-menu .al-center {
position: relative;
right: 50%;
float: right;
}

.top-menu ul {
	background: url(/images/_black4su/top-menu-li.jpg) left top no-repeat;
	height: 48px;
	list-style-type:none;
	padding-left:1px;
        display: block;
position: relative;
z-index: 5;
right: -50%;

}

.top-menu ul li {
        float:left; 
        display:inline; 
	background: url(/images/_black4su/top-menu-li.jpg) no-repeat right;
        padding:0px;
	height: 48px;
	padding-right:1px;
z-index: 10;
}

.top-menu ul li a {
	display: block;
	height:18px;
	float:left;
	padding: 20px 9px 0px 10px;
        text-decoration:none;
	color: #8a755f;
	font-size: 12px;
        font-weight:bold;
        margin-bottom:14px;
z-index: 100;

}
.top-menu ul li a:hover {
        text-decoration:none;
	color: #544036;
	background: #f2e7d3;
}

.top-menu li a.last-button {
	background:none;
}

.top-menu a.menu-active { 
        color: #000;
	background: #f2e7d3;
}

/*********************** Header Ends*********************/

/********************** Breadcrumbs ********************/

#crumbs {height:40px; font-size: 13px; font-weight:bold; padding:0px;}

#crumbs a {color: #56cbec; border-bottom: 1px dashed #56cbec; font-weight:normal; text-decoration:none;}

#crumbs a:hover  {color:#f1c116; text-decoration:none;  border-bottom: 1px dashed #f1c116;}

#crumbs h1 {
	font-size: 13px; font-weight:bold; padding:0px;
}

#crumbs span, #crumbs h1, #crumbs a  {
        float:left; padding: 0px 3px;
}
/********************* Breadcrumbs Ends ******************/


/********************** Content ***********************/

#content {
            float:left;
            width:100%;
}


#left {
	width:100%!important; 
        width: 95%; /*IE6 only */
	float:left;
	margin-left:-280px;
}

#txt {
	padding: 0 40px 0px 284px;
}

.float-right-container{

height:100px;
width:100%;

}

.float-right {
     width:100%;
     float:right;   

}

.main_groups{
float:left;
width:66%;
border-top: solid 3px #c0903a;
font-size: 12px;
color: #ccc;
}

.main_groups_element {
width:50%;
float:left;
padding: 20px 0px;
}

.main_groups_element a {color: #5ecded;}

.main_groups_element a:hover {color: #f7941d;}

.nomain_groups{
border-top: solid 3px #d7ba86;
float:left;
width:33%;
font-size: 12px;
color: #ccc;
}

.nomain_groups_element{
width:100%;
float:left;
padding: 20px 0px;
}

.nomain_groups_element a {
color:#a5e6f9;
}

.nomain_groups_element a:hover {
color:#fac27e;
}


.sub-menu {
	float:right;
        width: 50%;
}

/************************** Banner ********************/

#banner {
	position: relative;
	width:99%; 
	top:-27px; 
	left:0px; 
	height:134px; 
	text-align:center;
}

#banner td.center {background:url(/images/_black4su/banner_clon.gif) repeat-x; text-align:center;}

#banner td.center div {text-align:center;}

#banner a div#banner_content {
	background: url(/images/_black4su/banner.png) top center no-repeat !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/_black4su/banner.png');
	width:530px; 
	height:44px; 
	margin: 0 auto;
	padding-top:90px;
	text-align:right;
}

#banner a:hover div#banner_content {
	background: url(/images/_black4su/banner.png) bottom center no-repeat !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/_black4su/banner.png');

}

#banner div#banner_content a {
	font-size:16px;
	font-weight:normal;
	color:#f7941d;
        text-decoration:underline;
        border:none;}

/* Banner Ends */

#colomn1 {
	width:47%;
	float:left;
	margin: 0 2% 0 0;
	padding-bottom: 20px;
}

#colomn2 {
	width:47%;
	float:right;
	margin: 0 2% 0 0;
	padding-bottom:20px;
}

/******************* Folio **********************/

#count {
	font-size: 18px;
	font-weight: normal;
	color: #ccc;
        border-top: solid 2px #e6e6e6;
	padding-top: 15px;
}

ul.subcategory li {float:left; list-style-type:none; padding:0; margin: 0px 10px 20px 0px; font-size: 14px;}

ul.subcategory li a {color:#ccc;}

ul.subcategory li a:hover {color:#d5a258;}

#folio_element {
        width:160px;
        height:250px;
        float:left; 
        padding:0;
        margin:0px 0px 0px 40px;
}

div.work_title a { 
        display: block;
        padding: 10px 0px 5px 0px;
        color: #d49a53;
        font-size: 11px;
        text-decoration: none;
        width:155px;
        text-align: left;
}

div.work_title a:hover {
        color:#f1c116;
}

div.folio_banner{
        float:left;
        width:160px;
        height:160px;
        border: 1px solid #c69c6d; 
        padding:0px;
}

div.folio_date {
        font-size:11px; 
        color:#e8d7c5;
        padding-bottom:5px;
}

div.work_descript {
	width: 74%;
	float:right;
	margin: 0;
        padding-bottom:20px;
}

div.work_descript p {
       width: 400px;
}

div.info {
	width:23%;
	float:left;
	margin: 0;
        text-align: right;
}

div.info p, div.info a {
        padding: 3px 10px 5px 0;
}

div.info h3 {
       display:block;
       color:#999;
       font-weight:normal;
       font-size:13px;
       padding: 0 10px 0 0;
       border-bottom: 1px solid #999;
} 

div.picture {
        margin: 0;
        width: 74%;
        float:right;

}

div.picture a img{
       margin: 10px 0;
}

div.photo-portrait {
       float:left;
       width:222px;
}

div.photo-text { 
       padding: 10px;
      
}

table.photo {
       width: 160px;
       height:160px;
       border: 1px solid #c69c6d; 
       margin: 10px 10px 10px 10px; 

       float:left;
} 

/* Page Numbers */

#page-numbers {
     padding:0 0 0 10px;
     font-size:14px;
     font-weight:bold;
}

#page-numbers span, #page-numbers a {

     display:block;
     float:left;
     width:15px;
     height:15px;
     padding: 5px 5px 10px 5px;
     text-align: center;
}

.current {
    color: #999;
}

a.page_link{
    color: #c68234;
}

a.page_link:hover{
    color: #4c3520;
    background:#ccc;
}

/******************** Page Numbers Ends *****************/

/********************* Table Price **********************/

table.price {
	border: solid 1px #e6e6e6; 
	border-collapse:collapse; 
	margin: 13px 0px;
}

.price td {
	padding:5px; 
	color: #666; 
	border: 1px solid #e6e6e6;
        font-size: 11px;
}
.price th {
	padding:5px; 
	text-align: center;
	border: 1px solid #e6e6e6;
	font-size:11px;
        background-color: #e2cdb6;
}
td.tbl_title{
	font-weight: bold; 
	text-align: center;
	background: #c69c6d;
	color:#FFFFFF;
}
.tbl_sub_title {
	color: #666;
	font-weight: bold;
}
.price_comment {
        font-size:10px;
	color:#c69c6d;
}

table.price_download {
            width: 100%;
            height: 39px;
            margin-bottom: 5px;
}

table.price_download td {
           vertical-align:bottom;
}
 
.price_download a {   
            font-size:11px;
	    color:#666;
            padding:0;
            margin:0;
}

tr.table_light { background-color: #ffdbb4; }

.price a {
            font-size:11px;
	    color:#666;
}

.price a:hover {
           color: #56cbec;
}

/************************Table Price Ends***********************/

/*************************** Folio Ends ************************/

/********************* TagCloud ************************/

h3.tagcloud {font-size:16px; font-weight:normal; padding-left:30px; border-bottom: 1px solid #544036; color:#544036;}

.TagsCloudShop{
        margin: 5px 10px 20px 10px;
	font-family: 'Verdana, Arial';
        float:right;
        line-height:1.7em;


}

.TagsCloudShop a {
        color: #8a755f;
	padding: 2px;
	line-height: <xsl:value-of select="$max_size" />px;
	text-decoration: none;
}
						
.TagsCloudShop a:hover {
	color: #544036;
       background: #e2cdb6;
}

/* TagCloud Ends*/

/* News */

#elements_list {padding-bottom:20px;}

#element {width:100%; float:left; padding: 5px 0 20px 0;}

#element img.news_img {float: left; margin: 20px 30px 10px 0; border: solid 10px #d6b687;}

#element #news_date {color: #8a755f; padding: 0 0 4px 0; text-align: right;}

#element_title {font-size: 14px; font-weight:bold; color:#8a755f; padding:5px 0 10px 200px;}

#element p {dispalay:block; padding-left: 200px;}

/************************ News Ends ***********************/

/************************* Clients *********************/

#clientsclon div.center {width: 90%; text-align:center; position: relative; padding: 0px; margin: 0 auto;}

#client {
             width:31%;
             padding: 0 1%;
             height: 140px;
             float: left;
             color:#6f5833;
             text-align:center;
             line-height:11px;
}

.client_img {margin: 0 0 5px 0;}

#client p {
             text-align:center;
             font-size:11px;
             width:150px;
             display:block;
             margin:0 auto;
}

#client span.city {color:#8a755f;
             font-size:10px; font-weight:bold;}


#clientslb {
             background: url(/images/_black4su/clientsclon.jpg) repeat-x; 
             padding: 0px; 
}

#clientsright {
             background: url(/images/_black4su/clientsright.jpg) no-repeat right top; 
             padding:0px;
}

#clientsclon {
             background: url(/images/_black4su/clientsleft.jpg) no-repeat top left; 
             height:174px; padding:20px 0 0 0; text-align:center;
}


/********************** End Clients ******************/

/************************ Form ***********************/

table.zakaz {border:none;
   }

table.zakaz td {padding:10px 10px 10px 0px; vertical-align:top; font-size:12px; color:#999;}

/******************** End Form */

/* Sitemap */

ul.sitemap li {list-style-type: circle;}

ul.sitemap li ul li, ul.sitemap li ul li ul li {padding-left:30px;}
 

/* End Sitemap */

.contacts {width: 100%;
            font-size: 12px;
            color:#333333;
            margin-bottom: 30px;
}
.contacts td {vertical-align: top;
            padding: 5px 0;
}



#right { 
	width: 280px;
	float:right;
	position:relative;
padding: 0px;
}

#pageheader h1 {
	position:absolute; top:-30px; left:30px; font-size:16px; color:#4c3520; } 

#right_menu {
    background: url(/images/_black4su/right-panel-bottom.jpg) right bottom no-repeat;
    padding-bottom:82px;
    width: 280px;
}

.menu-feedback {
        width: 110px;
        padding: 95px 0px 0px 45px;
        font-size:14px;
        text-align:center;
}

.menu-feedback a{
        color:#8a755f;
        font-weight:bold;
        letter-spacing: 2px;
        text-decoration:none;
}

.menu-feedback a:hover {
	color:#4c3520;
	font-weight:bold;
}       

#right_menu ul.contextmenu {
	background: url(/images/_black4su/right-panel-clon.jpg) right repeat-y;	
	width: 280px;
	padding:0px;
	margin:0;
}

#right_menu ul.contextmenu ul li{
	width: 220px;
	padding-left: 10px;
	margin:0;
}


#right_menu ul.contextmenu li {
      list-style-type:none; 
      padding: 0px 0px 0px 20px;
}


#right_menu ul.contextmenu li a{
	display:block;
	background: url(/images/_black4su/button_spot.jpg) top left no-repeat;
	padding: 2px 0px 12px 13px;
	color:#8a755f;
	font-weight:bold;
        text-decoration:none;
        list-style-position:outside;
}

#right_menu ul.contextmenu li a:hover{
	background: url(/images/_black4su/button_bubble.jpg) top left no-repeat;
	color:#4c3520;
	font-weight:bold;
        text-decoration:underline;
}

#right_menu ul.contextmenu li a.menu-active {text-decoration:none; color: #4c3520;}


table.plain-table td, table.plain-table th{
	padding:5px;
}

/************************** Content Ends *************************/

/********************* Footer ***************************/

#footer{
	position: absolute;
	left:0px;
	bottom: 0px;
	width:100%;
}

#footer div.copyright{
	text-align:right;
	float:left;
        /*margin-top:40px;*/
}

#footer div.copyright p {
	display:block;
	text-align:left;
	color:#000;
        font-size:10px; 
}

.bottom-menu {
	background:url(/images/_black4su/bot-menu-clon.jpg) repeat-x left bottom;
	height: 85px;
	margin:0 10%;
        width: 79%;
}

.bottom-menu-left {
	background:url(/images/_black4su/bot-menu-left.jpg) left bottom no-repeat;
	height: 85px;
        padding-left: 25px;
}

.bottom-menu-right {
	background:url(/images/_black4su/bot-menu-right.jpg) right bottom no-repeat;
	height: 85px;
        padding-right: 25px;
        position: relative;

}

.bottom-menu-right:after
{
content: '';
display: block;
clear: both;
}

.bottom-menu .al-center {
position: relative;
right: 50%;
float: right;
}

.bottom-menu ul {
        padding-top: 14px;
        height:22px; 
	background:url(/images/_black4su/bot-menu-li.jpg) left bottom no-repeat; 
        display:block; 
position: relative;
z-index: 1;
right: -50%;

}

.bottom-menu ul li { 
        display:inline; 
        float:left;
	background:url(/images/_black4su/bot-menu-li.jpg) right bottom no-repeat;
        height:22px;
        padding:0;
}

.bottom-menu ul li a { 
	display:block; 
        float:left;
	padding: 0 12px;
	color: #4c3520;
        text-decoration: none;
        font-size:12px;
}

.bottom-menu ul li a:hover {
        text-decoration:none;
	color: #8a755f;
}

#counters {
        padding:10px 0 0 110px; 
        float:right;
}

#counters span {
        float:left; 
        margin-right: 10px;
}

/********************** Footer *************************/