Впервые обращаюсь на форум. Достался мне сайт для переделки. Вроде все ничего но не могу понять как сделать расстояние между ячейками больше на странице http://aqua72.info/фотоальбомы-2/.
Код страницы
<div class="art-content-layout">
<div class="art-content-layout-row">
<table >
<tbody>
<tr>
<td width="30%">
<div class="art-layout-cell" style="width: 30%;">
<div id="g1">
<h5>Бассейны</h5>
<a title="Бассейны фото " href="http://aqua72.info/%d0%b1%d0%b0%d1%81%d1%81%d0%b5%d0%b8%d0%bd%d1%8b-4/"><img class="alignleft size-thumbnail wp-image-673" alt="Bass" src="http://aqua72.info/wp-content/uploads/2014/01/Bass-150×150.jpg" width="220" height="140" /></a>
Наша компания производит дизайн и изготовляет бассейны для дома, дачи и организации.
<a class="art-button" title="Бассейны фото " href="http://aqua72.info/%d0%b1%d0%b0%d1%81%d1%81%d0%b5%d0%b8%d0%bd%d1%8b-4/">Далее…</a>
</div>
</div></td>
<td width="30%">
<div class="art-layout-cell" style="width: 30%;">
<div id="g2">
<h5>фонтаны</h5>
<a href="http://aqua72.info/wp-content/uploads/2014/01/fantan1.jpg"><img class="alignleft size-thumbnail wp-image-750" alt="OLYMPUS DIGITAL CAMERA" src="http://aqua72.info/wp-content/uploads/2014/01/fantan1-150×150.jpg" width="220" height="140" /></a>
<span style="font-style: italic;">Проектирование и изготовление бассейнов в Тюмени. Фонтаны и декорации</span>
<a class="art-button" href="http://aqua72.info/%D1%84%D0%BE%D0%BD%D1%82%D0%B0%D0%BD%D1%8B/">Далее…</a>
</div>
</div></td>
<td width="30%">
<div class="art-layout-cell" style="width: 30%;">
<div id="g3">
<h5>Панно</h5>
<a href="http://aqua72.info/wp-content/uploads/2014/01/panno1.jpg"><img class="alignleft size-thumbnail wp-image-756" alt="panno1" src="http://aqua72.info/wp-content/uploads/2014/01/panno1-150×150.jpg" width="220" height="140" /></a>Разукрасте вашу ванную или бассейн приятным мозаичным панно.
<p></p>
<a class="art-button" href="http://aqua72.info/%D0%BF%D0%B0%D0%BD%D0%BD%D0%BE/">Далее…</a>
</div>
</div></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="art-content-layout">
<div class="art-content-layout-row">
<table>
<tbody>
<tr>
<td width="33%">
<div class="art-layout-cell">
<div id="g4">
<h5>Бассейны</h5>
<span style="font-style: italic;">Дизайн и производство бассейнов любой сложности в Тюмени</span>
<div class="art-collage" id="fin1" style="position: relative; display: inline-block; z-index: 0; margin: 0px; border-width: 0px;"></div>
Наша компания производит дизайн и изготовляет бассейны для дома, дачи и организации.
<a class="art-button" href="http://aqua72.info/%D0%B1%D0%B0%D1%81%D1%81%D0%B5%D0%B8%D0%BD%D1%8B/">Далее…</a>
</div>
</div></td>
<td width="34%">
<div class="art-layout-cell" style="width: 34%;">
<div id="g5">
<h5>фонтаны</h5>
<span style="font-style: italic;">Проектирование и изготовление бассейнов в Тюмени.</span>
<div class="art-collage" id="a9fbe74fe47a4a39b657ca466c982793" style="position: relative; display: inline-block; z-index: 0; margin: 0px; border-width: 0px;"></div>
Изготовление бассейнов любой сложности. Уличные, домашние, для бассейна.
<a class="art-button" href="http://aqua72.info/%D1%84%D0%BE%D0%BD%D1%82%D0%B0%D0%BD%D1%8B/">Далее…</a>
</div>
</div></td>
<td width="33%">
<div class="art-layout-cell" style="width: 33%;">
<div id="g6">
<h5>Панно</h5>
<span style="font-style: italic;">Мозаичное панно которое украсит любой бассейн.</span>
<div class="art-collage" id="fin32" style="position: relative; display: inline-block; z-index: 0; margin: 0px; border-width: 0px;"></div>
Разукрасте вашу ванную или бассейн приятным мозаичным панно.
<a class="art-button" href="http://aqua72.info/%D0%BF%D0%B0%D0%BD%D0%BD%D0%BE/">Далее…</a>
</div>
</div></td>
</tr>
</tbody>
</table>
</div>
</div>
Код применяемого стиля к ячейкам.
#g1 {
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
background: #246BB2;
background: -moz-linear-gradient(top, #246BB2 0%, #4A8CC2 50%, #246BB2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#246BB2), color-stop(50%,#4A8CC2), color-stop(100%,#246BB2));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#246BB2′, endColorstr=’#246BB2′,GradientType=0 );
background: -o-linear-gradient(top, #246BB2 0%,#4A8CC2 50%,#246BB2 100%);
color: #FFFFFF;
padding: 20px;
}
Не могу понять как же сделать расстояние между ячейками больше. Люди добрые подскажите пожалуйста.
