/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
	.directions {
		margin-top: 10px;
	}
	
	.picture {
		background-image: url("../images/yarn.jpg");
		border: 1px solid #c7c7c7;
 	 	background-color: #f7f7f7;
 	 	margin-left: 22px;
		padding: 0px 0px 0px 0px;
		height: 320px;
	}

 	.container {
 		background-color: #fff;

 	}

 	.container h3 {
 		font-family: 'Lato', sans-serif;
 		font-weight: 900;
 		font-size: 35px;

 	}

 	.about p {
 		font-family: 'Lato', sans-serif;
 		font-weight: 300;
 		font-size: 16px;
 	}

 	#map p, #stair p, #ebay p, #coir > p, #sisal > p, #seagrass > p, #runner p, #edge p  {
 		font-family: 'Lato', sans-serif;
 		font-weight: 700;
 		font-size: 20px;

 	}

 	#header {
 		margin-top: 10px;
 		margin-bottom: 10px;
 		height: 260px;
 		border: 1px solid #c7c7c7;
 		line-height: 260px; /* or whatever you want, should match height */
  		text-align: center;
  		background-image: url("../images/headerbg.jpg");
 	}

 	#header > img {
 		vertical-align: middle;
 	}

 	#logosmall{
		display:none;
		vertical-align: middle;
 	}

 	#navleft {
 		display: inline-block;
   		width: 21px;
   		height: 59px;
   		line-height: 43px;
   		margin-right: -4px;
   	}

   	#navright {
 		display: inline-block;
   		width: 21px;
   		height: 59px;
   		line-height: 43px;
   		margin-left: -4px;
   		-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
   	}

   	#nav {
   		height: 59px;
   		width: 1002px;
   		margin: 0 auto;
   	}

 	#nav li {
	 	display: inline;
		list-style-type: none;
		padding-right: 20px;

	}

	#nav ul {
		vertical-align:top;
		margin:0;
		background-repeat: repeat-x;
		background-image: url("../images/navbg.png");
		height:59px;
		width: 960px;
		text-align: center;
		line-height: 43px;
		display: inline-block;
	}

	#nav a {
		font-size: 20px;
		color: #c0c0c0;
		text-decoration: none;
		text-shadow: -1px -1px 2px rgba(0, 0, 0, 1);
		font-family: 'Lato', sans-serif;
 		font-weight: 700;
	}

	#nav a:visited  {
		color: #c0c0c0;
		
	}
	
	#nav a:hover {
		color: #ffffff;
		
	}

	#nav a:active {
		color: #e2e2e2;
		
	}

	#menu-icon {

	display: hidden;
	width: 40px;
	height: 40px;
	background: #4C8FEC url(../images/menu-icon.png) center;

	}

	a:hover#menu-icon {

	background-color: #444;
	border-radius: 4px 4px 0 0;

	}


 	#coirbg > a, #sisalbg > a, #seagrassbg > a {
 		text-decoration: none;

 	}

 	#binding div, #size div {
 		padding-top:60px;
 	}

 	#size div > input {
 		width: 45px;
 		display: inline-block;
 	}

 	#footer {
 		text-align: center;
 	}

 	#footer hr {
 		margin-top: 20px;
 		margin-bottom: 20px;
 	}


 	#price {
 		margin-top: 20px;
 		margin-bottom: 20px;
 		font-size: 30px;
 	}

 	#price p {
 		margin:10px auto;
 		width: 50%;
 	}

 	#val {

 	}

 	#cotton {
 		width: 856px;
 		height: 121px;
 		margin-left: 55px;
 		background-image: url("../images/cotton.jpg");
 	}

/* #Coir */

 	#coir {
 		padding: 0 15px;
 		border: 1px solid #c7c7c7;
 		height: 298px;
 		-webkit-transition: background 100ms ease-in;
		-moz-transition: background 100ms ease-in;
        -ms-transition: background 100ms ease-in;
        -o-transition: background 100ms ease-in;
		transition: background 100ms ease-in;

 	}

 	#coir:hover {
 		background-color: rgba(1, 1, 1, 0.7);
 	}

 	#coir:hover p {
 		visibility: visible;

 	}

 	#coir p {
 		visibility: hidden;
		color: #fff;
		margin-top: 15px;
 	}

 	 #coir h3 {
 	 	position: relative;
		color: #fff;
		top: 110px;
 	}

 	#coirbg {
 		background-image: url("../images/Roger_Oates_Cluny_Denim_rug.jpg");
 		-webkit-user-select: none;

 	}


 /* #Sisal */

 	#sisal {
 		padding: 0 15px;
 		border: 1px solid #c7c7c7;
 		height: 298px;
 		-webkit-transition: background 100ms ease-in;
		-moz-transition: background 100ms ease-in;
        -ms-transition: background 100ms ease-in;
        -o-transition: background 100ms ease-in;
		transition: background 100ms ease-in;

 	}

 	#sisal:hover {
 		background-color: rgba(1, 1, 1, 0.7);
 	}

 	#sisal:hover p {
 		visibility: visible;

 	}

 	#sisal p {
 		visibility: hidden;
		color: #fff;
		margin-top: 15px;
 	}

 	 #sisal h3 {
 	 	position: relative;
		color: #fff;
		top: 77px;
 	}

 	#sisalbg {
 		background-image: url("../images/Roger_Oates_Chatham_Fern_rug.jpg");
 		-webkit-user-select: none;

 	}

 /* #Seagrass */

 	#seagrass {
 		padding: 0 15px;
 		border: 1px solid #c7c7c7;
 		height: 298px;
 		-webkit-transition: background 100ms ease-in;
		-moz-transition: background 100ms ease-in;
        -ms-transition: background 100ms ease-in;
        -o-transition: background 100ms ease-in;
		transition: background 100ms ease-in;

 	}

 	#seagrass:hover {
 		background-color: rgba(1, 1, 1, 0.7);
 	}

 	#seagrass:hover p {
 		visibility: visible;

 	}

 	#seagrass p {
 		visibility: hidden;
		color: #fff;
		margin-top: 15px;
 	}

 	 #seagrass h3 {
 	 	position: relative;
		color: #fff;
		top: 90px;
 	}

 	#seagrassbg {
 		background-image: url("../images/Roger_Oates_Masai Oatmeal_rug.jpg");
 		-webkit-user-select: none;
 	}

 	 /* #creator */

 	 .creator {
 	 	height: 400px;
 	 	background-repeat: no-repeat;


 	 }

 	 .creator > img {
 	 	height: 400px;
 	 	width: 460px;
 	 }

 	 .creator > h3 {
 	 	position: relative;
		color: #fff;
		top: 350px;
		left: 310px;
 	 }

 	 .option {
 	 	margin-bottom: 10px;
 	 }

 	 #binding {
		margin-top: 20px;

 	 }

 	 .option > h3 {
 	 	display: inline-block;
 	 	background-image: url("../images/option.png");
 	 	background-repeat: no-repeat;
 	 	height: 60px;
 	 	width: 375px;
 	 	margin-top: 7px;
 	 	font-size: 16px;
		color: #c0c0c0;
		text-decoration: none;
		text-shadow: -1px -1px 2px rgba(0, 0, 0, 1);
		font-family: 'Lato', sans-serif;
 		font-weight: 700;
 		padding-left:10px;


 	 }

	.option > div {
 	 	border: 1px solid #c7c7c7;
 	 	background-color: #f7f7f7;
 	 	margin-top: -75px;
 	 	margin-left: 22px;
		padding: 55px 15px 15px 15px;
 	 }

 	/* binding types */

 	[data-selection=pinec] {
 		background-image: url("../images/bind/pinec.png");
 	}

 	[data-selection=hayc] {
 		background-image: url("../images/bind/hayc.png");
 	}

 	[data-selection=otterc] {
 		background-image: url("../images/bind/otterc.png");
 	}

 	[data-selection=donkeyc] {
 		background-image: url("../images/bind/donkeyc.png");
 	}

 	[data-selection=bayc] {
 		background-image: url("../images/bind/bayc.png");
 	}

 	[data-selection=cocoac] {
 		background-image: url("../images/bind/cocoac.png");
 	}

 	[data-selection=duckeggc] {
 		background-image: url("../images/bind/duckeggc.png");
 	}

 	[data-selection=dormousec] {
 		background-image: url("../images/bind/dormousec.png");
 	}

 	[data-selection=lichenc] {
 		background-image: url("../images/bind/lichenc.png");
 	}

 	[data-selection=ivyc] {
 		background-image: url("../images/bind/ivyc.png");
 	}

 	[data-selection=charcoalc] {
 		background-image: url("../images/bind/charcoalc.png");
 	}

 	[data-selection=midnightc] {
 		background-image: url("../images/bind/midnightc.png");
 	}

 	[data-selection=ravenc] {
 		background-image: url("../images/bind/ravenc.png");
 	}

 	[data-selection=terracottac] {
 		background-image: url("../images/bind/terracottac.png");
 	}

 	[data-selection=cherryc] {
 		background-image: url("../images/bind/cherryc.png");
 	}

 	[data-selection=jute] {
 		background-image: url("../images/bind/jute.png");
 	}

 	/* leathers */

 	[data-selection=oatmeal] {
 		background-image: url("../images/bind/oatmeal.png");
 	}

 	[data-selection=highland] {
 		background-image: url("../images/bind/highland.png");
 	}

 	[data-selection=nutmeg] {
 		background-image: url("../images/bind/nutmeg.png");
 	}

 	[data-selection=black] {
 		background-image: url("../images/bind/black.png");
 	}

 	[data-selection=grouse] {
 		background-image: url("../images/bind/grouse.png");
 	}

 	 /*contact */

 	  #runner {
 	 	
 	 	height: 400px;
 	 	background-image: url("../images/runner.jpg");


 	 }

 	 #edge {
 	 	height: 400px;
 	 	background-image: url("../images/edge.jpg");
 	 }

 	 #edge2 {
 	 	height: 400px;
 	 	background-image: url("../images/edge2.jpg");
 	 	margin-top: 10px;
 	 }

 	 #edge3 {
 	 	height: 400px;
 	 	background-image: url("../images/edge3.jpg");
 	 	margin-top: 10px;
 	 }

 	  #map {
 	 	
 	 	height: 400px;
 	 	background-image: url("../images/map.jpg");


 	 }

 	 #maphover > h3 {
 	 	position: relative;
		color: #fff;
		top: 295px;
		left: 220px;
 	 }

 	 #maphover {

 		padding: 0 15px;
 		height: 398px;
 		border: 1px solid #c7c7c7;
 		-webkit-transition: background 100ms ease-in;
		-moz-transition: background 100ms ease-in;
        -ms-transition: background 100ms ease-in;
        -o-transition: background 100ms ease-in;
		transition: background 100ms ease-in;

 	}

 	#maphover:hover {
 		background-color: rgba(1, 1, 1, 0.7);
 	}

 	#maphover:hover p {
 		visibility: visible;

 	}

 	#maphover p {
 		visibility: hidden;
 		color: #fff;
		margin-top: 15px;
		text-decoration: none;

 	}
	 #map > a, #runner > a, #edge > a, #edge2 > a, #edge3 > a {
 		text-decoration: none;

 	}

 	 	 /*index */

 	 #ebay {
 	 	margin-top: 20px;
 	 	height: 200px;
 	 	background-image: url("../images/ebay.jpg");


 	 }

 	 #ebayhover > h3 {
 	 	position: relative;
		color: #fff;
		top: 80px;
		left: 135px;
 	 }

 	 #ebayhover {
 		padding: 0 15px;
 		height: 198px;
 		border: 1px solid #c7c7c7;
 		-webkit-transition: background 100ms ease-in;
		-moz-transition: background 100ms ease-in;
        -ms-transition: background 100ms ease-in;
        -o-transition: background 100ms ease-in;
		transition: background 100ms ease-in;

 	}

 	#ebayhover:hover {
 		background-color: rgba(1, 1, 1, 0.7);
 	}

 	#ebayhover:hover p {
 		visibility: visible;

 	}

 	#ebayhover p {
 		visibility: hidden;
 		color: #fff;
		margin-top: 15px;
		text-decoration: none;

 	}
	 #ebay > a {
 		text-decoration: none;

 	}

 	 #stair {
 	 	
 	 	height: 400px;
 	 	background-image: url("../images/Roger_Oates_Cluny_Denim.jpg");


 	 }

 	 #stairhover > h3 {
 	 	position: relative;
		color: #fff;
		top: 350px;
		left: 95px;
 	 }

 	 #stairhover {
 		padding: 0 15px;
 		height: 398px;
 		border: 1px solid #c7c7c7;
 		-webkit-transition: background 100ms ease-in;
		-moz-transition: background 100ms ease-in;
        -ms-transition: background 100ms ease-in;
        -o-transition: background 100ms ease-in;
		transition: background 100ms ease-in;

 	}

 	#stairhover:hover {
 		background-color: rgba(1, 1, 1, 0.7);
 	}

 	#stairhover:hover p {
 		visibility: visible;

 	}

 	#stairhover p {
 		visibility: hidden;
 		color: #fff;
		margin-top: 15px;
		text-decoration: none;

 	}
	 #stair > a {
 		text-decoration: none;

 	}

 	#address p {
 		margin:0;
 	}

 	#email label {
 		margin-bottom: 2px;
 	}

 	.pana {
 		background-image: url("../images/pana.jpg");
 		background-repeat: no-repeat;
 		margin-top: 20px;
 	}

 	.seac {
 		background-image: url("../images/sea.jpg");
 		background-repeat: no-repeat;
 		margin-top: 20px;
 	}

 	.herr {
 		background-image: url("../images/herr.jpg");
 		background-repeat: no-repeat;
 		margin-top: 20px;
 	}

 	.none {
 		background-repeat: no-repeat;
 		margin-top: 20px;
 	}
	 


/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1002px) {



		#cotton {
		 		width: 650px;
		 		height: 92px;
		 		margin-left: 60px;
		 		background-image: url("../images/cotton2.jpg");
		 	}

		#coir h3 {
 	 	position: relative;
		color: #fff;
		top: 70px;
		}

		#sisal h3 {
 	 	position: relative;
		color: #fff;
		top: 37px;
		}

		#seagrass h3 {
 	 	position: relative;
		color: #fff;
		top: 50px;
 		}

 		#navleft {
 		display: inline-block;
   		width: 21px;
   		height: 59px;
   		line-height: 43px;
   		margin-right: -4px;
   		}

   		#navright {
 		display: inline-block;
   		width: 21px;
   		height: 59px;
   		line-height: 43px;
   		margin-left: -4px;
   		-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
   		}

   		#nav {
   		height: 59px;
   		width: 810px;
   		margin: 0 auto;
   		}

   		#nav li {
	 	display: inline;
		list-style-type: none;
		padding-right: 20px;

		}

		#nav ul {
		vertical-align:top;
		margin:0;
		background-repeat: repeat-x;
		background-image: url("../images/navbg.png");
		height:59px;
		width: 768px;
		text-align: center;
		line-height: 43px;
		display: inline-block;
		}

		#maphover > h3 {
 	 	position: relative;
		top: 275px;
		left: 125px;
 	 	}

 	 	#ebayhover > h3 {
 	 	position: relative;
		color: #fff;
		top: 58px;
		left: 65px;
 		}

 		#stairhover > h3 {
 	 	position: relative;
		color: #fff;
		top: 350px;
		left: 22px;
 	 }

 	 	#stair {
 	 		margin-top: 10px;
 	 	}

 	 	#ebay {
 	 		margin-top: 10px;
 	 	}
	}

	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 810px) {

		#cotton {
		 		width: 600px;
		 		height: 121px;
		 		margin-left: 55px;
		 		background-image: url("../images/cotton2.jpg");
		 	}

		#coir h3 {
 	 	position: relative;
		color: #fff;
		top: 130px;
		}

		#sisal h3 {
 	 	position: relative;
		color: #fff;
		top: 130px;
		}

		#seagrass h3 {
 	 	position: relative;
		color: #fff;
		top: 130px;
 		}

 		#coirbg {
 		background-image: url("../images/Roger_Oates_Cluny_Denim_rug_wide.jpg");
 		margin-top: 10px;
		}

		#sisalbg {
 		background-image: url("../images/Roger_Oates_Chatham_Fern_rug_wide.jpg");
 		margin-top: 10px;
		}

		#seagrassbg {
 		background-image: url("../images/Roger_Oates_Masai Oatmeal_rug_wide.jpg");
 		margin-top: 10px;
		}

		#stair {
 	 	background-image: url("../images/Roger_Oates_Cluny_Denim_wide.jpg");
		}

		#ebay {
 	 	background-image: url("../images/ebaywide.jpg");
		}

		#navleft {
 		display: inline-block;
   		width: 21px;
   		height: 59px;
   		line-height: 43px;
   		margin-right: -4px;
   		}

   		#navright {
 		display: inline-block;
   		width: 21px;
   		height: 59px;
   		line-height: 43px;
   		margin-left: -4px;
   		-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
   		}

   		#nav {
   		height: 59px;
   		width: 462px;
   		margin: 0 auto;
   		}

   		#nav li {
	 	display: inline;
		list-style-type: none;
		padding-right: 20px;

		}

		#nav ul {
		vertical-align:top;
		margin:0;
		background-repeat: repeat-x;
		background-image: url("../images/navbg.png");
		height:59px;
		width: 420px;
		text-align: center;
		line-height: 43px;
		display: inline-block;
		}

		#menu-icon {
		display:inline;
		}

		.option > div {
 	 	margin-top: -75px;
 	 	margin-left: 22px;
 	 	margin-right: 22px;
	 	 }

	 	 #ebayhover > h3 {
	 	 	position: relative;
			color: #fff;
			top: 80px;
			left: 215px;
	 	 }

	 	#stairhover > h3 {
 	 	position: relative;
		color: #fff;
		top: 350px;
		left: 165px;
 	 	}
	}


	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 479px) and (max-width: 810px) {

		#cotton {
		 		width: 400px;
		 		height: 52px;
		 		margin-left: 10px;
		 		margin-top: 10px;
		 		background-image: url("../images/cotton3.jpg");
		 	}

		#coir h3 {
 	 	position: relative;
		color: #fff;
		top: 130px;
		}

		#sisal h3 {
 	 	position: relative;
		color: #fff;
		top: 130px;
		}

		#seagrass h3 {
 	 	position: relative;
		color: #fff;
		top: 130px;
 		}

 		#coirbg {
 		background-image: url("../images/Roger_Oates_Cluny_Denim_rug_wide.jpg");
 		margin-top: -8px;
		}

		#sisalbg {
 		background-image: url("../images/Roger_Oates_Chatham_Fern_rug_wide.jpg");
 		margin-top: 10px;
		}

		#seagrassbg {
 		background-image: url("../images/Roger_Oates_Masai Oatmeal_rug_wide.jpg");
 		margin-top: 10px;
		}

		#navleft {
 		display: inline-block;
   		width: 21px;
   		height: 59px;
   		line-height: 43px;
   		margin-right: -4px;
   		}

   		#navright {
 		display: inline-block;
   		width: 21px;
   		height: 59px;
   		line-height: 43px;
   		margin-left: -4px;
   		-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
   		}

   		#nav {
   		height: 59px;
   		width: 462px;
   		margin: 0 auto;
   		}

   		#nav li {
	 	display: inline;
		list-style-type: none;
		padding-right: 10px;

		}

		#nav ul {
		vertical-align:top;
		margin:0;
		background-repeat: repeat-x;
		background-image: url("../images/navbg.png");
		height:59px;
		width: 420px;
		text-align: center;
		line-height: 38px;
		display: inline-block;
		}

		#nav a {
		font-size: 14px;
		color: #c0c0c0;
		text-decoration: none;
		text-shadow: -1px -1px 2px rgba(0, 0, 0, 1);
		font-family: 'Lato', sans-serif;
 		font-weight: normal;
		}

		#header {
 		margin-top: 0px;
 		
 		}

		#maphover > h3 {
 	 	position: relative;
		top: 125px;
		left: 175px;
 	 	}

 	 	#map {
 	 	height: 230px;
 	 	background-image: url("../images/mapsmall.jpg");
		}

		#runner {
 	 	height: 230px;
 	 	background-image: url("../images/runnersmall.jpg");
		}

		#edge {
 	 	height: 230px;
 	 	background-image: url("../images/edgesmall.jpg");
 		}

 		#edge3 {
 	 	height: 230px;
 	 	background-image: url("../images/edge3small.jpg");
 		}

		#maphover {
 		height: 228px;
 		}

 		.picture {
		background-image: url("../images/yarn.jpg");
		border: 1px solid #c7c7c7;
 	 	background-color: #f7f7f7;
 	 	margin-left: 22px;
 	 	margin-bottom: 10px;
		padding: 0px 0px 0px 0px;
		height: 320px;
		width: 375px;
		}



 		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 478px) {

		#cotton {
		 		width: 280px;
		 		height: 40px;
		 		margin-left: 10px;
		 		margin-top: 10px;
		 		background-image: url("../images/cotton4.jpg");
		 	}

		#logosmall{
			display:inline-block;
			vertical-align: middle;
			margin-top: -100px;
 		}	

 		#logo{
 			display: none;
 		}

		#coir h3 {
 	 	position: relative;
		color: #fff;
		top: 110px;
		}

		#sisal h3 {
 	 	position: relative;
		color: #fff;
		top: 55px;
		}

		#seagrass h3 {
 	 	position: relative;
		color: #fff;
		top: 90px;
 		}

		#coirbg {
 		background-image: url("../images/Roger_Oates_Cluny_Denim_rug.jpg");
 		margin-top: -5px;
 		}

		#sisalbg {
 		background-image: url("../images/Roger_Oates_Chatham_Fern_rug.jpg");
		}

		#seagrassbg {
 		background-image: url("../images/Roger_Oates_Masai Oatmeal_rug.jpg");
		}

		#navleft {
 		display: inline-block;
   		width: 21px;
   		height: 59px;
   		line-height: 43px;
   		margin-right: -4px;
   		}

   		#navright {
 		display: inline-block;
   		width: 21px;
   		height: 59px;
   		line-height: 43px;
   		margin-left: -4px;
   		-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
   		}

   		#nav {
   		height: 59px;
   		width: 342px;
   		margin: 0 auto;
   		}

   		#nav li {
	 	display: inline;
		list-style-type: none;
		padding-right: 5px;

		}

		#nav ul {
		vertical-align:top;
		margin:0;
		background-repeat: repeat-x;
		background-image: url("../images/navbg.png");
		height:59px;
		max-width: 300px;
		min-width: 300px;
		text-align: center;
		line-height: 37px;
		display: inline-block;
		}

		#nav a {
		font-size: 10px;
		color: #c0c0c0;
		text-decoration: none;
		text-shadow: -1px -1px 2px rgba(0, 0, 0, 1);
		font-family: 'Lato', sans-serif;
 		font-weight: normal;
		}

		#header {
 		margin-top: 0px;
 		height: 150px;
 		
 		}

 		#maphover > h3 {
 	 	position: relative;
		top: 100px;
		left: 65px;
 	 	}

 	 	#map {
 	 	height: 230px;
 	 	background-image: url("../images/mapsmall.jpg");
		}

		#runner {
 	 	height: 230px;
 	 	background-image: url("../images/runnersmall.jpg");
		}

		#edge {
 	 	height: 230px;
 	 	background-image: url("../images/edgesmall.jpg");
 	 	}

 	 	#edge3 {
 	 	height: 230px;
 	 	background-image: url("../images/edge3small.jpg");
 	 	}

		#maphover {
 		height: 228px;
 		}

 		.option > h3 {
 	 	background-image: url("../images/optionsmall.png");
 	 	height: 60px;
 	 	width: 300px;
 	 	font-size: 13px;
		color: #c0c0c0;
		font-weight: normal;

 		 }

 		#ebayhover > h3 {
 	 	position: relative;
		color: #fff;
		top: 58px;
		left: 95px;
 		}

 		#stairhover > h3 {
 	 	position: relative;
		color: #fff;
		top: 350px;
		left: 52px;
 		 }

 		 .picture {
		background-image: url("../images/yarn.jpg");
		border: 1px solid #c7c7c7;
 	 	background-color: #f7f7f7;
 	 	margin-left: 22px;
 	 	margin-bottom: 10px;
		padding: 0px 0px 0px 0px;
		height: 320px;
		width: 255px;
		}

	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/