/*   
Name: QKM Kitchen
Description: New Quality Kitchen
Author URI: http://www.company.com.ph
Version: 1.0
Tags: Kitchen products, Kitchen setup, Kitchen supplier
Web Design: Pitstop101media.com
-------------------------------------------------------------- */


/* Base
-------------------------------------------------------------- */

body {
	background: #000;
	margin:0; 
}

/******************************************************
header
******************************************************/

.headerwrapper {
	background: url(i/topmenubg.png) repeat-x;
	height: 56px;
	width: 1004px;
	margin: 22px auto 0 auto;
	text-align: center;
	padding: 0;
	border:1px #000000 solid;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	position:relative;
}
.logo {
	background:url(i/logo.png);
	width:177px;
	height:110px;
	top:-22px;
	left:415px;
	position:absolute;
	z-index:10;
}
.topmenu {
	float:left;
	width:950px;
	padding-left:52px;
	font:bold 15px Calibri, Arial, Tahoma;
}
.topmenu ul {
	display: inline;
	list-style-type: none;
	text-decoration:none;
}
.topmenu li {
	float:left;
}
.topmenu a {
	background:url(i/menudiivider.png) right no-repeat;
	color: #fff;
	text-decoration:none;
	padding: 0 24px;
	display:block;
	line-height:56px;
}
.topmenu a:hover {
	color:#F33;
}
.leftmenu {
	float:left;
	width:414px;
	line-height:56px;
	font:bold 15px Calibri, Arial, Tahoma;
}
.leftmenu img {
	height:15px;
	padding-top:15px;
}
.leftmenu a {
	color:#FFF;
	padding:0 37px;
	text-decoration:none;
}
.leftmenu a:hover {
	color: #F00;
}
.rightmenu {
	float:right;
	width:414px;
	line-height:56px;
	font:bold 15px Calibri, Arial, Tahoma;
}
.rightmenu img {
	height:15px;
	padding-top:15px;
}
.rightmenu a {
	color:#FFF;
	padding:0 28px;
	text-decoration:none;
}
.rightmenu a:hover {
	color: #F00;
}

/******************************************************
slider
******************************************************/
.slider {
	background:#f6f6f6 url(i/sliderbg.png)repeat-x;
	margin:0 auto;
	height: 383px;
}
.insideslider {
	background:#000 url(i/insidesliderbg.png)top repeat-x;
	margin:0 auto;
	height: 236px;
}
.sliderwrapper {
	background: url(i/sliderborder.png) repeat-y;
	width: 1018px;
	height: 383px;
	margin:0 auto;
	position:relative;
}

.inshdrwrapper {
	font:bold 13px Calibri, Arial, Tahoma;
	width: 508px;
	height: 158px;
	margin:0 auto;
	padding:70px 480px 0 30px;
	position:relative;
}

.sliderimg {
	padding:6px 13px;
}
.submenu {
	left:129px;
	top:0px;
	position:absolute;
	z-index:50;
	text-align:left;
}
.submenu li {
	list-style:none;
}
.submenu a {
	font:bold 15px Calibri, Arial, Tahoma;
	color:#FFFFFF;
	text-decoration:none;
	height:32px;
	background:#151515 url(i/submenubg.png) repeat-x;
	display:block;
	line-height:32px;
	padding:0 20px;
	border:1px #970000 solid;
}
.submenu a:hover {
	color:#d00000;
}
.arrowleft {
	width:64px;
	height:64px;
	left:-21px;
	top:162px;
	position:absolute;
	z-index:15;
}
.arrowright {
	width:64px;
	height:64px;
	right:-21px;
	top:162px;
	position:absolute;
	z-index:15;
}
.slidercallus {
	right:337px;
	bottom:0;
	position:absolute;
	z-index:15;
}

.insideimg {
	right:-82px;
	bottom:-59px;
	position:absolute;
	z-index:30;
}

/******************************************************
content
******************************************************/
.container {
	background:url(i/contentbg.png) top center no-repeat;
	margin:0 auto;
	width: 948px;
	color:#FFFFFF;
	padding: 45px 35px 0 35px;
	overflow:auto;

}
.inscontainer {
	background:url(i/contentbg.png) top center no-repeat;
	margin:0 auto;
	width: 983px;
	color:#FFFFFF;
	padding: 68px 0 0 35px;
	overflow:auto;
}
.gallery {
	width:558px;
	float:left;
}
.galleryimg {
	background: #FFF;
	width:546px;
	float:left;
	padding:6px;
}
.gallety_tn {
	width:508px;
	position:relative;
	padding:15px 25px;
	float:left;
}
.galleryarrowlft {
	left:0;
	top:15px;
	position:absolute;
	z-index:40;
}
.galleryarrowrght {
	right:0;
	top:15px;
	position:absolute;
	z-index:40;
}
.gallerymenu {
	font:bold 15px Calibri, Arial, Tahoma;
	background:url(i/gallerymenubg.png) no-repeat;
	width:360px;
	height:336px;
	float:right;
	line-height:25px;
	padding:68px 0 0 44px;
}

.gallerymenu li {
	list-style-image:url(i/bullet.png);
}
.container2 {
	margin:0 auto;
	width: 983px;
	color:#FFFFFF;
	padding:0 35px 0 0;
	overflow:auto;
}
.contenttext {
	font: 13px Calibri, Arial, Tahoma;
	width:490px;
	float:left;
	padding-right:28px;
}

.contentimg {	
	width:429px;
	float:right;

}
.fruits {
	bottom:-55px;
	left:-63px;
	z-index:20;
	position:absolute;
}
.contenttext2 {
	font: 13px Calibri, Arial, Tahoma;
	width:498px;
	float:right;
	padding-left:40px;
	position:relative;
}
.contentimage {
	width:445px;
	float:left;
}
.contenttext2layer {
	left:309px;
	right:100px;
	z-index:30;
	position:absolute;
	top: 47px;
	width: 235px;
	height: 186px;
	font-size: 14px;
}
.fruit2 {
	bottom:-55px;
	left:-63px;
	z-index:25;
	position:absolute;
}

/******************************************************
footer
******************************************************/

.footer {
	background:#f6f6f6 url(i/footerbg.png) top repeat-x;
	height:130px;
	width:100%;
	color:#FFFFFF;
	font:bold 12px Calibri, Arial, Tahoma;
}
.footerwrapper {
	width:948px;
	margin:0 auto;
	overflow:auto;
}
.footerwrapper a {
	color: #FFF;
	text-decoration:none;
}
.location {
	width:275px;
	height:78px;
	line-height:14px;
	padding-left:30px;
	padding-top:10px;	
	margin-left:20px;
	background: url(i/locationicon.png) center left no-repeat;
	float:left;
}
.email {
	width:200px;
	height:78px;
	line-height:14px;
	padding-left:38px;
	padding-top:10px;
	margin-left:40px;	
	background: url(i/emailicon.png) center left no-repeat;
	float:left;
}
.contact {
	width:250px;
	height:78px;
	line-height:14px;
	padding-left:45px;
	padding-top:10px;	
	margin-left:40px;
	background: url(i/contacticon.png) center left no-repeat;
	float:left;
}
.footerdivider {
	float:left;
	height:81px;
	width:2px;
	background:url(i/footerdivider.png) no-repeat;
}
.copyrightweb {
	text-align:center;
	height:40px;
	line-height:40px;
	color:#4e4e4e;
}
.copyrightweb a {
	text-decoration:none;
	color:#4e4e4e;
}

.copyrightweb a:hover {
	color:#000;
	text-decoration:underline;
}