/* 
    Document   : wrapper
    Created on : Jul 15, 2010, 10:23:31 PM
    Author     : admin
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.full_wrapper{
    background: url(../images/wrappers/wrapper-full.jpg) no-repeat;
    width:880px;
    height: 360px;
    padding:30px;
    margin: 0 10px 10px 10px;
}

.wrapper_5{
    background: url(../images/wrappers/wrapper-5-col.jpg) no-repeat;
    width:360px;
    height: 400px;
    padding:20px;
    margin-bottom: 10px;
}
.wrapper_5_med{
    background: url(../images/wrappers/wrapper-5-col-med.jpg) no-repeat;
    width:360px;
    height: 280px;
    padding:20px;
    margin-bottom: 10px;
}
.wrapper_4{
    background: url(../images/wrappers/wrapper-4-col.jpg) no-repeat;
    width:260px;
    height: 195px;
    padding:20px;
}

.wrapper_7{
    background: url(../images/wrappers/wrapper-7-col.jpg) no-repeat;
    width:500px;
    height: 400px;
    padding:20px;
    margin-bottom: 10px;
}

.wrapper_7 img{
    max-width: 500px;
    height: auto;
}

.full_tile_wrapper{
    padding:20px;
}
.tile{
    background: url(../images/wrappers/tile-bg.jpg) no-repeat;
    float:left;
    width:150px;
    height: 140px;
    padding:15px;
    margin: 0;
    overflow: hidden;
}
.tile_small{
    background: url(../images/wrappers/tile-bg-small.jpg) no-repeat;
    float:left;
    width:80px;
    height:80px;
    padding:10px;
    text-align: center;
    overflow: hidden;
}

.tile.pad_right{
    margin-right: 20px;
}

.tile img{
    max-width: 150px;
    height: auto;
}

.small_polaroid{
    background: url(../images/wrappers/polaroid-bg.png) no-repeat;
    float:left;
    width:150px;
    height: 170px;
    padding:15px;
    margin: 0;
    overflow: hidden;
}