/* Top Elements */
* { margin: 0; padding: 0;}

body {
	background: #ffcc33;
	font: 11px/1.75em Verdana, Tahoma, arial, sans-serif;
	color: #666666; 
	text-align: center;
	margin: 0 0 15px 0;	
}
/* links */
a, a:visited {	
	color: #326ea1; 
	background: inherit;
	text-decoration: none;		
}
a:hover {
	color: #383d44;
	background: inherit;
	padding-bottom: 0;
	
}
a.stay { /* definition of the "image" class in the <a> tag */
	display: block; /* a tag must be a block */
	width: 270px; /* width of reactive image */
	height: 202px;
	background: url(images/stay.png) no-repeat;
}
	 
a.stay:hover { /* definition of the "image" class for <a> tag when hovered onto */
	background: url(images/stay2.png);
	text-decoration: none;
}
a.eat { /* definition of the "image" class in the <a> tag */
	display: block; /* a tag must be a block */
	width: 281px; /* width of reactive image */
	height: 177px;
	background: url(images/eat.png) no-repeat;
}
	 
a.eat:hover { /* definition of the "image" class for <a> tag when hovered onto */
	background: url(images/eat2.png);
	text-decoration: none;
}


/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-weight: Bold; 	
	color: #333;		
}
h1 {
	font-size: 160%;	
	font-weight: normal;
}
h2 {
	font-size: 130%;
	text-transform: uppercase;	
}
h3 {
	font-size: 130%;	
}

h1, h2, h3, p {
	padding: 10px;		
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}
#wrap {
	position: relative;
	margin: 0px auto;
	text-align: left;
	width: 960px;
	background: url(images/in_bknd.jpg) no-repeat top;
}
#content-wrap {
	width: 960px;
	padding: 0;
	background: url(images/in_bknd.jpg) no-repeat center top;
	height: auto;
	margin: 0px;
	position: relative;
}
#topnav {
	height: 69px;
	width: 960px;
	position: relative;
	z-index: 100;
}
#logo {
	height: 115px;
	width: 294px;
	position: absolute;
	top: 129px;
	z-index: 500;
	left: 0px;
}
#photo {
	height: 379px;
	width: 604px;
	position: absolute;
	top: -22px;
	left: 317px;
}
#stay {
	height: 202px;
	width: 270px;
	position: absolute;
	left: 95px;
	top: 425px;
	z-index: 400;
}
.floatright {
	float: right;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	clear: right;
}
#eat {
	height: 177px;
	width: 281px;
	position: absolute;
	left: 72px;
	top: 279px;
	z-index: 500;

}
#welcome {
	width: 530px;
	position: relative;
    min-height:300px;
	background: url(images/paper_bknd.png) repeat-y right;
	padding-right: 30px;
	padding-left: 400px;
	z-index: 200;
	margin-top: 0px;
	background-image: url(images/paper_bknd.png);
}
#papertop {
	background: url(images/paper_top.png) no-repeat right bottom;
	position: relative;
	height: 250px;
	width: 960;
	margin-top: 25px;
	z-index: 300;
}
.business-directory {
	background: url(images/puyallups.jpg) no-repeat right bottom;
	display: block;
	position: absolute;
	width: 176px;
	height: 232px;
	left: 92px;
	top: 680px;
	z-index: 500;
}
.bdimage { 	
	display: block;
	background: url(images/puyallups.jpg) no-repeat right bottom;
	width: 176px;
	height: 232px;
}
.bdimage:hover { 	
	display: block;
	background: url(images/puyallups.jpg) no-repeat right bottom;
	width: 176px;
	height: 232px;
}
#footer {
	height: 40px;
	text-align: center;
	font-family: "Trebuchet MS";
	line-height: normal;
	width: 960px;
	color: #000000;
	margin: 20px 0px 0px;
	clear: both;
}