html { 
	min-height: 100%;
	margin-bottom: 1px;
}
body {
  margin: 20px 0;
  padding: 0;
  color: #827572;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  text-align: center;
}
p, ul, ol, li, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}
p {
	margin: 0;
	padding: 0 0 1em 0;
	line-height: 1.4em;
}
ul, ol {
  margin: 0;
	padding: 0 0 1em 0;
}
li {
	margin: 0 0 0 30px;
  padding: 0;
  line-height: 1.4em;
}
h1 {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 12px;
	font-weight: bold;
  text-transform: uppercase;
}
h1 span {
  font-size: 12px;
  font-weight: normal;
  text-transform: none;
}
h2 {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 12px;
	font-weight: bold;
}
a {
  color: #2E65A2;
  font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}



/* ************************************************** div#page ****************************** */
div#pagewrap {
	width: 960px;
	margin: 0 auto;
	padding: 0;
  background-image: url(/images/bkg_page.gif);
  background-repeat: no-repeat;
  background-position: center top;
}
div#page {
	width: 960px;
	margin: 0;
	padding: 0;
  background-image: url(/images/bkg_page_btmcap.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}



/* ************************************************** div#header ****************************** */
div#header {
  overflow: hidden;
	width: 960px;
  height: 200px;
	margin: 0;
	padding: 0;
  background-image: url(/images/bkg_header.gif);
  background-repeat: no-repeat;
  background-position: center top;
}
#header a.logo {
  display: block;
  float: left;
  width: 145px;
  height: 125px;
  margin: 25px 0 0 75px;
  padding: 0;
}
#header .logo img {
  display: block;
  margin: 0;
  padding; 0;
}
#header p.tagline {
  float: right;
  margin: 0;
  padding: 6px 50px 0 0;
  color: #0d5087;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
}
#header ul.nav { /* total width 650px */
  overflow: hidden;
  float: right; 
  width: 570px;
  margin: 0;
  padding: 135px 0 0 80px;
  list-style-type: none;
}
#header .nav li {
  float: left;
  width: 112px;
  height: 15px;
  margin: 0 25px 0 0;
  padding: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#header .nav li a {
  display: block;
  width: 112px;
  height: 15px;
  margin: 0;
  padding: 0;
  line-height: 1;
  text-indent: -5000px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#header .nav li a:hover,
#details #header .nav li.productdetails a,
#retailer #header .nav li.retailerinfo a,
#story #header .nav li.thestory a,
#contact #header .nav li.contactinfo a {
  background-position: 0 -25px;
}
#header .nav li.productdetails a {
  background-image: url(/images/bkg_nav_productdetails.gif);
}
#header .nav li.retailerinfo a {
  background-image: url(/images/bkg_nav_retailerinfo.gif);
}
#header .nav li.thestory a {
  background-image: url(/images/bkg_nav_thestory.gif);
}
#header .nav li.contactinfo a {
  background-image: url(/images/bkg_nav_contactinfo.gif);
}



/* ************************************************** div#main ****************************** */
div#main {
  overflow: hidden;
	width: 960px;
	margin: 0;
	padding: 0;
  text-align: left;
}



/* ************************************************** div#column ****************************** */
div#column {
	width: 240px;
  float: left;
	margin: 0;
	padding: 0 30px 20px 30px;
}
#column p.details {
  padding: 0 25px;
  font-size: 10px;
  line-height: 2em;
  text-align: left;
}
#column p.shoes {
  padding: 30px 0 0 0;
  text-align: center;
}



/* ************************************************** div#content ****************************** */
div#content { /* total width - 650px, total min-height: 485px */
	width: 650px;
  min-height: 465px;
  float: right;
	margin: 0;
	padding: 0 0 20px 0;
}

/*
CONTACT
*/
#contact #content { /* total width - 650px, total min-height: 485px */
	width: 270px;
  min-height: 345px;
	padding: 120px 380px 20px 0;
  background-image: url(/images/bkg_content_contact.jpg);
  background-repeat: no-repeat;
  background-position: 290px 20px;
}
#contact #content p {
  color: #2E65A2;
  font-size: 14px;
}
/*
STORY
*/
#story #content { /* total width - 650px, total min-height: 485px */
	width: 410px;
  min-height: 385px;
	padding: 80px 240px 20px 0;
  background-image: url(/images/bkg_content_story.jpg);
  background-repeat: no-repeat;
  background-position: 430px 20px;
}
#story #content p {
}
/*
RETAILER
*/
#retailer #content { /* total width - 650px, total min-height: 485px */
	width: 370px;
  min-height: 345px;
	padding: 120px 280px 20px 0;
  background-image: url(/images/bkg_content_retailer.jpg);
  background-repeat: no-repeat;
  background-position: 390px 20px;
}
#retailer #content ul.details {
  float: left;
}
#retailer #content .details li {
  margin: 0 0 0 15px;
  padding: 0 0 1.2em 0;
  color: #2E65A2;
  font-size: 10px;
}
#retailer #content ul.colors {
  float: left;
  list-style-type: none;
}
#retailer #content .colors li {
  margin: 0 0 0 10px;
  padding: 0 0 1.2em 0;
  font-size: 10px;
}
#retailer #content p.download {
  clear: both;
  width: 370px;
  margin: 0;
  padding: 30px 0 0 0;
  font-size: 10px;
  line-height: 20px;
}
#retailer #content p.download a {
  color: #827572;
}
#retailer #content p.download a img {
  float: left;
  display: block;
  margin: 0 4px 0 0;
}
/*
DETAILS
*/
#details #content { /* total width - 650px, total min-height: 485px */
	width: 620px;
  min-height: 440px;
	padding: 25px 0 20px 30px;
  background-image: url(/images/bkg_content_details.jpg);
  background-repeat: no-repeat;
  background-position: 40px 135px;
}
#details #content ul.detail {
  overflow: hidden;
  float: left;
  width: 180px;
  margin: 0;
  padding: 0 20px 0 0;
  list-style-type: none;  
}
#details #content ul.detail li  {
  width: 180px;
  float: left;
  margin: 0;
  padding: 0 0 1em 0;
  color: #222222;
  font-size: 11px;
}
#details #content ul.detail li span {
  display: block;
  float: left;
  width: 160px;
  margin: -1.4em 0 0 0;
  padding: 0 0 0 20px;
  color: #827572;
  list-style-type: none;  
}
#details #content p.description {
  clear: both;
  margin: 0;
  padding: 230px 0 0 0;
  color: #2E65A2;
}
/*
HOME
*/
#home #content { /* total width - 650px, total min-height: 485px */
	width: 650px;
  min-height: 345px;
	padding: 120px 0 20px 0;
}
#home #content p.detailview {
	padding: 45px 0 0 45px;
}
#home #column ul.displayshoes {
  float: left;
  overflow: hidden;
  width: 116px;
  margin: 0;
  padding: 30px 0 0 0;
  list-style-type: none;
}
#home #column .displayshoes li {
  width: 116px;
  margin: 0;
  padding: 0;
}
#home #column .displayshoes li img {
  display: block;
  margin: 0;
  padding: 0;
}




/* ************************************************** div#footer ****************************** */
div#footer {
	width: 960px;
	margin: 0 auto;
	padding: 12px 0;
  text-align: center;
  font-size: 10px;
}