@charset "utf-8";
/*
940px grid system ~ Core CSS.
4 Columns ~ Gutter (left): 20px
*/

/* CLEAR FIX
---------------------------------------------------------- */
.clearfix 		{ clear: both; width: 100%; font-size: 0px; line-height: 0px; visibility: hidden; margin: 0; overflow: hidden; }
.clearfix:after	{ content:"."; }



/* CONTAINERS
---------------------------------------------------------- */
.wrapper		{ display: block; clear: both; width: 100%; margin: 0; padding: 0; vertical-align: baseline; }
.content		{ display: block; clear: both; width: 940px; margin: auto; padding: 0 10px 0 10px; position: relative; overflow: hidden; vertical-align: baseline; }
.grid			{ background: url("../images/common/grid.png") repeat-y 50% top; }
.grid-4-col		{ background: url("../images/common/grid-4-col.png") repeat-y 40px 0; }

/* Debugging Only */
.boxmodel		{ border: 1px dotted #f0f; background-color: #f0f; }

/* COLUMNS
---------------------------------------------------------- */
* html .col		{ display:inline; }
.col 			{ position: relative; float: left; margin-right: 20px; padding: 0; width: auto; overflow: hidden; }
.col.one-col	{ width: 172px; }
.col.two-col	{ width: 364px; }
.col.three-col	{ width: 556px; }
.col.four-col	{ width: 748px; }
.col.five-col	{ width: 940px; margin:0; }
.col.first		{ margin-left: 0; }
.col.last		{ margin-right: 0; }


/* COLUMNS (CONTENT COLUMN)
----------------------------------------------------------*/
* html .page-col					{ display:inline; }
#page-content .page-col 			{ position: relative; float: left; margin: 0 20px 20px 0; padding: 0; width: auto; overflow: hidden; }
#page-content .page-col.one-col		{ width: 200px; }
#page-content .page-col.two-col		{ width: 420px; }
#page-content .page-col.three-col	{ width: 640px; }
#page-content .page-col.four-col	{ width: 860px; margin-right: 0; }
#page-content .page-col.first		{ margin-left: 0; }
#page-content .page-col.last		{ margin-right: 0; }
#page-content .page-col.last-row	{ margin-bottom: 0; }

#page-content .page-col.one-col-pull		{ width: 180px; padding-right: 20px; }
#page-content .page-col.two-col-pull		{ width: 400px; padding-right: 20px; }
#page-content .page-col.three-col-pull		{ width: 620px; padding-right: 20px; }
#page-content .page-col.four-col-pull		{ width: 840px; margin-right: 0; padding-right: 20px; }


#content-column .col 			{ background: #f0f; position: relative; float: left; margin: 0; padding: 0; width: auto; }

/* Debugging Only */
.col p.outline	{ border: 1px solid #666; overflow: hidden; padding: 10px 0; text-align: center; font-size: 1em; }