/* Layout
---------------------------------------------------------------------------------------------------- */

/* Containers */
.cmMainContainer{width:990px;margin:15px auto 0}
.cmContainer9 {margin:0 auto;width: 960px}

/* Grid >> Global */
.cmCol1,
.cmCol2,
.cmCol3,
.cmCol4,
.cmCol5,
.cmCol6,
.cmCol7,
.cmCol8,
.cmCol9 {
	display:inline;
	float: left;
	position: relative;
	margin: 0 0 0 15px;
}

#cmGridObject .cmCol1,
#cmGridObject .cmCol2,
#cmGridObject .cmCol3,
#cmGridObject .cmCol4,
#cmGridObject .cmCol5,
#cmGridObject .cmCol6,
#cmGridObject .cmCol7,
#cmGridObject .cmCol8,
#cmGridObject .cmCol9 {
	margin-bottom:15px;
}

/* Grid Container puts grids inside grid, and the last grid area doesn't need spacing at the bottom. */
/* However, it does need to be set to 100% so grid positions inside it have a reference point for their own widths. */
#cmGridObject .cmColContainer, #cmGridObject .cmColContainerLast{width:100%}
#cmGridObject .cmColContainerLast{margin-bottom:0px}

/* Grid >> Children */
.cmFirst {
	margin-left: 0;
}

/* Grid >> 9 Columns */
.cmContainer9 .cmCol1 {
	width:90px;
}

.cmContainer9 .cmCol2 {
	width:195px;
}

.cmContainer9 .cmCol3 {
	width:300px;
}

.cmContainer9 .cmCol4 {
	width:405px;
}

.cmContainer9 .cmCol5 {
	width:510px;
}

.cmContainer9 .cmCol6 {
	width:615px;
}

.cmContainer9 .cmCol7 {
	width:720px;
}

.cmContainer9 .cmCol8 {
	width:825px;
}

.cmContainer9 .cmCol9 {
	width:930px;
}


/* Prefix Extra Space >> 9 Columns */
.cmContainer9 .cmPrefix1 {
	padding-left:105px;
}

.cmContainer9 .cmPrefix2 {
	padding-left:210px;
}

.cmContainer9 .cmPrefix3 {
	padding-left:315px;
}

.cmContainer9 .cmPrefix4 {
	padding-left:420px;
}

.cmContainer9 .cmPrefix5 {
	padding-left:525px;
}

.cmContainer9 .cmPrefix6 {
	padding-left:630px;
}

.cmContainer9 .cmPrefix7 {
	padding-left:735px;
}

.cmContainer9 .cmPrefix8 {
	padding-left:840px;
}


/* Suffix Extra Space >> 9 Columns */
.cmContainer9 .cmSuffix1 {
	padding-right:105px;
}

.cmContainer9 .cmSuffix2 {
	padding-right:210px;
}

.cmContainer9 .cmSuffix3 {
	padding-right:315px;
}

.cmContainer9 .cmSuffix4 {
	padding-right:420px;
}

.cmContainer9 .cmSuffix5 {
	padding-right:525px;
}

.cmContainer9 .cmSuffix6 {
	padding-right:630px;
}

.cmContainer9 .cmSuffix7 {
	padding-right:735px;
}

.cmContainer9 .cmSuffix8 {
	padding-right:840px;
}


/* Push Space >> 9 Columns */
.cmContainer9 .cmPush1 {
	left:105px;
}

.cmContainer9 .cmPush2 {
	left:210px;
}

.cmContainer9 .cmPush3 {
	left:315px;
}

.cmContainer9 .cmPush4 {
	left:420px;
}

.cmContainer9 .cmPush5 {
	left:525px;
}

.cmContainer9 .cmPush6 {
	left:630px;
}

.cmContainer9 .cmPush7 {
	left:735px;
}

.cmContainer9 .cmPush8 {
	left:840px;
}


/* Pull Space >> 9 Columns */
.cmContainer9 .cmPull1 {
	left:-105px;
}

.cmContainer9 .cmPull2 {
	left:-210px;
}

.cmContainer9 .cmPull3 {
	left:-315px;
}

.cmContainer9 .cmPull4 {
	left:-420px;
}

.cmContainer9 .cmPull5 {
	left:-525px;
}

.cmContainer9 .cmPull6 {
	left:-630px;
}

.cmContainer9 .cmPull7 {
	left:-735px;
}

.cmContainer9 .cmPull8 {
	left:-840px;
}


/* Clear Floated Elements */
.cmClear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.cmClearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.cmClearfix {
	display: inline-block;
}

* html.cmClearfix {
	height: 1%;
}

.cmClearfix {
	display: block;
}

/* base layout elements */
.cmHeaderWrap,.cmSubHeaderWrap,.cmBodyWrap,.cmFooterWrap{}
.cmHeaderWrap{z-index:10000}
.cmSubHeaderWrap{z-index:9999}
.cmBodyWrap{padding:5px 0}
.cmBodyWrap.cmCol9{width:960px;margin-left:0}
.cmSubHeaderWrap{padding:5px 0 0;background:#fff}
.cmSubHeaderWrap.cmCol9{width:960px;margin-left:0}
.cmInnerFooterWrap.cmCol9{width:960px;margin-left:0}

/* for div surrounding Grid objects and fix for ie7 hasLoyout problem */
#cmGridObject{margin-left:-15px;zoom:1;position:relative}