/* -----[ Main structure CSS]--------------------------------------------------------------------- */

* { margin: 0; padding: 0; }

body
{
	background: #282522 url(../img/bg-body.png) repeat-x top right;
}

/* -----[ STRUCTURE]--------------------------------------------------------------------- */

/* === [ wrapper to set width ] === */
#outerWrapper
{
	margin:0 auto;
	width:960px;
}

/
/* ================================================================= */
/*   HEADER                                                          */
/* ================================================================= */
#header 
{
	clear :both;
	height: 300px;
}

/* === [ header - left ] === */
#header .left
{
	float: left;
	width: 610px;
	height: 300px;
}

/* === [ header - right ] === */
#header .right
{
	float: right;
	width: 350px;
	height: 300px;
}

/* ================================================================= */
/*   CONTENT                                                         */
/* ================================================================= */

#mainWrapper 
{
	display: inline-block;
	background: #767571 url(../img/bg-mainwrapper.png) repeat-y top left;
}

/* === [ Content Wrapper ] === */
#contentWrapper
{
	float: left;
	width: 610px;
	background: url(../img/bg-main.png) repeat-x top left;
}

/* === [ Primary Content ] === */
#content
{
	padding: 0 40px 50px 50px;
}

/* === [ Right Side Column ] === */
#rightCol 
{
	float: right;
	width: 350px;
	background: url(../img/bg-side.png) repeat-x top left;
	color:#fff;
}

#rightCol .padding
{
	padding: 20px 38px 50px 38px;
}

#rightCol img.cta
{
	margin: 20px 0 50px 0;
}


/* -----[ HACKS ]--------------------------------------------------------------------- */

* html #rightCol
{
	margin-left: -350px;
}



/* -----[ Clearings ]--------------------------------------------------------------------- */
.clearLeft,
.clear
{
	height: 0;
	font-size: 0;
	line-height: 0;
}
.clearLeft {
	clear: left;
}
.clear {
	clear: both;
}