@import "reset.css";

body {
	text-align: center;
	color: #333;
	background-image: url(../img/bodybg.jpg);
	background-color: #f5f2ec;
	background-repeat: repeat-y;
	background-position:center;
	font-size: .9em;
	}

.footr {
font-family: Georgia!important;
font-size: .7em;
}

div#contain {
	position: relative;
	width: 780px;
	height: 696px;
	margin: 0 auto;
	background: #fff url(../img/home/homeBkgd2.jpg) 0 0 no-repeat;
	text-align: left;
	}

div#photo {
	position: absolute;
	top: 110px;
	left: 0;
	width: 780px;
	height: 520px;
	border-top: 1px solid #568;
	border-bottom: 1px solid #568;
	}

ul#nav {
	width: 780px;
	height: 53px;
	padding: 5px 0;
	background: transparent url(../img/home/white50.png);
	border-bottom: 1px solid #568;
	}

ul#nav li {
	float: left;
	}

ul#nav a {
	display: block;
	width: 258px;
	height: 53px;
	margin-right: 3px;
	background-image: url(../img/home/homeNav.png);
	background-repeat: no-repeat;
	text-indent: -9000px;
	}

ul#nav li#designNav a {
	background-position: 0 0;
	}

ul#nav li#designNav a:hover {
	background-position: 0 -55px;
	}

ul#nav li#craftNav a {
	background-position: -261px 0;
	}

ul#nav li#craftNav a:hover {
	background-position: -261px -55px;
	}

ul#nav li#collectNav a {
	position: relative;
	left: 1px;
	margin-right: 0;
	background-position: -522px 0;
	}

ul#nav li#collectNav a:hover {
	background-position: -522px -55px;
	}
	
ul#util {
	position: absolute;
	top: 20px;
	left: 550px;
	}

ul#util li {
	float: left;
	margin: 0 19px 0 0;
	}

ul#util a {
	font-family: tahoma, verdana, sans serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .1em;
	line-height: 1.6;
	color: #333;
	}

h1 {display: none;}