/*--- Global Components for Web Deals ---*/
html, body { margin: 0px!important; padding: 0px!important; font-family: Arial; font-size: 12px; overflow-x:hidden!important; }
#pageheader { 
	font-family: 'Playball', serif!important; font-size: 55px; letter-spacing: -1px!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 --*/
img { border: 0px!important; outline: none!important; }
 



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

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

/* 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: 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; }
#home-bottombg { background: url('../images/home-bg2.jpg') bottom no-repeat; height: 780px!important; padding-top: 160px!important; }
#home-container { width: 1100px; margin: 0px auto!important; }

#home-glassliquor { position: relative; width: 300px; height: 340px; margin-left: -60px!important; margin-top: -260px!important; }


/*----- The Homepage Slider styles -----*/
#sliderbox { 
	background: #FFFFFF!important; width: 900px; height: 550px; padding: 4px!important; margin: 0px auto!important; 
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4); box-shadow: 0 0 5px rgba(0,0,0,0.4); 
	}
#slider { width: 900px; height: 550px; overflow: hidden!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: #fff 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: 0; top: 47%; width: 100%; 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: 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%; 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; }





/*--- ABOUT Components ---*/
#about-us { background: #000000!important; }
#about-container { width: 1400px; height: 800px; margin: 0px auto!important; color: #FFFFFF!important; }

.sss { height: 0; margin: 0; padding: 0; position: relative; display: block; overflow: hidden; }
.ssslide { width: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; display: none; overflow: hidden; }
.ssslide img { max-width: 100%; height: auto; margin: 0; padding: 0; position: relative; display: block; }

.aboutslider { width: 1400px; margin: 0px auto!important; color: #FFFFFF!important; }
#about-bg1 { background: url('../images/about-bg1.jpg') center no-repeat; width: 1400px; height: 800px; margin: 0px auto!important; }
#about-bg2 { background: url('../images/about-bg2.jpg') center no-repeat; width: 1400px; height: 800px; margin: 0px auto!important; }
#about-bg3 { background: url('../images/about-bg3.jpg') center no-repeat; width: 1400px; height: 800px; margin: 0px auto!important; }

#about-somersby { position: absolute!important; width: 138px; height: 450px; margin-left: 770px!important; margin-top: -240px; }

#about-bg1 .contenttitle, #about-bg2 .contenttitle, #about-bg3 .contenttitle { 
	font-family: 'Roboto Condensed', sans-serif!important; font-size: 60px; font-weight: bold!important; letter-spacing: -1px!important; text-transform: uppercase!important; 
	margin-bottom: 15px!important; padding-left: 200px!important; padding-top: 140px!important; 
	}
#about-bg1 .contentdesc, #about-bg2 .contentdesc, #about-bg3 .contentdesc {
	background: url('../images/black-50transparent.png') top left repeat!important; font-family: 'Open Sans', sans-serif!important; font-size: 18px; letter-spacing: -1px!important;
	padding-left: 200px!important; width: 550px!important; padding-top: 15px; padding-bottom: 15px; padding-right: 25px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
	}
#about-bg1 .contentdesc p { line-height: 1.5em!important; margin-bottom: 5px!important; }
#about-bg2 .contentdesc p, #about-bg3 .contentdesc p { line-height: 1.4em!important; margin-bottom: 5px!important; }

.sssnext, .sssprev { width: 40px; height: 100%; margin: 0; position: absolute; top: 0; background: url('../images/arr.png') no-repeat; }
.sssprev { left: 8%; background-position: 0 55%; opacity: 0.2!important; }
.sssnext { right: 8%; background-position: -40px 55%; opacity: 0.2!important; }
.sssprev:hover, .sssnext:hover { cursor: pointer; opacity: 1!important; }



/*--- MENU Components ---*/
#our-menu { background: url('../images/menu-contentbg.jpg') bottom left repeat!important; }
#menu-topbg { background:url('../images/menu-topbg.jpg') top center no-repeat; padding-top: 105px!important; }
#menu-container { width: 1100px; margin: 0px auto!important; }
#menu-circletitle { width: 175px; height: 175px; margin: 0px auto!important; }

#menu-contents { padding-top: 20px!important; }
#menu-leftcol { background: #FFEDAF!important; float: left; width: 300px; height: 560px; padding-top: 25px; padding-bottom: 25px!important; margin-right: 10px!important; }
#menu-forkplateknife { background: url('../images/forkplateknife.jpg') top left no-repeat; width: 260px; height: 125px; padding-top: 65px; margin-bottom: 25px!important; margin-left: auto; margin-right: auto;  }

#menumore { font-family: 'Rokkitt', serif!important; font-size: 36px; font-weight: bold; letter-spacing: -1px!important; text-align: center; color: #CC0000!important; text-shadow: 1px 1px #CCCCCC!important; }
#menumore .menutextsmall { font-family: 'Rokkitt', serif!important; font-weight: normal!important; font-size: 16px; letter-spacing: 0px!important; }
#menumore a, #menumore a:link, #menumore a:visited { color: #CC0000!important; text-decoration: none; }
#menumore a:hover { color: #FF0000!important; text-decoration: none; }

#menu-rightcol { float: left; width: 730px!important; height: 560px; padding-top: 40px!important; margin-right: 10px!important; overflow: hidden!important; }

#menuframe { background: url('../images/menu-frame.png') top left no-repeat!important; width: 640px; height: 430px; padding: 5px!important; margin-left: 40px!important; margin-bottom: 25px!important; }
#menudesc { 
	background: #ED4747!important; width: 630px; padding: 10px!important; font-family: 'Salsa', serif!important; font-size: 20px; 
	letter-spacing: -1px!important; text-align: center; color: #FFFFFF!important; text-shadow: 1px 1px #BC1212!important; margin: 0px auto!important;
	}


/*----- Contact Tabs -----*/
.tabs { width: 270px; margin: 0px auto!important; font-family: 'Roboto Condensed', sans-serif!important; font-size: 16px; }
.tabs a, .tabs a:link, .tabs a:visited {
	display: block; color: #605E5F; font-weight: bold; text-transform: uppercase; text-decoration: none; cursor: pointer; text-align: center!important;
	padding: 3px!important; margin-bottom: 5px!important; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px;
	}
.tabs a:hover { color: #E73030!important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.tabs a.selected { background: #605E5F!important; padding: 7px!important; color: #FFFFFF!important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.tabs a.selected:hover { background: #605E5F!important; color: #FFCC00!important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.tab_page { padding: 10px; }




/*--- GALLERY Components ---*/
#our-gallery { background: url('../images/gallery-bg.jpg') top center no-repeat; padding-top: 110px!important; }
#gallery-container { width: 1100px; height: 700px; padding-bottom: 20px!important; margin: 0px auto!important; }
#gallery-container #pageheader { text-align: center!important; margin-bottom: 15px!important; }

#gallery-framebox { background: url('../images/gallery-frameshadow.png') top left no-repeat; width: 970px; height: 577px; margin-left: 80px!important; }
#gallery-innerframe { background: url('../images/gallery-frame.jpg') top left no-repeat; width: 865px; height: 500px; padding-top: 50px; padding-left: 70px; }
#gallery-shadow { position: absolute; width: 800px; height: 450px; margin-left: 70px; margin-top: -500px; }

/* Captions Style for Gallery Slider */
.captionOrange, .captionBlack { color: #fff; font-size: 20px; line-height: 30px; text-align: center; border-radius: 4px; }
.captionOrange { background: #EB5100; background-color: rgba(235, 81, 0, 0.6); }
.captionBlack { font-size:16px; background: #000; background-color: rgba(0, 0, 0, 0.4); }
a.captionOrange, A.captionOrange:active, A.captionOrange:visited { color: #ffffff; text-decoration: none; }
a.captionOrange:hover { color: #eb5100; text-decoration: underline; background-color: #eeeeee; background-color: rgba(238, 238, 238, 0.7); }
.bricon { background: url('../images/browser-icons.png'); }

/* jssor slider arrow navigator skin 02 css */
/*
.jssora02l              (normal)
.jssora02r              (normal)
.jssora02l:hover        (normal mouseover)
.jssora02r:hover        (normal mouseover)
.jssora02ldn            (mousedown)
.jssora02rdn            (mousedown)
*/
.jssora02l, .jssora02r, .jssora02ldn, .jssora02rdn { position: absolute; cursor: pointer; display: block; background: url('../images/a02.png') no-repeat; overflow:hidden; }
.jssora02l { background-position: -3px -33px; }
.jssora02r { background-position: -63px -33px; }
.jssora02l:hover { background-position: -123px -33px; }
.jssora02r:hover { background-position: -183px -33px; }
.jssora02ldn { background-position: -243px -33px; }
.jssora02rdn { background-position: -303px -33px; }

/* jssor slider thumbnail navigator skin 03 css */
/*
.jssort03 .p            (normal)
.jssort03 .p:hover      (normal mouseover)
.jssort03 .pav          (active)
.jssort03 .pav:hover    (active mouseover)
.jssort03 .pdn          (mousedown)
*/
.jssort03 .w, .jssort03 .pav:hover .w { position: absolute; width: 142px; height: 80px; border: 1px solid #FFFFFF!important; }
* html .jssort03 .w { width /**/: 144px; height /**/: 82px; }
.jssort03 .pdn .w, .jssort03 .pav .w { border: 1px solid #FFFFFF!important; }
.jssort03 .c {
	width: 144px; height: 82px; filter:  alpha(opacity=65); opacity: .65;
	transition: opacity .6s; -moz-transition: opacity .6s; -webkit-transition: opacity .6s; -o-transition: opacity .6s;
	}
.jssort03 .p:hover .c, .jssort03 .pav .c { filter:  alpha(opacity=0); opacity: 0; }
.jssort03 .p:hover .c { transition: none; -moz-transition: none; -webkit-transition: none;  -o-transition: none; }




/*--- GALLERY Components ---*/
#promotions { background: url('../images/promo-bg.jpg') top center no-repeat; padding-top: 100px!important; padding-bottom: 25px!important; }
#promo-container { width: 1130px; min-height: 675px!important; height: 100%!important; margin: 0px auto!important; }

#promo-container #pageheader { text-align: center!important; margin-bottom: 25px!important; }
#promo-container img { }
#promo-container .promobox { width: 1100px; margin-left: auto!important; margin-right: auto!important; margin-bottom: 20px!important; }
#promo-container .promodesc { 
	background: url('../images/black-50transparent.png') top left repeat!important; font-family: 'Rokkitt', serif!important; 
	font-size: 22px!important; text-align: center!important; color: #FFFFFF!important; text-shadow: 1px 1px 1px #222222!important; clear: both!important; 
	padding: 15px;
}


/*--- CONTACT US Components ---*/
#contact-us { background: url('../images/contact-bg.jpg') top center no-repeat; padding-top: 140px!important; }
#contact-container { width: 1100px; height: 700px; margin: 0px auto!important; }
#contact-container #pageheader { text-align: center!important; }

#contact-box { padding-top: 65px!important; width: 1020px; margin: 0px auto!important; }
#contact-leftcol { float: left; width: 280px; padding-top: 25px!important; margin-right: 25px!important; color: #FFFFFF;  }
#contact-leftcol .contactadd, #contact-leftcol .contactphone, #contact-leftcol .contactmail { font-family: 'Rokkitt', serif!important; padding-left: 65px; font-size: 16px; line-height: 1.4em; }
#contact-leftcol .contactadd { background: url('../images/contact-iconadd.png') top left no-repeat; padding-top: 15px; margin-bottom: 10px!important; }
#contact-leftcol .contactphone { background: url('../images/contact-iconphone.png') top left no-repeat; min-height: 45px!important; padding-top: 5px!important; margin-bottom: 15px!important; }
#contact-leftcol .contactmail { background: url('../images/contact-iconmail.png') top left no-repeat; height: 35px!important; padding-top: 15px!important; margin-bottom: 15px!important; }
#contact-leftcol .contactmail a, #contact-leftcol .contactmail a:link, #contact-leftcol .contactmail a:visited { color: #FF9900; text-decoration: none; }
#contact-leftcol .contactmail a:hover { color: #E6E6E6; text-decoration: none; }


#contact-middlecol { 
	float: left; background: #FFFFFF; width: 400px; height: 400px; padding: 5px!important; margin-right: 25px!important; 
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4); box-shadow: 0 0 5px rgba(0,0,0,0.4);
	-moz-border-radius: 200px; -webkit-border-radius: 200px; -khtml-border-radius: 200px; border-radius: 200px;
	}
#contact-middlecol #googlemap { width: 400px; height: 400px; -moz-border-radius: 200px; -webkit-border-radius: 200px; -khtml-border-radius: 200px; border-radius: 200px; overflow: hidden!important; }
#contact-rightcol { float: left; width: 280px; padding-top: 25px!important; color: #FFFFFF!important; }

#contact-rightcol .contacthh1, #contact-rightcol .contacthh2, #contact-rightcol .contacthh3 { 
	font-family: 'Rokkitt', serif!important; height: 50px; font-size: 22px!important;
	padding-left: 65px!important; margin-bottom: 15px!important; line-height: 1.0em!important;
	}
#contact-rightcol .contacthh1 { background: url('../images/contact-iconhh1.png') top left no-repeat; }
#contact-rightcol .contacthh2 { background: url('../images/contact-iconhh2.png') top left no-repeat; }
#contact-rightcol .contacthh3 { background: url('../images/contact-iconhh3.png') top left no-repeat; }
.textsmall { font-size: 18px!important; font-weight: bold!important; }
.weclosed { font-family: 'Salsa', serif!important; font-size: 20px!important; text-align: center!important; border-top: 1px solid #FFFFFF!important; padding-top: 10px!important; }
.fbbutton { height: 32px!important; padding-left: 5px; padding-top: 20px; margin-top: 10px!important; border-top: 1px solid #FFFFFF!important; }

#contact-leftcol .contacttitle, #contact-rightcol .contacttitle { 
	font-family: 'Salsa', serif!important; font-size: 30px; letter-spacing: -1px!important; text-align: left; color: #FFFFFF!important; 
	padding-left: 15px!important; padding-bottom: 5px!important; margin-bottom: 25px!important; text-shadow: 1px 1px #222222!important; border-bottom: 1px solid #FFFFFF!important;
	}

#imapbutton { position: absolute; width: 140px; height: 140px; margin-left: 580px; margin-top: -135px; }




/*--- 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: #E73030; 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: #E73030; 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: 4px; padding-bottom: 10px; 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; padding-top: 1px!important; }
#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; }