#frontpanel
{
width:760px;
height:455px;
background-image:url(../img/front_bg1.gif);
background-repeat:no-repeat;
position:relative;
float:left;
}
#frontimage
{
width:504px;
height:310px;
position:absolute;
top:0px;
left:0px;
background-image:url(../img/front.gif);
}
#frontimage img
{
border:0;
}
#serviceslinksbox
{
width:504px;
height:200px;
position:absolute;
top:311px;
left:0px;
background-color:#EEEEEE;
}
#serviceslinks
{
width:504px;
height:200px;
float:left;
}
#serviceslinks ul
{
list-style:none;
padding:0;
margin:0;
}
#serviceslinks li
{
float:left;
}
#serviceslinks li a
{
display:block;
width:252px;
height:48px;
background-image:url(../img/frontbutton1.gif);
background-repeat:no-repeat;
color:#5BBF21;
font-size:18px;
font-weight:bold;
}
#serviceslinks li a:hover
{
background-image:url(../img/frontbutton2.gif);
color:#333333;
}
#serviceslinks span
{
position:relative;
top:10px;
left:10px;
}
#hometext
{
position:absolute;
top:32px;
left:520px;
width:225px;
height:200px;
}
#servicestext
{
position:absolute;
top:343px;
left:520px;
width:225px;
height:100px;
}
#hometext p,#servicestext p
{
color:#FFFFFF;
line-height:1.4em;
}
.readmore a
{
position:absolute;
bottom:0px;
right:0px;
width:130px;
height:36px;
display:block;
background-repeat:no-repeat;
}
.readmore span
{
display:none;
}
#readmore1
{
background-image:url(../img/readmore1a.gif);
}
#readmore1:hover
{
background-image:url(../img/readmore1b.gif);
}
#readmore2
{
background-image:url(../img/readmore2a.gif);
}
#readmore2:hover
{
background-image:url(../img/readmore2b.gif);
}
.frontsquare a
{
position:absolute;
width:96px;
height:96px;
display:block;
}
.frontsquare a img
{
border:0;
}
#frontsquare1 { top:10px;left:10px; }
#frontsquare2 { top:10px;left:107px; }
#frontsquare3 { top:10px;left:204px; }
#frontsquare4 { top:10px;left:301px; }
#frontsquare5 { top:10px;left:398px; }
#frontsquare6 { top:107px;left:10px; }
#frontsquare7 { top:107px;left:107px; }
#frontsquare8 { top:107px;left:301px; }
#frontsquare9 { top:107px;left:398px;height:193px; }
#frontsquare10 { top:204px;left:10px; }
#frontsquare11 { top:204px;left:107px; }
#frontsquare12 { top:204px;left:204px; }
#frontsquare13 { top:204px;left:301px; }

.frontcaption a
{
position:absolute;
width:96px;
height:96px;
background-color:#54614C;
display:none;
}
.frontcaption a span
{
position:relative;
left:5px;
top:3px;
width:86px;
font-size:11px;
color:#FFFFFF;
}

#frontcaption1 { top:10px;left:10px; }
#frontcaption2 { top:10px;left:107px; }
#frontcaption3 { top:10px;left:204px; }
#frontcaption4 { top:10px;left:301px; }
#frontcaption5 { top:10px;left:398px; }
#frontcaption6 { top:107px;left:10px; }
#frontcaption7 { top:107px;left:107px; }
#frontcaption8 { top:107px;left:301px; }
#frontcaption9 { top:107px;left:398px;height:193px; }
#frontcaption10 { top:204px;left:10px; }
#frontcaption11 { top:204px;left:107px; }
#frontcaption12 { top:204px;left:204px; }
#frontcaption13 { top:204px;left:301px; }