/*It's All About The Bag Colors*/
/*brown #41311e*/
/*light brown #b7a47a*/
/*purple #6c3f78*/
/*	outline: 1px solid red;  */

* {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
}

body {
	font-family: "Trebuchet-MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #6c3f78;
}

div#wrapper {
	position: relative;
	width: 800px;
	margin: 0 auto;
}

/*bkgrd for "home" page*/
div#home {
	position: relative;
	width: 800px;
	height: 530px;
	margin: 0 auto;
	background: url(images/home.jpg) no-repeat;
}

/* bkgrd for "to order" page */
div#order {
	position: relative;
	width: 800px;
	height: 530px;
	margin: 0 auto;
	background: url(images/order.jpg) no-repeat;
}

/* bkgrd for "new stuff" page */
div#new {
	position: relative;
	width: 800px;
	height: 530px;
	margin: 0 auto;
	background: url(images/new.jpg) no-repeat;
}

/* nav */
ul.nav {
	margin: 			0;
	padding: 			0;
	overflow: 			hidden; /* contain the floating li */
	width: 				800px;
	height:				57px;
	background: 		#41311e;
	list-style: 		none; /* shorthand of list-style-type: none; */
}

ul.nav li {
	float: left;
}

ul.nav a {
	padding: 			0 50px;
	text-decoration: 	none;
	font-size: 			2em;
	font-weight:		bold;
	line-height: 		57px;
	text-align:			left;
	text-indent:		15px;
	color: 				#b7a47a;
	float: 				left;
	display: 			block;
	background: 		url("images/btns.png") 0 center no-repeat;
}

ul.nav a:hover , ul.nav a:focus {
	color: 				white;
}

/*sends copy off screen in order to use images with no text on main graphic*/
h1 {
	text-indent: -3000em;
}