@charset "utf-8";
/* CSS Document */

*{
	margin:0; padding:0;
}
html,body{
	width:100%; height:100%;
	background: #ffffff;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #868686; text-align:justify;
}
body{
	background: url(../images/bg-body.jpg) repeat-x;
}
html{
	overflow-y:scroll;
}
a{	
	outline:none; text-decoration:none;
}
.clear{
	clear:both;
}
.smallfont{
	font-size:10px;
}
/*===========COLORS===================*/

.blue{
	color: #52aedd!important;
}
.green{
	color:#aaca48;
}
.grey{
	color:#868686;
}
.lightgrey{
	color: #bebebe;
}
.darkgreen{
	color: #8ab40d;
}
/*===========END COLORS===================*/

div#main{
	width: 984px; margin:0 auto;
	background:#ffffff;
}
div#head{
	width:100%; height:185px;
	background:url(../images/bg-head.jpg) repeat-x;
}
div#head a{
	float:left;
}
div.altmenu{
	float:right; padding:14px 35px 0 0;
}
div.altmenu a{
	color: #b6b5b5; font-size:10px;
	display:block; float:left; 
}
div.altmenu a:hover, div.footer a:hover{
	color: #5bb8e7;
}

/*===========================MENU====================*/
div.menu{
	float:right; width: 669px;
	height:119px; 
	margin-top:39px;
}
div.menu a{
	text-indent: -9999px; display:block; height:119px;
	background: url(../images/menu.jpg) top left no-repeat;
	float:left;
}
ul#menu{
	list-style-type:none;
}
ul#menu li{
	float:left; position:relative;	z-index:100;
}
div.menu a#about{
	width:110px; float:left;
	background-position: 0px 0px;
}
div.menu a#materials{
	width:111px; float:left;
	background-position: -110px 0px;
}
div.menu a#developing{
	width:115px; float:left;
	background-position: -225px 0px;
}
div.menu a#prises{
	width:110px; float:left;
	background-position: -335px 0px;
}
div.menu a#resources{
	width:112px; float:left;
	background-position: -447px 0px;
}
div.menu a#media{
	width:101px; float:left;
	background-position: -568px 0px;
}
div.menu a#about:hover, div.menu a.about-current{
	background-position: 0px -119px!important;
}
div.menu a#materials:hover, div.menu a.materials-current{
	background-position: -110px -119px!important;
}
div.menu a#developing:hover, div.menu a.development-current{
	background-position: -225px -119px!important;
}
div.menu a#prises:hover, div.menu a.prises-current{
	background-position: -335px -119px!important;
}
div.menu a#resources:hover, div.menu a.resources-current{
	background-position: -447px -119px!important;
}
div.menu a#media:hover, div.menu a.media-current{
	background-position: -568px -119px!important;
}

ul#menu li ul{
	position:absolute; top:119px; right:0;
	width:175px;  
	list-style-type:none;
	display:none; z-index:1000;
}
ul#menu li ul.develope{
	width:190px;
}
ul#menu li ul li#first-li{
	background: url(../images/drop-menu-top.png) top right no-repeat;	
}
ul#menu li ul.develope li#first-li{
	background: url(../images/drop-menu-top-develope-new.png) top right no-repeat;
}
ul#menu li ul li#last-li{
	background: url(../images/drop-menu-bottom.png) top right no-repeat;
	padding-bottom:40px
}
ul#menu li ul.develope li#last-li{
	background: url(../images/drop-menu-bottom-develope.png) top right no-repeat;
}
ul#menu li ul li{
	background: url(../images/drop-menu-repeat.png) right top repeat-y;
}
ul#menu li ul.develope li{
	background: url(../images/drop-menu-repeat-develope.png) right repeat-y;
}
ul#menu li ul li a{
	color: #ffffff; display:block; 
	text-indent:0; background: url(../images/drop-menu-border.jpg) 16px bottom no-repeat;
	width:150px; line-height:14px;
	height:auto; color:#bfbfbf; 
	text-align:right; padding:3px 25px 3px 0;	
}
ul#menu li ul li#first-li a{
	padding-top:14px;
}
ul#menu li ul.develope li a{
	width:165px; background: url(../images/drop-menu-border.jpg) 31px bottom no-repeat;
}
ul#menu li ul li#before-last-li a{
	height:30px;
}
ul#menu li ul li#last-li a, ul#menu li ul li#before-last-li a{
	background:none; 
}
ul#menu li ul li a:hover{
	color: #56aadc;
}
ul#menu li.drop ul{
	display:block;
}

/*=================END MENU========================*/

div.flash{
	width:984px; height:295px; 
	background:url(../images/flash.jpg) no-repeat;	
}

div.materials-top{
	width:500px; background:url(../images/bg-top.jpg) top repeat-x;
	float:left;
}
div.materials-left{
	width:500px; background:url(../images/bg-left.jpg) left repeat-y;
	float:left;
}
div.materials-right{
	width:500px;  background:#ffffff url(../images/bg-right.jpg) right repeat-y;
	float:left;
}
div.materials-bottom{
	width:450px; background:url(../images/bg-bottom.jpg) bottom repeat-x;
	position:relative; float:left;
	padding:25px;
}
div.developing{
	width:310px; float:left; 
}
div.developing-bottom{
	width:260px;
}
img.tl{
	position:absolute; top:0; left:0;
}
img.tr{
	position:absolute; top:0; right:0;
}
img.bl{
	position:absolute; bottom:0; left:0;
}
img.br{
	position:absolute; bottom:0; right:0;
}

/*========TABS=============*/

	div.tabs{
		width:45px; position:absolute; top:11px; right:-29px;
	}
	div.tabs a{
		display:block; width: 30px; height:24px;
		float:left; padding:7px 0 0 9px;
		background: url(../images/bg-a.jpg) 0px 3px no-repeat;
		color: #ffffff; text-decoration:none;
		font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	}
	div.tabs a:hover, div.tabs a.current-types, div.tabs a.current-technology, div.tabs a.current-aggregates{
		background: url(../images/bg-a-hover2.jpg) 0 0px no-repeat;
		color: #00CC00;
	}
	div.tabs a#use-tab{ 
		padding-top:12px;
		background-position: 0 8px; 
	}
	div.tabs a#use-tab:hover{		
		background: url(../images/bg-1-hover.jpg) bottom left no-repeat;
	}
	div.tabs a#last:hover{
		background: url(../images/bg-7-hover.jpg) 0 1px no-repeat;
		padding-bottom:5px;
	}
	
	div.tabs a.current-use{
		background: url(../images/bg-1-hover.jpg) bottom left no-repeat!important;
		color: #00CC00;
	}
/*========END TABS=============*/

div.title-box{
	position:absolute; top:-12px; left:15px;
	background:url(../images/bg-green-title.jpg) no-repeat;
	width:149px; height:28px; color:#ffffff; font-size:12px; text-align:center;
	line-height:28px;
}
div.blue-title-box{
	background:url(../images/bg-blue-title.jpg) no-repeat;
}
div.yellow-title-box{
	background:url(../images/bg-yellow-title.jpg) no-repeat;
}
a.text{
	float:left; padding:10px 0;
	display:block;
}
span.txt{
	display:block; float:left;
	width:300px; 
}
span.developing-txt{
	width:255px;
}
a.text img{
	border:0;
	float:left; margin-right:18px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE5.5 */
	opacity: .6; /* Mozilla 2.x, Opera 8.x */
	-moz-opacity: .6; /* Mozilla FF 1.x, Netscape 8.x */
}
a.text:hover img{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100)!important; /* IE5.5 */
	opacity: 1!important; /* Mozilla 2.x, Opera 8.x */
	-moz-opacity: 1!important; /* Mozilla FF 1.x, Netscape 8.x */
}
a.text:hover font.smallfont{
	text-decoration:underline;
}


div.developig-box{
	float:left; width:450px; position:relative;
	background:#fff;
}
div.tabs-developing{
	position:absolute; top:0; left:294px;
	width:160px; height: 250px; 
	overflow:hidden;
}
div.tabs-developing a.tab-img{
	width: 80px; height:54px; display:block;
	position:absolute; left: 30px;
}
div.tabs-developing a#development-1{ top:18px; }
div.tabs-developing a#development-2{ /*top:117px; top:78px;*/}
div.tabs-developing a.dev-21{ top:117px; /*top:78px;*/}
div.tabs-developing a.dev-23{ top:78px; /*top:78px;*/}
div.tabs-developing a#development-3{ top:177px; }
a.tab-img img{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE5.5 */
	opacity: .6; /* Mozilla 2.x, Opera 8.x */
	-moz-opacity: .6; /* Mozilla FF 1.x, Netscape 8.x */
}
a.tab-img:hover img{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100)!important; /* IE5.5 */
	opacity: 1!important; /* Mozilla 2.x, Opera 8.x */
	-moz-opacity: 1!important; /* Mozilla FF 1.x, Netscape 8.x */
}


div.development-1{
	width:127px; height:85px; background: url(../images/development-1.png) 0px 0px no-repeat;
	position:absolute; top:0; left:-149px;
	padding: 22px 18px 12px 4px; float:left;
}
div.development-2{
	width:127px; height:85px; background: url(../images/development-2.png) 0px 0px no-repeat;
	position:absolute; top:69px; left:-149px;
	padding: 13px 18px 12px 4px;
}
div.development-3{
	width:127px; height:85px; background: url(../images/development-3.png) 0px 0px no-repeat;
	position:absolute; top:128px; left:-149px;
	padding: 15px 18px 22px 4px;
}
div.open{
	left: 0px;
}
/*=====================FOOTER===================*/

div.footer{
	background: url(../images/bg-footer.jpg) top repeat-x; 
	padding:31px 35px 0 19px;
}
div.footer a{
	color: #b6b5b5; font-size:10px; float:left;
}
div.footer a.created{
	float:right; color:#47a9e6;
}