body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fff url('../images/background.jpg') repeat-x fixed;
}

#wrapper {
	position: relative;
	width: 1010px;
	margin: 0 auto;
	overflow:auto;
}

strong {font-weight: bold;}

#masthead {
	position:relative;
	width:1010px;
	height:130px;
	margin:0 auto;
	background: url('../images/header-bg.png') no-repeat;
}

a#home {
  position: absolute;
  top: 25px;
  left: 420px;
  width: 175px;
  height: 75px;
  text-align: center;
  text-indent: -999em;
}

#address{
  position: relative;
  float: left;
  top: 60px;
  left: 50px;
  width: 275px;
}

#tagline {
  position: relative;
  float: right;
  top: 50px;

  width: 275px;
}

/***************************************************************************************** main-nav */
#main-nav {
	position:relative;
  margin: 0 auto;
  height: 36px;
  font-size: 12px !important;
  z-index: 999;
  width: 1000px;
  background: url('../images/nav-off-bg.jpg') repeat-x;
}

#main-nav ul {
  text-align: center;
}

#main-nav ul img {
  position: absolute;
  z-index: 999;
  padding-left: 5px;
}

/* Safari3.x */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #main-nav ul img {padding-left: 2px;}
}

#main-nav ul li {
  display: inline;
  background: url('../images/nav-off-bg.jpg') repeat-x;
  margin-right: -7px;
  height: 36px;
  padding: 10px 0;
}

/* Firefox2.x */
/*#main-nav ul li.first, x:-moz-any-link {padding-right: 1px;}*/

#main-nav ul li a.first {background: none;}

#main-nav ul li a {
  line-height: 36px;
  padding: 12px 2.25em;
  text-align: center;

  vertical-align: center;
  }
  
#main-nav ul li a:link, #main-nav ul li a:visited {color:#fff; text-decoration:none;}
#main-nav ul li a:hover {color: #fff; text-decoration: underline;}

#main-nav ul li img.pipe {
  float: right;
  margin-top: -25px;
  border:none;
}

/***************************************************************************************** left-col */
#left-col {
  position: relative;
  float: left;
  width: 10px;
  margin-top: 60px;
}

#left-col h2 {
font-family: Arial, Helvetica, sans-serif;
background: url('../images/subnav-top.png') no-repeat top left;
height: 46px;
color: #fff;
font-size: 14px;
font-weight: bold;
padding-top: 15px;
text-align: center;
letter-spacing: 2px;
margin-top: -46px;
}

#left-col a:link, #left-col a:visited {text-decoration: underline;}
#left-col a:hover {text-decoration: none;}

#left-col p {
  width: 215px;
  margin-bottom: 10px;
  padding-left: 20px;
}

#left-col img, #left-col p img {
  margin: 10px 0;
  margin-left: 5px;
}

#left-col ul {
  list-style-type: disc;
  margin-left: 25px;
  width: 215px;
}
  
#left-col ul li {margin-bottom: 10px;}

/***************************************************************************************** sub-nav */
#sub-nav {
  position: relative;
  float: left;
  width: 262px;
  margin-top: 20px;
  background: url('../images/subnav-bottom.png') no-repeat 0 46px;
  min-height: 500px;
}

#sub-nav.news {margin-top: 55px;}
  
#sub-nav h2 {
  font-family: Arial, Helvetica, sans-serif;
  background: url('../images/subnav-top.png') no-repeat top left;
  height: 46px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
  letter-spacing: 2px;
}

#sub-nav ul {margin-left: 30px; }
#sub-nav ul li {margin-bottom: 10px;}
#sub-nav ul li li {margin-bottom: 2px; font-size: 11px;}

#sub-nav ul li a:link, #sub-nav ul li a:visited {color: #3a6750; text-decoration: none;}
#sub-nav ul li a:hover {color: #3a6750; text-decoration: underline;}
#sub-nav ul li a.current {font-weight: bold; font-variant: small-caps; color: #3a6750;}

#sub-nav ul ul {margin-left: 25px;}
#sub-nav ul ul li a {font-style: italic;}

#sub-nav ul ul li a:link, #sub-nav ul ul li a:visited {color: #666; text-decoration: none;}
#sub-nav ul ul li a:hover {color: #3a6750; text-decoration: underline;}
#sub-nav ul ul li a.current {font-variant: normal; color: #3a6750 !important;}

/***************************************************************************************** main-content */
#main-content {
	position: relative;
  background: url('../images/content-bg.png') repeat-y;
  width: 1010px;
  overflow: auto;
}

#main-content a:link, #main-content a:visited {color:#000000; text-decoration:none;}
#main-content a:hover {color:#000000; text-decoration:underline;}

#flash {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  height: 317px;
  background: url('../images/flash-header.jpg') no-repeat;
  z-index: 10;
}

#flash img {padding-left: 1px;}

/***************************************************************************************** flash */
#flash p {
  font-size: 18px;
  text-align: center;
  padding: 10px;
}

#flash a {text-decoration: underline !important;}

/***************************************************************************************** inside content */
#content {
  position: relative;
  width: 1000px;
  overflow: auto;
  top: -2px;
  margin-left: 6px;

}

#content h1 {
  color: #00664e;
  font-weight: bold;
  font-size: 36px;
  margin-top: 50px;
  margin-left: 275px;
  margin-bottom: -60px;
}

#copy {
  position: relative;
  float: left;
  margin-left:20px;
  width: 958px;
  margin-top: 35px;
}

#copyofcopy {
  position: relative;
  float: left;
  margin-left:10px;
  width: 958px;
  margin-top: 35px;
}

#copycopy {
  position: relative;
  float: left;
  width: 998px;

  margin-top: 85px;
}
#didyouknow {
position: absolute;
display: block;
width: 230px;
height: 250px;
margin-left:725px;
margin-top: 107px;

}

#copy h2 {
  color: #00664e;
  font-weight: bold;
  font-size: 18px;
}

#copy h5 {
  color: #73AB8F;
  font-weight: bold;
  font-size: 18px;
}

#copy span.yellow {
  color: #ECBA25;
  font-weight: bold;
  font-size: 18px;
}

#copy.sub-nav {
  position: relative;
  width: 650px;
  float: left;
  margin-top: 85px;
  margin-left: 25px;
  margin-right: 25px;
}

#copy table td {padding: 8px;}

#copy ul {
  list-style-type: disc;
  margin-left: 25px;
}
  
#copy ul li {margin-bottom: 10px;}

#copy p {margin-bottom: 10px;}

#copy ul.shoes {margin-left: 185px;}

#copy img.image-left {
  float: left;
  padding-right: 25px;
}

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

#copy div.post {padding-bottom: 20px;}
#copy div.post h3 {font-weight: bold;}
/***************************************************************************************** right-col */
#right-col {
    position: relative;
    float: right;
    width: 300px;
    margin-top: 90px;
    margin-right: 20px;
}

#right-col h2 {
  color: #00664e;
  font-size:14px;
  font-style:italic;
  font-weight:bold;
  text-align: center;
  margin-top: -10px;
  margin-bottom: 10px;
}

#right-col img {margin-bottom: 10px;}

#right-col ul {
  list-style-type: disc;
  margin-left: 25px;
}
  
#right-col ul li {margin-bottom: 5px;}

/***************************************************************************************** homepage */
#right {
    position: relative;
    float: right;
    width: 300px;
    margin-top: 20px;
    margin-right: 20px;

}
#left {
  position: relative;
  float: left;
  width: 300px;
  margin-top: 20px;
  margin-left:20px;


}
#middle {
  position: relative;
  float: left;
  width: 300px;
  margin-left: 30px;
  margin-top: 20px;
}

/***************************************************************************************** spotlights */
.spotlight {
  background: url('../images/spotlight-bottom.jpg') bottom left;
  width: 222px;
  min-height: 285px;
  float: left;
  margin: 25px 0 0 18px;
}

.spotlight-bottom {
  width: 224px;
  height: 12px;
  margin-left: -2px;
}

.spotlight h2 {
	height: 30px;
	background: url('../images/spotlight-top.jpg') no-repeat top left;
	font-weight: bold;
	font-size: 15px;
	color: #03674F;
	padding-top: 3px;
}

.spotlight img {margin-left: -2px;}

.spotlight p {padding: 10px; text-align: center;}

/*
.spotlight h2.mens {
  background: url('../images/txt-mens-shoes.png') no-repeat top left;
}

.spotlight h2.womens {
  background: url('../images/txt-womens-shoes.png') no-repeat top left;
}

.spotlight h2.arch {
  background: url('../images/txt-arch-supports.png') no-repeat top left;
}
*/

#note {
  position: relative;
  float: right;
  background: #fff url('../images/postit-bg.jpg') no-repeat;
  width: 265px;
  height: 283px;
  font-size: 11px;
  margin: 25px 20px 0 0;
  z-index: 10;
}

#note-copy {
  padding: 65px 20px;
}

#note-copy ul li {margin-bottom: 10px;}

#note-copy p {
  line-height: 15px;
  margin-bottom: 0px;
}

#note-copy a.continue {
  color: #03674F;
  text-decoration: underline;
}

a#view-all {
  position: absolute;
  top: 235px;
  left: 175px;
  width: 75px;
  height: 25px;
  text-align: center;
  text-indent: -999em;
  background: url('../images/view-all.gif') no-repeat;
}

/***************************************************************************************** banners */
#banners {
  clear: both;
  padding: 25px 0;
  height: 85px;
}

#banners ul {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

#banners ul li.first {margin-left:18px;}

#banners ul li {
  float: left;
  padding: 1px 2px;
  margin-right: 10px;
  background: url('../images/banner-bg.jpg') no-repeat 0px 0px;
  width: 312px;
  height: 83px;
}

/***************************************************************************************** footer */
#footer {
	position:relative;
	width:1010px;
	background: url('../images/footer-bg.png') no-repeat;
	height: 60px;
	font-size: 10px;
}

#footer ul {
  padding: 10px 0;
  text-align: center;
}

#footer ul li.first {background: none;}

#footer ul li {
  display: inline;
  padding: 10px 10px 0 15px;
  background: url('../images/footer-nav-li.jpg') no-repeat 0px 12px; 
}

#footer ul li a:link, #footer ul li a:visited {color:#000000; text-decoration:none;}
#footer ul li a:hover {color:#000000; text-decoration:underline;}