/* @override 
	http://www.bestbeverage.com.php5-10.dfw1-2.websitetestlink.com/css/bbc.css
	http://www.bestbeverage.com/css/bbc.css
*/

/*===== Global ======================================================*/
body { background: #000 url(/images/backgrounds/bg-main.jpg) no-repeat center top; font: 13px/17px Arial, Sans-Serif; color: #000; }
div#top_bar { position: absolute; left: 0; top: 0; width: 100%; height: 30px; background: #444441; opacity: 0.25; }
div#wrapper { width: 940px; margin: 5px auto 15px; }
.hide { display: none; }
.float_left { float: left; }
.float_right { float: right; }
h1.page_title { font-size: 28px; font-weight: normal; margin-bottom: 25px; color: #000; }
h2 { font-size: 16px;; }
h3 { font-size: 14px; }
a { color: #9c9f03; }
table { margin-bottom: 15px; font-size: 11px;  }
table td { border: 1px solid #ccc; text-align: center; vertical-align: middle; padding: 5px;}
table td.bold { font-weight: bold; background: #f6f8cd; }

/*===== Header ======================================================*/
div#hd { height: 112px; margin-bottom: 25px; position: relative; z-index: 500;}
div#hd h1 { float: left; margin-top: 10px; }
div#hd ul { float: right; height: 25px; clear: right;}
div#hd ul.utility {/* margin-top: -15px; */}
div#hd li { float: left; display: inline; color: #fff; font: bold 9px Verdana, Arial, Sans-Serif; padding: 0 5px; line-height: 20px; }
div#hd li.social { position: relative; padding-left: 55px; }
div#hd li.social span { position: absolute; left: 0; top: 0; }
div#hd li.social a { margin-left: 4px; }
div#hd li a { color: #fff; text-decoration: none; }
div#hd li a:hover { color: #cfd700; }
div#hd li.current a { color: #cfd700; }
div#hd ul.main_nav { margin-top: 40px; height: auto;}
div#hd ul.main_nav li { position: relative; font: bold 14px Arial, Sans-Serif; margin-left: 35px; padding: 0 0 5px; cursor: pointer; }
/* Services Dropdown */
div#hd ul.main_nav li#service_l1 { margin-left: 15px; padding: 0 10px; }
div#hd ul.main_nav li ul { position: absolute; left: 0; top: 15px; background: #000; width: 225px; z-index: 450; float: none; height: auto; }
div#hd ul.main_nav li ul li { display: block; float: none; margin: 0; padding-bottom: 0;}
div#hd ul.main_nav li ul li a { display: block; padding: 3px 10px; line-height: 20px; font-size: 12px; }
div#hd ul.main_nav li ul li.first { padding: 3px 0 0 0; }
div#hd ul.main_nav li ul li.first a { padding-top: 4px; }
div#hd ul.main_nav li ul li.last a { padding-bottom: 4px; }
div#hd ul.main_nav li.current span { color: #cfd700; }
div#hd ul.main_nav li.current ul li a { color: #fff; }
div#hd ul.main_nav li ul li a:hover { color: #fff; background: #cfd700; }
div#hd ul.main_nav li.l1On { background: #000; }

/*===== Body ======================================================*/
div#bd { overflow: hidden; margin-bottom: 20px; }
ul.services { overflow: hidden;  }
ul.services li { position: relative; float: left; display: inline; margin-top: 20px; width: 462px; height: 174px; }
ul.services li.left { margin-right: 16px; }
ul.services li a { text-decoration: none; text-transform: lowercase; }
ul.services li img { position: relative; z-index: 1; border: 1px solid #666; }
ul.services li span { position: absolute; left: 0; bottom: 5px; z-index: 2; font: normal 20px Arial, Sans-Serif; color: #fff; background: rgba(156,159,3,0.85); width: 448px; padding: 10px 0 10px 13px; text-shadow:1px 1px 2px #000 }
div.page_image { height: 97px; overflow: hidden; }

/*====== Interior =====*/
div#content_wrapper { border-left: 10px solid #cfd700; overflow: hidden; background: #eee; }
div#left_col { width: 655px; padding: 25px 15px 5px; background: #fff; border-right: 1px solid #ccc; }
div#left_col h2 { clear: both; margin-top: 25px; margin-bottom: 15px; padding-bottom: 10px; font-weight: normal; font-size: 22px; border-bottom: 1px solid #eee; }
div#left_col h3 { clear: both; margin-bottom: 5px; font-size: 12px; }
div#left_col p { margin-bottom: 15px; color: #333; }
div#left_col p img { max-width: 100%; }
div#left_col ul {  margin-bottom: 15px; list-style: disc; list-style-position: outside; margin-left: 15px; }
div#left_col ul.float-left { float:left; padding-left:15px; margin-bottom: 15px; list-style: disc; list-style-position: outside; }
/* Beverage Catering Floated Lists */
body.beverage-catering div#left_col ul { width: 200px; float: left; }
body.festivals-fairs-and-sporting-events div#left_col ul { width: 310px; float: left; }

div#left_col li { font-style: italic;  color: #333; }
div#left_col ul.bullet { width: 655px !important; float: none !important; }
div#left_col ul.bullet li { font-style: normal; margin: 5px 0 0 25px; padding: 0 35px 0 0; }
div#left_col ul.bullet li.clear { clear:both; }
div#left_col ul.bullet ul { list-style:none; font-weight:bold; }
div#left_col img.inline { float: right; margin: 0 0 15px 15px; }
div#right_col { width: 200px; padding-top: 25px; padding-right: 25px; }
div#right_col h2 { margin-bottom: 10px; padding-bottom: 9px; border-bottom: 1px dashed #ccc; }
div#right_col h2.second { margin-top: 25px; }
div#right_col ul { margin-bottom: 10px; }
div#right_col ul.checkmark { list-style-position: inside; }
div#right_col ul.checkmark li { padding-left: 23px; line-height: 16px; background: url(/images/backgrounds/bg-list-checkmark.png) no-repeat left top;}
div#right_col ul li { margin-bottom: 5px;}
/* Venue List */
div#venueList ul { margin: 0; padding: 0; width: 654px; }
div#venueList ul li { display: block; width: 218px; height:  178px; margin: 0; padding: 0; list-style-type: none; float: left; font-style: normal; line-height: 15px; }
div#venueList ul li div.venue_thumb { width: 190px; height: 140px; margin-bottom: 2px; }
div#venueList ul li a { width: 190px; text-decoration: none; display: block; }
div#venueList div.clear { clear: both; }
select#vselect { float: right; width: 200px; }

/* Testimonials */
div.testimonial { margin-bottom: 10px; padding-bottom: 9px; border-bottom: 1px dashed #ccc; }
div.testimonial p { font-style: italic; margin: 5px 0 !important; }
div.testimonial small { display: block; font-size: 11px; }

/*====== Breadcrumbs =====*/
ul#breadcrumbs { padding: 15px 0 !important; margin: 30px 15px 0 0 !important; border-top: 1px solid #ccc; overflow: hidden; width: 655px !important; }
ul#breadcrumbs li { float: left; display: inline; margin-right: 5px; font-style: normal;  }
ul#breadcrumbs li a { text-decoration: none; }

/*===== Service Buckets ======================================================*/
ul#service_buckets { overflow: hidden; margin-bottom: 15px; }
ul#service_buckets li { float: left; display: inline; width: 220px; position: relative; z-index: 3; margin-left: 20px; }
ul#service_buckets li.left { margin-left: 0; }
ul#service_buckets li { position: relative; z-index: 1; }
ul#service_buckets span { display:block; width: 200px; position: absolute; left: 0; top: 20px; padding: 10px; z-index: 2; background: rgba(0,0,0,0.8);}
ul#service_buckets li a { text-decoration: none; color: #fff; font: bold 12px Arial, Sans-Serif; }

/*====== Newsletter =====*/
div#fancybox-outer { height: 150px !important; }
div#fancybox-inner { overflow: hidden !important; height: 200px !important; padding: 20px 10px 20px 20px }
div#fancybox-inner h5 { font-size: 20px; font-weight: normal; padding-bottom: 15px; color: #000; }
div#fancybox-inner p { width: 350px; }
div#fancybox-inner input#kuhlji-kuhlji { margin: 15px 0 0 0; width: 250px; }
p#success-message { text-align: center; line-height: 25px; font-weight: bold; font-size: 11px; }

/*===== Locations ======================================================*/
div#locations { overflow: hidden; margin-bottom: 40px; }
div#locations h3 { font: bold 14px Arial, Sans-Serif; color: #999; text-transform: uppercase; margin-bottom: 10px; }
address { width: 156px; float: left; font-size: 11px; color: #fff; font-style: normal; }
address span { font-weight: bold; display: block; color: #cfd700; text-transform: uppercase; }
address a { color: #fff; text-decoration: none; }
/* Contact Us */
div.contact_list div#locations { margin-bottom: 0; overflow: auto; }
div.contact_list div#locations h3 { display: none; visibility: hidden; }
div.contact_list div#locations address { width: 215px; height: 130px; font-size: inherit; color: inherit; }
div.contact_list div#locations address span { color: inherit; }
div.contact_list div#locations address a { color: #9c9f03; text-decoration: underline; }

/*===== News & Events ======================================================*/
div.entry h2 { font-size: 18px !important; line-height: 24px; }

/*===== Footer ======================================================*/
div#ft ul { overflow: hidden; margin-bottom: 8px; }
div#ft ul li { float: left; display: inline; color: #444; }
div#ft ul li a { margin: 0 8px; }
div#ft ul li:first-child a { margin-left: 0; }
div#ft p { color: #444; font-size: 11px; }
div#ft a { color: #444; font-size: 11px; text-decoration: none; }