html{
padding: 0px;
margin: 0px;
}

body{
padding: 0px;
margin: 0px;
background-color:#000;
font-family: Arial, Helvetica, sans-serif;
color:#FFF;
}

#logo a{
}

#mainsite{
width: 1003px;
text-align: center;
align: center;
margin: 0 auto;
}

#mainsite2{
width:1003px;
text-align:left;
align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#header{
height:auto;
width:1003px;
float:left;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
}

#logo{
margin-left: 0px;
margin-top:0px;
padding: 0px;
margin-bottom:0px;
height:98px;
width:1003px;
position:absolute;
top:0;
}

#contact a{
width:940px;
text-align:right;
text-decoration:none;
color:#FFF;
margin-right:60px;
top:10px;
font-size:15px;
position:absolute;
}


#nav{
width:1003px;
float: left;
font-size: 15px;
padding-top:0px;
padding-bottom:0px;
margin: 0 0 0 0;
font-weight:bold;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
}

#nav A:link {
text-decoration: none;
color: white;
}
#nav A:visited {
text-decoration: none;
color: white;
}

#nav ul {
list-style-type: none;
margin: 0 0 0 0;
padding:0px;
text-align:left;
align:left;
float:left;
margin-left:15px;
margin-top:5px;
margin-bottom:5px;
}
#nav ul li a {
margin: 0 0 0 0;
width:100%;
padding-left:8px;
padding-right:8px;
display: block;
text-decoration: none;
text-align:left;
align:left;
}
#nav ul li {
margin: 0 0 0 0;
float: left;
text-decoration: none;
text-align:left;
align:left;
padding:0 0 0 0;
}

#wrapper{
text-align: left;
min-height:500px;
width:100%;
float:left;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
border-bottom:solid 1px #FFF;
}
#wrapper2{
text-align: left;
min-height:600px;
width:100%;
float:left;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
border-bottom:solid 1px #FFF;
background: url(../assets/cup1.png) no-repeat bottom left;
}
.locback{
width:100%;
float:left;
min-height:728px;
background-image: url('assets/background.jpg');
background-repeat:no-repeat;
}
.eventsandspecials{
float:right;
width:220px;
margin-top:75px;
text-align:center;
padding-right:15px;
}
#events_specials{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	position:relative;
	float:right;
	width: 190px;
	height:520px;
	overflow:auto;
	padding:0px;
scrollbar-3dlight-color:#FFF; 
scrollbar-arrow-color:#FF0002; 
scrollbar-base-color:#000; 
scrollbar-darkshadow-color:#000; 
scrollbar-face-color:#000; 
scrollbar-highlight-color:#166; 
scrollbar-shadow-color:#166; 
scrollbar-track-color:#FF0002; 
}

#events_specials p{
padding:5px;
}
.toploc{
float:left;
width:760px;
height:350px;
}
.toploc .map{
float:left;
margin-left:75px;
margin-top:25px;
}
.toploc .gallery{
float:left;
margin-top:25px;
}
.midloc{
width:760px;
float:left;
}
.midloc .drinks{
float:left;
margin-left:100px;
margin-top:65px;
}
.midloc .munchies{
float:right;
margin-right:75px;
margin-top:20px;
}
.bottomloc{
float:left;
width:760px;
height:auto;
margin:0;
padding:0;
}
.bottomloc .penglounge{
float:left;
width:33%
}
.bottomloc .vip{
float:left;
width:33%;
text-align:center;
margin-top:50px;
}
.bottomloc .facebook{
float:left;
width:33%;
text-align:center;
margin-top:60px;
}

.barback{
width:100%;
float:left;
min-height:523px;
background-image: url('assets/homepage/body-background.jpg');
background-repeat:no-repeat;
}


.bar1{
float:left;
width:33%;
text-align:center;
margin-top:75px;
}
.bar1 a{
margin-left:80px;
}
.bar2{
float:left;
width:33%;
text-align:center;
margin-top:45px;
}
.bar2 a{
margin-left:15px;
}
.bar3{
float:left;
width:33%;
text-align:center;
margin-top:65px;
}
.bar3 a{
margin-right:70px;
}


.table{
background-image:url('assets/homepage/table.png');
background-repeat:no-repeat;
width:417px;
height:278px;
float:left;
margin-top:-30px;
}
.table .munchies{
float:left;
margin-top:-100px;
margin-left:20px;
}
.table .drinks{
float:left;
margin-top:-110px;
margin-left:10px;
}
.social{
float:left;
margin-top:-20px;
}
.social .vip{
float:left;
margin-top:-10px;
margin-left:30px;
}
.social .facebook{
float:left;
margin-left:25px;
}

.stool{
width:189px;
min-height:409px;
float:right;
margin-top:-160px;
margin-right:70px;
}
.locsitemap{
width:1003px;
float:left;
padding:0px;
margin:0px;
font-size:14px;
text-align:center;
margin-top:0px;
list-style-type:none;

}
.locsitemap ul{
padding:5px;
margin:0px;
}
.locsitemap li{
display:inline;
padding:0px;
margin:0px;
}
.locsitemap li a{
text-decoration:none;
color:#FFF;
padding-left:3px;
padding-right:3px;
}
.sitemap{
width:100%;
float:left;
padding:0px;
margin:0px;
font-size:14px;
text-align:center;
margin-top:-120px;
}
.sitemap .top{
list-style-type:none;
padding:0px;
margin:0px;
width:100%;
float:left;
margin-bottom:5px;
margin-left:25px;
}
.sitemap .top li{
padding-left:3px;
padding-right:3px;
display:inline;
}
.sitemap .top li a{
text-decoration:none;
color:#FFF;
}
.sitemap .bottom{
list-style-type:none;
padding:0px;
margin:0px;
width:100%;
float:left;
margin-top:5px;
margin-left:25px;
}
.sitemap .bottom li{
display:inline;
padding-left:3px;
padding-right:3px;
}
.sitemap .bottom li a{
color:#FFF;
text-decoration:none;
}

.loc_header{
float:left;
width:100%;
}
.loccontent{
margin-left:75px;
}
.loclist{
list-style-type:none;
color:#FFF;
width:175px;
float:left;
font-size:15px;
}
.loclist li{
padding:4px;
}
.loclist a{
text-decoration:none;
color:#FFF;
}

.media_cont{
float:left;
width:1003px;
padding-bottom:20px;
}
.media_image{
float:left;
width:200px;
text-align:center;
margin-left:50px;
}
.stuff{
float:left;
width:700px;
margin-right:50px;
}
.miniHdr{
font-weight:bold;
font-style:italic;
}






#footer{
width:1003px;
float:left;
text-align:center;
color:#FFF;
font-size:15px;
padding-top:10px;
padding-bottom:10px;


}
#footer a{
text-decoration:none;
color:#FFF;
}


/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 20px 0 }
	.coda-slider { background:; }
	.panel-wrapper li{
		list-style:none;
	}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 840px !important; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0; }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 5px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul {width:auto !important; clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 40px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: none; color:#000 width:5px; text-align: center; text-decoration: none }
 .munchie_name{
 font-weight:bolder;
 font-size: 16px;
 margin-top:18px;
}
.much_img{
	border: 1px solid #fff;
}


 #machine{
 float:right;
 margin-right:100px;
 margin-top:135px;
 width:341px;
 height:518px;
 position:relative;
 background: url(../assets/machine/drink-machine---behind2.png) no-repeat;
 z-index: 10 ;
 }
 
 #machine #faceplate{
 width:323px;
 height:359px;
 background: url(../assets/machine/drink-machine---in-front.png) no-repeat;
 position:absolute;
 top: 90px;
 left:10px;
 z-index 100;
 }
 
 #machine .default_name{
 position:absolute;
 width:330px;
 height:64px;
 top:5px;
 left:8px;
 }
 
 #machine .defalut_slush{
 width:286px;
 height:286px;
 position:absolute;
 top:100px;
 left:30px;
 }
.defalut_slush img {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      

}
.Drink_name1{
	font-weight:900;
}

.default_discript{
position:absolute;
margin-top:-100px;
margin-left:-40px;
 width:450px;
 font-size:14px;
}
 
 
 #wood_bar{
 position:relative;
 margin-top:0px;
 margin-left:0px;
 z-index:1;
 }
 .drink{
	margin-left: 50px;
}

#drinks_drink_mixer{
	position:absolute;
	margin-top: -10px;
	margin-left: 812px;
}

#drink_list{
position:relative;
float:left;
z-index:99999;
}
#drink_list li{
list-style:none;
font-size: 18px;
margin-top:10px;
letter-spacing: 2px;
}
.swatch {
float:left;
border:#fff thin solid;
}
.Drink_name{
margin-left:40px;

 }
 
.food_img {
float:right; 
margin:20px;
border: #fff solid thin;
position:relative;
top:-15px;
}
  
  
  
  #usmap{
	background: url(../assets/USlocations.png) top left no-repeat;
	display:block;
	float:left;
	width:100%;
	height:590px;
	margin-left:100px;
	position:relative;
}

 
/* tooltip styling */
.tooltip {
	position:absolute;
	display:none;
	background:url(../assets/thingy.png) no-repeat;
	height:36px;
	line-height: 28px;
	width:116px;
	margin: 0px  0px 0px 0px;;
	font-size:11px;
	color:#fff;
	text-align: center;
	z-index: 99999999999999999999;
}
 



#savannah{
	position: absolute;
	display:block;
	width:23px;
	height:37px;
	margin-left:  660px;
	margin-top: 378px;	
}

#TybeeIsland{
	position: absolute;
	display:block;
	width:23px;
	height:37px;
	margin-left:  670px;
	margin-top: 378px;	
	z-index:99999999999;
}

#hollywood{
	position: absolute;
	display:block;
	width:23px;
	height:37px;
	margin-left:  700px;
	margin-top: 481px;	
	z-index: 9999;	
}
#atlanta{
position: absolute;
	display:block;
	width:23px;
	height:37px;
	margin-left:  604px;
	margin-top: 343px;	
}
#Charleston{
	position: absolute;
	display:block;
	width:23px;
	height:37px;
	margin-left:  677px;
	margin-top: 354px;	
	z-index: 9999999999;
}
#Charlotte{
	position: absolute;
	display:block;
	width:23px;
	height:37px;
	margin-left:  654px;
	margin-top: 313px;	
	
}
#Columbia{
	position: absolute;
	display:block;
	width:23px;
	height:37px;
	margin-left:  652px;
	margin-top: 333px;	
	z-index: 999999999999999999;
}
#Fayetteville{
	position: absolute;
	display:block;
	width:23px;
	height:37px;
	margin-left:  683px;
	margin-top: 314px;	
}

#louiseville{
	position: absolute;
	display:block;
	width:23px;
	height:37px;
	margin-left:  577px;
	margin-top: 265px;	
}
#Memphis{
	position: absolute;
	display:block;
	width:23px;
	height:37px;
	margin-left:  517px;
	margin-top: 333px;	
}
#myrtlebeach{
	position: absolute;
	display:block;
	width:23px;
	height:37px;
	margin-left:  685px;
	margin-top: 335px;
	z-index: 20
}
#SanDiego{
	position: absolute;
	display:block;
	width:23px;
	height:37px;
	margin-left:  104px;
	margin-top: 348px;
	z-index: 20
}

#southbeach{
	position: absolute;
	display:block;
	width:23px;
	height:37px;
	margin-left: 689px;
	margin-top: 489px;
	z-index:9999999;
}
#westpalmbeach{
	position: absolute;
	display:block;
	width:23px;
	height:37px;
	margin-left:  686px;
	margin-top: 468px;	
}
#Tampa{
	position: absolute;
	display:block;
	width:23px;
	height:37px;
	margin-left:  651px;
	margin-top: 449px;
}
#main_gallery {
 	width: 900px;
 	margin: 0px auto;
 }
 #main_gallery li{
 	float:left;
 	list-style:none;
 	width:200px;
 	height:200px;
 	margin: 10px;
 }
 .gallery_img{
 	float:left;
 	list-style:none;
 	width:200px;
 	height:200px;
 	margin: 10px;
	
 }
 #vip {
		width: 100%;
		margin: 0px auto;
	}

#vip ul {
	float:left;
}
.blank {
	height: 10px;
	clear:both;
}
#vip li{
	list-style:none;
	width: 200px;
	padding: 5px;
}
#vip span{
	display: inline-block;
	margin-left: 10px;
}
#vip .f_name {
	width: 100px;
}
#vip div {
	margin: 5px 0px;
}
#drink_mixer_form{
margin-bottom:20px;
}
#drink_mixer_form div{
padding-top:5px;
}

.f_name2{
width:100px;
float:left;
}

 #penguin_cont {
 	background: url(../assets/penguin_lounge/body-background.jpg) no-repeat;
	width: 1003px;
	min-height:523px;
	
 }
  #penguin_cont #location{
 	position:relative;
 		float:left;
		width:214px;
		margin: 75px 0px 0px 95px;
 }
 #penguin_cont #wallpaper{
 	position:relative;
 	float:right;
	width: 180px;
	margin: 75px 115px 0px 0px;
 }
 #penguin_cont #discoball{
 	 position:absolute;
	 margin-top: -140px;
	 margin-left: 350px;
	 z-index:10;
 }
 
 #penguin_cont #walking{
 	position:relative;
 	float:left;
	margin-top:-1px;
 }
#penguin_cont #wallpapering{
	position:relative;
	float:right;
	margin-top:-66px;
}

#penguin_cont #bowling{
	position: absolute;
	margin-left: 455px;
	margin-top:50px;
	cursor:pointer;
	
}

#penguin_cont #table{
	background: url(../assets/penguin_lounge/table.png) top left no-repeat;
	width:417px;
	height:258px;
	float:left;
}
.clear{
	clear:both;
	line-height: 1px;
}
#penguin_cont #ask{
	float:right;
	margin-top:-142px;
	z-index: 10;
	position:relative;
	
}
#penguin_cont #mix-drinks{
	margin-top:-110px;
	margin-left:82px;
	z-index:10;
	position:relative;
	}
	
	#mixer{
	 position:absolute;
	 top:0px;
	 left:0px;
	 
	 
	}
	.wallpaper{
	width: 250px;
	float:left;
	padding: 20px;
}
.wallpaper a{
text-decoration:none;
color:#FFF;
}

#map{
	position:relative;
	display:none;
}

#thisclose{
	position: absolute;
	left:442px;	
	top:-22px;
}
#thistitle{
	position:absolute;
	top:0px;
	left: 0px
}
#thisdirect{
	 position: absolute;
	 margin-left:370px;
	 margin-top: 475px;
	 z-index: 999999999999999999999999999999999999999999999;
	 
}
.btn_update{
background-color:#000;
font-size:0px;
border:none;
background-image: url('assets/buttons/update.png');
background-repeat: no-repeat;
width:74px;
height:40px;
}
.btn_remove{
background-color:#000;
font-size:0px;
border:none;
background-image: url('assets/buttons/remove.png');
background-repeat: no-repeat;
width:74px;
height:40px;
}
#contact_info{
	float:left;
	margin-left: 90px;
	width: 230px;
}
#contact_img{
	float:right;
	width: 315px;
}
#contact_map{
	margin-left: 340px;
	width: 250px;
}
#contact_left{
float:left;
width:30%;
margin-left:20px;
margin-bottom:270px;
}
#contact_right{
float:left;
margin-left:20px;
width:30%;
margin-top:45px;
}
.legends_content{
	margin-left: 100px;
}
#legends_left{
	float:left;
	width:440px;
}

.legends_img1{
	position:relative;
	margin-top: 20px;
}