/* layout.css */

#page {
  width: auto;
  margin: 0;
  padding: 30px 50px;
  text-align: center;
/*  border-top: 5px solid #c0bbb5; */
  background-color: #ffffff;
}

#layout {
  width: 950px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  text-align: left;
}

#header {
  width: auto;
  height: 100px;
  min-width: 900px;
  margin: 0 0 59px 0;
  padding: 0;
  position: relative;
}

#header h1 {
  float: left;
/*
  background-image: url(/images/dancevision_logo.gif);
  background-position: top left;
  background-repeat: no-repeat;
*/
}

#header h1, #header h1 a {
  width: 454px;
  height: 51px;
  margin: 0;
  padding: 0;
}

#header h1 a {
  display: block;
}

#header h6 {
  clear: left;
  color: #000000;
  font-size: 16px;
  padding: 10px 15px;
  
}

#navigation {
  position: absolute;
  top: 90px;
  left: 0;
  clear: both;
  width: auto;
  height: 34px;
  min-width: 900px;
  background-color: #550100;
  background-image: url(/images/navigation_right_bg.gif);
  background-position: top right;
  background-repeat: no-repeat;
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  border-bottom: 5px solid #e4e4e4;
  z-index: 0;
}

#navigation a:link, #navigation a:visited, #navigation a:focus, #navigation a:hover, #navigation a:active {
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 10px 15px;
}

#main {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  zoom: 1;
}

#content {
  margin: 0 0 10px 0;
  padding: 0;
  zoom: 1;
}

#page-home #content {
  margin: 0;
}

#left, #center, #right {
  float: left;
  margin: 0 0 13px 0;
  min-height: 400px;
}

#left {
  width: 215px;
}

#left h2 {
  background-color: #ffd343;
  border-top: 5px solid #d7b64a;
  color: #000000;
  margin: 0 0 4px 0;
  padding: 5px 15px;
  text-align: center;
}

#left ul {
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none;
}

#left ul li {
  list-style-image: none;
  list-style-type: none;
  margin: 0 0 4px 0;
  padding: 5px 10px;
  background-color: #ffd343;
  color: #000000;
}

#left a:link, #left a:visited, #left a:focus, #left a:hover, #left a:active {
  color: #000000;
  text-decoration: none;
}

#left ul li.follow {
  background-image: url(/images/find-us-on-facebook.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

#left ul li.follow, #left ul li.follow a {
  display: block;
  height: 55px;
}

#left ul li.follow a:link, #left ul li.follow a:visited, #left ul li.follow a:focus, #left ul li.follow a:hover, #left ul li.follow a:active {
  color: #ffffff;
}

#left ul li.follow a span {
  display: none;
}

#center {
  width: 695px;
  margin-left: 40px;
}

#sidebar-specials {
  font-size: 90%;
  padding: 26px 0 24px 0;
}

#breadcrumb {
  margin: 0 0 10px 0;
  list-style-type: none;
  list-style-image: none;
}

#breadcrumb li {
  list-style-type: none;
  margin: 0 0 0 5px;
  padding: 0 0 0 12px;
  display: inline;
  background-image: url(/images/breadcrumb-li_bg.gif);
  background-repeat: no-repeat;
  background-position: 0 60%;
  color: #8b8b8b;
  white-space: nowrap;
}

#breadcrumb li.first {
  background-image: none;
  margin: 0;
  padding: 0;
}

div.divAlignLeft, div.divAlignCenter, div.divAlignRight {
  border-width: 1px;
  border-style: solid;
  border-color: #d9d9d9;
  text-align: center;
  margin: 0;
  padding: 5px;
}

div.divAlignLeft.contentAlignLeft, div.divAlignCenter.contentAlignLeft, div.divAlignRight.contentAlignLeft {
  text-align: left;
}

div.divAlignLeft.contentAlignRight, div.divAlignCenter.contentAlignRight, div.divAlignRight.contentAlignRight {
  text-align: right;
}

div.divAlignCenter {
  width: auto;
  border-width: 1px 0;
  margin: 0 auto 20px auto;
}

div.divAlignLeft {
  float: left;
  width: 200px;
  margin: 0 10px 10px 0;
}

div.divAlignRight {
  float: right;
  width: 200px;
  margin: 0 0 10px 10px;
}

div.divAlignCenter h4 {
  margin: 0 0 5px 0;
}

div.divAlignCenter p.caption {
  text-align: center;
  margin: 5px 0 0 0;
}

a.get-adobe-reader {
  display: block;
  width: 112px;
  height: 33px;
  background-image: url(/images/get_adobe_reader.gif);
  background-position: left;
  background-repeat: no-repeat;
}

a.get-adobe-reader span {
  display: none;
}

.player {
  width: 640px;
  margin: 0 auto;
}

div.download {
  background-color: #ffffff;
  background-image: url(/images/download-icon.png);
  background-position: 5px 5px;
  background-repeat: no-repeat;
  min-height: 58px;
  padding: 0;
}

div.download a {
  display: block;
  padding: 8px 5px 8px 58px;
  font-size: 30px;
  height: 42px;
  color: #aba49c;
  text-decoration: none;
}

div.download small {
  display: block;
  text-align: center;
  padding: 3px;
  background-color: #aba49c;
  color: #000000;
}

#footer {
  clear: both;
  color: #aba49c;
  width: auto;
  min-width: 900px;
  height: auto;
  padding: 0 0;
  margin: 10px auto;
  font-size: 10px;
  zoom: 1;
}

#footer a:link, #footer a:visited, #footer a:focus, #footer a:hover, #footer a:active {
  text-decoration: underline;
  color: #aba49c;
}

#copyright, #legal {
  float: left;
  width: auto;
  height: auto;
}

#copyright {
  margin: 0;
}

#legal {
  clear: left;
  margin: 0;
  white-space: nowrap;
}

#legal a {
  margin: 0 10px;
}

#contact, #powered {
  clear: right;
  float: right;
  width: 60%;
  height: auto;
  text-align: right;
}

#member, #dance-lessons {
  position: absolute;
  left: 225px;
  color: #000000;
}

#member a:link, #member a:visited, #member a:focus, #member a:hover, #member a:active, #dance-lessons a:link, #dance-lessons a:visited, #dance-lessons a:focus, #dance-lessons a:hover, #dance-lessons a:active {
  color: #6699ff;
}

#member {
  top: 38px;
}

#dance-lessons {
  top: 55px;
}

#content:after, #home-content-wrapper:after, #spotlight:after, #footer:after, div.product:after, div#more:after, #checkout-tabs:after {
  content: '.';
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#header, #navigation, #main, #footer {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}

#page-twitter ol.products, #page-twitter ol.products li.row, #page-twitter ol.products dl.columns {
  width: auto;
}

#page-twitter ol.products li.row {
  position: relative;
}

#page-twitter ol.products.list li.row {
  position: static;
}

#page-twitter ol.products dd.detail {
  margin: 0 0 5px 120px;
  padding: 0 0 15px 0;
  min-height: 45px;
  width: auto;
  position: relative;
}

#page-twitter ol.products dd.detail h4 {
  font-size: 150%;
}

#page-twitter ol.products dd.detail p.tweet, #page-twitter ol.products li.row p.tweet {
  font-size: 150%;
}

#page-twitter ol.products dd.detail p.timestamp, #page-twitter ol.products li.row p.timestamp {
  position: absolute;
  bottom: 0;
  right: 0;
}

ol.products dd.follow, ol.products dd.bio {
  text-align: right;
  margin: 0 0 5px 120px;
}