/* CSS Document */
body {
	background-color: #eaeaea;
	margin-top: 4px;
	background-image:url(images/gradientBG.jpg);
	background-repeat: repeat-x;
	background-position: top;
}



#frame {
	width: 745px;
	padding: 0px;
	margin: 0px;
	background-color: #fafafa;
	overflow:auto;
	
}

#frame1{
	width: 749px;
	padding: 0px;
	margin: 0px;
	background-color: #a6a6a6;
	overflow:auto;
}

#title {
	background-image: url(images/title4.jpg);
	float: right;
	width: 745px;
	height: 150px;
	
}

#title span{
display:none;}

#navbar{
	background-color: #eaeaea;
	height: 20px;
	width: 745px;
	float: right;
	padding: 0px;
	margin: -1px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
}


.navbuton {
	margin: 0px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	width: 85px;
	font-family: "Trebuchet MS", Verdana, Arial,sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: center;
	height: 20px;
	float: right;
	display: inline;
	background-color: #CCCCCC;
	background-image: url(images/butonbg.gif);
	border: 0px none #FFFFFF;
}

.navbuton a {
    color: #666666;
text-decoration: none;
display:block;}



.navbuton a:hover {
	color: #000000;
	text-decoration: none;}



.navbutonA {
    margin: 0px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	width: 85px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	height: 20px;
	float: right;
	display: inline;
	background-color: #CCCCCC;
	background-image: url(images/butonbgA.gif);
	border: 0px none #FFFFFF;}


.navbutonA a{
   
	text-decoration: none;
	
	color: #FFFFFF;
	}



.navbutonA a:hover{
    color:#666;
	text-decoration: none;
	}



#titlenav {
	font-family : Verdana, Tahoma, sans-serif; 
    font-size : 10px; 
	font-weight : normal;
    color : #b2b0ad; 
    text-decoration : none; 
   	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	line-height : 16px }

#titlenav a:visited {
font-size : 10px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 3px;
color: #999999;}	


#titlenav a:active {
font-size : 10px;
color: #999999;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 3px;}


#titlenav a:hover {
	font-size : 10px;
	text-decoration: underline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	color: #000000;}


#titlenav a:link {
font-size : 10px;
color: #999999;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 3px;}

#lbarexpo{
	background-image: url(images/rexpo.gif);
	height: 130px;
	width: 100px;
	margin-top: 300px;
}





#lbar1{
	background-color: #F3F3F3;
	float: left;
	width: 150px;
	height: 500px;
	background-image: url(images/left7.jpg);
	background-position: center top;
}

#lbar2{
	float: left;
	width: 152px;


	
}

.lbar_text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	float: left;
	width: 140px;
	padding-top:205px;
	color:#999999;
		
}

.lbar_text a{
text-decoration:none;}

.lbar_text a:hover{
text-decoration:underline;}



.lbar_blank{
width:140px;
height:20px;
float:left;}

.lbar2_round{
	float: left;
	width: 152px;
	background-color:#99CC33;
	}



.H1_portfolio{
	text-decoration: none;
	width: 135px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	font-weight:normal;
	font-size: 14px;
	float: left;
	text-align: left;
	margin: 10px 0;
	line-height:13px;
}


#lbmenu {
	float: right;
	width: 135px;
	
	
}

.lbar_buton {
	font-size: 13px; 
	float: left;		
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

.lbar_buton a {
	width: 135px;
	height: 20px;
	display:block;
	text-decoration: none;
	text-align:left;
	color:#acacac;
}




.lbar_buton a:hover {
	color: #666;
	text-decoration: none;
		}



.lbar_butonA {
	width: 135px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 20px;
	float: left;
	font-weight: bold;
	text-align: left;

}

.lbar_butonA a{
	color: #666;
	text-decoration:none;
	display:block;

}

.lbar_butonA a:hover{
	color:#000000;
    text-decoration:none;
}

.lbar_buton_small {
	text-decoration: none;
	width: 135px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	float: left;
	
	text-align: left;

}

.lbar_buton_small a{
	padding-left:7px;
	color: #666;
	text-decoration:none;
	background-image: url(catalogue/images/cat_arow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
}



.lbar_buton_small a:hover{
	
	color:#da552c;	
    text-decoration:none;
}



.lbar_buton_smallA {
	text-decoration: none;
	width: 135px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	float: left;	
	text-align: left;

}

.lbar_buton_smallA a{
	padding-left:7px;
	color: #da552c;
	text-decoration:none;
	background-image: url(catalogue/images/cat_arow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
}



.lbar_buton_smallA a:hover{
	
	color:#da552c;	
    text-decoration:none;
}






.lbarH{
	text-decoration: none;
	width: 135px;	
	color:#666;	
	font-size: 14px;
	float: left;
	margin: 20px 0;

}





#slogan{
	
}

#a1{
	width: 590px;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
	float: right;

	
}

#a3m1 {
	font-family:  Verdana, Arial, sans-serif;
	width: 370px;
	padding: 20px 10px 10px 5px;
	margin:10px 0 0 20px;
	float: left;
	  font-size:12px;
}

#a3m1 h3{
	padding:0;}

#a3m1 p{
  
	color:#666666;}

#a3m1 li{
	text-align:left;
	color:#666666;
	padding-bottom:15px;

}


#a3m2 {
	width: 540px;
	padding: 20px 10px 10px 5px;
	margin:0 0 0 20px;
	float: right;
	overflow:hidden;
	
	}

#a3m2 h3{
    color:#333333;
    margin:15px 0 5px 0;
	padding:0;}

#a3m2 p{
    margin:0;
	color:#666666;}

#a3m2 h5{
    font-family: Georgia, "Times New Roman", Times, serif;
    color:#666666;
	margin:6px 0 2px 0;
	text-align:left;
	padding:0;
	font-size:13px;}


#pic {
	width: 150px;
	float: right;
	background-image: url(images/t-sh1.jpg);
	height: 300px;
	margin-top: 200px;
	background-repeat: no-repeat;
	background-position: bottom;
	
}

#pic1 {
	width: 208px;
	float: left;
	height: 142px;
	margin-top: 2px;
	margin-right: 12px;
	margin-left:20px;
	margin-bottom: 10px;
	background-color:#009999;
}

#a1m{
	width: 590px;
	padding: 0px;
	margin: 0px;
	height: 470px;
	float: right;
}
#a3m {
	width: 560px;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	float: right;
	overflow:hidden;
	}




#a4m_content {
	width: 560px;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	float: right;
	overflow:hidden;
	background-color:#00FF00;
}



#b1{
	width: 593px;
	padding: 0px;
	margin: 0px;
	height: 472px;
	background-attachment: scroll;
	overflow: auto;
	float: right;}


#clier{
	float: right;
	height: 300px;
	width: 340px;
	font-family:  Helvetica, Arial, sans-serif;
	font-size: x-small;
	color: #000000;
	text-align: left;
	padding-left: 5px;
	line-height: 18px;
	padding-top: 20px;
}
#cliel{
	width: 210px;
	float: left;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #990000;
}

	
#b1big {
	width: 590px;
	height: 350px;
	background-color: #ffffff;
	}
	
#b1content{
	width: 500px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #00FF33;
	background-position: center;
	height: 300px;
          }

#b1nav{
	height: 26px;
	width: 500px;
	padding-top: 2px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666666;
	
}

#b1navbut{
	height: 22px;
	width: 22px;
	border: 1px solid #FFFFFF;
	display: inline;
	
}

#b1navbut a:visited
   {height: 22px;
	width: 22px;	
	border: 1px solid #FFFFFF;
	display: inline;
	}

#b1navbut a:active 
    {
	height: 22px;
	width: 22px;
	border: 1px solid #FFFFFF;
	display: inline;
	color: #000000;
	}

#b1navbut a:hover 
    {height: 22px;
	width: 22px;	
	border: 1px solid #999999;
	display: inline;
	}

#b1navbut a:link 
   {height: 22px;
	width: 22px;	
	border: 1px solid #FFFFFF;
	display: inline;
	}

.b1txt{
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #666666;
	float: right;
}

.pmmenu{
	height: 12px;
	width: 190px;
	
}

.pmbuton {
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	background-color: #CCCCCC;
	float: right;
	height: 12px;
	width: 12px;
	margin-left: 2px;
	text-align: center;
}

.pmbuton a:visited{color: #666666;
text-decoration: none;}

.pmbuton a:active {color: #666666;
text-decoration: none;}

.pmbuton a:hover {
	color: #000000;
	text-decoration: none;
		}

.pmbuton a:link {color: #666666;
text-decoration: none;}




p {
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	word-spacing: normal;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#info {
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #666666;
	width: 745px;
	height:25px;
	background-image: url(images/footer1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.p1 {
	font-family:  Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #aaa;
	text-align: left;
	word-spacing: normal;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 50px;
}





.c1{
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #777;
	text-align: left;	
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 5px;
	
	
}

.c2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777;
	text-align:left;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-right: 15px;
}

.switchgroup1{font-family:  Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #777;
	text-align:left;
	word-spacing: normal;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 25px;
	padding-right: 15px;}

.ch {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-align: left;
	padding-left: 20px;
	margin: 22px 0 10px 0 ;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	text-align: left;
	padding-left: 20px;
	margin: 15px 0 10px 0 ;
}

.ch1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666;
	text-align: left;
	padding-left: 20px;
	margin: 15px 0 5px 0 ;
	font-weight:bold;
}

.h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #777777;
	text-align: right;
	padding-right:30px;
	margin-bottom: 40px;
	margin-top: 30px;
}
.h1m {
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #990000;
	text-align: right;
	padding-right:30px;
	margin-bottom: 11px;
	margin-top: 30px;}

.h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #666;
	text-align: left;
	padding-left: 35px;
	margin-top: 15px
}
.h3{
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF3300;
	text-align: left;
	padding-left: 35px;
	margin-top: 20px}
	

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	text-align: right;
	padding-right:30px;
	margin-bottom: 5px;
	margin-top: 20px;
	}




#ramka {
	height: 73px;
	width: 381px;
	border: 0px solid #999999;
	margin-top: 25px;
	margin-bottom: 10px;
}

#ramka1{margin-top: 100px;}

.hcatalog{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #3366FF;
}

.c3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;;
	font-weight: normal;
	color: #333333;
	text-align: left;
	word-spacing: normal;
	line-height: 15px;}
	


/*
.head_product{
height:110px;
width:85px;
background-color:#66CCFF;
margin:10px 0 0 12px;
float:left;
display:inline;
}

.head_product a img{
border:0;}
*/
.toggleopacity img{
filter:
progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: 0.8;
}

.toggleopacity img{
border: 1px solid #ccc;
}





#PortfolioConteinerAll{
	width:708px;
    float:right;
	overflow:hidden;
}

#PortfolioConteiner_blank{
 	width:720px;
    float:right;
	overflow:hidden;

}



.PortfolioCategoryFrame{
	margin-top:20px;
	width:235px;
	text-align:left;
	float:left;
}

.PortfolioCategoryFrame h3{
	padding:0;	
	margin:3px 0;
	font-size:15px;
  	color:#666;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;


}

#PortfolioConteiner{
	width: 585px;
	padding-left:5px;
	float: right;
	overflow:hidden;

}
.Portfolio_Big_picture{
margin: 20px 10px 5px 5px;
width:270px;

float:left;}

.Portfolio_Big_picture p {
padding:3px 0 0 3px;
margin:0px;
color:#999;

}

.Portfolio_Big_picture p b {
color:#888;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}

.clients_content_box{
	width:240px;
	float:left;
	text-align:left;
	}


.clients_content_box h1{
    font-size: 16px;
    margin:8px 0;
	color:#666;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;

}


.clients_content_box ul{
font-family:  Helvetica, Arial, sans-serif;
	text-align:left;
	font-size: 12px;
	margin:0 0 50px 0 ;
	padding-left:1px;
	list-style:none;
	line-height:17px;
	
}

.clients_content_box li {
	font-size: 13px;
	list-style:none;
	text-decoration:none;
	color: #9a9a9a;
}

#map_box{
    width:700px;
    padding:0 5px 5px 5px;
	float:right;
	overflow:hidden;
	text-align:right;
	}

#map_box h1{
    font-size: 16px;
    margin:40px 0 10px 0;
	color:#666;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;

}

#map_box p{
    font-family:  Helvetica, Arial, sans-serif;
	text-align:left;
	font-size: 13px;
	padding-left:1px;
	color: #999;
	line-height:17px;
	margin:0;
	padding:0;
	}

#map_box p a{
text-decoration:none;
}

#map {
	
	float: right;
	width: 398px;
	margin-left: 0px;
	margin-right: 10px;
	text-align:left;
	
}

.bot_text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#ccc;
}

/*Style sheet used for demo. Remove if desired*/
.handcursor{

cursor:pointer;
}
/*Catalogue / Products*/

.items_frame{
margin-bottom:20px;

width:509px;
}


#artn{
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #999999;
	float: right;
	padding-right: 25px;
	font-weight: bold;
}

#arthed{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #da552c;
	float: left;
	font-weight: bold;
}

.items_head{
width:509px;
height:20px;
}


.items_left{
padding-top:10px;
width:180px;
float:left;

}


.items_right{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
width:310px;
float:right;
}

.items_right h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999;
font-weight:bold;
font-size:10px;
padding:0;
margin:10px 0 2px 0;
}

.items_right p{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#555;
font-size:10px;
padding:0;
margin:2px 0;}

.colors{

}

.items_foot{


}

.size{
margin-top:4px;
font-size:9px;
font-weight:bold;
}

.size span{
margin-right:3px;
padding:2px 4px;
background-color:#eaeaea;
color:#666;
}

.product_up{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	width:480px;
	height:11px;
	text-align:right;
	font-size:10px;
	overflow:hidden;
	padding-right:15px;
   }
.product_up a{
	color:#999;	
	text-decoration:none;
	
   }

.product_up a:hover{
    color:#777;	
	}
   
   
 .portfolio_up{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:520px;
	height:11px;
	text-align:right;
	font-size:10px;
	overflow:hidden;

	
   }
.portfolio_up a{
	color:#999;	
	text-decoration:none;
	
   }

.portfolio_up a:hover{
    color:#777;	
	}  
   
.catalog_conteiner{
width:233px;
text-align:center;
float:left;

}   

.catalog_conteiner a {
display:block;
text-decoration:none;

}   

.catalog_conteiner a:hover {
background-color:#fafafa;
}   


.catalog_conteiner img{
border:none;
margin:0;

} 

.catalog_conteiner p {
padding:0;
margin:0 0 6px 29px;
color:#999;
font-size:11px;
}   

.catalog_conteiner a h3 {
padding:0;
margin:0 0 2px 29px; 
color:#999;
font-size:13px;
}   

.catalog_conteiner a:hover h3{
color:#da552c;
}  

.catalog_conteiner a:hover p{
color:#555;
}