Уменьшение окна слайдов

[MaxFakc 0]

Здраствуйте подскажите пожалуйста как мне уменьшить размеры окна слайдшоу!?

Мой сайт http://servis-soft.ru/

Задача: мне надо уменьшить полностью

1) Размер окна

2) Чтоб он был по центру

3) Чтоб все сделать окуратно!

Напишите хотя бы идеи как это сделать!

Просмотрел уже и javascript и в Style там ничего не нашел!

ААААААААААААУУУУУУУУУУУУУУУУ

[alex32 934]

Просмотрел уже и javascript и в Style там ничего не нашел!

Плохо искали. Вот ваш слайдер

<script type="text/javascript" src="/templates/Pisces/js/slides.js"></script>

<script type="text/javascript">

$(function(){

$('#slides').slides({

effect: 'fade',

play: 5000,

pause: 2500,

generatePagination: true,

preload: true,

hoverPause: true

});

});

</script>

<div class="slider">

<div class="container">

<div id="slides">

<div class="slides_container">

<div><a href="http://servis-soft.ru/harakteristika-pp-1s-otchetnost.html"><img src="/templates/Pisces/img/slide1.jpg" alt="" /></a></div>

<div><a href="http://servis-soft.ru/its.html"><img src="/templates/Pisces/img/slide2.jpg" alt="" /></a></div>

<div><a href="http://servis-soft.ru/harakteristika-pp-1s-otchetnost.html"><img src="/templates/Pisces/img/slide3.jpg" alt="" /></a></div>

<div><a href="http://servis-soft.ru/harakteristika-pp-1s-otchetnost.html"><img src="/templates/Pisces/img/banner.jpg" alt="" /></a></div>

</div>

</div>

</div>

<div class="dleft">&nbsp;</div>

<div class="dright">&nbsp;</div>

</div>

Что тут непонятного, в файле стилей ищем классы и id "slider" "container" slides" "slides_container" и правим их. И почистите сайт, полчаса как с сайта ушел а антивирус все ругается

[MaxFakc 0]

Это я нашел! Но что тут изменять я уже все пробовал!

.slider { height: 312px; position: relative; }

.slider .container { padding-bottom: 2px; background: url("../images/slidershd.png") repeat-x 50% 100%; }

#slides, .slides_container, .slider .container { height: 271px; }

.slides_container { position: relative; background: #000 url("../images/loading.gif") no-repeat 50% 50%; width: 100%; overflow: hidden; }

.pagination { text-align: center; height: 20px; margin: 0; padding: 11px 0 0 0; list-style: none; }

.pagination li { display: inline-block; width: 19px; height: 19px;

zoom: 1;

*display: inline;

}

.pagination li a { background: url("../images/pagination.png") no-repeat; display: block; width: 19px; padding-top: 19px; height: 0; overflow: hidden; }

.pagination li a:hover { background-position: -19px 0; }

.pagination li.current a { background-position: -38px 0; }

.slider .dleft, .slider .dright { background: url("../images/slider.png") no-repeat; height: 273px; width: 23px; position: absolute; top: 0; }

.slider .dleft { left: 0; background-position: 0 0; } .slider .dright { right: 0; background-position: -23px 0; }