/* -- HEADER -- */
#header_box{
}

#header_box span{

}


#header_box #header_banner{
  height:73px;

  background-image:url('../images/heading-bg.jpg');
  background-repeat:repeat-x;
  background-position:top;
}

#header_box #header_banner h1{
  height:73px;

  background-image:url('../images/heading.jpg');
  background-repeat:no-repeat;
  background-position:top right;
}


#header_box #header_banner h1 span{
  display:none;
}


/** header nav **/

#header_box #navigation{
  height:28px;
  width:100%;  
  margin:0px auto;

  background-image:url('../images/nav-bg.jpg');
  background-repeat:repeat-x;
  background-position:top left;
}

* html #header_box #navigation{
  margin:0px;
  padding:0px;
}


#header_box #navigation li{
  display:inline;
  width:80px;
}

* html #header_box #navigation li{
  margin:0px;
  padding:0px;
  float:left;
}

#header_box #navigation li a{
  float:left;
  display:block;
  height:28px;
  line-height:28px;
  width:106px;

  background-repeat:no-repeat;
  background-position:top;  
}


#header_box #navigation li a:hover{

}


#header_box #navigation li .home{
  background-image:url('../images/nav-home.jpg');
}

#header_box #navigation li .home:hover{
    background: transparent url('../images/nav-home.jpg') 0 -28px no-repeat;
}


#header_box #navigation li .book{
  background-image:url('../images/nav-book.jpg');

}

#header_box #navigation li .book:hover{
    background: transparent url('../images/nav-book.jpg') 0 -28px no-repeat;
}


#header_box #navigation li .about{
  background-image:url('../images/nav-about.jpg');

}

#header_box #navigation li .about:hover{
    background: transparent url('../images/nav-about.jpg') 0 -28px no-repeat;
}


#header_box #navigation li .gallery{
  background-image:url('../images/nav-gallery.jpg');

}

#header_box #navigation li .gallery:hover{
    background: transparent url('../images/nav-gallery.jpg') 0 -28px no-repeat;
}

#header_box #navigation li .patterns{
  background-image:url('../images/nav-patterns.jpg');

}

#header_box #navigation li .patterns:hover{
    background: transparent url('../images/nav-patterns.jpg') 0 -28px no-repeat;
}

#header_box #navigation li .shop{
  background-image:url('../images/nav-shop.jpg');

}

#header_box #navigation li .shop:hover{
    background: transparent url('../images/nav-shop.jpg') 0 -28px no-repeat;
}

#header_box #navigation li .email{

  background-image:url('../images/nav-email.jpg');

}

#header_box #navigation li .email:hover{
    background: transparent url('../images/nav-email.jpg') 0 -28px no-repeat;
}

#header_box #navigation li.selected a{

}

#header_box #navigation li a span{
  display:none;
}

/* -- CONTAINER -- */
#container{
  margin:0px;
  padding:0px 145px;

  background-color:#000;
}

#container #mid_column{
  margin:0px;
  width:750px;
}

* html #container #mid_column{
  width:745px;
}

.pattern-1{
  background-image:url('../images/pattern-1.jpg');
  background-repeat:no-repeat;
  background-position:top left;

}

.pattern-2{
  background-image:url('../images/pattern-2.jpg');
  background-repeat:no-repeat;
  background-position:top left;

}

.pattern-3{
  background-image:url('../images/pattern-3.jpg');
  background-repeat:no-repeat;
  background-position:top left;

}

/** CONTENT **/
#mid_column .content{
  padding:0px 40px;

  background-color:#F7DBBC;
  background-image:url('../images/content-bg.jpg');
  background-repeat:repeat-x;
  background-position:top;

  color:#5F5F5F;
  font-family:'lucida grande', verdana, arial, sans-serif;

  min-height: 500px;
}

* html #mid_column .content{
  padding-top:0px;
}


/** content h1 ***/
#mid_column .content h1{
  height:80px;
  margin-bottom:50px;

  background-repeat:no-repeat;
  background-position:top;

  text-align:center;
}

* html #mid_column .content h1{

}

* html #mid_column .content h1.gallery{
margin-top:-90px;
}

* html #mid_column .content h1.static{
margin-top:0px;
}

.book .previous,
.gallery .previous{
  display:block;
  float:left;
  height:35px;
  width:48px;
  margin-top:30px;

  background-image:url('../images/next-left.jpg');
  background-repeat:no-repeat;
  background-position:left;

  text-align:left;
}

.book .next,
.gallery .next{
  display:block;
  float:right;
  height:35px;
  width:48px;
  margin-top:30px;

  background-image:url('../images/next-right.jpg');
  background-repeat:no-repeat;
  background-position:right;

  text-align:right;
}

.book .previous span,
.book .next span{
  display:none;
}

#mid_column .content h1 span{
  display:none;
}

#mid_column .content .gallery{
  background-image:url('../images/h1-gallery.jpg');
}

#mid_column .content .home{
  background-image:url('../images/h1-home.jpg');
}

#mid_column .content .book{
  background-image:url('../images/h1-book.jpg');
}

#mid_column .content .about{
  background-image:url('../images/h1-about-us.jpg');
}

#mid_column .content .shop{
  background-image:url('../images/h1-shop.jpg');
}

#mid_column .content .free-patterns{
  background-image:url('../images/h1-patterns.jpg');
}

#mid_column .content .email{
  background-image:url('../images/h1-email.jpg');
}

#mid_column .footer{
  padding:20px 0px 10px;
}

#mid_column .footer p{
  color:#AAA;
  text-align:center;
  font-size:0.8em;
}


/** default settings for content **/
#mid_column .content{
  font-size:0.8em;
}


/** two column layout for content **/

.two-column-layout{
  margin:25px 0px;
}

.two-column-layout .left-column{
  float:left;
  width:48%;
}

.two-column-layout .main{
  width:256px;
  padding:0px 25px 0px 10px;
}

.two-column-layout .right-column{
  margin-left:50%;
}

.two-column-layout .right-column img{
  margin:20px 70px;
}

.two-column-layout .right-column .thumbnails img{
  margin:0px;
}


* html .two-column-layout .right-column{
  margin-left:45%;
}

* html .two-column-layout .right-column .thumbnails{

}

* html .two-column-layout .right-column ul{
  padding:1px;
  border:1px solid red;
}


/** BOOKS ***/

.book-2 .clickable{
  width:345px;
  height:370px;
}


.book-3 .clickable{
  width:360px;
  height:300px;
}

.book-4 .clickable{
  width:278px;
  height:245px;
}

.clickable{
  position:absolute;

  -moz-opacity: 0.5;
}

* html .clickable{
  filter: alpha(opacity=20);
}

.clickable:hover{
  -moz-opacity: 0.0;
}

* html  .clickable:hover{
filter: alpha(opacity=0);
}

/** GALLERY **/
.gallery-content{
  height:600px;

}

* html .gallery-content{
  height:700px;
}

* html .gallery-content h1{
  position:relative;
  top:90px;
}

.gallery-content .clear{
  position:absolute;
  top:650px;
  left:450px;
}

.gallery-content .gallery-section{
  clear:both;
}


.gallery-content .gallery-section img,
.gallery-content .gallery-section h2{
  float:left;
}

.gallery-content .gallery-section a{
  margin-left:10px;

  color:#92765E;
}

.gallery-content .section-1{
  position:absolute;
  left:300px;
  top:200px;
  z-index:2000;

  width:293px;
}

* html .gallery-content .section-1{
  width:300px;
}


.gallery-content .section-2{
  position:absolute;
  left:380px;
  top:367px;
  z-index:1000;
  width:410px;
}

* html .gallery-content .section-2{
  width:415px;
}

.gallery-content .section-3{
  position:absolute;
  left:505px;
  top:554px;
  z-index:1000;
  width:365px;
}

.gallery-content .footer{
  position:absolute;
  top:750px;
  left:430px;
}

* html .gallery-content .section-3{
  width:380px;
}


.gallery-content .gallery-julie{

  height:52px;
  width:135px;
 
  background-image:url('../images/gallery-julie.jpg');
  background-repeat:no-repeat;
  background-position:top;
}

.gallery-julie{
  height:52px;
  width:135px;
  margin:0px auto;
 
  background-image:url('../images/julie.jpg');
  background-repeat:no-repeat;

}

.gallery-content .gallery-stanley{
  height:52px;
  width:162px;

  background-image:url('../images/gallery-stanley.jpg');
  background-repeat:no-repeat;
  background-position:top;
}

.gallery-stanley{
  height:52px;
  width:162px;
  margin:0px auto;

  background-image:url('../images/stanley.jpg');
  background-repeat:no-repeat;
}

.gallery-content .gallery-combined{
  height:40px;
  width:201px;

  background-image:url('../images/gallery-combined.jpg');
  background-repeat:no-repeat;
  background-position:top;
}

.gallery-combined{
  height:40px;
  width:201px;
  margin:0px auto;

  background-image:url('../images/gallery-combined.jpg');
  background-repeat:no-repeat;
}

.gallery-julie span,
.gallery-stanley span,
.gallery-combined span{
  display:none;
}

.gallery-section{
  text-align:center;
}

/*** gallery combined ***/
.gallery-section{

}




.gallery-section .combined-1 span,
.gallery-section .combined-2 span,
.gallery-section .combined-3 span,
.gallery-section .combined-4 span,
.gallery-section .combined-5 span,
.gallery-section .combined-6 span,
.gallery-section .combined-7 span,
.gallery-section .combined-8 span,
.gallery-section .combined-9 span{
  display:none;
}

.gallery-section .combined-1{
  display:block;
  position:absolute;
  top:328px;
  left:199px;
  height:210px;
  width:188px;
}

.gallery-section .combined-1 img{
  display:block;
  position:relative;
  height:210px;
  width:188px;
}

.gallery-section .combined-2{
  display:block;
  position:absolute;
  top:402px;
  left:438px;
  height:157px;
  width:180px;
}

.gallery-section .combined-2 img{
  display:block;
  position:relative;
  height:157px;
  width:180px;
}


.gallery-section .combined-3{
  display:block;
  position:absolute;
  top:328px;
  left:645px;
  height:215px;
  width:197px;
}

.gallery-section .combined-3 img{
  display:block;
  position:relative;
  height:215px;
  width:197px;
}


.gallery-section .combined-4{
  display:block;
  position:absolute;
  top:538px;
  left:202px;
  height:180px;
  width:182px;
}

.gallery-section .combined-4 img{
  display:block;
  position:relative;
  height:180px;
  width:182px;
}


.gallery-section .combined-5{
  display:block;
  position:absolute;
  top:559px;
  left:384px;
  height:160px;
  width:270px;
}

.gallery-section .combined-5 img{
  display:block;
  position:relative;
  height:160px;
  width:270px;
}

.gallery-section .combined-6{
  display:block;
  position:absolute;
  top:543px;
  left:654px;
  height:180px;
  width:180px;
}

.gallery-section .combined-6 img{
  display:block;
  position:relative;
  height:180px;
  width:180px;
}


.gallery-section .combined-7{
  display:block;
  position:absolute;
  top:718px;
  left:198px;
  height:215px;
  width:222px;
}

.gallery-section .combined-7 img{
  display:block;
  position:relative;
  height:215px;
  width:222px;
}


.gallery-section .combined-8{
  display:block;
  position:absolute;
  top:775px;
  left:460px;
  height:158px;
  width:135px;
}

.gallery-section .combined-8 img{
  display:block;
  position:relative;
  height:158px;
  width:135px;
}

.gallery-section .combined-9{
  display:block;
  position:absolute;
  top:725px;
  left:669px;
  height:210px;
  width:159px;
}

.gallery-section .combined-9 img{
  display:block;
  position:relative;
  height:210px;
  width:159px;
}
/*** gallery sub section ***/
.sub-section .thumbnails{
  width:80%;

  margin:10px auto;
}

.sub-section .thumbnails img{
  margin:3px;
}

/*** gallery combined ***/


/**** about content ***/
.about-content .left-column{
  width:290px;
  margin:0px;
  padding:0px;

  text-align:center;
}

.about-content .left-column img,
.about-content .right-column img{
  margin:0px 0px 15px;
}

.about-content .left-column p{
  text-align:left;
}

.about-content .right-column{
  width:280px;
  padding:0px;

  text-align:center;
}


.about-content .right-column p{
  text-align:left;
}



/** shop content ***/
.shop-content h2{
  margin:0px 0px 10px;

  color:#997A5E;
}

.shop-content h3{
  margin:0px 10px 5px;

  color:#997A5E;
}

.shop-content p{
  margin:10px;
}

.shop-content ul{
  margin:15px;
}

div.free_patterns{
  text-align: center;
}

div.free_patterns a img {
  padding: 1px;
  border: 1px solid blue;
}

div.instructions ul li {
  margin-left: 2.5em;
  list-style-type: circle;
}