@charset "UTF-8";
/* CSS Document */

  body {
    text-align: center;
    margin: 0px;
    padding: 0px;
    color: #333333;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 16px;
  }
  
  
  #logo {
    position: absolute;
    display: block;
    top: 0px;
    left: 620px;
    width: 210px;
    height: 140px;
	z-index:100;
  }
  
    #container {
    position: relative;
    text-align: left;
    margin: 0px auto 0px auto;
    width: 840px;
    background: url(images/tag2.gif) no-repeat 505px 0px;
  }
  
  a {
    color:#0099cc;
  }
  
  h1 {
    font-family: georgia, serif;
    color:#f7f0db;
    font-size:21px;
    font-weight:normal;
    line-height:25px;
    letter-spacing:2px;
  }
  
  h2 {
    font-size:14px;
    font-weight:normal;
  }
  
  .subhead {
  font-weight:bold;
  color:#000000;
  font-size:14px;
  }
  
  img {
    border: 0px;
  }
  /* HACKS */
  .clearer:after {
      content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden;
  }
  .clearer {display: inline-block;}
  /* Hides from IE-mac \*/
  * html .clearfix {height: 1%;}
  .clearer {display: block;}
  /* End hide from IE-mac */
  

  
  
  #right-box {
     position: absolute;
    width: 361px;
    height: 110px;
    top: 176px;
    right: 97px;
	background:#000000;
	opacity:0.4;
	filter:alpha(opacity=40);
	z-index:5;
  }
  
  #left-whatsnew {
 position: relative;
    padding: 17px 0px 0px 32px;
    width: 340px;
    height: 400px;
	z-index:206;
  }
  
  #left-community {
   position: relative;
 margin-top:-35px;
    padding: 0px 0px 0px 45px;
    width: 340px;
    height: 400px;
	z-index:206;
  
  }
  
  
 
    #right-box-text {
	padding: 15px 0px 0px 0px;
	position: absolute; 
	width: 361px;
    height: 100px;
    top: 174px;
    right: 97px;
	z-index: 10;
  }
  
    #copy-box {
	position: absolute;
    width: 352px;
    top: 340px;
    right: 86px;
	text-align:left;
	padding-left:20px;
	padding-bottom:50px;
  }
  
  
  
  #nav-container {
    width: 500px;
    height: 46px;
    position: relative;
	
  }
  
    #main-nav {
    clear: both;
    padding: 0px 0px 0px 0px;
		
  }
  
  #nav {
    position: absolute;
    bottom: 8px;

  }
  
  #main-nav a {
    padding: 0px;
    margin: 0px;
  }
  
  
    /* home*/
	
	.homecopy {
  	color: #f7f0db;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 18px;
	letter-spacing: 0.1em;
  }
  
  
  .homecopy2 {
  	color: #000000;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 16px;
	letter-spacing: 0.1em;
  }
  
  #outfit-box {
    position: relative;
    padding: 20px 0px 0px 20px;
    margin-top: 9px; /* move the outfit down, then adjust the nav-container div height */
	margin-left:20px;
    width: 196px;
    height: 473px;
    background: url(images/outfit3.jpg) no-repeat;
	z-index:25;
  }
  
    #outfit-box2 {
    position: relative;
    padding: 8px 4px 8px 4px;
    margin-top: 19px; /* move the outfit down, then adjust the nav-container div height */
	margin-left:24px;
    width: 192px;
    height: 594px;
    background: url(images/outfitbox4.gif) no-repeat;
	z-index:25;
  }
  
      #outfit-box3 {
    position: relative;
    padding: 8px 4px 8px 4px;
    margin-top: 9px; /* move the outfit down, then adjust the nav-container div height */
	margin-left:24px;
    width: 192px;
    height: 494px;
    background: url(images/outfitbox3.gif) no-repeat;
	z-index:25;
  }
  
    #outfit-desc {
	position:absolute;
	width: 194px;
	height: 100px;
margin-top:5px;
	text-align:left;
	 color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
  }
 
  
    #outfit-desc2 {
    position: absolute;
    width: 527px;
    height: 28px;
    top: 389px;
    right: 97px;
	background:#000000;
	z-index: 20;
	color: #ffffff;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 26px;
  }
 
  
  #outfit-hero {
    color: #ffffff;
    text-transform: none;
    width: 184px;
	height:486px;
  }
   
  #content-right-box {
    position: absolute;
    width: 527px;
    height: 245px;
    top: 173px;
    right: 97px;
	background:#000000;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:5;
  }
  
  
    #content-right-box2 {
    position: absolute;
    width: 527px;
    height: 245px;
    top: 173px;
    right: 97px;
	background:#B50921;
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index:5;
  }
  
    	
    #content-right-box3 {
    position: absolute;
    width: 527px;
    height: 245px;
    top: 173px;
    right: 101px;
	background:#ffffff;
	opacity:0.7;
	filter:alpha(opacity=70);
	z-index:5;
border: solid 4px #b50921;
  }
  

  
  #bird {
  width:527px;
  height:235px;
  top: 181px;
    right: 115px;
    position: absolute;
    background: url(images/bird2.gif) no-repeat 364px 0px;
  z-index:10;
  }
  
  
    #content-right-box-text {
	
	position: absolute; 
	width: 370px;
    height: 205px;
    top: 183px;
    right: 220px;
	z-index: 50;
  }
  

  
  #email-signup {
    position: absolute;
    width: 527px;
    height: 28px;
    top: 480px;
    right: 102px;
	text-align:right;
  }
  
  
  
  
  /* about   */
  
  
  
    #about-photo {
    position: relative;
    padding: 20px 0px 0px 20px;
    margin-top: 38px; /* move the photo down, then adjust the nav-container div height */
	margin-left:20px;
    width: 363px;
    height: 465px;
    background: url(images/photo-about.jpg) no-repeat;
	z-index:25;
  }
  
  #about-photo-hero {
    width: 104px;
    position: absolute;
    left: 25px;
    top: 461px;
  }
  
  
  #clients-container {
    position: relative;
    padding: 3px 0px 0px 22px;
    margin-top: 25px;
    width: 100%;
    height: 350px;
  }
  
  #clients-container .column {
    width:220px;
    float:left;
    padding:0 7px 0 7px;
  }
  
  #clients-container .column p { margin: 4px 0 0 10px; }
  #clients-container h1 { margin: 20px 0 20px 0; padding:0; }
  
  /* press */
  #press-box {
    position: relative;
    padding: 21px 0px 0px 20px;
    margin-top: 9px;
    width: 363px;
    height: 466px;
    margin-left: 105px;
    background: url(content/images/press-block.jpg) no-repeat;
  }
  
  #sub-press-box {
    width: 200px;
    position: absolute;
    bottom: 10px;
    left: 25px;
    padding-left:10px;
  }
  
  #back-to-press {
    width:110px;
    position:absolute;
    bottom:10px;
    right:35px;
  }
 


  
  /* shop*/
  
  
    #shop-photo {
    position: relative;
    padding: 20px 0px 0px 20px;
    margin-top: 37px; /* move the photo down, then adjust the nav-container div height */
	margin-left:20px;
    width: 363px;
    height: 423px;
    background: url(images/photo-shop.jpg) no-repeat;
	z-index:25;
  }
  
  
      #designers-photo {
    position: relative;
    padding: 20px 0px 0px 20px;
    margin-top: 37px; /* move the photo down, then adjust the nav-container div height */
	margin-left:20px;
    width: 363px;
    height: 423px;
    background: url(images/photo-designers.jpg) no-repeat;
	z-index:25;
  }
  
  
      #whatsnew-photo {
    position: relative;
    padding: 20px 0px 0px 20px;
    margin-top: 37px; /* move the photo down, then adjust the nav-container div height */
	margin-left:20px;
    width: 363px;
    height: 405px;
    background: url(images/photo-whatsnew.jpg) no-repeat;
	z-index:25;
  }
  
  
        #whatsnew-featured {
    position: relative;
    padding: 0;
    margin-top: 10px;
	margin-left:0px;
    width: 363px;
    height: 500px;
  }
  
  
  #whatsnew-featured img {
  padding:3px;
 }
  
      #community-photo {
    position: relative;
    padding: 20px 0px 0px 20px;
    margin-top: 37px; /* move the photo down, then adjust the nav-container div height */
	margin-left:20px;
    width: 363px;
    height: 423px;
    background: url(images/photo-comm.jpg) no-repeat;
	z-index:25;
  }
  
      #contact-photo {
    position: relative;
    padding: 20px 0px 0px 20px;
    margin-top: 37px; /* move the photo down, then adjust the nav-container div height */
	margin-left:20px;
    width: 363px;
    height: 423px;
    background: url(images/photo-contact.jpg) no-repeat;
	z-index:25;
  }
  
  
  
  
  #contact-box {
    position: relative;
    padding: 20px 0px 0px 20px;
    margin-top: 9px;
    width: 503px;
    height: 466px;
    background: url(content/images/contact-block.jpg) no-repeat;
  }
  
  #hero-contact-box {
  }
  
  #sub-contact-box {
    color: #65503c;
    width: 480px;
    position: absolute;
    bottom: 10px;
    left: 29px;
    margin:0;
    padding:0;
  }
  
  #sub-contact-box a {
    color: #311804;
  }
  
  #sub-contact-box a:hover {
    color: #311804;
  }
  
  #subnav-container {
    font-size: 12px;
  }
  
  #subnav-container strong {
    font-weight:normal;
    color:#94bac6;  
  }
  
  #subnav-container a {
    text-decoration: none;
    color:#196f94;
  }
  
  #subnav-container a:hover {
    color:#94bac6;  
  }
  
  #subnav-container span {
    padding-right:15px;
  }
  
  #subnav {
    padding: 8px 20px 0px 26px;
  }
  
  #subsubnav {
    margin-top: 5px;
    padding: 6px 20px 0px 26px;
    border-top: #cbc1a8 1px dashed;
  }
  
  #selected-subnav a {
    text-decoration: underline;
  }
  
  .doll-thumb { float:left; margin:0; padding-top:5px; width:91px; height:98px; }
  .doll-thumb a { width:77px; height:77px; display:block; margin:0 7px 0 7px; }
  .doll-thumb span { display:block; text-align:center; }
  
  #footer {
   position: relative;
   text-align: left;
   width: 840px;;
   color: #94846f;
    border-top: #cbc1a8 1px dashed;
    font-size:9px;
  }
  
  #footer a {
    margin-top: 10px;
    color: #94846f;
  }
  
  #home-box {
    position: relative;
    padding: 20px 0px 0px 20px;
    margin-top: 9px;
    width: 585px;
    height: 470px;
    background: url(content/images/home-block.jpg) no-repeat;
  }