*{
    margin:0;
    padding:0;
}

body{
    background:#222;
}

.content{
    width:960px;
    padding:10px;
    margin:10px auto;
}

.content:after {
    clear:both;
display:block;
content:'.';
height:0;
font-size:0;
}

.patt-container{
    float:left;
    width:370px;
    height:90px;
    margin:10px 10px 10px 0 ;
    font-family:sans-serif;
    font-size: 2em;
    padding:50px;
    text-align:center;
    -webkit-box-shadow:inset 0 0 3px 3px rgba(55,55,55,0.9);
    box-shadow:inset 0 0 3px 3px rgba(55,55,55,0.9);
}


#patt1{
    background: url('img/congruent_outline.png') 0 0 repeat;
}

#patt2{
    background: url('img/bo_play_pattern.png') 0 0 repeat;
}

#patt3{
    background: url('img/food.png') 0 0 repeat;
}

#patt4{
    background: url('img/lined_paper.png') 0 0 repeat;
}

#patt5{
    background: url('img/congruent_pentagon.png') 0 0 repeat;
}

#patt6{
    background: url('img/red.jpg') 0 0 repeat;
}