/* contents.css */
/* for contents page */
/*--------------------------------------*/

body {
}
#wrapper {
    overflow:hidden;
}

#wrapper.results {
    background:#ffffff url("../images/results_back.gif") top center;
}

#main {
    padding:30px 44px 50px;
    text-align:left;
}

#main h2 {
    background:#14488e url("../images/h2_bg.png") no-repeat 0 center;
    margin:0 0 1.5em;
    padding:0 0 0 20px;
    font-size:1.4em;
    font-weight:bold;
    color:#ffffff;
}
#main h3 {
    background:url("../images/h3_bg.png") repeat-y 0 bottom;
    margin:0 0 1em;
    padding:0 0 0 20px;
    font-size:1.2em;
    font-weight:bold;
}

#main p {
    margin:0 0 1em;
}
#main .right {
    text-align:right;
}
#main .center {
    text-align:center;
}
#main .eol {
    margin:0 0 3em;
}

#main ul.normal {
    padding:0 0 0 1.5em;
    list-style:disc;
}



/* results.html */
.worksBlock {
    margin-bottom:30px;
}

.worksBlock .boxItem {
    width:216px;
    height:177px;
    float:left;
    margin-right:16px;
    font-size:10px;
}

.worksBlock .boxItem img {
    border:1px solid #cccccc;
}

.worksBlock .boxItem:nth-child(4n) {
    margin-right:0;
}







/* - 1000px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1000px) {

body {
}


#wrapper.results {
    /*background:#ffffff url("../images/results_back.gif") top center;*/
    background:#fff;
}

#main {
    padding:30px 0;
}



/* results.html */
.worksBlock img {
    max-width:100%;
    height:auto;
}

.worksBlock {
    margin-right:-3%;
}
.worksBlock .boxItem {
    float:none;
    display:inline-block;
    width:23%;
    height:auto;
    margin:0 1% 2% 0;
    vertical-align:top;
}
.worksBlock .boxItem img {
}
.worksBlock .boxItem:nth-child(4n) {
    margin:0 1% 2% 0;
}



}
/* - 1000px end */



/* - only 641px-1000px */
/*-----------------------------------------------------------*/
@media only screen and (min-width: 641px) and (max-width: 1000px) {

}
/* - only 641px-1000px end */



/* - 640px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 640px) {

body {
}


.worksBlock {
    margin-right:-1%;
}
.worksBlock .boxItem {
    float:none;
    display:inline-block;
    width:48%;
    height:auto;
    margin:0 1% 2% 0;
    vertical-align:top;
}


}
/* - 640px end */