/* head */


body, html {
	font-family: "courier new", arial, sans-serif;
	color: #333;
}

#main {
	margin: 0 auto;
	width: 710px;
}

#logo {
	float: left;
	width: 707px;
	height: 78px;
	margin: 35px 0 0 0;
	text-align: center;
}

#logo a {
	border-bottom: none;
}

#introduction {
	width: 686px;
	float: left;
	margin: 0 7px 20px 7px;
}

#footer {
	width: 686px;
	float: left;
	border-top: 1px solid #f3f3f3;
	margin: 0 7px 0 7px;
}

#footer p {
	margin: 10px 0 40px 0;
	font-size: 10px;
	text-align: center;
}



/* menu */


#menu {
	float: left;
	width: 707px;
	height: 28px;
	margin-bottom: 30px;
}

	#menu ul {
		float: left;
		height: 28px;
}

		#menu li {
			float: left;
			height: 28px;
			width: 161px;
			margin: 0 7px 0 7px;
			font-family: georgia;
			font-size: 16px;
			color: #ccc;
}

		#menu #active {
			color: #000;
}

		#menu #active a{
			color: #000;
}

			#menu li a {
				height: 28px;
				display: block;
				text-align: left;
				color: #ccc;
				border-bottom: 1px solid;
				text-decoration: none;
}

				#menu li a:hover {
				color: #000;
				text-decoration: none;
}


/* collection */

#fbicon	{
	position: relative;
	top:4px;
	margin-right:5px;
	margin-left:2px;
}


#collection {
	float: left;
	width: 707px;
	margin-top: 2px;
	margin-bottom: 22px;
}

	#collection ul {
		float: left;
}

		#collection li {
			float: left;
			height: 254px;
			width: 159px;
			margin: 0 7px 22px 7px;
}

		#collection li p {
			text-align: center;
			margin-top: 6px;
			font-size: 13px;
			font-family: georgia;
			font-style: italic;
}

			#collection li a {
				display: block;
				width: 159px;
				padding-top:0px;
				border-bottom: none;
				border: 1px solid #f3f3f3;
				text-decoration: none;
}

				#collection li a:hover {
				color: #000;	
				border: 1px solid #ccc;
				text-decoration: none;
}


/* sub page */


.image {
	float: left;
	width: 686px;
	height: 300px;
	margin-bottom: 22px;
	margin-top: 10px;
	background-color: #ccc;
}

#left-column {
	float: left;
	width: 330px;
	margin-right: 24px;
}

#right-column {
	float: left;
	width: 330px;
}


/* store locator */


	ul.stores {
		float: left;
}

		ul.stores li {
			width: 330px;
			padding:0;
			margin-bottom: 10px;
			border-bottom: 1px dotted #ccc;
}

		ul.stores li.last {
			width: 330px;
			padding:0;
			margin-bottom: 40px;
			border-bottom: none; 
}

		ul.stores li p {
			font-size: 11px;
			margin-bottom: 8px;
}