body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	background: #fcf7eb url(../images/bg-texture-repeat.png) repeat;
}

#outer-wrap {
	background: url(../images/headerbar-repeat.png) top repeat-x;
}
#container {
	background: url(../images/bg-texture-lg.jpg) center top no-repeat; 
}

#header {
	width: 860px; height: 98px; margin: 0 auto; 
}
	#header h1 a {
		display: block; width: 245px; height: 35px; float: left; position: relative; top: 36px;
		background: url(../images/spoongraphics-logo.jpg) top; text-indent: -9999px;
	}
		#header h1 a:hover, #header h1 a:focus { background: url(../images/spoongraphics-logo.jpg) bottom; }

	#header ul#nav {
		float: right; list-style: none; margin: 24px 0 0 0;
	}
		#header ul#nav li {
			float: left; margin: 0 0 0 5px;
		}
			#header ul#nav li a {
				font: 18px arial, helvetica, sans-serif; color: #fbf5e9; text-decoration: none;
				text-transform: lowercase;
				float: left; padding: 15px 25px 15px 25px;
			}
			#header ul#nav li a:hover, #header ul#nav li a.hover, #header ul#nav li a:focus, #header ul#nav li a.focus {
				background: url(../images/black-trans.png);
			}	
			#header ul#nav li a.active {
				height: 43px; background: url(../images/black-trans.png);
			}
		
#featured {
	height: 443px;
	overflow: hidden;
	text-align: center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	width: 640px;
}
	#featured-pics {
	width: 640px;
	height: 425px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	#featured-pics img { width: 630px; height: 425px; margin: 0 0 19px 0; }
	
	#featured .featured-nav {
		width: 630px; margin:0px 0px 0px 0px;
	}
		#featured .featured-nav p a {
			position: absolute; top: 318px; display: block; width: 44px; height: 44px; 
			text-indent: -9999px; z-index: 20; display: none;
		}
			#featured .featured-nav p a.prev {
				background: url(../gallery/feature-arrows.png) 0 -44px; left: 320px;
			}
			#featured .featured-nav p a.next {
				background: url(../gallery/feature-arrows.png) 0 0; right: 101px;
			}
				#featured .featured-nav p a.prev:hover {
					background: url(../gallery/feature-arrows.png) 0 -132px; 
				}
				#featured .featured-nav p a.next:hover {
					background: url(../gallery/feature-arrows.png) 0 -88px;
				}

		
a { outline: none; }
.clear:after { content: ""; display: block; clear: both; }
.clear { zoom: 1; }