/* ========== Basic HTML Elements ========== */

header
{
margin: 0;
padding: 0;
}

footer
{
margin: 0;
padding: 0;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}


/*---------- columns and containers ----------*/

div.container:not(.footer .container),
div.fifth_container
{
margin: 0 auto;
height: 100%;
width: 960px;
position: relative;
}

div.column
{
margin: 0 10px;
float: left;
position: relative;
}

.one
{
width: 60px;
}

.two
{
width: 140px;
}

.three
{
width: 220px;
}

.four
{
width: 300px;
}

.five
{
width: 380px;
}

.six
{
width: 460px;
}

.seven
{
width: 540px;
}

.eight
{
width: 620px;
}

.nine
{
width: 700px;
}

.ten
{
width: 780px;
}

.eleven
{
width: 860px;
}

.twelve
{
width: 940px;
}


/* ========= Push ========== */

.push-one
{
padding: 0 0 0 80px;
}

.push-two
{
padding: 0 0 0 160px;
}

.push-three
{
padding: 0 0 0 240px;
}

.push-four
{
padding: 0 0 0 320px;
}

.push-five
{
padding: 0 0 0 400px;
}

.push-six
{
padding: 0 0 0 480px;
}

.push-seven
{
padding: 0 0 0 560px;
}

.push-eight
{
padding: 0 0 0 640px;
}

/* ========= Pull ========== */



.pull-one
{
padding: 0 80px 0 0;
}

.pull-two
{
padding: 0 160px 0 0;
}

.pull-three
{
padding: 0 240px 0 0;
}

.pull-four
{
padding: 0 320px 0 0;
}

.pull-five
{
padding: 0 400px 0 0;
}

.pull-six
{
padding: 0 480px 0 0;
}

.pull-seven
{
padding: 0 560px 0 0;
}

.pull-eight
{
padding: 0 640px 0 0;
}

img.pulled-four
{
	max-width: 320px !important;
	max-height: auto;
	position: absolute;
	bottom: -75px;
	right: 0;
}

img.pulled-five
{
	max-width: 400px !important;
	max-height: auto;
	position: absolute;
	bottom: -75px;
	right: 0;
}

img.pulled-six
{
	max-width: 480px !important;
	max-height: auto;
	position: absolute;
	bottom: -75px;
	right: 0;
}



/* ========== This is for when you have to split into five equal parts. ========== */

div.fifth
{
width: 172px;
}


/* ========== When nesting columns, this removes margin from the first and last elements ========== */

div.column div.column:first-of-type
{
margin: 0 10px 0 0;
}

div.column div.column:last-of-type
{
margin: 0 0 0 10px;
}


.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }