/* graphics */
#actual {float: left;}
h2 {
background: url(../images/edge-bottom.gif) repeat-x left bottom;
border-bottom: 1px solid #b3bda3;
padding: 2% 0 5% 5%;
}
#edge-wrap {
width: 100%;
float: left;
background: url(../images/edge-bottom.gif) repeat-x left bottom;
padding: 35px;
}
#nav {
width: 120px;
float: left;
}
ul.buttons {
width: 100%;
border: 1px solid #b3bda3;
}
ul.buttons li {
width: 120px;
background: url(../images/edge-top.gif) repeat-x left top;
padding-top: 25px;
text-align: center;
}
ul.buttons li.bottom {
padding: 0;
background: url(../images/edge-bottom.gif) repeat-x left bottom;
}
ul.buttons li a {
display: block;
height: 58px;
padding: 10px 0;
margin-left: 20px;
}
#graphics-wrap {
width: 70%;
float: right;
border: 1px solid #b3bda3;
}
.graphics {
background: url(../images/edge-left.gif) repeat-y left 2%;
padding: 35px;}

a#btn-puzzlepuf {
width: 50px;
background: url(../graphics/images/btn_puzzlepuf.gif) no-repeat left top;
}
a#btn-puzzlepuf:hover {background: url(../graphics/images/btn_puzzlepuf.gif) no-repeat right top;}

a#btn-supersnail {
width: 76px;
background: url(../graphics/images/btn_supersnail.gif) no-repeat left top;
}
a#btn-supersnail:hover {background: url(../graphics/images/btn_supersnail.gif) no-repeat right top;}

a#btn-snailghost {
width: 76px;
background: url(../graphics/images/btn_snailghost.gif) no-repeat left top;
}
a#btn-snailghost:hover {background: url(../graphics/images/btn_snailghost) no-repeat right top;}

a#btn-heart {
width: 57px;
background: url(../graphics/images/btn_glass_heart.gif) no-repeat left top;
}
a#btn-heart:hover {background: url(../graphics/images/btn_glass_heart.gif) no-repeat right top;}

a#btn-star {
width: 58px;
background: url(../graphics/images/btn_glass_star.gif) no-repeat left top;
}
a#btn-star:hover {background: url(../graphics/images/btn_glass_star.gif) no-repeat right top;}

a#btn-oval {
width: 72px;
background: url(../graphics/images/btn_oval.gif) no-repeat left top;
}
a#btn-oval:hover {background: url(../graphics/images/btn_oval.gif) no-repeat right top;}

a#btn-circle {
width: 58px;
background: url(../graphics/images/btn_glass_circle.gif) no-repeat left top;
}
a#btn-logohere1 {
width: 58px;
background: url(../graphics/images/btn_logos.gif) no-repeat left top;
}
a#btn-logohere1:hover {background: url(../graphics/images/btn_logos.gif) no-repeat right top;}
a#btn-logohere2 {
width: 58px;
background: url(../graphics/images/btn_logos.gif) no-repeat right top;
}
a#btn-logohere2:hover {background: url(../graphics/images/btn_logos.gif) no-repeat left top;}