<style type="text/css">

#container{
width: 750px;
height: 566px;
}

#panel_1 {
 background-image: url("http://images.figleaves.com/uk/images/eng-gbr/landing_page/summersolutions/ss_bk.jpg") no-repeat; 
}

#news {
 position: relative;
 float: left;
 width: 79px;
 height: 38px;
 z-index: 1;
 background-image: url("Assets/images/news_off.jpg");
}

#news a {
 display: block;
 height: 38px;
 width: 79px; 
}

#news a img {
 height: 0px;
 width: 0px;
 border: 0px;
}

#news a:hover img {
 height: 38px;
 width: 79px;
 border: 0px;
}

#animation {
 position: relative;
 float: left;
 width: 126px;
 height: 38px;
 z-index: 1;
 background-image: url("Assets/images/animation_off.jpg");
}

#animation a {
 display: block;
 height: 38px;
 width: 126px; 
}

#animation a img {
 height: 0px;
 width: 0px;
 border: 0px;
}

#animation a:hover img {
 height: 38px;
 width: 126px;
 border: 0px;
}

#film {
 position: relative;
 float: left;
 width: 63px;
 height: 38px;
 z-index: 1;
 background-image: url("Assets/images/film_off.jpg");
}

#film a {
 display: block;
 height: 38px;
 width: 63px; 
}

#film a img {
 height: 0px;
 width: 0px;
 border: 0px;
}

#film a:hover img {
 height: 38px;
 width: 63px;
 border: 0px;
}

#art {
 position: relative;
 float: left;
 width: 60px;
 height: 38px;
 z-index: 1;
 background-image: url("Assets/images/art_off.jpg"); 
}

#art a {
 display: block;
 height: 38px;
 width: 60px; 
}

#art a img {
 height: 0px;
 width: 0px;
 border: 0px;
}

#art a:hover img {
 height: 38px;
 width: 60px;
 border: 0px;
}

#design {
 position: relative;
 float: left;
 width: 144px;
 height: 38px;
 z-index: 1;
 background-image: url("Assets/images/web_design_off.jpg");
}

#design a {
 display: block;
 height: 38px;
 width: 144px; 
}

#design a img {
 height: 0px;
 width: 0px;
 border: 0px;
}

#design a:hover img {
 height: 38px;
 width: 144px;
 border: 0px;
}

#games {
 position: relative;
 float: left;
 width: 96px;
 height: 38px;
 z-index: 1;
 background-image: url("Assets/images/games_off.jpg");
}

#games a {
 display: block;
 height: 38px;
 width: 96px; 
}

#games a img {
 height: 0px;
 width: 0px;
 border: 0px;
}

#games a:hover img {
 height: 38px;
 width: 96px;
 border: 0px;
}

#contact {
 position: relative;
 float: left;
 width: 104px;
 height: 38px;
 z-index: 1;
 background-image: url("Assets/images/contact_off.jpg");
}

#contact a {
 display: block;
 height: 38px;
 width: 104px; 
}

#contact a img {
 height: 0px;
 width: 0px;
 border: 0px;
}

#contact a:hover img {
 height: 38px;
 width: 104px;
 border: 0px;
}

#links {
 position: relative;
 float: left;
 width: 78px;
 height: 38px;
 z-index: 1;
 background-image: url("Assets/images/links_off.jpg"); 
}

#links a {
 display: block;
 height: 38px;
 width: 78px; 
}

#links a img {
 height: 0px;
 width: 0px;
 border: 0px;
}

#links a:hover img {
 height: 38px;
 width: 78px;
 border: 0px;
}

a:hover {zoom:1;}


</style>
