/* CSS Reset.
----------------------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  vertical-align: baseline;
}

/* Grid. 3 Column. 280px Width. 20px Gutters.
----------------------------------------------------------------------------------------------------*/
.container_3 {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
}

.grid_1,
.grid_2,
.grid_3 {
	display: inline;
	float: left;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
}

.alpha { padding-left: 0; }
.omega { padding-right: 0; }

.container_3 .grid_1 { width: 280px; }
.container_3 .grid_2 { width: 600px; }
.container_3 .grid_3 { width: 920px; }

.container_3 .prefix_1 { margin-left: 320px; }
.container_3 .prefix_2 { padding-left: 640px; }

.container_3 .suffix_1 { padding-right: 320px; }
.container_3 .suffix_2 { padding-right: 640px; }

.container_3 .push_1 { left: 320px; }
.container_3 .push_2 { left: 640px; }

.container_3 .pull_1 { left: -320px; }
.container_3 .pull_2 { left: -640px; }

/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
}

.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* Base Styles.
----------------------------------------------------------------------------------------------------*/
body {
	background-image: url('../_img/tile.gif');
	background-position: 960px 20px;
/*	background-attachment: fixed; */
	color: #919191;
	font: 12px/18px 'helvetica neue', helvetica, arial, sans-serif;
}

a { color: #919191; }
a:hover { text-decoration: none; }
a:active { outline: none; }

p {
	margin-bottom: 18px;
}

div.container {
	background-color: #F1F1F1;
	margin: 0;
	padding: 40px 20px;
	padding-bottom: 0px;
	padding-right: 0px;
}

/* Column One. Branding.
----------------------------------------------------------------------------------------------------*/
div.container div.brand {
	left: 20px;
	position: fixed;
	top: 40px;
}

div.container div.brand div {
	margin-bottom: 18px;
}

div.container div.brand div.info {
	background-color: #FFFFFF;
	padding: 20px;
/*	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; */
}



/* Columns Two + Three.
----------------------------------------------------------------------------------------------------*/
div.container div.portfolio {
	border-left: 1px solid #FFFFFF;
	padding-left: 19px;
	margin-bottom: 40px;
}

div.image {
	border-right: 1px solid #FFFFFF;
	height: 280px;
	padding-bottom: 18px;
	padding-right: 19px;
}

div.text p {
	padding-right: 70px;
}


/* Column One. Beta.
----------------------------------------------------------------------------------------------------*/
div.container div.beta {
	bottom: 40px;
	left: 20px;
	position: fixed;
}

div.container div.beta div {
	background-color: #ff9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 20px;
	padding-bottom: 1px;
}