@charset "utf-8";
/* Style for layout*/

	body{padding: 0px; margin:0px;background-color: #f3f3f3; }
	#container{width: 990px; margin: 0 auto; border:0px solid #eee;}
	.header{width: 990px; height: 135px; background-color:#d7d7d7; position: relative;}
	#logo {position: absolute; top: 0px; right: 0px;width: 250px; height: 117px;z-index:2}
	#logo a{display: block; width: 250px; height: 117px; background: url(images/logo.gif) no-repeat left center; text-indent: -9999px; }
	
	#mainnav{position: absolute; left: 20px; bottom: -18px; height: 94px; width:100%; }
	#mainnav ul{list-style: none;}
	#mainnav ul li{list-style: none; float: left; margin: 0px 0px;  border-left: 1px solid #fff;}
	#mainnav ul li a{display: block; padding: 0px;height: 47px; text-indent:-9999px;}

	#mainnav ul li.menu_aluminium a{background: url(images/nav_alum.gif) no-repeat left top; width: 128px;}
	#mainnav ul li.menu_aluminium a:hover{background: url(images/nav_alum.gif) no-repeat left -47px;}
	#mainnav ul li.menu_aluminium a.active{background: url(images/nav_alum.gif) no-repeat left -47px;}
	
	#mainnav ul li.menu_promotion a{background: url(images/nav_promotion.gif) no-repeat left top; width: 128px;}
	#mainnav ul li.menu_promotion a:hover{background: url(images/nav_promotion.gif) no-repeat left -47px;}
	#mainnav ul li.menu_promotion a.active{background: url(images/nav_promotion.gif) no-repeat left -47px;}
	
	#mainnav ul li.menu_about a{background: url(images/nav_about.gif) no-repeat left top; width: 93px;}
	#mainnav ul li.menu_about a:hover{background: url(images/nav_about.gif) no-repeat left -47px}
	#mainnav ul li.menu_about a.active{background: url(images/nav_about.gif) no-repeat left -47px}
	
	#mainnav ul li.menu_catalog a{background: url(images/nav_catalog.gif) no-repeat left top; width: 105px;}
	#mainnav ul li.menu_catalog a:hover{background: url(images/nav_catalog.gif) no-repeat left -47px}
	#mainnav ul li.menu_catalog a.active{background: url(images/nav_catalog.gif) no-repeat left -47px}
	
	#mainnav ul li.menu_inquiry a{background: url(images/nav_inquiry.gif) no-repeat left top; width: 104px;}
	#mainnav ul li.menu_inquiry a:hover{background: url(images/nav_inquiry.gif) no-repeat left -47px}
	#mainnav ul li.menu_inquiry a.active{background: url(images/nav_inquiry.gif) no-repeat left -47px}
	
	#mainnav ul li.menu_contact a{background: url(images/nav_contact.gif) no-repeat left top; width: 108px;}
	#mainnav ul li.menu_contact a:hover{background: url(images/nav_contact.gif) no-repeat left -47px}
	#mainnav ul li.menu_contact a.active{background: url(images/nav_contact.gif) no-repeat left -47px}
	
	#mainnav ul li.menu_map a{background: url(images/nav_map.gif) no-repeat left top; width: 62px;}
	#mainnav ul li.menu_map a:hover{background: url(images/nav_map.gif) no-repeat left -47px}
	#mainnav ul li.menu_map a.active{background: url(images/nav_map.gif) no-repeat left -47px}
	
	/*small main navigation*/
	#mainnav_s{position: absolute; left: 20px; bottom: 5px; height: 50px; width:100%}
	#mainnav_s ul{list-style: none;}
	#mainnav_s ul li{list-style: none; float: left; margin: 0px 0px;  border-left: 1px solid #fff;}
	#mainnav_s ul li a{display: block; padding: 0px;height: 25px; text-indent:-9999px;}

	#mainnav_s ul li.menu_aluminium a{background: url(images/nav_alum_s.gif) no-repeat left top; width: 108px;}
	#mainnav_s ul li.menu_aluminium a:hover{background: url(images/nav_alum_s.gif) no-repeat left -25px;}
	#mainnav_s ul li.menu_aluminium a.active{background: url(images/nav_alum_s.gif) no-repeat left -25px;}
	
	#mainnav_s ul li.menu_promotion a{background: url(images/nav_promotion_s.gif) no-repeat left top; width: 105px;}
	#mainnav_s ul li.menu_promotion a:hover{background: url(images/nav_promotion_s.gif) no-repeat left -25px;}
	#mainnav_s ul li.menu_promotion a.active{background: url(images/nav_promotion_s.gif) no-repeat left -25px;}
	
	#mainnav_s ul li.menu_about a{background: url(images/nav_about_s.gif) no-repeat left top; width: 90px;}
	#mainnav_s ul li.menu_about a:hover{background: url(images/nav_about_s.gif) no-repeat left -25px}
	#mainnav_s ul li.menu_about a.active{background: url(images/nav_about_s.gif) no-repeat left -25px}
	
	#mainnav_s ul li.menu_catalog a{background: url(images/nav_catalog_s.gif) no-repeat left top; width: 90px;}
	#mainnav_s ul li.menu_catalog a:hover{background: url(images/nav_catalog_s.gif) no-repeat left -25px}
	#mainnav_s ul li.menu_catalog a.active{background: url(images/nav_catalog_s.gif) no-repeat left -25px}
	
	#mainnav_s ul li.menu_inquiry a{background: url(images/nav_inquiry_s.gif) no-repeat left top; width: 124px;}
	#mainnav_s ul li.menu_inquiry a:hover{background: url(images/nav_inquiry_s.gif) no-repeat left -25px}
	#mainnav_s ul li.menu_inquiry a.active{background: url(images/nav_inquiry_s.gif) no-repeat left -25px}
	
	#mainnav_s ul li.menu_contact a{background: url(images/nav_contact_s.gif) no-repeat left top; width: 115px;}
	#mainnav_s ul li.menu_contact a:hover{background: url(images/nav_contact_s.gif) no-repeat left -25px}
	#mainnav_s ul li.menu_contact a.active{background: url(images/nav_contact_s.gif) no-repeat left -25px}
	
	#mainnav_s ul li.menu_map a{background: url(images/nav_map_s.gif) no-repeat left top; width: 55px;}
	#mainnav_s ul li.menu_map a:hover{background: url(images/nav_map_s.gif) no-repeat left -25px}
	#mainnav_s ul li.menu_map a.active{background: url(images/nav_map_s.gif) no-repeat left -25px}


	
	.submenu{position: absolute; left: 0px; bottom:0px; width:100%; border-top: 1px solid #fff; text-transform: capitalize;}
	*html .submenu{bottom:-1px;}
	.submenu ul{list-style: none; position: relative;  left: 25px;}
	*html .submenu ul{width: 100%; left: 20px;}
	.submenu ul li{list-style: none; float: left; padding: 0px; margin: 0px 5px;}
	.submenu ul li a{color: #fff; font-size: 13px; display: block; padding: 2px 5px 5px 5px; margin-top: 5px}
	.submenu ul li a:hover{background-color:#fff;color: #333;}
	.submenu ul li a.active{background-color:#fff; color: #333; }
	
	.submenu ul li span{color: #fff; font-size: 13px; display: block; padding: 2px 5px 5px 5px; margin-top: 5px}
		
	#submenu_aluminium{background-color: #fb6600; }
	#submenu_promotion{background-color: #73cb17; }
	#submenu_about{background-color: #888;}
	#submenu_catalog{background-color: #888;}
	#submenu_inquiry{background-color: #888;}
	#submenu_contact{background-color: #888;}
	#submenu_map{background-color: #888;}
	/*#submenu_about{background-color: #ff0004;}
	#submenu_catalog{background-color: #1aa5de;}
	#submenu_inquiry{background-color: #ebba0f;}
	#submenu_contact{background-color: #dc279a;}
	#submenu_map{background-color: #19c496;}
	*/
	
	#languages{position: absolute; left: 15px; top: 10px;} 
	#languages a{color: #ebebeb; display: block; float: left; padding: 2px 14px 2px 10px; font-size:11px;}
	#languages a:hover{color: #fff;}
	#languages a.active{color: #fff;}
	#languages a.first{background: url(images/lang_devider.gif) no-repeat right center;}
	
	#top-menu{position: absolute; left: 20px; top: 0px; padding-left:4px; border-left:1px solid #fff;} 
	#top-menu a{color: #fff; }
	
	
	
	
	
	.body{border-left: 0px solid #d7d7d7; border-right: 0px solid #d7d7d7; border-bottom: 0px solid #d7d7d7; min-height: 200px; background:#fff;}
	*html .body{height: 200px; position: relative; }
	
	.tmcontent{padding-top: 20px; widows: 100%; color:#767575; padding-bottom:20px;}
	.tmcontent table.cols{width: 90%; margin:0 auto;}
	.tmcontent table.cols tr td.col_left{width: 50%; padding: 10px 10px 10px 20px; border-right: 1px solid #eee}
	.tmcontent table.cols tr td.col_right{width: 50%; padding:  10px 10px 10px 50px;}
	
	.footer{background-color:#d7d7d7; padding-bottom: 10px; border-top: 0px solid #d7d7d7;font-size: 10px; text-align:left; padding: 10px;color:#767575; }
	.footer table tr td{border-right: 1px solid #dfdfdf; padding-left:15px}
	.footer table tr td.last{border-right: 0px solid #fff;}
	.footer p{line-height: 11px; margin-bottom: 3px;}
	.footer p a{color: #414141;}
	.footer p a:hover{text-decoration: underline;color: #414141;}
	.footer h1.address{text-indent: -9999px; display: block; background:url(images/section_address.gif) left center no-repeat;}
	.footer h1.sitemap{text-indent: -9999px; display: block; background:url(images/section_sitemap.gif) left center no-repeat;}
	.footer h1.development{text-indent: -9999px; display: block; background:url(images/section_development.gif) left center no-repeat;}
	.footer h1.copyright{text-indent: -9999px; display: block; background:url(images/section_copyright.gif) left center no-repeat;}