/*--- Global Components for Web Deals ---*/
html, body { background: url(../images/bodybg.png) #C60000 top left repeat; margin: 0px!important; padding: 0px!important; font-family: Arial; }
#frame-container { width: 1100px; margin-left: auto; margin-right: auto; }
#frame-container p { margin: 0px!important; padding-top: 5px!important; padding-bottom: 5px!important; }

.company_container { margin:0 auto!important; }

/*----- HEADER Components -----*/
#header-container { height: 100px!important; }

#header-leftcol { float: left; width: 110px; margin-left: 15px!important; }
#header-rightcol { float: right; text-align: right!important; width: auto!important; margin-right: 35px!important; }

.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: url('../images/navbg.png') bottom left repeat-x;
	z-index: 10000;
	height: 140px;
	overflow: hidden;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

.cbp-af-header.cbp-af-header #header-leftcol img {
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	line-height: 130px;
	height: 110px;
	padding-left: 15px!important;
	padding-top: 10px!important;
	}
	
.cbp-af-header .cbp-af-inner {
	width: 1100px;
	margin: 0 auto;
}

.cbp-af-header nav {
	display: inline-block;
	position: relative;
	font-family: Arial, san serif!important;
	width: 780px;
}

 /* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */
.cbp-af-header nav a {
	display: inline-block;
	text-decoration: none;
	padding-top: 55px; padding-bottom: 55px; padding-left: 5px; padding-right: 5px;
}

.cbp-af-header nav {
	float: right;
	color: #CCCCCC;
}

.cbp-af-header nav a {
	color: #888888; text-transform: uppercase; font-weight: bold!important; letter-spacing: -1px!important;
	font-size: 13px!important; text-shadow: 1px 1px #FFFFFF;
}

.cbp-af-header nav a:hover {
	color: #F00000;
}

/* Transitions and class for reduced height */
.cbp-af-header nav a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.cbp-af-header.cbp-af-header-shrink {
	height: 100px;
}

.cbp-af-header.cbp-af-header-shrink #header-leftcol img {  
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	padding-left: 15px!important;
	padding-top: 10px!important;
	height: 70px;
	}

.cbp-af-header.cbp-af-header-shrink nav a {
	padding-top: 35px; padding-bottom: 35px;
}
	

/*--- FOOTER Components ---*/
#footer-container { background: url('../images/footerbg.jpg') top left repeat-x #222222; }

#footerbox { width: 1050px; padding-top: 25px; padding-left: 25px; padding-right: 25px; padding-bottom: 15px; margin-left: auto; margin-right: auto; }

#footer-leftcol { float: left; width: 750px; }

#footer-leftcol .footernav { font-size: 12px!important; color: #FFFFFF; padding-bottom: 15px!important; padding-left: 10px; }
#footer-leftcol .footernav a, #footer-leftcol .footernav a:link, #footer-leftcol .footernav a:visited { color: #F00000; text-decoration: none; padding-left: 3px; padding-right: 3px; font-weight: bold; }
#footer-leftcol .footernav a:hover { color: #FFFFFF; }

#footer-leftcol .copyrights { border-top: 1px solid #444444; padding-top: 15px; padding-left: 10px; font-size: 11px; color: #CCCCCC; line-height: 1.4em; }
#footer-leftcol .copyrights a, #footer-leftcol .copyrights a:link, #footer-leftcol .copyrights a:visited { color: #F00000; text-decoration: none; font-weight: bold; }
#footer-leftcol .copyrights a:hover { color:#FFFFFF; }

#footer-rightcol { width: 280px; float: right; }

#socialbox { padding-top: 5px; padding-bottom: 6px; padding-right: 10px; width: 270px; margin-left: auto; margin-right: auto; margin-bottom: 10px!important; border-bottom: 1px solid #444444; }
#socialbox .socialleft { float: right; width: 100px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #CCCCCC; }
#socialbox .socialright { float: right; width: 100px; }

#footerlogo { padding-left: 100px; width: 180px; }
#footerlogo .kdlogo { 
	background: url('../images/kdlogo.png') 0px 0px no-repeat; width: 180px; height: 50px; margin-left: auto; margin-right: auto;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
#footerlogo .kdlogo:hover { background: url('../images/kdlogo.png') 0px -50px no-repeat; }



/*--- Extra CSS component for PeppersGrill ---*/
.company_container #home_pepper {
padding-top: 230px;
height: 480px;
background: url('../images/homebg.jpg');
}

#home_pepper .title {
text-align: center;
margin-top: -140px;
z-index: 5;
}

#home_pepper .title img {
width:850px
}

#home_pepper .download a{
color: #000;
background: #FFBE33;
padding: 8px;
width: 240px;
font-family: kite one;
}

#home_pepper .download a:hover {
 background: #E9CF97;
 }

#home_pepper .download {
	margin-top: 10px;
	}
	
.click {
position: absolute;
margin-top: -360px;
margin-left: 750px;
}

.click img {
	width: 220px;
	}

#gallery2 {
	background:url('../images/gallerybg.jpg') no-repeat ;
	width:1100px;
	height:690px;
	margin:0 auto;
	}
.img_container {
position: absolute;
margin-top: 270px;
margin-left: 225px;
}
	
.g1 img {
position: absolute;
width: 150px;
margin-top: -4px; margin-left: 10px;
	}
	
.g2 img {
position: absolute;
width: 150px;
margin-top: 99px; margin-left: 10px;
	}

.g3 img {
position: absolute;
width: 300px;
margin-top: -4px; margin-left: 162px;
	}

.g4 img {
position: absolute;
width: 150px;
margin-top: -4px; margin-left: 464px;
	}

.g5 img {
position: absolute;
width: 150px;
margin-top: 105px; margin-left: 464px;
	}

.g6 img {
position: absolute;
width: 301px;
margin-top: 207px; margin-left: 10px;
	}

.g7 img {
position: absolute;
width: 301px;
margin-top: 207px; margin-left: 313px;
	}
	
.button img {
position: absolute;
width: 110px;
margin-top: 140px;
margin-left: 250px;
z-index: 2
}
	
#reservation {
margin-top: -60px;
}
	
#reservation .text {
position: absolute;
margin-top: 158px;
margin-left: 630px;
}

#reservation .text a {
color: #fff
}

.email {
position: absolute;
margin-left: 880px;
margin-top: 207px;
}

#reservation .text2 {
position: absolute;
margin-top: 380px;
margin-left: 270px;
font-size: 30px;
background: #434343;
padding: 20px;
border-radius: 30px;
}

#reservation .text2:hover {
	background: #AEB0AD;
	}

#reservation .text2 a{
 color: #fff !important;
 }

#recommendation {
 background: url('../images/recommend.jpg') no-repeat;
 height: 682px;
 }
 

.r1 .text, .r2 .text, .r3 .text, .r4 .text, .r5 .text {
font-family: kite one;
font-weight: bold;
color: #fff;
position: absolute;
width: 160px;
margin-top: -20px;
text-align: center;
background: #383838;
}

.r1 a, .r2 a, .r3 a, .r4 a, .r5 a{
font-size: 0px;
}

.r1 a:hover, .r2 a:hover, .r3 a:hover, .r4 a:hover, .r5 a:hover{
font-size:15px;
}

.r1 {
	position: absolute; margin-top: 265px; margin-left: 280px; width: 160px; height: 160px;
	background: url('../images/gallery/chef-recommendation/chef01.jpg') 0px 0px no-repeat!important;
	}
.r1:hover { background: url('../images/gallery/chef-recommendation/chef01.jpg') 0px -160px no-repeat!important; }
.r2 {
	position: absolute; margin-top: 265px; margin-left: 470px; width: 160px; height: 160px;
	background: url('../images/gallery/chef-recommendation/chef02.jpg') 0px 0px no-repeat!important;
	}
.r2:hover { background: url('../images/gallery/chef-recommendation/chef02.jpg') 0px -160px no-repeat!important; }
.r3 {
	position: absolute; margin-top: 265px; margin-left: 660px; width: 160px; height: 160px;
	background: url('../images/gallery/chef-recommendation/chef03.jpg') 0px 0px no-repeat!important;
	}
.r3:hover { background: url('../images/gallery/chef-recommendation/chef03.jpg') 0px -160px no-repeat!important; }
.r4 {
	position: absolute; margin-top: 430px; margin-left: 375px; width: 160px; height: 160px;
	background: url('../images/gallery/chef-recommendation/chef04.jpg') 0px 0px no-repeat!important;
	}
.r4:hover { background: url('../images/gallery/chef-recommendation/chef04.jpg') 0px -160px no-repeat!important; }
.r5 {
	position: absolute; margin-top: 430px; margin-left: 570px; width: 160px; height: 160px;
	background: url('../images/gallery/chef-recommendation/chef05.jpg') 0px 0px no-repeat!important;
	}
.r5:hover { background: url('../images/gallery/chef-recommendation/chef05.jpg') 0px -160px no-repeat!important; }

.company_container #contact_pepper .bg{
	background: url('../images/contactbg.jpg') no-repeat;
	height:659px;
	}

.company_container #contact_pepper {
/*	padding-top: 100px;
	background:#000; */
	}
	
.company_container #contact_pepper .map {
position: absolute;
margin-left: 605px;
margin-top: 200px;
}
	
.company_container #contact_pepper .map a{
	color:#c26306 !important;
	font-weight:bold
	}
	
.company_container #contact_pepper .google_map {
	width: 480px;
	height: 400px;
	background: none;
	margin-top: 30px;
	color: #fff;
	}
		
.company_container #contact_pepper .fb {
position: absolute;
margin-top: 595px;
margin-left: 520px;
}