#topstrip{

	margin:0px auto;

	padding-left:10px;

	padding-top:5px;

	width: 100%;

	height:auto;

	background-color:#ffffff;

}

.banner{

	margin:0px auto;

	width: 100%;

	height:auto;

}



#topmenu{

	margin:0px auto;

	width: 100%;

	height:auto;

	background-color:#ff0000;

}

#logo_kimya{

	float:left;

	margin-left:20px;

	width: 320px;

	padding-left:5px;

	height:70px;

}



.social_kimya{

	float:right;

	padding-right:10px;

	padding-bottom:5px;

	margin-right:10px;

	margin-bottom:5px;

	margin-top:0px;

	padding:5px;

	width:250px;

	height:40px;

	margin-top:5px;

	text-align:right;

	vertical-align:center;

	background-color:#fff;

}



.social_icon{

	text-align:right;

	float:right;

	margin-right:10px;

	margin-top:10px;

	width: 28px;

	height:28px;

}

.social_title{

	float:right;

	text-align:right;

	margin-right:5px;

	padding-top:15px;

	width:80px;

	height:30px;

}





#mid{

	padding-left:5%; 

	padding-right:5%; 

	padding-top:20px; 

	padding-bottom:20px;

	background-color:#ffd200;

	margin:0px auto;

}

#scroller{

	margin-top:0px;

	background-color:#ffd200;

	padding-bottom:8px;

}



.footer1{

	padding-left:5%;

	padding-right:5%;

	margin:0px auto;

	margin-top:0px;

	background-color:#ff6400;

	

}

.kmat{

	margin-top:0px;

	padding-right:1%;

	padding-bottom:20px;

	margin:0px auto;

	margin-top:0px;

	text-align:justify;

}



#menu {

	padding-top:10px;

	float: left;

	width: 100%;

	height:auto;

	display: block;

	background-color:#F00;

}

#menu ul {

	clear: both;

	width: 90%;

	height:auto;

	display: block;

	background-color:#F00;

}

#menu li{

	margin:10px 10px;

	font:18px Arial, Helvetica, sans-serif;

	line-height:auto;

	display:inline;

	list-style-type:none;

	}

	

#menu a {

	padding:10px 10px ;

	color:#ffffff;

	text-decoration:none;

	}

#menu a:hover{

	padding:10px 10px ;

	color:#ffce39;

	color:#ffde7b;

	height:auto;

	background-color:#d30000;

	}

.protitle{

	text-align:center;

	padding:8px;

}

/* below are catalogue */