/*     !! These Styles Are Reusable !!     */

body{
	background: #fff;
	color: #000;
	font: 14px/1.4em Helvetica, Arial, sans-serif;
	}
	
h1, h2, h3, h4{
	text-transform: uppercase;
	}
	
h1{
	font: 30px/30px Helvetica, Arial, sans-serif;
	}
	
h2{
	font: 20px/20px Helvetica, Arial, sans-serif;
	padding-bottom: 10px;
	}

h4 {
	font: 20px/20px Helvetica, Arial, sans-serif;
	padding-bottom: 20px;  
}	

p{
	padding-bottom: 7px;
	}
	
img a{
	border: none;
	outline: none;
	}

a img:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
}	

a {
  color: #000;
}

a:hover {
  color: #FBA819;
}
	
/*     Site Structure     */

#socialMediaRow{
	width: 920px;
	height: 30px;
	margin-bottom: 10px;
	text-align: right;
	}
	
#socialMediaRow img{
	float: right;
	}

.orange {
  color:#1ba3dd;
  font-size:20px; 
}	

.google-map {
  margin-left:200px;
 }
 
.join{
	float: right;
	display: block;
	font: 12px/18px Helvetica, Arial, sans-serif;
	color: #fff;
	background: #000;
	text-transform: capitalize:
	}
	
.twitter{
	margin-right: 10px;
	}

.container{
	width: 920px;
	padding-top: 10px;
	margin: 0 auto;
	}

#landingPage{
	width: 680px;
	height: 525px;
	background: url("../images/landingPage.jpg") no-repeat;
	font: 11px/16px Helvetica, Arial, sans-serif;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	z-index: -2;
	}
#landingPage p {
  padding-bottom:0px;
}	
.opaqueText{
	position:relative;
	}
	
#landingPageTextArea{
	padding:20px;
	width:640px;
	color:#FFFFFF;
	position:relative;
	float:left;
	overflow:hidden;
	}
	
#landingPageTextArea .transparency{
	opacity:0.9;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	background: #ff0000;
	width:680px;
	height:1500px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
	}
	
/*     Content Area     */


#contentWrap{
	float: left;
	}
	
#content{
	background: url("../images/parchment.jpg");
	width: 640px;
	height: 415px;
	padding: 20px;
	overflow-y: auto;
	}
	
#subNavigation{
	background: black;
	width: 640px;
	padding: 20px;
	}
	
#subNavigation h1{
	color: #fff;
	display: inline;
	text-transform: uppercase;
	padding-right: 15px;
	}

#subNavigation ul{
	font: 20px/20px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
	display: inline;
	}
	
#subNavigation ul li{
	display: inline;
	}

#subNavigation ul .bullet{
	font-size:0.8em;
	}
		
#subNavigation ul li a{
	text-decoration: none;
	color: #fff
	}
	
/*     Content Area Typography    */
#content h1{
	padding-bottom: 15px;
	}
		
#content ul li, #content ol li{
	list-style-position: inside;
	}
	
	
/*     Sidebar     */
	
#sidebar{
	width: 210px;
	margin-right: 30px;
	float: left;
	}

	
#sidebar a{
	display: block;
	float: left;
	text-indent: -9000px;
	}

#sidebar a.navimage{
    text-indent: 0px
}	

a.menuButton{
	background: url("../images/menu_off.jpg") no-repeat;
	width: 171px;
	height: 52px;
	margin-left: 18px;
	}
	
a.menuButton:hover{
	background: url("../images/menu_on.jpg") no-repeat;
	}

a.menuButtonOn{
	background: url("../images/menu_on.jpg") no-repeat;
	}
		
a.infoButton{
	background: url("../images/info_off.jpg") no-repeat;
	width: 171px;
	height: 80px;
	margin-left: 22px;
	}
	
a.infoButton:hover{
	background: url("../images/info_on.jpg") no-repeat;
	}
	
a.infoButtonOn{
	background: url("../images/info_on.jpg") no-repeat;
	}
		
a.eventsButton{
	background: url("../images/events_off.jpg") no-repeat;
	width: 172px;
	height: 42px;
	margin-left: 26px;
	}

a.eventsButtonOn{
	background: url("../images/events_on.jpg") no-repeat;
	}
		
a.eventsButton:hover{
	background: url("../images/events_on.jpg") no-repeat;
	}
		
a.contactButton{
	background: url("../images/contact_off.jpg") no-repeat;
	width: 172px;
	height: 36px;
	margin-left: 25px;
	}
	
a.contactButton:hover{
	background: url("../images/contact_on.jpg") no-repeat;
	}

a.contactButtonOn{
	background: url("../images/contact_on.jpg") no-repeat;
	}
		
a.pressButton{
	background: url("../images/press_off.jpg") no-repeat;
	width: 173px;
	height: 62px;
	margin-left: 30px;
	}
	
a.pressButton:hover{
	background: url("../images/press_on.jpg") no-repeat;
	}

a.pressButtonOn{
	background: url("../images/press_on.jpg") no-repeat;
	}
			
a.galleryButton{
	background: url("../images/gallery_off.jpg") no-repeat;
	width: 170px;
	height: 37px;
	margin-left: 28px;
	}
	
a.galleryButton:hover{
	background: url("../images/gallery_on.jpg") no-repeat;
	}	

a.galleryButtonOn{
	background: url("../images/gallery_on.jpg") no-repeat;
	}	
		
a.linksButton{
	background: url("../images/links_off.jpg") no-repeat;
	width: 167px;
	height: 51px;
	margin-left: 33px;
	}
	
a.linksButton:hover{
	background: url("../images/links_on.jpg") no-repeat;
	}

a.linksButtonOn{
	background: url("../images/links_on.jpg") no-repeat;
	}

/*     Navigation Bar     */

#navigationBar{
	width: 100%;
	padding: 10px 0 15px;
	height: 166px;
	background: url("../images/navigationBarBackground.png") repeat-x;
	margin-top: 0px;
	}
	
#navigationBarWrap{
	width: 1024px;
	margin: 0 auto;
	position: relative;
	}
	
#navigationBarWrap a{
	cursor: pointer;
	width: 168px;
	height: 170px;
	display: block;
	background-position: 0 -170px;
	position: absolute;
	top: 0;
	}
	
#langostaButton{
	background: url("../images/buttons/langostaButton.png") no-repeat;
	z-index: 0;
	left: 0;
	}

#dauphinButton{
	background: url("../images/buttons/dauphinButton.png") no-repeat;
	z-index: 10;
	left: 90px;
	}
		
#labradorButton{
	background: url("../images/buttons/labradorButton.png") no-repeat;
	z-index: 20;
	left: 220px;
	}

#trinityButton{
	background: url("../images/buttons/trinityButton.png") no-repeat;
	z-index: 30;
	left: 300px;
	}
	
#popsButton{
	background: url("../images/buttons/popsButton.png") no-repeat;
	z-index: 40;
	left: 430px;
	}

	
#simpleButton{
	background: url("../images/buttons/simpleButton.png") no-repeat;
	z-index: 50;
	left: 520px;
	}
	
#cateringButton{
	background: url("../images/buttons/cateringButton.png") no-repeat;
	z-index: 60;
	left: 600px;
	}
	
#saltedButton{
	background: url("../images/buttons/saltedButton.png") no-repeat;
	z-index: 70;
	left: 700px;
	}
	
#foodButton{
	background: url("../images/buttons/foodButton.png") no-repeat;
	z-index: 80;
	left: 820px;
	}
	
#apfiButton{
	background: url("../images/buttons/apfiButton.png") no-repeat;
	z-index: 90;
	left: 930px;
	}	
		
#langostaButton:hover, #labradorButton:hover, #trinityButton:hover, #popsButton:hover, 
#simpleButton:hover, #cateringButton:hover, #saltedButton:hover, #foodButton:hover, #apfiButton:hover, #dauphinButton:hover {
	background-position: 0 0;
	}
/*     !! Langosta Specific Styles !!     */
	

#sidebar{
	padding-top: 5px;
	}
	
#subNavigation ul li a:hover{
	color: #1ba3dd;
	}
	
#navigationBar{
	background-color: #1ba3dd;
	}
	
#landingPageTextArea .transparency{
	background-color: #1ba3dd;
	}
.image-submit {
    width:67px;
    height:43px;
}