Почему изображения выравниваются влево

Question

Какая часть сценария выравнивает изображения слева. www.edmazeka.co.za. Вот css. Или то, что CSS я могу добавить, чтобы сделать только ПИК выровняйте по центру

/* BASIC */

* { 
    margin: 0; 
    padding: 0; 
} 

html { 
    background: #27282C url(images/bg2.jpg); 
} 

body { 
    font-size: 12pt; 
    font-family: Abel; 
    width:100%; 
    min-width: 1255px; 
    color: #d0d1d4; 
    text-shadow: 1px 1px 0px rgba(0,0,0,0.7); 
} 

p { 
    line-height: 1.75em; 
    text-align: justify; 
    font-family: "Open Sans", sans-serif; 
    font-size: 0.9em; 
    margin: 0 0 2em 0; 
} 

strong { 
    color: #ffffff; 
} 

h1,h2,h3,h4 { 
    font-weight: normal; 
} 

a { 
    color: #6BA8E7; 
} 

/* РАЗНОЕ */

br.clear { 
    clear: both; 
} 

img.align-left 
{ 
    float: left; 
    margin: 0 50px 30px 0; 
} 

/* ПЛАНИРОВКА */

#bg0 { 
    position: relative; 

    width: 100%; 
    height: 30px; 
    background: url(images/bg0.jpg); 
    z-index: 2; 
    border-bottom: solid 1px #4B4C50; 
} 

#bg1 { 
    min-width: 1255px; 
    width: 100%; 
    height: 1090px; 
    background: url(images/bg1.jpg) top center no-repeat; 
    position: absolute; 
    top: 0; 
    z-index: 1; 
} 

#wrapper { 
    position: relative; 
    z-index: 3; 
    padding: 80px 0 100px 0; 
    width: 100%; 
    min-height: 100px; 
    margin: 0 auto; 
    overflow: hidden; 
} 

/* CONTENT */

#content { 
    margin-left: 235px; 
    width: 1020px; 
    overflow: hidden; 
} 

Answer 1

Ваше правило:

.thumbnail img { 
display: block; 
width: 221px; 
border: 0; 
} 

делает это. Удалить display: block;

Answer 2

Как насчет этого?

img.align-left 
{ 
    float: left; 
    margin: 0 50px 30px 0; 
}