body {
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-family: 'TypewriterFSRegular', Georgia, Times, “Times New Roman”, serif; 
	background-color: #161616;
	background-image: url(../images/bg/background-seamless.jpg);
	background-repeat: repeat;
}

#page-container {	
	width: 700px;
	float: right;
	position: relative;
	overflow: hidden;
}

#home #page-container{
	height: 735px;
}

#lamps {
	background-image: url(../images/bg/lampshades.png);
	background-repeat: no-repeat;
	background-position: 100% 10px;
}

#girl {
	position: absolute;
	background-image: url(../images/bg/girl.png);
	background-repeat: no-repeat;
	top: 550px;
	left: 0;
	height: 310px;
	width: 165px;
	z-index: 1;
}

#header {
	background-image: url(../images/bg/header-wood.png);
	background-repeat: repeat-x;
}

#logo {
	padding: 60px 0;
}

#logo h1 {
	background-image: url(../images/bg/firefly-tapas-bar-wine.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 250px;
}
 
#logo h1 span, #homepage h2 span {
	display: none;
}

/* -- Main Navigation -- */

#nav ul {
	position: relative;
	height: 430px;
	width: 122px;
	margin-left: 55px;
	z-index: 2;
}

	#nav a {
		border-bottom: 0px;
	}
		
	#nav ul li {
		display: block;
	}
	
	#nav ul li a{
		display: block; 
		background-image: url(../images/bg/nav-sprite.gif);
		text-indent: -9999px;
	}
	
	#nav ul li a#walshbay {
		height: 151px;
		width: 105px;
		background-position: 0px 0px;
	}

	#nav ul li a#walshbay:hover {
		background-position: -147px 0px;
	}
	
	body.walsh-bay #nav ul li a#walshbay {
		background-position: -147px 0px;
	}
	
	#nav ul li a#lanecove {
		height: 86px;
		width: 105px;
		background-position: 0px -151px;
	}

	#nav ul li a#lanecove:hover {
		background-position: -147px -151px;
	}
	
	body.lane-cove #nav ul li a#lanecove {
		background-position: -147px -151px;
	}
	
	#nav ul li a#neutralbay {
		height: 110px;
		width: 128px;
		background-position: 0px -237px;
	}

	#nav ul li a#neutralbay:hover {
		background-position: -147px -237px;
	}
	
	body.neutral-bay #nav ul li a#neutralbay {
		background-position: -147px -237px;
	}
	
	#nav ul li a#people {
		height: 68px;
		width: 100px;
		background-position: 0px -362px;
		margin-top: 20px;
	}

	#nav ul li a#people:hover {
		background-position: -147px -362px;
	}
	
	body.we-the-people #nav ul li a#people {
		background-position: -147px -362px;
	}

/* -- Sub Navigation List -- */

.subnav {
	margin-top: 135px;
}
	
	.subnav ul {
		display: block;
	}
	
	.subnav li{
		background-image: url(../images/bg/list-bg.gif);
		background-repeat: no-repeat;
		background-position: 0 4px;
		padding: 0 0 10px 19px;
	}
	
	.subnav li a {
		color: #fff;
		width: 240px;
		text-decoration: none;
		border-bottom: 0px;
	}
	
	.subnav li a:hover {
		color: #a5a5a5;
		border: 0px;
	}

.split-side {
	margin: 30px 0 0 0;
}

.copy {
	width: 270px;
	float: left;
}

/* -- Reviews -- */

.reviews {
		background-image: url(../images/bg/reviews_bg.jpg);
		background-repeat: no-repeat;
		width: 700px;
		margin: 0 0 40px 0;
		overflow: hidden;
		position: absolute;
		z-index: 5;
}	

	.review {
		font-size: 14px;
		line-height: 20px;
		width: 300px;
		float: left;
		margin: 20px 0 20px 20px
	}
	
	.review img {
		margin: 0 10px 0 0;
	}

.pictures {
	width: 410px;
}


/* -- LOCATIONS -- */
	
#homepage {
	padding: 50px 0 0 0;
}	
	
	#homepage h2 {
		background-image: url(../images/come-feast.png);
		background-repeat: no-repeat;
		height: 129px;
		width: 519px;
	}
	
	#homepage h3 {
		font-size: 22px;
		line-height: 32px;
		font-weight: normal;
		margin-top: 40px;
	}

/* -- Homepage -- */
	
#homepage, #walsh-bay-holder, #lane-cove-holder, #neutral-bay-holder, #we-the-people-holder {
	position: absolute;
	top: 0; left: -999em;
	width: 700px;
}

#homepage {
	left: 0;
}

/* -- Walsh Bay -- */

#walsh-bay, #lane-cove, #neutral-bay, #we-the-people {
	width: 700px;
	padding: 8px 0 0 0;
	float: right;
}
	
	#walsh-bay-header, #lane-cove-header, #neutral-bay-header, #people-header  {
		background-image: url(../images/bg/hr-rule.gif);
		background-repeat: no-repeat;
		background-position: 0px 6px;
		height: 43px;
		width: 700px;
	}
	
	#walsh-bay h3 {
		background-image: url(../images/bg/headings-sprite.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		height: 40px;
		width: 460px;
		text-indent: -9999px;
	}
	
	#walsh-bay h4 {
		background-image: url(../images/bg/headings-sprite.gif);
		background-repeat: no-repeat;
		background-position: 0px -200px;
		height: 45px;
		width: 700px;
		text-indent: -9999px;
		margin-top: 30px;
	}
	
	#pictures-walsh-bay {
		position: relative;
		widows: 410px;
		height: 368px;
		float: right;
		background-image: url(../images/walshbay/walshbay-frame.png);
		background-repeat: no-repeat;
		z-index: 2;
	}
	
	#pictures-walsh-bay div { 
		position: absolute;
		top: 37px;
		left: 29px;
		width: 353px;
		height: 297px;
		z-index:1; 
		overflow:hidden;
	}
	
	#host-party {
		margin: 30px 0 0 0;
	}
	
	#host-party h3 {
		background-image: url(../images/bg/host-heading.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		height: 78px;
		width: 700px;
		text-indent: -9999px;
	}

/* -- Lane Cove -- */

#lane-cove h3 {
		background-image: url(../images/bg/headings-sprite.gif);
		background-repeat: no-repeat;
		background-position: 0px -50px;
		height: 40px;
		width: 460px;
		text-indent: -9999px;
	}

	#lane-cove h4 {
		background-image: url(../images/bg/headings-sprite.gif);
		background-repeat: no-repeat;
		background-position: 0px -200px;
		height: 45px;
		width: 700px;
		text-indent: -9999px;
		margin-top: 30px;
	}
	
	#lane-cove ul{
		margin-top: 184px;
	}
	
	#pictures-lane-cove {
		position: relative;
		widows: 410px;
		height: 368px;
		float: right;
		background-image: url(../images/lanecove/lanecove-frame.png);
		background-repeat: no-repeat;
		z-index: 2;
	}
	
	#pictures-lane-cove div { 
		position: absolute;
		top: 37px;
		left: 29px;
		width: 353px;
		height: 297px;
		z-index:1; 
		overflow:hidden;
	}

/* -- Neutral Bay -- */

#neutral-bay h3 {
		background-image: url(../images/bg/headings-sprite.gif);
		background-repeat: no-repeat;
		background-position: 0px -100px;
		height: 40px;
		width: 460px;
		text-indent: -9999px;
	}
	
	#neutral-bay ul{
		margin-top: 240px;
	}
	
	#neutral-bay h4 {
		background-image: url(../images/bg/headings-sprite.gif);
		background-repeat: no-repeat;
		background-position: 0px -200px;
		height: 45px;
		width: 700px;
		text-indent: -9999px;
		margin-top: 30px;
	}
	
	#pictures-neutral-bay {
		position: relative;
		widows: 410px;
		height: 368px;
		float: right;
		background-image: url(../images/neutralbay/neutralbay-frame.png);
		background-repeat: no-repeat;
		z-index: 2;
	}
	
	#pictures-neutral-bay div { 
		position: absolute;
		top: 37px;
		left: 29px;
		width: 353px;
		height: 297px;
		z-index:1; 
		overflow:hidden;
	}

/* -- We the People -- */
	
#people-header h3 {
		background-image: url(../images/bg/headings-sprite.gif);
		background-repeat: no-repeat;
		background-position: 0px -150px;
		height: 40px;
		width: 460px;
		text-indent: -9999px;
	}
	
	/* -- Caption Styling for We the People -- DO NOT REMOVE -- */

	.caption-top, .caption-bottom {
		color: #fff;
		padding: 20px;	
		font-size: 12px;	
		background: #000;
	}

	}
	.caption a, .caption a {
		text-decoration: none;
		background: #000;
		padding: 20px;
	}
	.caption a:hover, .caption a:hover {
		background: #202020;
	}
	
	br.c { clear: both; }
	
	/* ------------------------------------ */
	
	.employee {
		position: relative;
		width: 220px;
		float: left;
		margin: 0 20px 0 0;
	}
	
	.employee-description a:hover span { 
		display: block; 
		position: absolute; 
		top: 0; 
		left: 0;
	}
	
	.name {
		background-image: url(../images/bg/list-bg.gif);
		background-repeat: no-repeat;
		background-position: 0px 4px;
		height: 30px;
		padding: 0 0 0 19px;
	}
	
	.last {
		margin: 0;
	}
	
	
a#reviews-walshbay, a#reviews-lanecove, a#reviews-neutralbay {
	background-image: url(../images/bg/nav-sprite.gif);
	background-repeat: no-repeat;
	background-position: 0px -455px;
	height: 50px;
	width: 118px;
	text-indent: -9999px;
	border: 0px;
}

a#reviews-walshbay:hover, a#reviews-lanecove:hover, a#reviews-neutralbay:hover {
	background-position: -143px -455px;
}

/* -- Footer -- */
	
#footer {
	color: #3b3b3b;
	font-family: Arial, sans-serif;
	font-size: 11px;
	height: 60px;
	background-color: #161616;
	padding: 40px 0;
}

	#footer a {
		color: #3b3b3b;
		text-decoration: none;
		border-bottom: 0px;
	}
	
	#footer a:hover {
		text-decoration: underline;
		border-bottom: 0px;
	}
	
	#footer a:visited {
		color: #3b3b3b;
		border-bottom: 0px;
	}
	
	#ft-texture {
		background-image: url(../images/bg/footer-bg.gif);
		background-repeat: no-repeat;
		height: 26px;
		margin-top: 60px;
	}

/* -- Commom Classes -- */

.left, .float_left  { float:left	}
.right, float_right { float:right	}
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}
.hide  { display:none	}
 
.align_right    { text-align:right;	  }
.align_left     { text-align:left;	  }
.align_center   { text-align:center;  }
.align_justify  { text-align:justify; }
 
p a {	color:#fff; text-decoration: none; border-bottom: 1px dotted #fff;	}
p a:hover, a:focus { text-decoration: none; border-bottom: 1px dotted #000; }
p a:active, a:visited { }

a.find-out-more {
	background-image: url(../images/bg/nav-sprite.gif);
	background-position: 0px -508px;
	background-repeat: no-repeat;
	height: 46px;
	width: 166px;
	border: 0px;
	text-indent: -9999px;	
}

a.find-out-more:hover {
	background-position: 0px -558px;
	border: 0px;
}

/* -- Paragraph styling -- */

p {margin:0 0 1.52em; text-shadow: #000 0px 1px 1px; }
	p img.left {float:left;margin:1.52em 1.52em 1.52em 0;padding:0;}
	p img.right {float:right;margin:1.52em 0 1.52em 1.52em;}

.small {
	font-size: 14px;
	color: #a5a5a5;
}

.medium {
	font-size: 14px;
}

/* -- FONT FACE -- */

@font-face {
	font-family: 'TypewriterFSBold';
	src: url('../fonts/typewriter-bold-webfont.eot');
	src: local('☺'), url('../fonts/typewriter-bold-webfont.woff') format('woff'), url('../fonts/typewriter-bold-webfont.ttf') format('truetype'), url('../fonts/typewriter-bold-webfont.svg#webfontHLUa6ygk') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TypewriterFSRegular';
	src: url('../fonts/typewriter-regular-webfont.eot');
	src: local('☺'), url('../fonts/typewriter-regular-webfont.woff') format('woff'), url('../fonts/typewriter-regular-webfont.ttf') format('truetype'), url('../fonts/typewriter-regular-webfont.svg#webfontRfalDh6q') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TypewriterFSLight';
	src: url('../fonts/typewriter-light-webfont.eot');
	src: local('☺'), url('../fonts/typewriter-light-webfont.woff') format('woff'), url('../fonts/typewriter-light-webfont.ttf') format('truetype'), url('../fonts/typewriter-light-webfont.svg#webfontppw2Ymfe') format('svg');
	font-weight: normal;
	font-style: normal;
}