html,body {
    margin: 0px;
    counter-reset : h2;    
}
.container {
    margin: 35px;
    padding: 0px 25px;
    border: 1px solid #aaa;
    border-radius: 6px 6px 6px 6px;
}
.imageWrapper {
    display: inline-block;
}
.grayscale {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
    background-color: #666;
}
.grayscale img {
    opacity: 0.6;
    filter: alpha(opacity=60)
}

h2 {
    counter-reset : h3;
}

h3 {
    counter-reset : h4;
}

h4 {
    counter-reset : h5;
}

h5 {
    counter-reset : h6;
}

article h2:before {
    content : counter(h2, upper-roman) ". ";
    counter-increment : h2;
}

article h3:before {
    content : counter(h3,decimal) ". ";
    counter-increment : h3;
}

article h4:before {
    content : counter(h4,decimal) ". ";
    counter-increment : h4;
}

article h5:before {
    content : counter(h5,decimal) ". ";
    counter-increment : h5;
}

article h6:before {
    content : counter(h6,decimal) ". ";
    counter-increment : h6;
}

h2.nocount:before, h3.nocount:before, h4.nocount:before, h5.nocount:before, h6.nocount:before {
    content : "";
    counter-increment : none;
}