Tenes dos posibilidades para ver el style de esa pagina:
1 . Abrisla pagina y en el navegador:
Archivo...Guardar como...y la guardas en tu pc...
Una vez en tu maquina, abris la carpeta que viene con la descarga y que acompaña al .html...dentro de una subcarpeta, hay un style y dentro de otra...hay otro style...busca fa referencia de lo que necestes hacer.
2 - Abris la pagina que mencionaste y en el navegador:
Ver...Codigo fuente...
Las primeras lineas son estas:
<!--
body {
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
background-image: url(images/lay/bg.jpg);
}
.Estilo1 {
font-family: tahoma;
font-size: 12px;
color: #000000;
}
.Estilo2 {color: #E48437}
.Estilo3 {color: #FFFFFF}
.Estilo4 {
font-family: tahoma;
font-size: 12px;
}
body,td,th {
font-family: tahoma;
font-size: 12px;
cursor:ne-resize;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
border-bottom: 2px #E48437 dotted;
cursor:crosshair;
}
a:active {
text-decoration: none;
color: #000000;
}a img {
border: 2px solid #E48437;
}
a:hover img {
border: 2px solid #FFFFFF;
}
.Estilo6 {font-size: 12px; color: #E48336;}
.Estilo8 {color: #E28537}
-->
En rojo, lo que modifica los enlaces...la funcion que te crea esos "puntitos" es dotted y se puede usar tanto en enlaces como en cualquier otra...por ejemplos tablas...bordes...etc.