body {
	background-image: url(images/bg1_pattern.jpg);
	background-repeat: repeat-y;
	background-position: center 367px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #FFFFFF;
	background-color: #885512;
}
* { margin: 0px; padding: 0px; }

a span             {display: none;}
a:hover span {display: block; z-index: 2; position: absolute; top: -20px; }

#subwrapper-index { background-image: url(images/bgWood_pattern.jpg); background-repeat: no-repeat; background-position: center top; }
#wrapper { margin-right: auto; margin-left: auto; width: 912px; padding-top: 10px; position: relative; height: 986px; }
#title { position: absolute; left: 263px; }

#book { position: absolute; padding-top: 30px; }
#text { position: absolute; width: 512px; height: 230px; top: 532px; left: 40px; }
#text a { color: #FFC86D; text-decoration: underline; }
#text a:hover { color: #F7C768; }
#text p { font-size: 80%; line-height: 1.3em; padding-bottom: 15px; font-weight: lighter; }
#text h1 { font-size: 120%; padding-bottom: 30px; }
#text h2 { font-size: 110%; padding-bottom: 10px; }


#vol2          {  position: absolute; left: 310px; width: 136px; height: 180px; top: 102px; }
#order-box { position: absolute; left: 458px; top: 102px; width: 135px; }

#vol1               { position: absolute; left: 0px; width: 136px; height: 179px; top: 102px; }
#order-box1 { position: absolute; left: 148px; top: 102px; width: 135px; }

#vol3             { position: absolute; left: 620px; width: 136px; height: 180px; top: 102px; }
#order-box5 { position: absolute; left: 768px; top: 102px; width: 135px; } 

#m1               { position: absolute; left: 0px; width: 136px; height: 179px; top: 322px; }
#order-box2 { position: absolute; left: 148px; top: 322px; width: 135px; }

#m2               { position: absolute; left: 310px; width: 136px; height: 179px; top: 322px; }
#order-box3 { position: absolute; left: 458px; top: 322px; width: 135px; }

#m3 { position: absolute; left: 620px; width: 136px; height: 179px; top: 322px; }
#order-box4 { position: absolute; left: 768px; top: 333px; width: 135px; }

#newVol3 {position: absolute; top: 102px; left: 870px; height: 52px; width: 60px; background: url(images/new.gif);}
#newMit1 {position: absolute; top: 372px; left: 236px; height: 52px; width: 60px; background: url(images/new.gif);}
#newMit2 {position: absolute; top: 368px; left: 550px; height: 52px; width: 60px; background: url(images/new.gif);}
#newMit3 {position: absolute; top: 360px; left: 856px; height: 52px; width: 60px; background: url(images/new.gif);}


#started {position: absolute; left: 570px; top: 520px; height: 442px; width: 506px; background: url(images/startedKnitting03.gif) no-repeat;}

.roundtop { background: url(images/right_top_c.gif) no-repeat top right; width: 100%; }
.roundmiddle { background: url(images/right_middle_c.gif) no-repeat top right; }
.roundbottom { background: url(images/right_bottom_c.gif) no-repeat bottom right; }
.price { background-color:#1a3d11; }
.price p { font-size: 110%; padding-left: 24px; padding-top: 5px; padding-bottom: 10px; }
.clear { padding-bottom: 15px; }
.order { background-color:#245019; }
.order p { font-size: 110%; padding-left: 24px; padding-top: 5px; padding-bottom: 5px; }
.order a { color: #F7C768; text-decoration: none; }
.order a:hover { text-decoration: underline; color: #F7C768; }
.view-contents { background-color:#245019; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #D2A550; }
.view-contents p { font-size: 80%; padding-left: 24px; padding-top: 5px; padding-bottom: 5px; }
.view-contents a { color: #F7C768; text-decoration: none; }
.view-contents a:hover { text-decoration: underline; color: #F7C768; }
img.corner { width: 6px; height: 6px; border: none; display: block !important; }
body#secondary { 
	background-image: url(images/bg1_pattern.jpg);
	background-repeat: repeat-y;
	background-position: right 183px;
}

body#secondary #subwrapper {
	background-image: url(images/bg1_pattern.jpg);
	background-repeat: repeat-y;
	/*background-position: right top;*/
	/*background: #0000FF;*/
}
body#secondary #wrapper {
	/*padding-right: 30%;*/
}
body#secondary #wrapper #text { top: 0px; padding-top: 20px; }

#book-order   { display: block; height: 150px; width: 271px; background-image: url(images/book_order.gif);
	           background-repeat: no-repeat; padding-right: 5px; padding-bottom: 15px; }
#book-order p { font-size: 110%; padding-top: 55px; width: 135px; display: block; padding-left: 153px; }

#book-order1 { display: block; height: 150px; width: 271px; background-image: url(images/book_order_vol2.gif);
	           background-repeat: no-repeat; padding-right: 5px; padding-bottom: 15px; }
#book-order1 p { font-size: 110%; padding-top: 55px; width: 135px; display: block; padding-left: 153px; }

#book-order3  { display: block; height: 150px; width: 271px; background-image: url(images/book_order_blank.gif);
                background-repeat: no-repeat; padding-right: 5px; padding-bottom:15px; }
#book-order3  p { font-size: 110%; padding-top: 55px; width: 135px; display: block; padding-left: 153px; }

#order_pic { position: absolute; top: 90px; left: 22px; }
#table_of_pic { position: absolute; top: 360px; left: 22px; }
#cableYouTube {position: absolute; width: 253px; height: 28px; top: 780px; left: 300px; }


.pay { width: 244px; background-color: #223B14; padding-left: 17px; padding-right: 10px; }
.pay .button { float: left; width: 100px; }
.pay #buttons-block { display: block; padding-bottom: 5px; }

#footer { border-top-width: 1px; border-top-style: dotted; border-top-color: #D2A550; padding-top: 10px; text-align: center; }

#footer2 { position: absolute; top: 830px; width: 512px; left: 40px; border-top-width: 1px; 
           border-top-style: dotted; border-top-color: #D2A550; padding-top: 10px; text-align: center; }
#footer2 a { color: #FFC86D; text-decoration: underline; }
#footer2 a:hover { color: #F7C768; }
#footer2 p { font-size: 80%; line-height: 1.3em; padding-bottom: 15px; font-weight: lighter; }

.hidden { position: fixed; left: -999px; top: 400px;}