@charset "utf-8";

#show-social{
	display: block;
	padding: 8px 0;
	margin-left: 50%;
	position: fixed;
	width: 150px;
	color: #999;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	background: #000;
	background: rgba(0,0,0,.5);
	left: -70px;
	bottom: 0;
	text-align: center;
	text-transform: uppercase;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius: 10px 10px 0 0;
	text-shadow: #000 0 -1px 0;
	z-index:500;
}
#hide-social{display: block;
	padding: 8px 0;
	margin-left: 50%;
	position: fixed;
	width: 150px;
	color: #999;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	background: #000;
	background: rgba(0,0,0,.3);
	left: -460px;
	bottom: 50px;
	text-align: center;
	text-transform: uppercase;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius: 10px 10px 0 0;
	text-shadow: #000 0 -1px 0;
	z-index:500;}
	
#show-social:hover, #hide-social:hover {
	color: #fff;
	background: #000;
}


#social, #socialmain {
	height: 105px;
	width: 1000px;
	top:20px;
	margin-left: 50%;
	left: -500px;
	background-color:#000;
	color:#FFF;
	z-index:500;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#social{
	position: relative;
	bottom: 5px;
	display:block;}
#socialmain{
	
	}
#yelp{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	a.yelpRating{ margin:3px;color:#333;text-decoration:none; font-size:80%; font-weight:bold; position:relative; width:99%;}
	a.yelpRating:visited{color:#222;}
	a.yelpRating:hover{color:#444;}
	#businessrating{padding:5px;}
	#yelpuser1,#yelpuser2,#yelpuser3{margin:5px; width: 340px; font-size:70%; float:left;display:inline;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	.yelpuserimage{float:left;}
	.yelpuserrating{padding:5px;}
	.yelpuserreview{ text-indent:10px;}
	.yelpuserdate{display:inline;}
	
	.haccordion .header, .haccordion .content{
	float: left;
	height: 105px;
	
	}
	
	.haccordion .header{
	width: 20px;
	background: #000;
	color: #fff;
	cursor: pointer;
	}
	
	.haccordion .content{
	display: none;
	width: 0px;
	overflow: auto;
	}
	
	.haccordion .content p{
	margin: 5px;
	}
	
	#twitter_h{background:url(twitter.png) no-repeat; width:54px;-webkit-box-shadow:5px 5px 10px #000;
-moz-box-shadow: 5px 5px 10px #000;}
	#youtube_h{background:url(youtube-logo.png) no-repeat; width:66px;-webkit-box-shadow:5px 5px 10px #000;
-moz-box-shadow: 5px 5px 10px #000;}
	#facebook_h{background:url(facebook_logo.png) no-repeat; width:41px;}
	#yelp_h{background:url(yelp_l.png) no-repeat; width:75px;}
	#sushitv_h{background:url(sushitv.png) no-repeat; width:44px; }
	#sushitv{overflow:hidden;}
	#youtube{ overflow:hidden;}
	#ytvideo{margin-top:3px; margin-left:10px; }
	.demo1{padding:0px; margin:0px 15px 0px 0px;}
	.demo1 li{ list-style:none; float:right; margin:22px 8px;-webkit-box-shadow:5px 5px 10px #000;
-moz-box-shadow: 5px 5px 10px #000; }
	.demo1 li a{width:0px;height:0px;margin:0px;padding:0px; }
body{
background-color:#91afca; 
margin-top:20px; 

}

#body a:link {color: #000000; text-decoration: underline; }
#body a:active {color: #0000ff; text-decoration: underline; }
#body a:visited {color: #008000; text-decoration: underline; }
#body a:hover {color: #ff0000; text-decoration: none; }



#container{ 
font-family: arial; 
background-color:#000; 
margin-left:auto; 
margin-right:auto; 
margin-top:5px;
width:1000px; 
height:620px; 
border:solid 1px;
}


#containervenue{ 

font-family: arial; 
background-color:#FFF; 
margin-left:auto; 
margin-right:auto; 
margin-top:5px;
width:1000px; 
height:700px; 
border:solid 1px;
background-image:url(images/logovenue.jpg);
}

#containermenu{ 

font-family: arial; 
background-color:#000; 
margin-left:auto; 
margin-right:auto; 
margin-top:5px;
width:1000px; 
height:700px; 
border:solid 1px;
background-image:url(images/bgmenusmall.jpg ); 
background-position:right bottom;
background-repeat:no-repeat;
}

#containerabout{ 

font-family: arial; 
background-color:#FFF; 
margin-left:auto; 
margin-right:auto; 
margin-top:5px;
width:1000px; 
height:700px; 
border:solid 1px;
background-image:url(images/bgabout.jpg);
}

#containercatering{ 
font-family: arial; 
background-color:#FFF; 
margin-left:auto; 
margin-right:auto; 
margin-top:5px;
width:1000px; 
height:700px; 
border:solid 1px;
background-image:url(images/logof.jpg);
}

#containerclass{ 

font-family: arial; 
background-color:#FFF; 
margin-left:auto; 
margin-right:auto; 
margin-top:5px;
width:1000px; 
height:700px; 
border:solid 1px;
background-image:url(images/bgclass2.jpg);
}

#containervenue p {text-indent:25px;}

#header{ 
width:100%; 
height:75px;
border:solid 0px;
}

#logo{
width:300px; 
height:32px; 
margin-top:13px; 
margin-left:0px; 
float:left;
background-repeat:no-repeat;
background-image:url(images/logob.png)
}

#navlinks{
float:right;
padding-right:50px;
padding-top:29px;

}




#links{

float:right; 
padding-top:10px; 
border:solid 0px;
 margin-top:10px;
}

#links a {font-size:70%; color:#gray}

#nav{
margin-top:10px;
height:50px;
padding-top:0px;
padding-left:25px; 
background-color: #882122;
background-image:url(images/nav3d.png);
background-repeat:no-repeat;
}

#nav a{color:#000;text-decoration:none;text-transform:lowercase;font-weight:500;font-size:12 }
#nav a:active {color: gray; text-decoration: none; }
#nav a:hover {color: #ff0000; text-decoration: none; }

#content{
margin-top:20px;
font-weight:590; 
width:100%; 
height:350px; 
border:solid 0px;
color:#FFF; 
}


#wording{
margin-top:5px;
margin-left:25px;
width:950px; 
height: 150px;
padding-top:0px;
top:0px;
right:0px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 110%;
text-shadow: 1px 1px 2px black;
font-weight: 550;
color: white;
}


#wording p{
text-align:justify;
padding-right:5px;
padding-left:5px;}



#copyright{width:100%; height:25px; text-align:center; font-size:50%;padding-top:5px;}

#blurb{
position: relative;
border: solid 0px;
width: 500px;
height: 300px;
float: left;
margin-left: 25px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 100%;
text-shadow: 1px 1px 2px black;
color: white;
}

#blurb a:link {color: white; text-decoration: underline; }
#blurb a:active {color: gray; text-decoration: none; }
#blurb a:visited {color: white; text-decoration: underline; }
#blurb a:hover {color: #ff0000; text-decoration: none; }

#blurbmenu{
position: relative;
border: solid 0px;
width: 675px;
height: 300px;
float: left;
margin-left: 25px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 100%;
text-shadow: 1px 1px 2px black;
color: white;
border: solid 0px white; 
}

#blurbmenu a:link {color: white; text-decoration: underline; }
#blurbmenu a:active {color: gray; text-decoration: none; }
#blurbmenu a:visited {color: white; text-decoration: underline; }
#blurbmenu a:hover {color: #ff0000; text-decoration: none; }


#blurbclass{
position: relative;
border: solid 0px;
width: 400px;
height: 300px;
float: left;
margin-left: 100px;
margin-top: 300px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 100%;
text-shadow: 1px 1px 2px black;
color: white;

}

#blurbclassright{
position: relative;
border: solid -px white;
width: 400px;
height: 300px;
float: right;
margin-right: 75px;
margin-top: 300px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 100%;
text-shadow: 1px 1px 2px grey;
color: white;
}

#blurbmenuright{
position: relative;
border: solid 0px white;
width: 260px;
height: 300px;
float: right;
margin-right: 25px;
margin-top: 0px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 100%;
text-shadow: 1px 1px 2px grey;
color: white;
}
#blurbmenuright a:link {color: white; text-decoration: underline; }
#blurbmenuright a:active {color: gray; text-decoration: none; }
#blurbmenuright a:visited {color: white; text-decoration: underline; }
#blurbmenuright a:hover {color: #ff0000; text-decoration: none; }

#blurbclass b{
font-size: 100%;
}

#blurbsmall{
position: relative;
border: solid 0px;
width: 500px;
height: 300px;
float: left;
margin-left: 25px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 110%;
text-shadow: 1px 1px 2px black;
font-weight: 550;
color: white;
font-size: 100%;

}

#coolimage{
float: right;
width: 333px;
height: 500px;
border: solid 0px;
margin-right: 50px;
background-image:url(images/soardirections.jpg);
background-repeat:no-repeat;
background-position:right top;

}

#venueimage{
float: right;
width: 333px;
height: 500px;
border: solid 0px;
margin-right: 50px;
background-repeat:no-repeat;
background-position:right top;
color: white;

}


.gallerycontainer{
border:solid 0px;
position: inherit;
width: 900px;
margin-left: 25px;
margin-top: 500px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
 
.thumbnail img{
border: 0px solid white;
margin: 0 5px 5px 0;
}
 
.thumbnail:hover{
background-color: transparent;
}
 
.thumbnail:hover img{
border: 0px solid blue;
}
 
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
left: -1000px;
border: 0px;
visibility: hidden;
color: white;
text-decoration: none;
z-index:50;
}
 
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0;
}
 
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 100px;
left: 675px;/*position where enlarged image should offset horizontally */
z-index: 1000;
}

#affiliates{
width: 1000px;
height: 30px;
margin-right: auto;
margin-left: auto;
border: solid 0px black;
padding-top: 3px;

}

#lajollabev{
width: 33%;
float:left; 
border-style: none;
}

#jtic{
width: 33%;
float:left;
border-style: none;
}

#sdwp{
width: 33%;
float:right; 
border-style: none;
}

ul.slideshow {
	list-style:none;
	width:1000px;
	height: 400px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	
 
ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}
 
ul.slideshow li.show {
	z-index:500;	
}
 
ul img {
	border:none;	
}
 
 
#slideshow-caption {
	width:1000px;
	height:50px;
	position:absolute;
	
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}
 
#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;
}
 
#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
	color:#1DCCEF;
}
 
#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
	text-align:left;
}