body {
background: url('/images/layout/ds-fp-back.jpg') #0F0019 no-repeat;
margin: 0px 0px 30px 15px; padding: 0px;
font-family: Century Gothic, century gothic, gothic, arial;
font-size: 14px;
color: black;
text-align: justify;
}

#main {
position: absolute;
width: 548px;
top: 10px; left: 425px;
padding: 0px 15px 20px 15px;
margin-right: 15px;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #8B3E9C;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/white1.png', sizingMethod='scale');
z-index: 100;
}
body>#main {background: url('/images/layout/white50.png');}

#nav {
position: absolute;
top: 167px; left: 0px;
width: 212px; height: 540px;
padding: 0px; margin: 0px;
}

#nav ul {
float: left;
padding: 0px; margin: 0px;
list-style-type: none;
height: 60px;
}
#nav ul li {
display: block;
height: 60px;
}


/* Side Nav */

.sl1, .sl2, .sl3, .sl4, .sl5, .sl6, .sl7, .sl8 {
display: block;
background-repeat: no-repeat;
height: 60px;
}
.sl1:hover, .sl2:hover, .sl3:hover, .sl4:hover, .sl5:hover, .sl6:hover, .sl7:hover, .sl8:hover {
background-repeat: no-repeat;
}

.sl1 {width: 159px; background-image: url('/images/layout/link/ln-1-o.jpg');}
.sl2 {width: 108px; background-image: url('/images/layout/link/ln-2-o.jpg');}
.sl3 {width: 171px; background-image: url('/images/layout/link/ln-3-o.jpg');}
.sl4 {width: 212px; background-image: url('/images/layout/link/ln-4-o.jpg');}
.sl5 {width: 212px; background-image: url('/images/layout/link/ln-5-o.jpg');}
.sl6 {width: 192px; background-image: url('/images/layout/link/ln-6-o.jpg');}
.sl7 {width: 120px; background-image: url('/images/layout/link/ln-7-o.jpg');}
.sl8 {width: 129px; background-image: url('/images/layout/link/ln-8-o.jpg');}
.sl9 {width: 129px; background-image: url('/images/layout/link/ln-9-o.jpg');}

.sl1:hover {background-image: url('/images/layout/link/ln-1-n.jpg');}
.sl2:hover {background-image: url('/images/layout/link/ln-2-n.jpg');}
.sl3:hover {background-image: url('/images/layout/link/ln-3-n.jpg');}
.sl4:hover {background-image: url('/images/layout/link/ln-4-n.jpg');}
.sl5:hover {background-image: url('/images/layout/link/ln-5-n.jpg');}
.sl6:hover {background-image: url('/images/layout/link/ln-6-n.jpg');}
.sl7:hover {background-image: url('/images/layout/link/ln-7-n.jpg');}
.sl8:hover {background-image: url('/images/layout/link/ln-8-n.jpg');}
.sl9:hover {background-image: url('/images/layout/link/ln-9-n.jpg');}

/* text formatting */
b.logoesque {
font-size: 26px;
font-weight: normal;
}
a, a:link, a:visited, a:active {
color: black;
}
a {
text-decoration: none;
}
a.a-link {font-size: 12px;}
a.a-link-large {font-size: 14px;}
.title {
font-size: 14px;
font-weight: bold;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #595959;
}

/* -- */

img {border: none;}

/* explanation box */

#ex1, #ex2, #ex3, #ex4, #ex5, #ex6, #ex7, #ex8 {
position: absolute;
width: 329px; height: 98px;
padding-top: 0px;
color: #f6e3ff;
top: 0px; left: 0px;
}

#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;}


/* -- */

#copyright {
font-size: 10px;
font-weight: bold;
text-align: center;
color: #000000;
margin: 25px 0 15px 0;
}

.folio-i {
padding: 0; margin: 0;
width: 50px;
height: 50px;
border-width: 0px 0px 1px 1px;
border-style: solid;
border-color: #8B3E9C;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/white1.png', sizingMethod='scale');
}
tr>.folio-i {background: url('/images/layout/white50.png');}
.folio-t {
padding: 0 20px 0 20px; margin: 0;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #8B3E9C;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/white1.png', sizingMethod='scale');
}
tr>.folio-t {background: url('/images/layout/white50.png');
}
.foliotable {z-index: 200;}
.foliotable tr td div {position: inherit; z-index: 1000;}