/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
* { margin: 0; padding: 0; }
html,body { background: #fff; color: #333; }

body { 
   background: url(/images/bg_body.png) top center no-repeat; 
   text-align: center; 
   font-family: arial; 
   font-size: 12px; 
   line-height: 20px;
   min-width: 960px;
}
.sub { background: url(/images/bg_body_sub.png) top center no-repeat; }

a { color: #3f596a; }
img { border: none; }
.shoe a { line-height: normal; }

h1 a { 
   position: absolute; 
   top: 21px; 
   left: 14px; 
   display: block; 
   width: 378px; 
   height: 66px; 
   margin: 0; 
   background: url(/images/logo.png) 0 0 no-repeat; 
   text-indent: -9000px; 
   overflow: hidden; 
   text-decoration: none; 
}
h2 { 
   margin: 0 0 20px; 
   font-family: arial, helvetica, sans-serif; 
   font-size: 36px; 
   line-height: 40px; 
   color: #6d818e;
}
#banner h2 { 
   top: 100px;
   left: 0;
   background-image: url(/images/bg_h2_blank.png);
   background-position: bottom left;
   background-repeat: no-repeat;
   height: 40px;
   width: 470px;
   margin: 0;
   padding-top: 107px;
   text-indent: -9000px;
   overflow: hidden;
}
   #about #banner h2 { background-image: url(/images/bg_h2_about.png); }
   #contact #banner h2 { background-image: url(/images/bg_h2_contact.png); }
   #craftsman #banner h2 { background-image: url(/images/bg_h2_craftsman.png); }
   #custom #banner h2 { background-image: url(/images/bg_h2_custom.png); }
   #directions #banner h2 { background-image: url(/images/bg_h2_directions.png); }
   #gfs #banner h2 { background-image: url(/images/bg_h2_gfs.png); }
   #lightbeam #banner h2 { background-image: url(/images/bg_h2_lightbeam.png); }
   #master #banner h2 { background-image: url(/images/bg_h2_master.png); }
   #other #banner h2 { background-image: url(/images/bg_h2_other.png); }
h3 { 
   font-size: 14px;
   line-height: 20px;
   margin: 20px 0;
}
p { margin-bottom: 20px; }
#wrapper { position: relative; width: 960px; margin: 0 auto; text-align: left; }
#header { height: 100px; }
#banner { 
   position: relative;
   height: 300px;
   background: url(/images/bg_banner.jpg) 0 0 no-repeat; 
}
.sub #banner { 
   height: 160px;
   background: url(/images/bg_banner_sub.jpg) 0 0 no-repeat;
 }
#tag { display: none; }
#nav-main { list-style: none; margin: 0 0 0 600px; width: 240px; }
#nav-main li {  }
#nav-main a { display: block; width: 240px; font-size: 24px; line-height: 40px; text-indent: -9000px; overflow: hidden; text-decoration: none; }
.sub #nav-main { position: absolute; top: 0; }
.sub #nav-main a { line-height: 23px; }
   #link-about { padding-top: 20px; }
#main { margin-top: -1px; border-top: solid 1px #62430f; }
#content { float: left; display: inline; width: 540px; margin: 20px 0 0 30px; }
#sidebar { margin: 0 120px 0 600px; width: 240px; }
#footer { clear: both;  margin: 40px 0px; color: #666; font-weight: bold; padding: 9px 30px 9px;}
#footer p { margin: 0; }
#footer .copyright { font-size: 9px; color: #999; }
/*
.ad { border-top: solid 1px #f4f6f7; margin: 20px 0 0;  }
.ad { background: #fbf8f3; }
.ad h3 { margin: 0; }
.ad p { font-size: 11px; margin: 0 0 10px 0; }
*/
.ad { margin: 20px 0 0; }
.ad h3, .ad p { display: none; }
.ad p.more { display: block; }
#ad-lightbeam a { 
   display: block;
   width: 240px; 
   height: 160px; 
   background: url(/images/bg_lightbeam.png) 0 0 no-repeat; text-indent: -9000px; overflow: hidden; text-decoration: none; }
#ad-pedorthists a { 
   display: block;
   width: 240px; 
   height: 120px; 
   background: url(/images/bg_pedorthists.png) 0 0 no-repeat; text-indent: -9000px; overflow: hidden; text-decoration: none; }
#ad-store-ext {
   display: block;
   width: 240px; 
   height: 200px; 
   background: url(/images/bg_store_ext.png) 0 0 no-repeat; text-indent: -9000px; overflow: hidden; text-decoration: none; }


#meet-the-craftsman { position: absolute; top: 0; left: 600px; width: 240px; height: 100px; }
#meet-the-craftsman a { display: block; width: 240px; height: 100px;  background: url(/images/bg_meet_the_craftsman_off.png) 0 0 no-repeat; text-indent: -9000px; overflow: hidden; text-decoration: none; }
#meet-the-craftsman a:hover { background-image: url(/images/bg_meet_the_craftsman.png); }

.img-shadow {
  float:left;
  background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/images/shadow.gif) no-repeat bottom right;
  margin: 10px 10px 0 5px !important;
  margin: 0 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

.shoe  { float: left; border: solid 1px #ccc; margin: 0 10px 10px 0; }
.shoe img { width: 168px; height: 118px; margin: 0; }
/*
body { background: url(/images/bg_grid.gif); }
#wrapper { background: #ffe8e8 !important; }
#header { background: #fee !important; }
#banner { background: #fdd !important; }
#main { background: #fcc !important; }
#content { background: #fbb !important; }
#sidebar { background: #faa !important; }
.ad { background: #f99 !important; }
#footer { background: #f88 !important; }
#overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/bg_overlay.png) 0 0; }
*/
/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #content {
  margin-right: 27px;
  }
 
* html #sidebar {
  height: 1%;
  margin-left: 0;
  }
 
/* End hide from IE5/mac */