@import "reset.css"; body { background: url(../images/body_bg.jpg) top left repeat-x #ffffff; margin: 0; padding: 0; } #header { height: 112px; margin: 0 auto; padding: 0 12px 0 0; position: relative; width: 832px; } #brand { background: url(../images/brand.png) top left no-repeat; display: block; height: 179px; left: 0; overflow: hidden; position: absolute; text-indent: -1000px; top: 0; width: 311px; } #hours { background: url(../images/hours.jpg) top left no-repeat; float: right; height: 88px; overflow: hidden; text-indent: -10000px; width: 206px; } #address { background: url(../images/address.jpg) top left no-repeat; float: right; height: 87px; margin: 0 79px 0 0; overflow: hidden; text-indent: -10000px; width: 228px; } #navigation_wrapper { clear: both; margin: 0 auto; padding: 25px 0 0 0; width: 844px; } #navigation { background: url(../images/nav.jpg) top left no-repeat; float: right; height: 31px; width: 515px; } #navigation li { display: block; float: left; height: 31px; padding: 0 12px 0 11px; width: 80px; } #navigation li a { display: block; height: 31px; overflow: hidden; padding: 0; text-indent: -1000px; width: 80px; } #navigation li #nav_store-info { background: url(../images/nav.jpg) -11px 0 no-repeat; } #navigation li #nav_store-info:hover { background: url(../images/nav.jpg) -11px -31px no-repeat; } #navigation li#li_active #nav_store-info { background: url(../images/nav.jpg) -11px -31px no-repeat; } #navigation li #nav_yarns { background: url(../images/nav.jpg) -114px 0 no-repeat; } #navigation li #nav_yarns:hover { background: url(../images/nav.jpg) -114px -31px no-repeat; } #navigation li#li_active #nav_yarns { background: url(../images/nav.jpg) -114px -31px no-repeat; } #navigation li #nav_classes { background: url(../images/nav.jpg) -217px 0 no-repeat; } #navigation li #nav_classes:hover { background: url(../images/nav.jpg) -217px -31px no-repeat; } #navigation li#li_active #nav_classes { background: url(../images/nav.jpg) -217px -31px no-repeat; } #navigation li #nav_blog { background: url(../images/nav.jpg) -320px 0 no-repeat; } #navigation li #nav_blog:hover { background: url(../images/nav.jpg) -320px -31px no-repeat; } #navigation li#li_active #nav_blog { background: url(../images/nav.jpg) -320px -31px no-repeat; } #navigation li #nav_contact { background: url(../images/nav.jpg) -423px 0 no-repeat; } #navigation li #nav_contact:hover { background: url(../images/nav.jpg) -423px -31px no-repeat; } #navigation li#li_active #nav_contact { background: url(../images/nav.jpg) -423px -31px no-repeat; } #maincontent_wrapper { clear: both; margin: 0 auto; padding: 50px 0 0 0; width: 844px; } #sidebar { background: url(../images/sidebar_bg.jpg) top left repeat-y; float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 1.8em; margin: 0; padding: 0 12px; width: 207px; } #sidebar h2 { background: #42B2DA; color: #ffffff; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; padding: 8px 0 6px 10px; text-align: left; width: 197px; } #sidebar_news ul { display: block; padding: 10px; } #sidebar_news ul li { font-size: 10px; } #sidebar_news ul li a { color: #b11133; } #sidebar_news a.more { color: #a3b887; display: block; padding: 0 10px 10px 10px; } #sidebar_shop strong { color: #6dabc2; display: block; margin: 10px 0; padding: 0 10px; } #sidebar_directions p { color: #6a7957; padding: 10px; } #sidebar_directions p a { color: #6a7957; display: block; font-weight: bold; text-align: center; } #sidebar_directions p a#map { text-align: left; } #sidebar_bottom { background: url(../images/sidebar_bottom.jpg) top left no-repeat; clear: right; display: block; float: right; height: 11px; padding: 0 20px 0 12px; width: 199px; } #maincontent { color: #575757; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0; padding: 0 0 0 63px; text-align: left; width: 473px; } #maincontent h1 { color: #328cad; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 22px; line-height: 22px; margin: 0 0 1em 0; padding: 0; text-align: left; } #maincontent h2 { color: #333333; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 18px; line-height: 18px; margin: 0 0 1em 0; padding: 0; text-align: left; } #maincontent p { line-height: 1.6em; margin: 0 0 1.6em 0; } #maincontent strong { color: #b11133; } #maincontent a { border-bottom: 1px dotted #FD1248; color: #FD1248; } #maincontent a:hover { border-bottom: none; } #maincontent ul { margin: 0 0 1.2em 12px; } #maincontent ul li { background: url(../images/bull.jpg) 0 .2em no-repeat; color: #4F4040; line-height: 1.2em; margin: 0 0 .6em 0; padding: 0 0 0 12px; } #maincontent form { width: 290px; } #maincontent fieldset { width: 290px; } #form_holder { border-bottom: 1px dashed #979797; margin: 0 0 24px 0; padding: 0 0 16px 0; } #maincontent table { width: 290px; } #maincontent label { color: #1B738B; float: right; } #maincontent td.first { padding: 3px 6px 3px 3px; } #maincontent input.text { background: url(../images/input_bg.jpg) 0 100% repeat-x #B0DEED; border: 1px solid #1B738B; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 3px 4px; width: 150px; } #maincontent input.submit { margin: 3px 0 0 0; } #maincontent td { padding: 3px } #maincontent ul#hm_images { height: 136px; margin: 0; padding: 0 0 1.6em 0; } #maincontent ul#hm_images li { background: none; float: left; margin: 0 5px 0 0; padding: 0; } #footer { background: url(../images/footer_bg.jpg) center 25px no-repeat; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;; margin: 0 auto; min-height: 50px; padding: 50px 0 0 0; text-align: center; width: 844px } #footer ul { display: inline; } #footer ul li { color: #99c2d1; display: inline; padding: 0 .25em; } #footer ul li a { color: #688590 } #footer p { color: #b7b7b7; line-height: 2em; padding: 1em 0 0 0; } .clearfix { clear: both; } .right { display: block; float: right; margin: 0 0 10px 10px } * html #brand { behavior: url(iepngfix.htc); }