/* убиваем отступы */
*
{
margin:0px;
padding:0px;
}

/* проивольные стили страницы */
h1
{
font-family:Arial;
font-size:24px;
color:#707070;
margin-top:30px;
}

a
{
text-decoration:none;
color:#768c97;
}

a:hover
{
text-decoration:underline;
color:#00b4ff;
}


/* тут я растягиваю страницу и выравниваю содержание по центру */
.all
{
width:100%;
}

/* стили дивы с картинками для слайдера */
.myslider
{
margin-top:50px;
/* ширину и высоту надо задать такие же, как есть у ваших картинок */
width:600px;
height:300px;

/* всякие некросбраузерные красотульки ))) */
border:10px solid #fff;
box-shadow:0px 0px 50px #ccc;
-moz-box-shadow:0px 0px 50px #ccc;
-webkit-box-shadow:0px 0px 50px #ccc;
}

/* скрываем вложенные изображения, так как нам нужны только их атрибуты а не они сами */
.myslider img
{
display:none;
}

/* стили блока ссылок на картинки */

.slnav
{
width:600px;

}

/* стили самих ссылок на картинки */

.sldlink
{
cursor:pointer;
margin:5px;
display:inline-block;
width:20px;
height:20px;
}


/* выравниваем дивы - фрагменты изображения по левому краю */
.slfrag
{
float:left;
}