/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

body {
	background-image: url(images/wood-tile.jpg);
	background-position: center; 
	background-repeat: repeat-y;
	background-color: #040001;
	background-attachment: fixed; 
	margin: 0;
	font-size: 62.5%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, "Verdana Ref", sans-serif;
}

h3 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em;
}

h4 {
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.2em;
}

p {
	line-height: 1.4em;
}

#wrapper {
	margin: auto;
	width: 960px;
	padding: 0px 10px;
}

#header {
	height: 120px;
	width: 940px;
	float: left;
	background-image: url(images/beso-header.gif);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0px;
	clear: left;
}

/*MAIN NAV*/

#nav {
	float: left;
	width: 940px;
	height: 20px;
	clear: left;
	position: relative;
}
	#navcontainer {
		margin: 0;
		padding: 0;
		height: 30px;
		font-size: 1.4em;
		letter-spacing: 1px;
		width: 940px;
		list-style-type: none;
	}

	#navlist ul {
		margin: auto;
	}

	#navlist li {
		float: left;
		margin: 0;
		padding-bottom: 10px;
		width: auto;
		display: block;
	}

	#navlist li a, #navlist li a:link {
		color: #ddc3a4;
		text-decoration: none;
		padding: 3px 31px;
		display: block;
		border: none;
	}

	#navlist li a:hover {
		color: #f20000;
		/*border-bottom: 3px solid #f20000;*/
		cursor: pointer;
	}

	#navlist li a#current, #navlist li a#current:link {
		color: #f20000;
		cursor: default;
		font-weight: bold;
	}

	body.home a.home,
	body.menu a.menu,
	body.team a.team,
	body.reservations a.reservations,
	body.special-events a.special-events,
	body.news a.news{
	color: #F20000;
	}

	/*#navlist li a#current:hover {
	}*/

/*--END MAIN NAV--*/

/*TEAM NAV*/
ul#team-nav {
	position: relative;
	top:0px;    /* set the exact position of the navigation */
	width:200px;
	height:600px;
	margin:0
	}
ul#team-nav li {
	margin:0;
	float:left;
	text-indent:-9999px;	
	list-style-type:none;
	}
ul#team-nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(images/team-nav-block.jpg) no-repeat;
	}
li#eva a {
	width:200px;
	height:200px;
	 }
li#todd a {
	width:200px;
	height:200px;
	 } 
li#matt a {
	width:200px;
	height:200px;
	 }

li#eva a:hover, li#eva a:focus {
	background-position:-0px -600px;
	}

li#matt a:link, li#matt a:visited {	
	background-position: 0px -400px;
	}
	
li#matt a:hover, li#matt a:focus {	
	background-position: 0px -1000px;
	}

li#todd a:link, li#todd a:visited {	
	background-position: 0px -200px;
	}
	
li#todd a:hover, li#todd a:focus {	
	background-position: 0px -800px
	}
	
body.eva ul#team-nav li#eva a {
	background-position:0px -600px;
	}

body.todd ul#team-nav li#todd a {
	background-position:0px -800px;
	}
	
body.matt ul#team-nav li#matt a {
	background-position:0px -1000px;
	}
/*END TEAM NAV*/

#maincontent {
	width: 940px;
	float: left;
	margin-top: 14px;
	padding: 0px;
	background-color: #000;
	clear: left;
	border-top: thin solid #ddc3a4;
	border-bottom: thin solid #ddc3a4;
	position: relative;
}

	#maincontent a {
		color: #ddc3a4;
		text-decoration: none;
	}
	
	#maincontent a:hover {
		color: #F20000;
		text-decoration: none;
	}

	#maincontent h3 {
		text-align: left;
	}

	#content-wrap {
		width: 900px;
		padding: 20px;
		float: left;
		clear: left;
	}
	
	.content-900 {
		font-size: 1.2em;
		color: #ddc3a4;
		width: 900px;
		float: left;
		position: relative;
	}

	.content-680 {
		font-size: 1.2em;
		color: #ddc3a4;
		padding-left: 20px;
		width: 660px;
		float: left;
	}
	
	.content-200 {
		width: 200px;
		float: left;
		background-color: #430000;
	}
	
	.header-image {
		display: block;
		width: 100%;
		border-bottom: solid thin #6e6353;
		margin-bottom: 10px;
	}
	
	.content-680 p {
		margin-bottom: 1.7em;
	}
	.caption {
		font-style: italic;
		color: #ddc3a4;
		font-size: 1.2em;
		padding: 10px;
	}
	.article-link {
		float: right;
		display: block;
	}
	
	.gallery-link {
		margin: auto;
		display: block;
	}
/*HOMEPAGE SLIDESHOW*/
	#slideshow {
    	position:relative;
    	height:450px;
    	z-index: 15;
    	top: 0;
	}

		#slideshow IMG {
    		position:absolute;
    		top:0;
    		left:0;
    		z-index:8;
		}

		#slideshow IMG.active {
		    z-index:10;
		}

		#slideshow IMG.last-active {
		    z-index:9;
		}
/*--END SLIDESHOW--*/
	
	#main-reservations {
		position: absolute;
		margin: auto;
		bottom: 0;
		width: 256px;
		height: 63px;
		z-index: 20;
	}

		a.reserve {
			background: url(images/b-reservations-main.gif) no-repeat 0 0;
			width: 265px;
			height: 63px;
			display: block;
			text-indent: -9999px;
			margin-left:337px;
		}

		a.reserve:hover { background-position: 0 -63px; }

	/*#btm-info {
		padding: 10px;
		background: #6e6353;
	}*/
	

/*FOOTER*/

#footer {
	width: 960px;
	position: relative;
	margin: auto;
	clear: left;
	text-transform: uppercase;
}
	
	#footer p, h4, h3 {
		text-align: center;
		color: #ddc3a4;
	}
	
	#footer p {
		font-size: 1.1em;
		line-height: 1.3em;
	}
	
	#footer-info-box {
		width: 940px;
		margin-top: 20px;
		float: left;
		clear: left;
	}
	
		.info-box {
			width: 280px;
			margin-right: 40px;
			float: left;
		}
		
		.info-box-lrg {
			width: 300px;
			margin-right: 40px;
			float: left;
		}
		
		.info-box-rt {
			width: 280px;
			float: left;
		}
	
		#footer-info-box a {
			color: #F20000;
			font-weight: bold;
			text-decoration: none;
		}
		
		#footer-info-box a:hover {
			color: #F20000;
			font-weight: bold;
			text-decoration: none;
		}
		
		
	#add-links {
		margin: 20px 0px 0px 270px;
		float: left;
		position: relative;
	}
		
		.bottom-logo {
			float: left;
			margin: 15px 30px 0px 0px;
			padding-top: 15px;
		}
		
		.eve-logo {
			float: left;
			margin: 15px 30px 0px 0px;
		}

		.bottom-logo-rt {
			float: left;
			margin-top: 30px;
		}
		
		a.beso-facebook {
			background: url(images/b-fb.gif) no-repeat 0 0;
			width: 32px;
			height: 32px;
			display: block;
			text-indent: -9999px;
			margin: 45px 0px 0px 120px;
			float:left;
		}

		a.beso-facebook:hover { background-position: 0 -32px; }
		
		a.beso-twitter {
			background: url(images/b-twitter.gif) no-repeat 0 0;
			width: 32px;
			height: 32px;
			display: block;
			text-indent: -9999px;
			margin:  45px 0px 0px 10px;
			float: left;
		}

		a.beso-twitter:hover { background-position: 0 -32px; }