/* CSS Document */

body {
background-color: #0F0019;
background-image: url('/images/layout/ds-fp-back.jpg');
background-repeat: no-repeat;
margin: 0px; padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}


/* main navigation */
#nav {
width: 279px;
margin: 0px; padding: 0px;
}
#nav ul {padding: 0px; margin: 0px;}
#nav ul li {padding: 0px; margin: 0px; list-style-type: none;}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8 {position: absolute; padding: 0px; margin: 0px;}
#menu1 {top: 19px; left: 422px;}
#menu2 {top: 92px; left: 471px;}
#menu3 {top: 167px; left: 471px;}
#menu4 {top: 241px; left: 471px;}
#menu5 {top: 318px; left: 471px;}
#menu6 {top: 394px; left: 471px;}
#menu7 {top: 467px; left: 471px;}
#menu8 {top: 543px; left: 422px;}

.ln1, .ln2, .ln3, .ln4, .ln5, .ln6, .ln7, .ln8 {
display: block;
background-repeat: no-repeat;
height: 60px;
}
.ln1:hover, .ln2:hover, .ln3:hover, .ln4:hover, .ln5:hover, .ln6:hover, .ln7:hover, .ln8:hover {
background-repeat: no-repeat;
}

.ln1 {width: 186px; background-image: url('/images/layout/link/fpl-1-o.jpg');}
.ln2 {width: 148px; background-image: url('/images/layout/link/fpl-2-o.jpg');}
.ln3 {width: 211px; background-image: url('/images/layout/link/fpl-3-o.jpg');}
.ln4 {width: 230px; background-image: url('/images/layout/link/fpl-4-o.jpg');}
.ln5 {width: 230px; background-image: url('/images/layout/link/fpl-5-o.jpg');}
.ln6 {width: 211px; background-image: url('/images/layout/link/fpl-6-o.jpg');}
.ln7 {width: 146px; background-image: url('/images/layout/link/fpl-7-o.jpg');}
.ln8 {width: 125px; background-image: url('/images/layout/link/fpl-8-o.jpg');}

.ln1:hover {background-image: url('/images/layout/link/fpl-1-n.jpg');}
.ln2:hover {background-image: url('/images/layout/link/fpl-2-n.jpg');}
.ln3:hover {background-image: url('/images/layout/link/fpl-3-n.jpg');}
.ln4:hover {background-image: url('/images/layout/link/fpl-4-n.jpg');}
.ln5:hover {background-image: url('/images/layout/link/fpl-5-n.jpg');}
.ln6:hover {background-image: url('/images/layout/link/fpl-6-n.jpg');}
.ln7:hover {background-image: url('/images/layout/link/fpl-7-n.jpg');}
.ln8:hover {background-image: url('/images/layout/link/fpl-8-n.jpg');}

/* explanation box */

#ex1, #ex2, #ex3, #ex4, #ex5, #ex6, #ex7, #ex8 {
position: absolute;
width: 329px; height: 300px;
padding-top: 100px;
color: #f6e3ff;
top: 50px; left: 46px;
visibility: hidden;
}

#ex1 {background: url('/images/layout/head-folio.jpg') no-repeat;}
#ex2 {background: url('/images/layout/head-blog.jpg') no-repeat;}
#ex3 {background: url('/images/layout/head-design.jpg') no-repeat;}
#ex4 {background: url('/images/layout/head-web.jpg') no-repeat;}
#ex5 {background: url('/images/layout/head-biz.jpg') no-repeat;}
#ex6 {background: url('/images/layout/head-services.jpg') no-repeat;}
#ex7 {background: url('/images/layout/head-about.jpg') no-repeat;}
#ex8 {background: url('/images/layout/head-contact.jpg') no-repeat;}

.expbox p {
margin-left: 50px;
margin-right: 80px;
text-align: justify;
}