/*--- Global Components for Web Deals ---*/
html, body { margin: 0px!important; padding: 0px!important; font-family: Arial; font-size: 12px; }
#pageheader { 
	font-family: 'Lora', serif!important; font-size: 52px; letter-spacing: -2px!important; text-align: left; color: #FFFFFF!important; 
	padding-bottom: 10px; margin-bottom: 5px!important; text-shadow: 1px 1px #222222!important;
	}
*:focus { outline: none!important; } /*-- Clear Outlines in multiple Browser --*/




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

#header-leftcol { float: left; width: 255px; margin-left: 15px!important; }
#header-rightcol { float: right; width: 750px; 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: 140px; height: 90px; padding-left: 0px!important; padding-top: 20px!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: 750px; }

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

/* 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: 0px!important; padding-top: 15px!important; height: 60px; 
	}
.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: 700px; padding-top: 150px; }
#home-bottomshadow { background: url('../images/home-bottomshadowbg.png') bottom left repeat-x; }
#home-container { width: 1100px; height: 625px; padding-top: 75px; margin-left: auto; margin-right: auto; }

#banner-container { background: url('../images/frontbanner-bg.png') top left no-repeat; width: 1010px; height: 435px; padding-top: 35px; margin-left: auto; margin-right: auto; }
#bannerbox { background: #FFFFFF; width: 938px; height: 398px; padding: 1px; margin-left: auto; margin-right: auto; }
#slider { width: 938px; height: 398px; overflow: hidden!important; }

/*----- The Slider styles -----*/
/* 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: #fff url('../images/loading.gif') no-repeat 50% 50%;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
}
.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: 0;
    top: 47%;
    width: 100%;
    -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;
    opacity: 0.2;
}
.slider-wrapper:hover #slider-direction-nav { opacity: 1; }
#slider-direction-nav a {
    float: left;
    display: block;
    width: 26px;
    height: 37px;
    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: 0;
    bottom: 10px;
    width: 100%;
    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;
    transition: opacity 0.2s linear;
    opacity: 0.2;
}
.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; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-width : 480px) {

    #slider-direction-nav,
	#slider-control-nav { opacity: 1; }

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	
	#slider-direction-nav,
	#slider-control-nav { opacity: 1; }

}



/*--- ABOUT US Components ---*/
#about { background: url('../images/about-bg.jpg') #020A01 top center no-repeat; padding-top: 110px; }
#about-bottomshadow { background: url('../images/about-bottomshadowbg.png') bottom left repeat-x; padding-bottom: 50px!important; }
#about-container { width: 1100px; margin-left: auto; margin-right: auto; }

#about-container .aboutyellow { color: #FF9900; font-weight: bold; }
#about-container a, #about-container a:link, #about-container a:visited { color:#FF9900!important; font-weight: bold; text-decoration: none; }
#about-container a:hover { color:#FFCC00!important; text-decoration: none!important; }

#about-container .about-floatimg1 { position: absolute; width: 130px; height: 200px; margin-left: 625px; margin-top: -500px; }
#about-container .about-floatimg2 { position: absolute; width: 224px; height: 263px; margin-left: 880px; margin-top: -560px; }
#about-container .about-floatimg3 { position: absolute; width: 77px; height: 197px; margin-left: 10px; margin-top: -210px; }

#about-contentbox1 { }
#about-contentbox1 #contentbox1-img { float: right; width: 360px; padding-right: 50px; padding-top: 45px; }
#about-contentbox1 #contentbox1-img .box1img { background: #000000; width: 350px; height: 200px; padding: 5px; }
#about-contentbox1 #contentbox1-desc { float: left; width: 600px; }
#about-contentbox1 #contentbox1-desc .box1desc { 
	background: url('../images/black-45transparent.png') top left repeat; color: #FFFFFF; line-height: 1.4em; 
	padding-left: 25px; padding-right: 25px; padding-top: 2px; padding-bottom: 2px;
	}

#about-texthlight { font-size: 28px; text-align: right; color: #FFFFFF; text-shadow: 1px 1px #222222!important; letter-spacing: -2px; padding-top: 15px!important; }

#about-contentbox2 { }
#about-contentbox2 #contentbox2-img { float: left!important; width: 360px; padding-left: 50px; padding-top: 20px; }
#about-contentbox2 #contentbox2-img .box2img { background: #000000; width: 350px; height: 200px; padding: 5px; }
#about-contentbox2 #contentbox2-desc { float: right!important; width: 650px; padding-top: 20px; }
#about-contentbox2 #contentbox2-desc .box2desc { 
	background: url('../images/black-45transparent.png') top left repeat; color: #FFFFFF; line-height: 1.4em; 
	padding-left: 25px; padding-right: 25px; padding-top: 2px; padding-bottom: 2px;
	}




/*--- OUR MENU Components ---*/
#menu { background: url('../images/menu-bg.jpg') top center no-repeat; height: 710px; padding-top: 140px; }
#menu-container { width: 1100px; margin-left: auto; margin-right: auto; margin-bottom: 35px!important; }
#menu-container #pageheader { text-align: center!important; color: #222222!important; text-shadow: 1px 1px #FFFFFF!important; }

#menu-imgbuttonbox { width: 840px; padding-top: 25px; margin-left: auto; margin-right: auto; }
.menuswap01, .menuswap02, .menuswap03 { float: left; width: 210px; height: 210px; margin-left: 35px; margin-right: 35px; }
.menuswap01 img, .menuswap02 img, .menuswap03 img { 
	-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; 
	}
.swap1a, .menuswap01:hover .swap2a,
.swap1b, .menuswap02:hover .swap2b,
.swap1c, .menuswap03:hover .swap2c { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } 
.menuswap01:hover .swap1a, .swap2a,
.menuswap02:hover .swap1b, .swap2b,
.menuswap03:hover .swap1c, .swap2c { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } 

#menu-buttonbox { width: 840px; padding-top: 15px; margin-left: auto; margin-right: auto; }
.menu-signage { }
.menu-signage a, .menu-signage a:link, .menu-signage a:visited { 
	float: left; width: 205px; height: 38px; background: url('../images/menu-signage.png') 0px 0px no-repeat; 
	text-align: center; font-size: 13px; color: #FFFFFF; text-decoration: none; 
	padding-top: 28px; padding-left: 20px; margin-left: 27px; margin-right: 26px;  
	}
.menu-signage a:hover {  background: url('../images/menu-signage.png') 0px -66px no-repeat;  }

#menu-pdfcontainer { background: url('../images/white-60transparent.png') top left repeat; }
#menu-pdfbox { width: 1100px; padding-top: 25px; padding-bottom: 15px; margin-left: auto; margin-right: auto; }
.menu-text { font-size: 13px; text-align: center; color: #444444!important; margin-bottom: 10px!important; }
.menu-pdfbutton { width: 221px; height: 64px; margin-left: auto; margin-right: auto; }


/*--- EVENTS PROMOTIONS Components ---*/
#events { background: url('../images/events-bg.jpg') top center no-repeat; height: 710px; padding-top: 140px; }
#events-container { width: 1100px; height: 650px; margin-left: auto; margin-right: auto; }

#banner-div-contentSlider { padding-top: 45px!important; }

/* For Thumbnails Selection */
.allinone_carousel { position:relative; }
.allinone_carousel img { max-width:none; max-height:none; }
.allinone_carousel_list { margin:0; padding:0; list-style:none; display:none; }
.allinone_carousel_list ul li img { border: none!important; }

.allinone_carousel .contentHolder { position:relative; overflow:hidden; }
.mycanvas { position:absolute; top:0px; right:10px; z-index:1000; }

.myloader {
	background:url('../images/skins/loader.gif'); width:37px; height:37px;
	position:absolute; left:49%; top:49%; z-index:999;
}

/***powerful SKIN***/
.allinone_carousel.powerful .contentHolderUnit {
	/*float:left;
	display:block;*/
	background:url('../images/skins/powerful/empty.gif') repeat; position:absolute;
	width:300px; height:400px; overflow:hidden; cursor: pointer; border: 2px solid #FFFFFF;
}
.allinone_carousel.powerful .elementTitle {
	position:absolute; left:0; top:370px; width:100%;
	text-align:center; font: bold 16px/25px 'Droid Sans', Verdana, Helvetica, sans-serif; color:#FFFFFF; text-transform: uppercase;
}
.allinone_carousel.powerful .playOver {
	background:url('../images/skins/powerful/play_over.png') 0 0 no-repeat;
	position:absolute; width:100px; height:100px; display:none; z-index:200; cursor: pointer;
}
.allinone_carousel.powerful .playOver:hover { background:url('../images/skins/powerful/play_over2.png') 0 0 no-repeat; display:none; z-index:200; cursor: pointer; }
.text { position:absolute; left:0; width:100%; text-align:center; font-weight: normal; color:#FFFFFF; text-transform: none; }

.allinone_carousel.powerful .bannerControls { position:absolute; left:0; top:0; z-index:101; width:100%; }
.allinone_carousel.powerful .leftNav {
	background:url('../images/skins/powerful/leftNavOFF.png') 0 0 no-repeat; cursor: pointer;
	position:absolute; left:-23px; width:110px; height:157px;
}
.allinone_carousel.powerful .leftNav:hover { background:url('../images/skins/powerful/leftNavON.png') 0 0 no-repeat; }
.allinone_carousel.powerful .rightNav {
	background:url('../images/skins/powerful/rightNavOFF.png') 0 0 no-repeat; cursor: pointer;
	position:absolute; right:-23px; width:110px; height:157px;
}
.allinone_carousel.powerful .rightNav:hover { background:url('../images/skins/powerful/rightNavON.png') 0 0 no-repeat; }
.allinone_carousel.powerful .bottomNav { position:absolute; height:35px; width:0; padding-left:9px; margin-left:-3px; z-index:140; }
.allinone_carousel.powerful .bottomNavButtonOFF {
	background:url('../images/skins/powerful/bottomNavOFF.png') 0 0 no-repeat;
	float:left; display:block; width:13px; height:13px; padding-left:9px; cursor: pointer;
}
.allinone_carousel.powerful .bottomNavButtonON {
	background:url('../images/skins/powerful/bottomNavON.png') 0 0 no-repeat; cursor: pointer;
	float:left; display:block; width:13px; height:13px; padding-left:9px;
}
.allinone_carousel.powerful .bottomNavLeft { position:absolute; width:0px; height:35px; bottom:-10px; z-index:140; }
.allinone_carousel.powerful .bottomNavRight { position:absolute; width:0px; height:35px; bottom:-10px; z-index:140; }
.allinone_carousel.powerful .bottomOverThumb {
	background:url('../images/skins/powerful/bottomOverThumbBg.png') 23px bottom no-repeat; 
	position:absolute; width:88px; height:106px; bottom:27px; margin-left:-25px; 
	}
	
.allinone_carousel.powerful .bottomOverThumb img { border:none!important; }
.hideElement { display:none; }




/*--- OUR GALLERY Components ---*/
#our-gallery { background: url('../images/gallery-bg.jpg') top center no-repeat; height: 710px; padding-top: 140px; }
#gallery-container { width: 1100px; height: 650px; margin-left: auto; margin-right: auto; }
#gallery-container #pageheader { text-align: center!important; }

#gallery-container #gallery-thumb { width: 770px; height: 390px; padding-top: 20px; padding-bottom: 40px; margin-left: auto; margin-right: auto; }
#gallery-container #gallery-text { font-size: 24px; text-align: center!important; color: #FFFFFF; text-shadow: 1px 1px #222222!important; letter-spacing: -1px; }




/*--- RUAI BAR Components ---*/
#ruaibar { background: url('../images/ruai-bg.jpg') center fixed; height: 710px; padding-top: 140px; }
#ruaibar-container { width: 1100px; height: 650px; margin-left: auto; margin-right: auto; }
#ruaibar-container .ruai-floatimg1 { position: absolute; width: 110px; height: 275px; margin-left: 510px; margin-top: -280px; }

#ruaibar-contents { padding-top: 30px; }
#ruaibar-contents #ruaicontent-leftcol { 
	float: left; background: url('../images/ruai-textframe.png') 0px 10px no-repeat; width: 465px; height: 421px; 
	padding-top: 40px; padding-left: 52px; padding-right: 25px; margin-left: 25px!important; 
	}
#ruaicontent-leftcol .ruaitext1 { color: #FFFFFF; line-height: 1.6em!important; }
#ruaicontent-leftcol .ruaitext2 { font-size: 28px; text-align: center; color: #FFFFFF; text-shadow: 1px 1px #222222!important; letter-spacing: -2px; padding-top: 15px; padding-bottom: 15px; }

#ruaibar-contents #ruaicontent-rightcol { float: right; width: 450px; margin-right: 25px!important; }
#ruaicontent-rightcol .ruai-imgframe1 { text-align: center; }
#ruaicontent-rightcol .ruai-imgframe2 { text-align: center; }




/*--- CONTACT US Components ---*/
#contact { background: url('../images/contact-bg.jpg') top center no-repeat; height: 710px; padding-top: 140px; }
#contact-container { width: 1100px; height: 650px; margin-left: auto; margin-right: auto; }
#contact-container .contact-floatimg1 { position: absolute; width: 133px; height: 225px; margin-left: 870px; margin-top: -240px; }
#contact-container .contact-floatimg2 { position: absolute; width: 188px; height: 288px; margin-left: 935px; margin-top: -290px; }

#contact-box { padding-top: 40px; }
#contact-box #contact-leftcol { float: left; width: 380px; height: 380px; padding-top: 20px; }
#contact-leftcol .companytitle { font-size: 28px; text-align: left; color: #FFFFFF; text-shadow: 1px 1px #222222!important; letter-spacing: -1px; padding-top: 15px; padding-bottom: 25px; }
#contact-leftcol .contacttitle1 { 
	background: url('../images/contact-icon1.png') top left no-repeat; height: 30px; font-size: 18px; font-weight: bold; letter-spacing: -1px!important; color: #FFFFFF;
	padding-top: 7px; padding-left: 35px; border-bottom: 1px solid #73594E; margin-bottom: 10px!important;
	}
#contact-leftcol .contacttitle2 {
 	background: url('../images/contact-icon2.png') top left no-repeat; height: 30px; font-size: 18px; font-weight: bold; letter-spacing: -1px!important; color: #FFFFFF;
	padding-top: 7px; padding-left: 35px; border-bottom: 1px solid #73594E; margin-bottom: 10px!important; 
	}
#contact-leftcol .contactdesc { color: #FFFFFF; padding-left: 35px; line-height: 1.6em; margin-bottom: 15px; }
#contact-leftcol .socialbutton { width: 220px; height: 32px; padding-top: 15px; }

#contact-box #contact-rightcol { 
	background: url('../images/content-mapbg.png') top left no-repeat; float: right; width: 590px; height: 405px; margin-right: 50px!important;
	padding-left: 26px; padding-right: 29px; padding-top: 31px;
	}
#contact-rightcol #googlemap { background: #FFFFFF; width: 586px; height: 296px; border: 2px solid #FFFFFF!important; margin-bottom: 10px; }
#contact-rightcol #contactinfo { height: 35px; padding-left: 15px; }
#contactinfo .ruaiphone { float: left; background: url('../images/contact-icon3.png') top left no-repeat; width: 200px; height: 35px; color: #FFFFFF; padding-left: 30px; padding-top: 10px; }
#contactinfo .ruaiemail { float: left; background: url('../images/contact-icon4.png') top left no-repeat; height: 35px; color: #FFFFFF; padding-left: 45px; padding-top: 10px; }
#contactinfo .ruaiemail a, #contactinfo .ruaiemail a:link, #contactinfo .ruaiemail a:visited { color: #FFFFFF; font-weight: bold; text-decoration: none; }
#contactinfo .ruaiemail a:hover { color: #291B14!important; text-decoration: none; }




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