/*--- Global Components for Web Deals ---*/
html, body { background: #fff url(../images/bg.jpg) no-repeat center fixed; margin: 0px!important; padding: 0px!important; font-family: Arial; }
.pinkbold { color: #FF0068!important; font-weight: bold; }
.bluebold { color: #176FAF!important; font-weight: bold; }
.orangebold { color: #FFCC00!important; font-weight: bold; }


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

#header-leftcol { float: left; width: 300px; }
#header-rightcol { float: right; width: 650px; text-align: right!important; width: auto!important; padding-right: 15px!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: 650px;
}

 /* 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: #5c5c5c; 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: #FF4700;
}

/* 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;
}




/*--- HOME Components ---*/
#home { 
	background: url('../images/home/bg.jpg') top center no-repeat;
	height: 1000px;	
 }
 
#home .container {
	width: 1220px;
	margin: 0 auto;
	}
	
#home .container iframe {
	width: 1200px;
	height: 710px;
	border: none;
	overflow: none;
	}
	



/*--- ABOUT US Components ---*/
#about {
	position: absolute;
	margin-top: -330px;
	}
	
#about-container {
	background: #715f4b url('../images/about/bg.jpg') top center no-repeat;
	height: 570px;
	}
	
#about-wrapper {
	width: 1260px;
	margin: 0 auto;
	}
	
#about-wrapper img {
	margin-top: -250px;
	}
	
#about-wrapper .information {
	font-family: Just Another Hand;
	font-size: 30px;
	width: 500px;
	position: absolute;
	margin-top: -656px;
	margin-left: 285px;
	line-height: 42px;
	}
	


/*--- GALLERY Components ---*/
#our-gallery {
	position: absolute;
	margin-top:-90px;
	}	
.gallery-container {
	background: #3f2b2c url('../images/gallery/bg.jpg') top center no-repeat;
	padding-top: 50px;
	padding-bottom: 50px;
	}	

/*--- MENU Components ---*/
#menu{
	position: absolute;
	margin-top:-90px;
	}
	
#menu-container{
	width: 1220px;
	height: 650px;
	margin: 0 auto;
	}

#menu-container .title {
	padding-top: 50px;
	text-align: center;
}	

.menu-content{
	margin-top: 80px;
	}
	
.menu-content .wood {
	margin-top: 20px;
	}

.maincourse {
	width: 300px;
	float: left;
	text-align: center;
	}
	
.maincourse .text {
	font-family: Ubuntu;
	color: #fff;
	font-size: 23px;
	position: absolute;
	margin-top: 40px;
	margin-left: 75px;
	}
	
.pasta {
	width: 300px;
	float: left;
	text-align: center;
	}
	
.pasta .text {
	font-family: Ubuntu;
	color: #fff;
	font-size: 23px;
	position: absolute;
	margin-top: 40px;
	margin-left: 110px;
	}
	
.starter {
	width: 300px;
	float: left;
	text-align: center;
	}
	
.starter .text {
	font-family: Ubuntu;
	color: #fff;
	font-size: 23px;
	position: absolute;
	margin-top: 40px;
	margin-left: 103px;
	}
	
.finger {
	width: 300px;
	float: left;
	text-align: center;
	}
	
.finger .text {
	font-family: Ubuntu;
	color: #fff;
	font-size: 23px;
	position: absolute;
	margin-top: 40px;
	margin-left: 78px;
	}
	

	
/*--- CONTACT US Components ---*/
#contact-us{
	position: absolute;	
	margin-top:-90px;
	}
	
#contact-title {
	background: url('../images/contact/bg.jpg') top center no-repeat;
	height: 180px;
	}
	
#contact-title .container {
	width: 1220px;
	margin: 0 auto;
	}
	
#contact-title img {
	width: 350px;
	margin-left: 50px;
	margin-top: 70px
	}
	
#contact-wrapper {
	background: url('../images/contact/bg2.jpg') top center no-repeat;
	height: 850px;
	}
	
#mapbox {
	width: 1220px;
	margin: 0 auto;
	margin-top: 100px;
	}
#contact-mapbox {
	width: 600px;
	height: 450px;
	border: 3px solid #fff;
	float: left;
	}
#googlemap { 
	width: 600px; 
	height: 450px; 
	}
	
#contact-information {
	width: 550px;
	float: left;
	margin-left: 30px;
}

#contact-information img{
	margin-top: 30px;
	}
	
#contact-information .address {
	margin-top: 30px;
	}
	
#contact-information .phone {
	margin-top: 30px;
	}
	
#contact-information .fb {
	margin-top: 40px;
	}
	
#contact-information .contents {
	font-family: Ubuntu; 
	font-size: 20px;
	margin-left: 105px;
	color: #fff
	}
	
#contact-information .address .contents {
	margin-top: -65px;
	}
	
#contact-information .phone .contents {
	margin-top: -50px;
	}
	
#contact-information .fb .contents {
	margin-top: -55px;
	}
	
#contact-information .fb .contents  a{
	text-decoration: none;
	color: #fff
	}
	
#contact-information .fb .contents  a:hover{
	text-decoration: underline;
	}
	
	

/*--- 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: #FF4700; text-decoration: none; padding-left: 3px; padding-right: 3px; font-weight: bold;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;
	}
#footer-leftcol .footernav a:hover { color: #FFFFFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

#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: #FF4700; text-decoration: none; font-weight: bold; 
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;
	}
#footer-leftcol .copyrights a:hover { color:#FFFFFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

#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; }