/* global layout */
  html, body{
    background-color: #d0cec1;
    text-align: left;
    padding:    0px;
    margin:     0px;
  }
  
  img{
    padding: 0px;
    margin:  0px;
    border:  0px solid black;
  }
  
  p{
    padding: 0px;
    margin:  .5em 0px;
  }
  
  .outer_shell{
    min-width: 980px;
    display:   inline-block;
    width:     100%;
  }
  
  .inner_shell{
    padding: 0px 20px;
    margin:  0px auto;
    width:   940px;
  }
  
  .col_0{
    width: 940px;
  }
  
  .content .filter span{
    vertical-align: middle;
    margin-right:   70px;
  }
  
  .content .filter ul{
    padding: 0px;
    list-style: none;
    display: inline-block;
    vertical-align: middle;
  }
  
  .content .filter li{
    margin-right: 10px;
    display: inline-block;
  }
  
  .gallery .pet{
    float: left;
    width: 220px;
    margin: 20px 20px 0px 0px;
    text-align: center;
  }
  
  .sidebar{
    margin-right: 36px !important;
  }
  
  .content{
    width: 704px !important;
  }
/* end global layout */

/* width percentages */
  .w_pct_10{
    width: 10%;
  }
  
  .w_pct_20{
    width: 20%;
  }
  
  .w_pct_30{
    width: 30%;
  }
  
  .w_pct_40{
    width: 40%;
  }
  
  .w_pct_50{
    width: 50%;
  }
  
  .w_pct_60{
    width: 60%;
  }
  
  .w_pct_70{
    width: 70%;
  }
  
  .w_pct_80{
    width: 80%;
  }
  
  .w_pct_90{
    width: 90%;
  }
  
  .w_pct_100{
    width: 100%;
  }
/* end width percentages */

/* height percentages */
  .h_pct_10{
    height: 10%;
  }
  
  .h_pct_20{
    height: 20%;
  }
  
  .h_pct_30{
    height: 30%;
  }
  
  .h_pct_40{
    height: 40%;
  }
  
  .h_pct_50{
    height: 50%;
  }
  
  .h_pct_60{
    height: 60%;
  }
  
  .h_pct_70{
    height: 70%;
  }
  
  .h_pct_80{
    height: 80%;
  }
  
  .h_pct_90{
    height: 90%;
  }
  
  .h_pct_100{
    height: 100%;
  }
/* end height percentages */

/* vertical pushes */
  .push_5{
    line-height: 1px !important;
    padding: 0px;
    margin:  0px;
    height:  10px !important;
  }
  
  .push_10{
    line-height: 1px !important;
    padding: 0px;
    margin:  0px;
    height:  10px !important;
  }
  
  .push_20{
    line-height: 1px !important;
    padding: 0px;
    margin:  0px;
    height:  20px !important;
  }
  
  .push_30{
    line-height: 1px !important;
    padding: 0px;
    margin:  0px;
    height:  30px !important;
  }
  
  .push_40{
    line-height: 1px !important;
    padding: 0px;
    margin:  0px;
    height:  40px !important;
  }
  
  .push_50{
    line-height: 1px !important;
    padding: 0px;
    margin:  0px;
    height:  50px !important;
  }
/* end vertical pushes */

/* two side padding */
  .pad_0{
    padding: 0px;
  }
  
  .pad_10{
    padding: 0px 10px;
    margin:  0px;
  }
  
  .pad_20{
    padding: 0px 20px;
    margin:  0px;
  }
  
  .pad_30{
    padding: 0px 30px;
    margin:  0px;
  }
  
  .pad_40{
    padding: 0px 40px;
    margin:  0px;
  }
  
  .pad_50{
    padding: 0px 50px;
    margin:  0px;
  }
/* end two side padding */

/* single side padding */
  .pad_left_5{
    padding-left: 5px !important;
  }
  
  .pad_right_5{
    padding-right: 5px !important;
  }
  
  .pad_left_10{
    padding-left: 10px !important;
  }
  
  .pad_right_10{
    padding-right: 10px !important;
  }
  
  .pad_left_15{
    padding-left: 15px !important;
  }
  
  .pad_right_15{
    padding-right: 15px !important;
  }
  
  .pad_left_20{
    padding-left: 20px !important;
  }
  
  .pad_right_20{
    padding-right: 20px !important;
  }
  
  .pad_left_30{
    padding-left: 30px !important;
  }
  
  .pad_right_30{
    padding-right: 30px !important;
  }
  
  .pad_left_40{
    padding-left: 20px !important;
  }
  
  .pad_right_40{
    padding-right: 40px !important;
  }
  
  .pad_left_50{
    padding-left: 50px !important;
  }
  
  .pad_right_50{
    padding-right: 50px !important;
  }
/* end single side padding */