/*--- Global Components for Web Deals ---*/
html, body { margin: 0px!important; padding: 0px!important; font-family: Arial; }
*:focus { outline: none!important; } /*-- Clear Outlines in multiple Browser --*/
img { border: 0px!important; outline: none!important; }




/*----- HEADER Components -----*/
#header-container { height: 100px!important; }
#header-leftcol { float: left; width: 250px; margin-left: 15px!important; }
#header-rightcol { float: right; text-align: right!important; width: auto!important; margin-right: 35px!important; }

.cbp-af-header {
	background: url('../images/navbg.png') bottom left repeat-x; position: fixed; top: 0; left: 0;
	width: 100%; 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: 120px; padding-left: 15px!important; padding-top: 0px!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 { float: right; color: #CCCCCC; }
.cbp-af-header nav a {  
	display: inline-block; text-decoration: none;color: #888888; text-transform: uppercase; 
	font-weight: bold!important; letter-spacing: -1px!important; font-size: 13px!important; text-shadow: 1px 1px #FFFFFF; 
	padding-top: 55px; padding-bottom: 55px; padding-left: 5px; padding-right: 5px;
	}

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

/* 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: 0px!important; height: 80px;
	}

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





/*--- HOME Components ---*/
#home-container { background: url('../images/home-bg.jpg')  #181818 bottom left repeat-x!important; }
#home { width: 1100px!important; height: 650px!important; padding-top: 130px!important; margin: 0px auto!important; }





/*--- ABOUT US Components ---*/
#about-container { background: url('../images/about-bg.jpg') #181818 right 300px no-repeat!important; }
#about-headerbg { background: url('../images/about-bgimg.jpg') left 250px no-repeat!important; }
#about-us { background: url(../images/about-headerbg.jpg) #A12B21 left bottom repeat-x!important; padding-top: 130px!important; height: 120px; }
#about-us .about-title { 
	width: 1100px!important; height: 100px; text-align: center!important; margin: 0px auto!important; text-shadow: 1px 1px 3px #000000!important;
	font-size: 65px!important; color: #FFFFFF; font-family: 'Merienda One', cursive!important; letter-spacing: -3px!important;
	}

#about-box { 
	width: 550px!important; height: 550px!important; margin: 0px auto!important; color: #FFFFFF; 
	padding-top: 100px; padding-left: 500px; padding-right: 50px;
	}
#about-box .aboutdesc { 
	background: url('../images/black-transparent75.png') top left repeat!important; padding: 25px!important; 
	-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
	}
#about-box .aboutdesc p { line-height: 1.5em!important; padding-bottom: 8px!important; }





/*--- GALLERY Components ---*/
#gallery-container { background: url('../images/gallery-bg.jpg') #262626 top center repeat; }
#gallery-headerbg { background: url('../images/gallery-headerbg.jpg') top center no-repeat!important; }
#gallery-headerbg .gallery-deco { position: absolute!important; width: 650px; height: 297px; margin-left: -35px; margin-top: 0px; }
#gallery { width: 1100px!important; padding-top: 130px!important; padding-bottom: 40px!important; margin: 0px auto!important; }
#gallery .gallery-title { 
	height: 100px; text-align: center!important; margin: 0px auto!important; text-shadow: 1px 1px 3px #000000!important;
	font-size: 65px!important; color: #FFFFFF; font-family: 'Merienda One', cursive!important; letter-spacing: -3px!important; margin-bottom: 75px!important;
	}
#gallery .buttonslider1 { position:absolute!important; width: 282px; height: 66px; margin-left: 730px; margin-top: -155px; }
#gallery .buttonslider2 { position:absolute!important; width: 282px; height: 66px; margin-left: 730px; margin-top: -110px; }
#gallery .buttonslider3 { position:absolute!important; width: 282px; height: 66px; margin-left: 730px; margin-top: -125px; }

/*----- The Slider1 styles -----*/
#slider { 
	width: 900px; height: 554px; overflow: hidden!important; 
	margin-left: auto!important; margin-right: auto!important;
	}
/* Basic Style */
.lean-slider { position: relative; *zoom: 1; }
.lean-slider:before, .lean-slider:after { content: " "; display: table; }
.lean-slider:after { clear: both; }

.lean-slider-slide {  float: left; width: 100%; margin-right: -100%; display: none; }
.lean-slider-slide.current { display: block; }

/* Custom Layout Style */
.slider-wrapper { position: relative; background: url('../images/loading.gif') no-repeat 50% 50%; }
.lean-slider { overflow: hidden; }
.lean-slider-slide {
    display: block; position: relative; opacity: 0;
    -webkit-transition: opacity 0.6s linear; -moz-transition: opacity 0.6s linear; -ms-transition: opacity 0.6s linear; -o-transition: opacity 0.6s linear; transition: opacity 0.6s linear;
}
.lean-slider-slide.current { opacity: 1; }
.lean-slider-slide img { display: block; width: 100%; }

#slider-direction-nav {
    position: absolute; left: 150px!important; top: 45%; width: 800px!important; opacity: 0.2;
    -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear;
}
.slider-wrapper:hover #slider-direction-nav { opacity: 1; }
#slider-direction-nav a { float: left; display: block; width: 50px; height: 50px; background: url('../images/arrows.png') no-repeat 0 0; text-indent: -9999px; }
#slider-direction-nav .lean-slider-next { float: right; background-position: 100% 0; }

#slider-control-nav {
    position: absolute; left: 100px!important; bottom: 35px!important; width: 900px!important; transition: opacity 0.2s linear; opacity: 0.2;
    text-align: center; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear;
	}
.slider-wrapper:hover #slider-control-nav { opacity: 1; }
#slider-control-nav a {
    display: inline-block; width: 14px; height: 14px; background: url('../images/bullets.png') no-repeat 0 0; text-indent: -9999px; margin: 0 3px;
    -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;
	}
#slider-control-nav a.active { background-position: 100% 0; }

/*----- The Slider2 styles -----*/
#slider2 { 
	width:900px; height: 554px; overflow: hidden!important; 
	margin-left: auto!important; margin-right: auto!important;
	}

/* Custom Layout Style */
.slider2-wrapper { position: relative; background: url('../images/loading.gif') no-repeat 50% 50%; }

#slider2-direction-nav {
    position: absolute; left: 150px!important; top: 45%; width: 800px!important; opacity: 0.2;
    -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear;
}
.slider2-wrapper:hover #slider2-direction-nav { opacity: 1; }
#slider2-direction-nav a { float: left; display: block; width: 50px; height: 50px; background: url('../images/arrows.png') no-repeat 0 0; text-indent: -9999px; }
#slider2-direction-nav .lean-slider-next { float: right; background-position: 100% 0; }

#slider2-control-nav {
    position: absolute; left: 100px!important; bottom: 35px!important; width: 900px!important; transition: opacity 0.2s linear; opacity: 0.2;
    text-align: center; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear;
	}
.slider2-wrapper:hover #slider2-control-nav { opacity: 1; }
#slider2-control-nav a {
    display: inline-block; width: 14px; height: 14px; background: url('../images/bullets.png') no-repeat 0 0; text-indent: -9999px; margin: 0 3px;
    -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;
	}
#slider2-control-nav a.active { background-position: 100% 0; }

/*----- The Slider3 styles -----*/
#slider3 { 
	width:900px; height: 554px; overflow: hidden!important; 
	margin-left: auto!important; margin-right: auto!important;
	}

/* Custom Layout Style */
.slider3-wrapper { position: relative; background: url('../images/loading.gif') no-repeat 50% 50%; }

#slider3-direction-nav {
    position: absolute; left: 150px!important; top: 45%; width: 800px!important; opacity: 0.2;
    -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear;
}
.slider3-wrapper:hover #slider3-direction-nav { opacity: 1; }
#slider3-direction-nav a { float: left; display: block; width: 50px; height: 50px; background: url('../images/arrows.png') no-repeat 0 0; text-indent: -9999px; }
#slider3-direction-nav .lean-slider-next { float: right; background-position: 100% 0; }

#slider3-control-nav {
    position: absolute; left: 100px!important; bottom: 35px!important; width: 900px!important; transition: opacity 0.2s linear; opacity: 0.2;
    text-align: center; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear;
	}
.slider3-wrapper:hover #slider3-control-nav { opacity: 1; }
#slider3-control-nav a {
    display: inline-block; width: 14px; height: 14px; background: url('../images/bullets.png') no-repeat 0 0; text-indent: -9999px; margin: 0 3px;
    -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;
	}
#slider3-control-nav a.active { background-position: 100% 0; }



/*--- PROMOTION Components ---*/
#promotions-container { background: url('../images/promo-bg.jpg') #000000 top center no-repeat!important; }
#promo-bamboobg { background: url('../images/gallery-bamboobg.png') top right no-repeat!important; }
#promotions { width: 1100px!important; height: 700px!important; padding-top: 127px!important; margin: 0px auto!important; }
#promotions .promo-title { 
	height: 100px; text-align: center!important; margin: 0px auto!important; text-shadow: 1px 1px 3px #000000!important;
	font-size: 65px!important; color: #FFFFFF; font-family: 'Merienda One', cursive!important; letter-spacing: -3px!important;
	}
#promotions .promo-img { width: 760px; height: 480px; margin: 0px auto!important; }






/*--- CONTACT US Components ---*/
#contact-container { background: url('../images/contact-bg.jpg') #FFF9E6 top center repeat-x; }
#contact-us { width: 1100px!important; height: 720px!important; padding-top: 110px!important; margin: 0px auto!important; }
#contact-us .contact-title { 
	height: 100px; text-align: center!important; margin: 0px auto!important; text-shadow: 1px 1px 3px #C6A45B!important;
	font-size: 65px!important; color: #222222; font-family: 'Merienda One', cursive!important; letter-spacing: -3px!important;
	}
#contact-leftcol { float: left; width: 380px!important; padding-left: 80px!important; padding-top: 110px!important; font-family: 'Roboto Condensed', sans-serif!important; }
#contact-leftcol .contact-add { 
	background: url('../images/contact-icon1.png') top left no-repeat; height: 60px; line-height: 1.4em!important;
	padding-left: 75px; padding-top: 5px!important; font-size: 18px; margin-bottom: 10px!important; 
	}
#contact-leftcol .contact-phone { 
	background: url('../images/contact-icon2.png') top left no-repeat; height: 45px; line-height: 1.4em!important;
	padding-left: 75px; padding-top: 20px!important; font-size: 18px; margin-bottom: 10px!important; 
	}
#contact-leftcol .contact-open {
	background: url('../images/contact-icon3.png') top left no-repeat; height:50px; line-height: 1.4em!important;
	padding-left: 75px; padding-top: 15px!important; font-size: 18px; padding-bottom: 15px!important; border-bottom: 1px solid #666666; margin-bottom: 15px;
	}
#contact-leftcol .contact-fb { width: 370px; height: 90px; margin-left: auto; margin-right: auto; }
#contact-leftcol .flower-left { position: absolute!important; width: 100px; height: 102px; margin-left: -45px!important; margin-top: -102px!important; }

#contact-rightcol { float: right; width: 620px!important; padding-top: 50px!important; }
#contact-map { 
	background: #222222; width: 450px; height: 450px; padding: 5px!important; margin: 0px auto!important; 
	-moz-border-radius: 250px; -webkit-border-radius: 250px; -khtml-border-radius: 250px; border-radius: 250px; 
	}
#contact-map #googlemap { background: #FFFFFF; width: 450px; height: 450px; -moz-border-radius: 250px; -webkit-border-radius: 250px; -khtml-border-radius: 250px; border-radius: 250px; }

#contact-rightcol .contact-deco { position: absolute!important; width: 400px; height: 320px; margin-left: 180px!important; margin-top: -500px!important; }
#contact-rightcol .flower-right { position: absolute!important; width: 198px; height: 150px; margin-left: 250px; margin-top: -120px; }





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