@charset "UTF-8";




body {
	font-family: 'Dosis', sans-serif;
	padding: 0;
	color: #000000;
	background-color: #707939;
	background-image: url(images/backgrounds/background-Northside-bistro-restaurant-brewery-st-thomas-us-virgin-islands.jpg);
	background-repeat: repeat;
	background-position: center top;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-background-size: 1233px 912px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
 #container {
	width: 920px;
	text-align: left;
	background-color: rgba(255,255,255,0.02);
	padding-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 6px -6px 20px 2px #333;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 620px;
	margin-left: auto;
 }
 


 
 
 #header {
	text-align: right;
	background-image: url(images/header/background-Northside-bistro-restaurant-brewery-st-thomas-us-virgin-islands.jpg);
	background-repeat: no-repeat;
	background-position: center -120px;
	height: 250px;
	width: 100%;
}
	
	
	#menu {
	height: 50px;
	list-style-image: none;

	background-color: rgba(22,101,49,1);
	width: 100%;
	margin-bottom:25px;
}


#menu ul {
	padding-left: 0px;
	list-style-type: none;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 100%;
}
#menu ul li {
	float: left;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
	
}
#menu ul li a {
	display: block;
	height: 50px;
	color:rgba(255,255,255,.8);
	text-decoration: none;
	line-height: 50px;
	text-align: center;
	padding-right: 14px;
	padding-left: 14px;
}
#menu ul li a:hover {
	color:rgba(255,255,255,1);
	
	background-color: rgba(0,0,0,.9);
	
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}
#menu ul li ul {
	
	display: block;
	position: absolute;
	top: 50px;
	right:0px;
	visibility: hidden;
	padding: 0px;
	font-size:90%;
	z-index:100;
	
}
#menu ul li:hover ul {
	visibility: visible;
	margin-top: 0px;
	
	margin-bottom: 0px;
	
	padding: 0px;
	line-height: 50px;
	height: 50px;
}
#menu ul li ul li a {
	width:210px;
	background-color:rgba(0,0,0,1);
	color:rgba(255,255,255,1);
	text-align:right;
	line-height:50px;
	height:50px;
}

#menu ul li ul li a:hover {
	
	background-color:rgba(204,204,204,1);
	color:rgba(0,0,0,1);

}


#menu ul li:nth-child(even) { /*(even) or (2n+0)*/
	
}
#menu ul li:nth-child(odd) { /*(odd) or (2n+1)*/


}

#menu ul li:first-child {

}

#menu ul li:last-child {
	
	
}
#welcome {
	line-height: 70px;
	height: 70px;
	padding-left: 210px;
	width: 690px;
	margin-top: 25px;
	margin-bottom: 25px;
	color: rgba(255,255,255,.8);
}
.section {
	background-color:rgba(0,0,0,.7);
	width: 920px;
	padding: 20px;
	color: rgba(255,255,255,1);
	
	
}

.white {
	color:rgba(255,255,255,1);
}
#logo {
	height: 210px;
	width: 210px;
	left: 10px;
	top: 10px;
	float: left;
	margin-top: -50px;
	z-index: 2000;
	clip: rect(auto,auto,auto,20px);
	background-image: url(images/logo-smaller-white-north-side-bistro-restaurant-brewery-st-thomas-usvi.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: -210px;
}

 #mainContent {
	margin-left: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 25px;
	padding-top: 25px;
	padding-right: 35px;
	padding-bottom: 25px;
	padding-left: 35px;
	line-height: 26px;
	background-color:rgba(204,204,204,.9);
	font-size: 130%;
	line-height:30px;
}

#mainContent:hover {
background-color:rgba(255,255,255,1)	
	;
}



.selectIndex #selectIndex,
.selectAbout #selectAbout,
.selectMenus #selectMenus,
.selectBrewery #selectBrewery,
.selectEntertain #selectEntertain,
.selectGuestBook #selectGuestBook,
.selectLocation #selectLocation,
.selectContact #selectContact

{
	
background-color:rgba(0,0,0,1)	;
	
}

.selectIndex #selectIndex a,
.selectAbout #selectAbout a,
.selectMenus #selectMenus a,
.selectBrewery #selectBrewery a,
.selectEntertain #selectEntertain a,
.selectGuestBook #selectGuestBook a,
.selectLocation #selectLocation a,
.selectContact #selectContact a

{
	
color:rgba(255,255,255,1);	
}


#socialNetwork {
	float: left;
	width: 210px;
	height: 40px;
	outline: none;
	line-height: 40px;
}
#socialNetwork img{
	margin-right:4px;
	padding:5px;
	margin-top:-10px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-khtml-border-radius: 30px;
	border-radius: 30px;
	background-color:rgba(204,204,204,.6);
}

#socialNetwork img:hover {
	background-color:rgba(22,101,49,1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

h3 {
	
margin-bottom:0px;	
}

.clear { display: block; clear: left; visibility: hidden; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

a:hover, a:active, a:focus {
  outline:0px;
  outline:none;
}


h1, h2 {
	
	margin: 0px;
	font-weight: normal;
}
#wrapper2 { margin: 25px auto 0; /* this overrides the text-align: center on the body element. */ background-image: url(images/backgrounds/backgroundWrapper2_Restaurant_Brewery_Bistro_St_Thomas_US_Virgin_Islands_NorthSide_Bistro.png); background-repeat: no-repeat; width: 996px; padding-top: 5px; background-position: center top; }
#wrapper {
	width: 800px;
	margin: 45px auto 0;
	background-repeat: repeat;
	padding-top: 5px;
}

 #sidebar1 {
	width: 920px;
	margin-top: 30px;
	margin-right: 25px;
	background-color: #F0E4FC;
	margin-left: 20px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-bottom: 25px;
	float: left;
}

.firstLetter { font-size: 200%; color: #40304F; padding: 1px 4px; border: 1px solid #453556; margin-right: 2px; background-image: url(images/backgrounds/firstLetter_Restaurant_Brewery_Bistro_St_Thomas_US_Virgin_Islands_NorthSide_Bistro.jpg); background-repeat: repeat-x; background-position: center center; }

#header h1 {
	margin: 0; 
	padding: 10px 0; 
}
#menuBar {
	
	padding: 16px 5px 5px;
	height: 34px;
	text-align: center;
}
#menuBar a { padding: 12px 12px 14px; color: #FFF; text-decoration: none; margin: 2px; font-size: 15px; 

	background-position: center center;}

#menuBar a:hover { color: #000; text-decoration: none; margin: 2px; background-image: url(images/backgrounds/backgroundMenuBar_hover_Restaurant_Brewery_Bistro_St_Thomas_US_Virgin_Islands_NorthSide_Bistro.gif); background-repeat: repeat-x; background-position: center center;
-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
.block {
	background-repeat: no-repeat;
	background-position: center top;
	line-height: 26px;
}
.quotes { font-size: 120%; color: #4C2C73; font-weight: bold; }

.inputFields { background-color: #B5FFCF; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #1D6837; width: 400px; height: 35px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #1D6837; border-right-color: #1D6837; border-left-color: #1D6837; padding: 3px 3px 3px 5px; }
.inputFieldsMessage { background-color: #B5FFCF; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #1D6837; width: 400px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #1D6837; border-right-color: #1D6837; border-left-color: #1D6837; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 5px; }

.quotesText {
	font-size: 100%;
	line-height: 25px;
	color: #056428;
}

.footnote { 
font-size: 70%; 
font-style: italic; 
}

#footer {
	padding: 15px;
	font-size: 90%;
	letter-spacing: 1px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-color: rgba(204,204,204,.8);
} 
#footer a { color: #3E2E4E; text-decoration: none; }

#footer a:hover { color: #402863; text-decoration: underline; }
 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#animationBelowHead {
	height: 40px;
	background-image: url(images/animation/belowHeading_Restaurant_Brewery_Bistro_St_Thomas_US_Virgin_Islands_NorthSide_Bistro.gif);
	background-repeat: no-repeat;
	background-position: 60px center;
	margin: 5px;
	float: left;
	width: 490px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 25px;
}
.galleryName { background-color: #CB96FF; padding: 6px 8px; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #543777; }
.galleryDescription { font-size: 100%; color: #333; line-height: 25px; }
.menu_Item {
	color: #000000;
	font-size: 110%;
	font-weight: bold;
}
.menu_Item_Price {
	color: #166531;
	font-size: 110%;
	font-weight: bold;
}
.menu_Item_Description {
	font-style: italic;
	line-height: 25px;
	font-size: 90%;
}
.priceSmall {  color: #000; font-size: 90%; background-color: #CCC; padding: 2px 4px; }
.bold { font-weight: bold; }
.specials {
	background-color: #E6E6E6;
	border: 1px dashed #9861B4;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.frames {
	padding: 10px;
	background-color: #F0E4FC;
}
#mainContent a , #sidebar1 a{ font-weight: normal; color: #900; text-decoration: none; }
#mainContent a:hover , #sidebar1 a:hover{ font-weight: normal; color: #003F1F; text-decoration: underline; }
.emphasis { background-color: Comments "Where Good Food and Good Friends Meet"  Connie, hostess and owner of North Side Bistro   "I love performing at such a classy venue"  Freddie Rabuse  "Amazing ambience especially over the weekends when Freddie Rabuse is performing" Gustav Andor  Submit comments here .; padding: 3px; background-color: #396428; color: #FFF; background-image: url(images/frames_restaurant_St_Thomas_Virgin_Islands_NorthSide_Bistro_.jpg); background-repeat: repeat-x; background-position: center top; }
.emphasis2 {background-color: Comments "Where Good Food and Good Friends Meet"  Connie, hostess and owner of North Side Bistro   "I love performing at such a classy venue"  Freddie Rabuse  "Amazing ambience especially over the weekends when Freddie Rabuse is performing" Gustav Andor  Submit comments here .;
	color: #166531;
	font-size: 110%;
	line-height: 23px;
}
.RedBigRoman {  font-size: 150%; color: #F00; }
.listingHeader { background-color: #DBBCFF; padding: 5px 5px 5px 0px; }
.listingHeaderFirstLetter { background-color: #DBBCFF; font-weight: bold; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 5px; }
#TabbedPanels1 a { color: #666; text-decoration: none; }
#TabbedPanels1 a:hover { color: #000; text-decoration: underline; }
.lftflt {
	float: left;
	margin-right: 25px;
	margin-bottom: 15px;
}
.rightflt {
	float: right;
	margin-bottom: 25px;
	margin-left: 25px;
}
.anouncements {
	margin-top: 25px;
	margin-bottom: 25px;
	clear: both;
	border: 1px solid #EDE4F6;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	-webkit-box-shadow: 0px 0px 3px 3px rgba(3, 3, 3, .5);
	-moz-box-shadow: 0px 0px 3px 3px rgba(3, 3, 3, .5);
	box-shadow: 0px 0px 3px 3px rgba(3, 3, 3, .5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	
	background-color:rgba(204,204,204,1);
}
.divDivider {
	padding-bottom: 7px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #E5CAFB;
}

.backdrop {
	
	-webkit-box-shadow: 0px 0px 3px 3px rgba(3, 3, 3, .5);
-moz-box-shadow: 0px 0px 3px 3px rgba(3, 3, 3, .5);
box-shadow: 0px 0px 3px 3px rgba(3, 3, 3, .5); 
	
}
.frameVideo {
	float: left;
	margin-top: 30px;
	margin-bottom: 20px;
	width: 850px;
}
.maincontentHeading {
	margin-bottom: 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0,0,0,1);
	background-image: url(images/logo-headings-white-north-side-bistro-restaurant-brewery-st-thomas-usvi.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 100px;
	line-height: 80px;
	height: 80px;
}

.endorser {
	width: 154px;
	float: left;
	margin-right: 38px;
	padding: 0px;
	border: 5px solid rgba(51,51,51,0.8);
	background-color: rgba(255,255,255,1);
	margin-bottom: 10px;
	text-align: center;
	margin-left: 10px;
	height: 170px;
}


.endorser img {
	height: 135px;
	width: 154px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: rgba(51,51,51,0.8);
}

#contact {
	background-color: rgba(204,204,204,0.9);
	line-height: 40px;
	height: 40px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0,0,0,.8);
	color: rgba(0,0,0,1);
	font-size: 110%;
}
.blockRight {
	float: right;
	width: 390px;
}