/* -------------------------------------------------------------- 
  
   grid.css
   * The default grid system of the framework.
   * Source: Blueprint CSS Framework
   * Note: Canvas: 950px, unit: 30px, gutter: 10px, total of unit: 24.
   
-------------------------------------------------------------- */

/* Container */
.container { width: 970px; }
.align-center { margin: 0 auto; }

.nolist { list-style: none; padding: 0; margin: 0; }
.gray, .grey { background: #dfdfdf; }
.brown { background: #747474; }
.black { background: #000; }
.red { background: #f00; }

/* Show grid */
.showgrid { background: url(grid.png); }

<<<<<<< HEAD
/* Image Replace */
.image-replace { font-size: 1px; text-indent: -1000000px; }

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, 
div.span-21, div.span-22, div.span-23, div.span-24 {
=======
.navigation li a { background: #333; color: #999; padding-top: 10px; padding-bottom: 10px; }
.navigation li a:hover { background: #000; color: #fff; }

.span-1, .span-2, .span-3, .span-4, .span-5, 
.span-6, .span-7, .span-8, .span-9, .span-10, 
.span-11, .span-12, .span-13, .span-14, .span-15, 
.span-16, .span-17, .span-18, .span-19, .span-20, 
.span-21, .span-22, .span-23, .span-24 {
>>>>>>> b7c9a6b10e0cda98f8fe265c2c02fed520bf31da
  float: left;
  margin-right: 20px;
}

.span-24,
.last-span { margin-right: 0; }

/* Grid system */
.span-1  { width: 90px;  }
.span-2  { width: 200px; }
.span-3  { width: 310px; }
.span-4  { width: 420px; }
.span-5  { width: 530px; }
.span-6  { width: 640px; }
.span-7  { width: 750px; }
.span-8  { width: 860px; }
.span-9  { width: 970px; }