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

/***************************************************
Project          : Kohinoor Duron Paints
File Description : css of Kohinoor Duron Paints
****************************************************/

/*========================= COMMON CSS =========================*/
*{
margin:0px;
padding:0px;}

html {
margin:0px;
padding:0px;
}

body{
margin:0px;
padding:50px 0px 50px 0px;
background: url(../images/tail-body.jpg) ;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #666666;}

p{
margin:0px;
padding:0px;
line-height:20px;
text-align:justify;
}

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

a:hover{
color: #333333;
text-decoration:underline;}

img{
margin:0px;
padding:0px;
border:none;
}

h1,h2,h3,h4,h4,h5{
margin:0px;
padding:0px;
font-weight:normal;}

.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
	height:1px;
	
}

ul {
	margin:0px;
	padding:0px;
}
ul li {
	display:block;
	margin:0px;
	padding:0px;
	float:left;
	list-style:none;
	text-decoration:none;
}

/*========================= COMMON CSS =========================*/

/*========================= INDEX PAGE CSS =========================*/

#main_wrapper{
width:930px;
height:100%;
padding:0px 15px 0px 15px;
background:#f7f7f7;
margin:0px auto;
clear:both;
overflow:auto;}

#header{
height:130px;
width:930px;
margin:0px auto;
padding:0px;}

#logo{
width:534px;
height:130px;
float:left;}

#chabi_logo{
width:115px;
height:130px;
float:right;}

#menu{
height:60px;
width:930px;
background:#262626;}

#menu ul{
margin:0px 0px 0px 12px;
padding:0px;}

#menu ul li{
	list-style:none;
	display:inline-block;
	padding-top: 23px;
	padding-right: 21px;
	padding-bottom: 0px;
	padding-left: 21px;
}

#menu ul li a{
color: #FFFFFF;
text-decoration:none;
text-transform:uppercase;
font-size:15px;
}

#menu ul li a:hover{
text-decoration:none;
color: #c72597;}

#menu ul li a.active{
color: #c72597;}

#gallery{
width:930px;
height:260px;
margin-top:20px;}

#content_wrapper{
width:930px;
height:100%;
margin-top:20px;
clear:both;}

#center_content_wrapper{
width:930px;
height:100%;
background:#ededed;
border:1px solid  #CCCCCC;
overflow:auto;
padding-bottom:20px;}

#welcome_text{
width:515px;
padding:17px 20px 0px 0px;
height:100%;
float:right;
color:#666666;
}

#bottom_content_wrapper{
width:930px;
height:230px;
margin-top:30px;
}

#read_more{
background:url(../images/remore-button.jpg) no-repeat;
width:100px;
height:25px;
margin:220px 0px 0px 160px;
padding:5px 0px 0px 27px;}

#read_more a{
color: #333333;
text-decoration: none;}

#read_more a:hover{
color:#FFFFFF;
text-decoration:none;}

#products_sample{
width:335px;
height:100%;
float:left;
padding:17px 0px 0px 20px;}

#sample_img{
width:259px;
height:187px;
padding:15px;
background:#FFFFFF;}

#view_sample{
width:100%;
height:100%;
background:url(../images/arrow.jpg) no-repeat;
background-position:left;
padding-left:25px;
margin-top:15px;}

#view_sample a{
font-size:13px;
color:#f323b2;
text-decoration:none;}

#view_sample a:hover{
color: #333333;
text-decoration:underline;}

.products_box{
width:276px;
height:205px;
float:left;
display:inline;}

.products_img{
width:276px;
height:134px;
margin-top:20px;}

.products_heading{
width:150px;
height:18px;
margin-top:12px;
}

#footer{
width:960px;
height:50px;
background:#363636;
margin:0px auto;}

#footer_text{
color:#f8f8f8;
width:300px;
height:40px;
float:left;
margin-left:15px;
margin-top:5px;}

#footer_text a{
color: #999999;}

#social_icon{
margin-top:10px;
width:220px;
height:35px;
float:right;
text-align:right;
margin-right:15px;}

#social_icon_text{
width:100px;
margin-top:8px;
height:15px;
float:left;
font-size:13px;
color:#CCCCCC;
}


#footer_text2{
width:200px;
height:20px;
position:relative;
top:-13px;
font-size:12px;
left:745px;
color:#f8f8f8;
text-align:right;
}

/*========================= INDEX PAGE CSS =========================*/

#banner{
width:930px;
height:150px;
margin-top:20px;
background:#999999;}

#left_content_wrapper{
	width:650px;
	height:100%;
	float:left;
	overflow:auto;
}

#right_content_wrapper{
width:260px;
height:100%;
float:right;
overflow:auto;}

.products_category1 {
	height:100%;
	width:228px;
	float:left;
	margin-top:10px;
}
.products_category1 ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	line-height:24px;
	background-position:left 5px;
	text-align:justify;
}
.products_category1 ul li {
	margin:0px;
	border-bottom:1px  dotted  #999999;
	background: url(../images/arrow2.png) no-repeat;
	padding-left:25px;
	padding-bottom:0px;
	width:205px;
	line-height:24px;
	background-position:left 15px;
	text-align:justify;
	font-size:14px;
	padding-top:6px;
	
}
.products_category1 ul li a {
	color: #333333;
}
.products_category1 ul li a:hover {
	color:#cb028c;
}

.text_product{
width:100%;
height:25px;}

.products_text1{
width:150px;
height:20px;
text-align:left;
float:left;
color:#c72597;
font-size:16px;}

.products_text2{
margin-right:120px;
width:150px;
height:20px;
float:right;
color:#c72597;
font-size:16px;}

.box123{
width:500px;
height:100%;
padding-left:40px;
position:relative;
}

#map{
width:400px;
height:350px;
position: absolute;
top:0px;
left:450px;
border:1px solid #CCCCCC;}