/* Structural */ 

body { margin: 0;  text-align: center; padding: 0; }

#page_wrap { position: relative; text-align: left; width: 965px; margin: 0 auto; }
#page_head { position: relative; }
#page_head h1 { position: absolute; display: block; bottom: 0; margin: 0; padding: 0; }
#page_head h1 span { position: absolute; left: -10000px; }
#page_body { }

#page_content { width: 100%; float: left; margin-right: -270px; }

#breadcrumb { margin: 0 290px 15px 60px; width: 615px; height: 25px; }
#breadcrumb .label { float: left; }
#breadcrumb .separator { float: left; margin-left: 10px; }
#breadcrumb .point { float: left; margin-left: 10px; }

#page_content div.content { clear: left; margin-left: 60px; margin-right: 290px; width: 615px; }

#page_sidebar { float: right; width: 270px; height: 430px; }
#page_sidebar div.content { margin-left: 10px; margin-top: 15px; width: 180px; }

#navbar { }
#navbar ul { display: block; height: 27px; margin: 0 0 0 30px; padding: 2px 0 0 0; width: 900px; }
#navbar li { display: block; height: 27px; margin: 0 20px; padding: 0; float: left; width: 180px; background: #eee; text-align: center; }
#navbar a { display: block; height: 27px; }
#navbar a span { position: absolute; left: -10000px; }

#subnav { position: absolute; top: 80px; right: 35px; }
#subnav ul { display: block; margin: 0; padding: 0; float: right; }
#subnav li { display: block; margin-left: 20px; padding-left: 15px; float: left; }

#sidebar_nav {  }
#sidebar_nav ul { margin: 0; padding-left: 20px; }
#sidebar_nav li { margin: 2px 0; }
#sidebar_nav li a { display: block; height: 20px; padding: 2px 5px; }
#sidebar_nav li a:hover,
#sidebar_nav li.selected { background: url('http://www.leathersolutions.com/images/sidebar_highlight.png'); }
#sidebar_nav li a:hover,
#sidebar_nav li.selected a { color: #000; text-decoration: none; }

#page_foot { clear: both; }
#page_foot div.content {  }

#view_cart a { display: block; }
#view_cart span { position: absolute; left: -10000px; }

#page_foot { padding-bottom: 45px; }

#footnav { clear: both; }
#footnav ul { margin: 0; padding: 0; }
#footnav li { margin: 0; padding: 0; list-style-type: none; display: inline; padding: 0 5px; }

#copyright { clear: both; position: absolute; left: 0; bottom: 35px; width: 100%; text-align: center; }
#by_line { clear: both; position: absolute; left: 0; bottom: 5px; width: 100%; text-align: center; }
#by_line a { color: #a95500; text-decoration: none; }

/* images */

body { background: #221F17 url('http://www.leathersolutions.com/images/body_bg.png') repeat-x; }

#page_wrap { background: url('http://www.leathersolutions.com/images/page_content_bg.png') repeat-y; }
#page_head { background: url('http://www.leathersolutions.com/images/header_bg.png') no-repeat; width: 965px; height: 350px; }

#page_head h1 { width: 965px; height: 350px; }
#page_head h1#header_home { background: url('http://www.leathersolutions.com/images/header_home.png') no-repeat bottom left; }
#page_head h1#header_about_us { background: url('http://www.leathersolutions.com/images/header_about_us.png') no-repeat bottom left; }
#page_head h1#header_locations { background: url('http://www.leathersolutions.com/images/header_locations.png') no-repeat bottom left; }
#page_head h1#header_contact_us { background: url('http://www.leathersolutions.com/images/header_contact_us.png') no-repeat bottom left; }
#page_head h1#header_products { background: url('http://www.leathersolutions.com/images/header_products.png') no-repeat bottom left; }
#page_head h1#header_services { background: url('http://www.leathersolutions.com/images/header_services.png') no-repeat bottom left; }
#page_head h1#header_before_and_after { background: url('http://www.leathersolutions.com/images/header_before_and_after.png') no-repeat bottom left; }
#page_head h1#header_leather_tips { background: url('http://www.leathersolutions.com/images/header_leather_tips.png') no-repeat bottom left; }

#page_body { background: url('http://www.leathersolutions.com/images/page_body_bg.png') no-repeat; }

#page_content {  }
#page_content div.content {  }

#page_sidebar { background: url('http://www.leathersolutions.com/images/sidebar_bg.png') no-repeat 0 50px; }

#navbar { background: url('http://www.leathersolutions.com/images/nav_bg.png') no-repeat;  height: 75px; }

#navbar li#nav_products { background: url('http://www.leathersolutions.com/images/nav_products.png') no-repeat top center; }
#navbar li#nav_services { background: url('http://www.leathersolutions.com/images/nav_services.png') no-repeat top center; }
#navbar li#nav_before_and_after { background: url('http://www.leathersolutions.com/images/nav_before_and_after.png') no-repeat top center; }
#navbar li#nav_leather_tips { background: url('http://www.leathersolutions.com/images/nav_leather_tips.png') no-repeat top center; }

#navbar li#nav_products a:hover, #navbar li#nav_products a.selected
    { background: url('http://www.leathersolutions.com/images/nav_products_highlight.png') no-repeat top center; }
#navbar li#nav_services a:hover, #navbar li#nav_services a.selected
    { background: url('http://www.leathersolutions.com/images/nav_services_highlight.png') no-repeat top center; }
#navbar li#nav_before_and_after a:hover, #navbar li#nav_before_and_after a.selected
    { background: url('http://www.leathersolutions.com/images/nav_before_and_after_highlight.png') no-repeat top center; }
#navbar li#nav_leather_tips a:hover, #navbar li#nav_leather_tips a.selected
    { background: url('http://www.leathersolutions.com/images/nav_leather_tips_highlight.png') no-repeat top center; }

#subnav li { background: url('http://www.leathersolutions.com/images/subnav_bg.png') no-repeat 0 3px; }

#page_content div.content h2 { background: url('http://www.leathersolutions.com/images/page_title_bg.png') no-repeat bottom left; }

#page_foot { background: url('http://www.leathersolutions.com/images/footer_bg.png') no-repeat bottom; height: 75px; }
#page_foot div.content {  }

#view_cart { width: 205px; height: 45px; }
#view_cart a { background: url('http://www.leathersolutions.com/images/view_cart.png') no-repeat; width: 205px; height: 45px; }
#view_cart a:hover { background: url('http://www.leathersolutions.com/images/view_cart_highlight.png') no-repeat; }

/* colors */

body {  }

#page_wrap {  }
#page_head {  }
#page_body {  }

#page_content {  }
#page_content div.content {  }

#page_sidebar {  }

#navbar {  }
#navbar li {  }

#subnav a, #subnav a:link, #subnav a:visited, #subnav a:active, #subnav a:hover { color: #333; }
#subnav a:hover { color: #c00; }

h2 { color: #8d2814; }
h3 { color: #27564a; }

#page_foot {  }
#page_foot div.content {  }

a, a:link, a:visited, a:active, a:hover { color: #c00; }

/* margins and padding */

body {  }
#page_wrap {   }
#page_head {  }
#page_body { padding-top: 15px; margin-bottom: 65px; }
#page_content {  }
#page_content div.content {  }
#page_sidebar {  }
#navbar ul { }
#navbar li { }
#page_content div.content h2 { padding-bottom: 12px; margin: 10px 0; }
#page_foot {  }
#page_foot div.content { padding-top: 18px; }

.sidebar-product-promo { margin-top: 40px; padding-top: 10px; }

/* text-treatment and other styles */

body { font-family: arial; font-size: 10pt; line-height: 150%; }

#page_wrap {  }
#page_head {  }
#page_body {  }
#page_content {  }

#breadcrumb { font-size: 8pt; }

#page_content div.content { text-align: left; }
#page_sidebar { text-align: left; }

.sidebar-product-promo { text-align: center; border-top: 1px solid #ccc; }

#navbar {  }
#navbar li { list-style-type: none; }

#subnav a, #subnav a:link, #subnav a:visited, #subnav a:active, #subnav a:hover
    { text-decoration: none; }
#subnav a:hover
    { text-decoration: underline; }

h2 { font-family: times new roman; font-size: 18pt; font-weight: normal; }
h3 { font-family: times new roman; font-size: 14pt; font-weight: normal; }
h4 { font-size: 11pt; }

#page_foot { text-align: center; font-size: 10pt; }
#page_foot div.content {  }

#copyright { font-size: 8pt; }
#by_line { font-size: 8pt; }

/* utility classes */

.img-replace { position: absolute; left: -10000px; }