Side By Side DIV's not working

For some reason side by side <div></div> are not working in Gavick template.
Here is my code, they should show up side by side in HTML yet then dont.
What div class or style should I use to make these appear side by side in gavick template?
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell" style="padding: 5px; width: 5%;">DIV 1</div>
<div class="art-layout-cell" style="padding: 5px; width: 15%;">DIV 2</div>
<div class="art-layout-cell" style="padding: 5px; width: 15%;">DIV 3</div>
<div class="art-layout-cell" style="padding: 5px; width: 15%;">DIV 4</div>
<div class="art-layout-cell" style="padding: 5px; width: 15%;">DIV 4</div>
<div class="art-layout-cell" style="padding: 5px; width: 15%;">DIV 4</div>
<div class="art-layout-cell" style="padding: 5px; width: 15%;">DIV 4</div>
<div class="art-layout-cell" style="padding: 5px; width: 5%;">DIV 4</div>
</div>
</div>

Thank you

Hi

I have already answered to Your question in our ticket system. Here is what I wrote in case You did not received it ?

Hi

I need to see it first to tell. Right now I'm not sure if I understand the question. Unfortunately Your url gives me:

Forbidden
You don't have permission to access / on this server.
Additionally, a 403 Forbidden error was encountered while trying to use an ErrorDocument to handle the request.

my guess would be that You are lacking a style like:

.art-content-layout-row {
margin: 0 -5px;
}

.art-layout-cell {
float: left;
box-sizing: padding-box;
}