@charset "UTF-8";
/* CSS Document */

/* RESET */
html, body {
	padding: 0;
	margin: 0;
	}
html {
	font-size: 1em;
	}
body {
	font-size: 100%;
	}
a img, :link img, :visited img {
	border: 0;
	}
ul, ul li {margin: 0; padding: 0; list-style: none}
/* STYLES */
html {overflow-x: hidden;}
body {background: none; font-family: "Crimson Text", Times, serif;}
#floor {background: none; height: 450px; position: absolute; top: 440px; right: 0; left: 0; z-index: -5;}
.maincontent {background: url(assets/img/yarn_pile_trans.png) no-repeat 140px 0px; height: 820px; width: 1300px; padding: 10px 0 0 0; margin: 10px 0 0 60px;}
p {line-height: 1.3; color: #282828;}
h2 {font-size: 130%; font-weight: normal; margin: 0 0 10px 0; text-shadow: #EFD0CE 0px 0px 2px;}
h3 {font-size: 100%; color: #B26E67; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
#home .maincontent {padding: 10px 0 0 0;}
span.dropcap {font-size: 260%; float: left; display: block; line-height: .8; padding: 4px 4px 0 0; text-shadow: #EFD0CE 0px 0px 2px;}
.leftcontent {width: 520px; margin-top: -6px;}
#sub h1 {display: block; height: 0; padding-top: 90px; width: 300px; overflow: hidden; margin: 0;}
#home h1 {display: block; height: 0; padding-top: 160px; width: 450px; background:  url(assets/img/lila_logo.png) no-repeat; overflow: hidden;}
.frame {background: url(assets/img/frame.png) no-repeat; margin: 10px 0 0 0; padding: 15px; width: 400px; height: 400px;}
#hours {width: 250px; height: 110px; background: url(assets/img/store_hours.png) no-repeat; position: absolute; right: 60px; top: 445px; padding: 55px 20px 25px 25px; font-size: 80%;}
#hours ul {width: 110px; float: left;}
span.hours_day {width: 18px; padding-right: 8px; font-weight: bold; display: block; float: left; text-align: right;}

/* NAVIGATION */
#nav {height: 50px; width: 100%; background: url(assets/img/nav_bkg.jpg) repeat-x top;}
#nav ul {margin-left: 60px; width: 550px;}
#nav ul li {float: left; height: 50px;}
#nav ul li a {display: block; background: url(assets/img/nav_sprite.png); height: 0; padding: 50px 0 0 0; overflow: hidden;}
#nav ul li#nav1 a {width: 49px;}
#nav ul li#nav2 a {width: 72px; background-position: -49px 0px;}
#nav ul li#nav3 a {width: 114px; background-position: -121px 0px;}
#nav ul li#nav4 a {width: 150px; background-position: -235px 0px;}
#nav ul li#nav5 a {width: 90px; background-position: -385px 0px;}
#nav ul li#nav6 a {width: 64px; background-position: -475px 0px;}
#nav ul li#nav1 a:hover {width: 49px; background-position: 0 -50px;}
#nav ul li#nav2 a:hover, #nav ul li#nav2 a.active {width: 72px; background-position: -49px -50px;}
#nav ul li#nav3 a:hover,#nav ul li#nav3 a.active {width: 114px; background-position: -121px -50px;}
#nav ul li#nav4 a:hover, #nav ul li#nav4 a.active {width: 150px; background-position: -235px -50px;}
#nav ul li#nav5 a:hover, #nav ul li#nav5 a.active {width: 90px; background-position: -385px -50px;}
#nav ul li#nav6 a:hover, #nav ul li#nav6 a.active {width: 64px; background-position: -475px -50px;}

#subnav a {background: #DE9690; color: #fff; padding: 1px 8px; border-bottom: none; margin-left: 6px; -webkit-border-radius: 3px;}
#subnav a:hover {background: #d28781;}
#subnav a.active {background: #d28781; text-shadow:  #904a44 0px 0px 2px;}

a#facebook {height: 21px; width: 20px; display: block; background: url(assets/img/facebook_sprite.jpg) 0px -21px;  position: absolute; top: 2px; right: 2px;}
a:hover#facebook {background-position: 0px 0px;}
a#twitter {height: 21px; width: 20px; display: block; background: url(assets/img/twitter_sprite.jpg) 0px -21px; position: absolute; top: 2px; right: 24px;}
a:hover#twitter {background-position: 0px 0px;}
a#rss {height: 21px; width: 20px; display: block; background: url(assets/img/rss_sprite.jpg) 0px -21px; float: right; margin: 2px 2px 0 0;}
a:hover#rss {background-position: 0px 0px;}

.maincontent a, #hours a {color: #282828; text-decoration: none; border-bottom: dotted 1px #282828;}
.maincontent a:visited, #hours a:visited {color: #282828;}
.maincontent a:hover, #hours a:hover {border-bottom: solid 1px #000;}
.photolist li {width: 110px; height: 75px; overflow: hidden; position: relative; float: left; margin: 0 10px 10px 0;}
.photolist li img {position: absolute; top: 0;}

img.preload {display: none;}

@media screen and (min-width: 1000px)
{
	html {overflow: hidden;}
}