body {
font-size: small;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
}
#wrapper { 
position: relative;
background: transparent;
background: transparent url("link_images/your_one_stop_shop.jpg") no-repeat 0 0;
width: 800px;
height: 600px;
top: 0;
right: 0;
bottom: 525px;
left: 0;
margin-left: auto;
margin-right: auto;
overflow: hidden; 
}
.about a {
display: block;
position: absolute;
top: 65px;
left: 285px;
width: 56px;
height: 56px;
background: url("images/gifs/about_1.gif") no-repeat 0 0;
text-indent: -7000px;
text-decoration: none;
}
.about a:hover {
background: url("images/gifs/about_2.gif") no-repeat 0 0;
}
.samples a {
display: block;
position: absolute;
top: 90px;
left: 395px;
width: 56px;
height: 56px;
background: url("images/gifs/samples_1.gif") no-repeat 0 0;
text-indent: -7000px;
text-decoration: none;
}
.samples a:hover {
background: url("images/gifs/samples_2.gif") no-repeat 0 0;
}
.quotes a {
display: block;
position: absolute;
top: 100px;
left: 503px;
width: 56px;
height: 56px;
background: url("images/gifs/quote_1.gif") no-repeat 0 0;
text-indent: -7000px;
text-decoration: none;
}
.quotes a:hover {
background: url("images/gifs/quote_2.gif") no-repeat 0 0;
}
.contact a {
display: block;
position: absolute;
top: 93px;
left: 615px;
width: 56px;
height: 56px;
background: url("images/gifs/contact_1.gif") no-repeat 0 0;
text-indent: -7000px;
text-decoration: none;
}
.contact a:hover {
background: url("images/gifs/contact_2.gif") no-repeat 0 0;
}
.home a {
display: block;
position: absolute;
top: 60px;
left: 715px;
width: 56px;
height: 56px;
background: url("images/gifs/home_1.gif") no-repeat 0 0;
text-indent: -7000px;
text-decoration: none;
}
.home a:hover {
background: url("images/gifs/home_2.gif") no-repeat 0 0;
}
#leftcolumn {
color: white;
display: inline;
position: relative;
background: transparent;
font-size: 80%;
margin-top: 390px;
margin-right: auto;
margin-bottom: 500px;
margin-left: auto;
padding: 0;
width: 266px;
height: 525px;
text-align: center;
float: left;
}
#middlecolumn {
position: relative;
display: inline;
color: black;
background: transparent;
font-size: 80%;
margin-top: 390px;
margin-right: auto;
margin-bottom: 500px;
margin-left: auto;
padding: 0;
width: 267px;
height: 525px;
text-align: center;
float: left;
}
#rightcolumn {
position: relative;
display: inline;
font-size: 80%;
color: #91A2AA;
background: transparent;
margin-top: 390px;
margin-right: auto;
margin-bottom: 500px;
margin-left: auto;
padding: 0;
width: 266px;
height: 525px;
text-align: center;
float: left;
}
.footer {
position: absolute;
display: block;
top: 540px;
right: 0;
bottom: 0;
left: 0;
text-align: center;
font-size: 82%;
overflow: hidden;
}
a {
color: #989898;
text-decoration: none;
border: none;
}
h2 {
font-size: 220%;
margin: 0 0 2px 0;
}
.whistle a:hover {
color: #FFE55E;
}
.white {
color: #ffffff;
}
.black {
color: #000000;
}
.gray {
color: #91a2aa;
}