html, body, div
 { 
 margin: 0; 
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 background: transparent;
 font-family: sans-serif;
  }

body
{
font-size: 85%;
background-image: url(../images/bg.gif);
background-repeat: repeat-y;
/* center background image*/
background-attachment: fixed;
background-position: center 0px; 

}

#wrapper
{
margin-left: auto;
margin-right: auto;
width: 635px;
position: absolute;
left: 50%;
margin-left: -300px;


}

#header 
{
width: 622px; 
height: 98px;
margin-left: 25px; 
margin-top: 120px;


position: absolute;
left: 50%;
margin-left: -310px;


}

/* header class styles images in header div */
img.headerimg 
{
float: left;
}

#nav 
{
width: 75px; 
height: 250px; 
margin-left: 23px; 
margin-top: 225px;

position: absolute;
left: 50%;
margin-left: -335px;
}

/* the "clear:left" will ensure nothing is to its left*/
img.buttons
{
float: left; 
clear: left;
margin-bottom: 10px;
border: 0;
} 
 
#content
{
width: 500px; 
margin-left: 30px; 
margin-top: 240px;
position: absolute;
}

img.alignright 
{
float: right; 
margin-left: 10px;
}

/* header class styles images in header div*/
img.headerimg 
{
float: left;
}

li 
{
padding: 5px;
}

/* the "clear:both" will ensure nothing is to its left or its right because it says it is not allowed*/
#footer 
{
text-align: center;
margin-bottom: 15px;
clear: both;



}

#footertitle
{
color: green;
}

/*patterns css*/

table.products 
{
width: 475px; 
border: 0px;
margin-left: 45px;
margin-right: 55px;
padding-right: 15px;
}

td.products 
{
text-align: center; 
padding: 5px;
margin-left: 5px;
}

/*book css*/

.center, p
{
width: 500px; 
border: 0px;
text-align: center; 
clear: both;
margin-left: 70px;

}

.txtgreen
 { color: green;}
ul 
{
margin-left: 75px;
}
.trail
	{
	position: absolute;
	margin-top: 1100px;	
	clear: both;
	width: 500px; 
 	text-align: center;
	}