body {
 background-color:#000017;
 margin:0;
 line-height:normal;
 font-family: "Lucida Sans Unicode", Geneva, Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #222222;
}

/*

Remember the relative div positioning depends on the body font size being correct */

.saletext {
margin: 5px 0;
color: #444444;
line-height: 135%;
text-align:justify;
}


#wrapper {
position:relative;
margin: 10px auto 5px auto;  
width:901px;
height:716px;
background-image:url(../portfolio/katzen/katzen.jpg);
background-repeat:no-repeat;
background-position:center;
z-index:1;
}

/* Get the text into the blue box, positioned relative to the wrapper */

#left {
position: absolute;
left:22.4%;
top: 16.5%;
width: 184px;
height:410px;
}

/* This is the box for the links. Match line height to handwriting. */

#nav {

position: relative;
left: 27%;
top: 78%;
width: 110px;
height:100px;
line-height:215%;

}

/* Hide the links using the strong tag so that the handwriting is not obscured */

 a {
text-decoration:none;
}

a:hover {color:#FF0000}
a:visited {color:#0066FF}
a:link {color:#0066FF}



#nav a strong {
visibility:hidden;
}

#image {
position: absolute;
left: 49.5%;
top: 16%;
width: 329px;
height: 263px;

}

#trolley {
position:absolute;
left: 57.2%;
top: 65%;
width: 100px;
height: 100px;
}

.trolley {
margin: 0;
font-size: 10px;
line-height: 100%; }

#checkout {
position:absolute;
left: 73.9%;
top: 85%;
width: 50px;
height: 25px;

}

input {

font-family: "Lucida Sans Unicode", Geneva, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #0066FF;
background-color:#FFFFCC;
}

#left, #nav, #image, #checkout, #trolley {
msrgin: 0;
padding: 0;
}