/*
 * smart-grid.css
 * Created by Daniel Ryan on 2011-10-09
 * Copyright 2011 Daniel Ryan. All rights reserved.
 * Code developed under a BSD License: https://raw.github.com/dryan/css-smart-grid/master/LICENSE.txt
 * Version: 2.0.1
 * Latest update: 2012-09-11
 */

/*
 * Breakpoints:
 * Tablet              -   768px
 * Desktop             -   960px
 * Widescreen          -   1200px
 * Widescreen HD       -   1920px
 */
/*
 * Base container class
 */
.container {
		position: relative;
    padding: 0 35px;
    margin: 0 auto;
    clear: both;
}

/*
 * contain rows of columns
 */
.row:after {
  content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
html.ie7 .row {
  display: inline-block;
}
html.ie6 .row {
  height: 1%;
}

/*
 * IE Fallback: 960px
 */
html.oldie .container {
	width: 940px;
}
html.oldie .container .columns {
	width: 60px;
}
html.oldie .container .offset-one {
	padding-left: 80px;
}
html.oldie .container .columns.two {
	width: 140px;
}
html.oldie .container .offset-two {
	padding-left: 160px;
}
html.oldie .container .columns.one-fourth,
html.oldie .container .columns.three {
	width: 220px;
}
html.oldie .container .offset-one-fourth,
html.oldie .container .offset-three {
	padding-left: 240px;
}
html.oldie .container .columns.one-third,
html.oldie .container .columns.four {
	width: 300px;
}
html.oldie .container .offset-one-third,
html.oldie .container .offset-four {
	padding-left: 320px;
}
html.oldie .container .columns.five {
	width: 380px;
}
html.oldie .container .offset-five {
	padding-left: 400px;
}
html.oldie .container .columns.one-half,
html.oldie .container .columns.six {
	width: 460px;
}
html.oldie .container .offset-one-half,
html.oldie .container .offset-six {
	padding-left: 480px;
}
html.oldie .container .columns.seven {
	width: 540px;
}
html.oldie .container .offset-seven {
	padding-left: 560px;
}
html.oldie .container .columns.two-thirds,
html.oldie .container .columns.eight {
	width: 620px;
}
html.oldie .container .offset-two-thirds,
html.oldie .container .offset-eight {
	padding-left: 640px;
}
html.oldie .container .columns.three-fourths,
html.oldie .container .columns.nine {
	width: 700px;
}
html.oldie .container .offset-three-fourths,
html.oldie .container .offset-nine {
	padding-left: 720px;
}
html.oldie .container .columns.ten {
	width: 780px;
}
html.oldie .container .offset-ten {
	padding-left: 800px;
}
html.oldie .container .columns.eleven {
	width: 860px;
}
html.oldie .container .offset-eleven {
	padding-left: 880px;
}
html.oldie .container .columns.twelve {
	width: 940px;
}
html.oldie .container .columns.one-fifth {
	width: 172px;
}
html.oldie .container .offset-one-fifth {
	padding-left: 192px;
}
html.oldie .container .columns.two-fifths {
	width: 364px;
}
html.oldie .container .offset-two-fifths {
	padding-left: 384px;
}
html.oldie .container .columns.three-fifths {
	width: 556px;
}
html.oldie .container .offset-three-fifths {
	padding-left: 576px;
}
html.oldie .container .columns.four-fifths {
	width: 748px;
}
html.oldie .container .offset-four-fifths {
	padding-left: 768px;
}
html.oldie .container .columns.five-fifths {
	width: 940px;
}
html.oldie .container .offset-five-fifths {
	padding-left: 960px;
}
html.oldie .container .columns {
	float: left;
	margin-left: 20px;
}
html.oldie .container .columns:first-child,
html.oldie .container .columns.first {
	margin-left: 0;
}
/*
 * Breakpoint: 768px
 */
@media screen and (min-width:768px) {
	.container {
		width: 748px;
	}
	.container .columns {
		width: 44px;
		float: left;
		margin-left: 20px;
	}
	.container .offset-one {
		padding-left: 64px;
	}
	.container .columns:first-child,
	.container .columns.first {
		margin-left: 0;
	}
	.container .columns.two {
		width: 108px;
	}
	.container .offset-two {
		padding-left: 128px;
	}
	.container .columns.one-fourth,
	.container .columns.three {
		width: 172px;
	}
	.container .offset-one-fourth,
	.container .offset-three {
		padding-left: 192px;
	}
	.container .columns.one-third,
	.container .columns.four {
		width: 236px;
	}
	.container .offset-one-third,
	.container .offset-four {
		padding-left: 256px;
	}
	.container .columns.five {
		width: 300px;
	}
	.container .offset-five {
		padding-left: 320px;
	}
	.container .columns.one-half,
	.container .columns.six {
		width: 364px;
	}
	.container .offset-one-half,
	.container .offset-six {
		padding-left: 384px;
	}
	.container .columns.seven {
		width: 428px;
	}
	.container .offset-seven {
		padding-left: 448px;
	}
	.container .columns.two-thirds,
	.container .columns.eight {
		width: 492px;
	}
	.container .offset-two-thirds,
	.container .offset-eight {
		padding-left: 512px;
	}
	.container .columns.three-fourths,
	.container .columns.nine {
		width: 556px;
	}
	.container .offset-three-fourths,
	.container .offset-nine {
		padding-left: 576px;
	}
	.container .columns.ten {
		width: 620px;
	}
	.container .offset-ten {
		padding-left: 640px;
	}
	.container .columns.eleven {
		width: 684px;
	}
	.container .offset-eleven {
		padding-left: 704px;
	}
	.container .columns.twelve {
		width: 748px;
	}
	.container .columns.one-fifth {
		width: 133px;
	}
	.container .offset-one-fifth {
		padding-left: 153px;
	}
	.container .columns.two-fifths {
		width: 286px;
	}
	.container .offset-two-fifths {
		padding-left: 306px;
	}
	.container .columns.three-fifths {
		width: 439px;
	}
	.container .offset-three-fifths {
		padding-left: 459px;
	}
	.container .columns.four-fifths {
		width: 592px;
	}
	.container .offset-four-fifths {
		padding-left: 612px;
	}
	.container .columns.five-fifths {
		width: 745px;
	}
	.container .offset-five-fifths {
		padding-left: 765px;
	}
}
/*
 * Breakpoint: 960px
 */
@media screen and (min-width:960px) {
	.container {
		width: 940px;
	}
	.container .columns {
		width: 60px;
	}
	.container .offset-one {
		padding-left: 80px;
	}
	.container .columns.two {
		width: 140px;
	}
	.container .offset-two {
		padding-left: 160px;
	}
	.container .columns.one-fourth,
	.container .columns.three {
		width: 220px;
	}
	.container .offset-one-fourth,
	.container .offset-three {
		padding-left: 240px;
	}
	.container .columns.one-third,
	.container .columns.four {
		width: 300px;
	}
	.container .offset-one-third,
	.container .offset-four {
		padding-left: 320px;
	}
	.container .columns.five {
		width: 380px;
	}
	.container .offset-five {
		padding-left: 400px;
	}
	.container .columns.one-half,
	.container .columns.six {
		width: 460px;
	}
	.container .offset-one-half,
	.container .offset-six {
		padding-left: 480px;
	}
	.container .columns.seven {
		width: 540px;
	}
	.container .offset-seven {
		padding-left: 560px;
	}
	.container .columns.two-thirds,
	.container .columns.eight {
		width: 620px;
	}
	.container .offset-two-thirds,
	.container .offset-eight {
		padding-left: 640px;
	}
	.container .columns.three-fourths,
	.container .columns.nine {
		width: 700px;
	}
	.container .offset-three-fourths,
	.container .offset-nine {
		padding-left: 720px;
	}
	.container .columns.ten {
		width: 780px;
	}
	.container .offset-ten {
		padding-left: 800px;
	}
	.container .columns.eleven {
		width: 860px;
	}
	.container .offset-eleven {
		padding-left: 880px;
	}
	.container .columns.twelve {
		width: 940px;
	}
	.container .columns.one-fifth {
		width: 172px;
	}
	.container .offset-one-fifth {
		padding-left: 192px;
	}
	.container .columns.two-fifths {
		width: 364px;
	}
	.container .offset-two-fifths {
		padding-left: 384px;
	}
	.container .columns.three-fifths {
		width: 556px;
	}
	.container .offset-three-fifths {
		padding-left: 576px;
	}
	.container .columns.four-fifths {
		width: 748px;
	}
	.container .offset-four-fifths {
		padding-left: 768px;
	}
	.container .columns.five-fifths {
		width: 940px;
	}
	.container .offset-five-fifths {
		padding-left: 960px;
	}
}
/*
 * Breakpoint: 1200px
 */
@media screen and (min-width:1200px) {
	.container.hd,
	.container.large {
		width: 1180px;
	}
	.container.hd .columns,
	.container.large .columns {
		width: 80px;
	}
	.container.hd .offset-one,
	.container.large .offset-one {
		padding-left: 100px;
	}
	.container.hd .columns.two,
	.container.large .columns.two {
		width: 180px;
	}
	.container.hd .offset-two,
	.container.large .offset-two {
		padding-left: 200px;
	}
	.container.hd .columns.one-fourth,
	.container.large .columns.one-fourth,
	.container.hd .columns.three,
	.container.large .columns.three {
		width: 280px;
	}
	.container.hd .offset-one-fourth,
	.container.large .offset-one-fourth,
	.container.hd .offset-three,
	.container.large .offset-three {
		padding-left: 300px;
	}
	.container.hd .columns.one-third,
	.container.large .columns.one-third,
	.container.hd .columns.four,
	.container.large .columns.four {
		width: 380px;
	}
	.container.hd .offset-one-third,
	.container.large .offset-one-third,
	.container.hd .offset-four,
	.container.large .offset-four {
		padding-left: 400px;
	}
	.container.hd .columns.five,
	.container.large .columns.five {
		width: 480px;
	}
	.container.hd .offset-five,
	.container.large .offset-five {
		padding-left: 500px;
	}
	.container.hd .columns.one-half,
	.container.large .columns.one-half,
	.container.hd .columns.six,
	.container.large .columns.six {
		width: 580px;
	}
	.container.hd .offset-one-half,
	.container.large .offset-one-half,
	.container.hd .offset-six,
	.container.large .offset-six {
		padding-left: 600px;
	}
	.container.hd .columns.seven,
	.container.large .columns.seven {
		width: 680px;
	}
	.container.hd .offset-seven,
	.container.large .offset-seven {
		padding-left: 700px;
	}
	.container.hd .columns.two-thirds,
	.container.large .columns.two-thirds,
	.container.hd .columns.eight,
	.container.large .columns.eight {
		width: 780px;
	}
	.container.hd .offset-two-thirds,
	.container.large .offset-two-thirds,
	.container.hd .offset-eight,
	.container.large .offset-eight {
		padding-left: 800px;
	}
	.container.hd .columns.three-fourths,
	.container.large .columns.three-fourths,
	.container.hd .columns.nine,
	.container.large .columns.nine {
		width: 880px;
	}
	.container.hd .offset-three-fourths,
	.container.large .offset-three-fourths,
	.container.hd .offset-nine,
	.container.large .offset-nine {
		padding-left: 900px;
	}
	.container.hd .columns.ten,
	.container.large .columns.ten {
		width: 980px;
	}
	.container.hd .offset-ten,
	.container.large .offset-ten {
		padding-left: 1000px;
	}
	.container.hd .columns.eleven,
	.container.large .columns.eleven {
		width: 1080px;
	}
	.container.hd .offset-eleven,
	.container.large .offset-eleven {
		padding-left: 1100px;
	}
	.container.hd .columns.twelve,
	.container.large .columns.twelve {
		width: 1180px;
	}
	.container.hd .columns.one-fifth,
	.container.large .columns.one-fifth {
		width: 220px;
	}
	.container.hd .offset-one-fifth,
	.container.large .offset-one-fifth {
		padding-left: 240px;
	}
	.container.hd .columns.two-fifths,
	.container.large .columns.two-fifths {
		width: 460px;
	}
	.container.hd .offset-two-fifths,
	.container.large .offset-two-fifths {
		padding-left: 480px;
	}
	.container.hd .columns.three-fifths,
	.container.large .columns.three-fifths {
		width: 700px;
	}
	.container.hd .offset-three-fifths,
	.container.large .offset-three-fifths {
		padding-left: 720px;
	}
	.container.hd .columns.four-fifths,
	.container.large .columns.four-fifths {
		width: 940px;
	}
	.container.hd .offset-four-fifths,
	.container.large .offset-four-fifths {
		padding-left: 960px;
	}
	.container.hd .columns.five-fifths,
	.container.large .columns.five-fifths {
		width: 1180px;
	}
	.container.hd .offset-five-fifths,
	.container.large .offset-five-fifths {
		padding-left: 1200px;
	}
}