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

* { margin: 0; padding: 0; }

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

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

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

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

/* ================================================================= */
/*   BANNER                                                          */
/* ================================================================= */
#banner 
{
	height:280px;
	position:relative;
}

#banner .title
{
	height:48px;
	width: 637px;
	position:absolute;
	left:0;
	bottom:-15px;
}

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


/* === [ Content Wrapper ] === */
#contentWrapper
{
	float: left;
	width: 100%;
}

/* === [ Primary Content ] === */
#content
{
	padding: 30px 20px 20px 20px;
}

	.col3 #content /* 3 column layout*/
	{
		margin: 0 230px 0 150px;
	}
	

/* === [ Left Side Column ] === */
#leftCol
{
	float: left;
	margin-left: -100%;
	width: 150px;
	background-color:#C7D7A8;
	font-size:85%;
	padding-top:20px;
}

/* === [ Right Side Column ] === */
#rightCol 
{
	float: right;
	margin-left: -100%;
	width: 230px;
	background-color:#C1D87A;
	font-size:85%;
}

#mainWrapper 
{
	display: inline-block;
	background: #FFF url(../img/bg-main.gif) repeat-y top left;
}

/* ================================================================= */
/*   EXTRA                                                         */
/* ================================================================= */

#extra {
	position:relative;
	background-color:#FFFFFF;
	padding:10px;
	height: 200px;
}

#extra .extraLeft{
	width:455px;
	height: 200px;
	background-color:#000000;
	float:left;
}

#extra .extraRight{
	width:450px;
	height: 200px;
	border-left:10px #FFF solid;
	background-color:#000000;
	float:left;
}

#extra .extraTag{
	position:absolute;
	top:0;
	left:-30px;
}


/* ================================================================= */
/*   FOOTER                                                         */
/* ================================================================= */

#footer
{
	clear:both;
	height:39px;
	background: #8BAD4F url(../img/footer-bg.jpg) repeat-x top left;
	position:relative;
	text-align:right;
	padding:10px 10px 3px 0;
	color: #435326;
}
.shadow {
	position:absolute;
	top:0;
	left:0;
}
#footer ul.nav
{
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform:lowercase;
	height:15px;
	width:300px;
	color: #000;
	float:right;
}

/* === [ copyRight ] === */
#copyright
{
	font-size: 80%;
	text-align: right;
	width:500px;
	height:15px;
	float:right;
	clear:both;
	color: #435326;
}
	#copyright a
	{
		color: #435326;
	}
	#copyright a:hover
	{
		color: #000;
	}


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

* html #rightCol
{
	margin-left: -230px;
}
*:first-child+html #rightCol 
{
	margin-left: -230px;
}

#mainWrapper:after 
{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html #mainWrapper 
{
	height: 1%;
	display: block;
}


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