@charset "utf-8";
/* CSS Document */

/* GLOBAL STYLING */
body {
	background-color:#F5F5F5;
}

#page {
	background-color:#fff;
}
/* ^^ GLOBAL STYLING ^^ */



/* STANDARD LAYOUT */
.iesPanels-parent {
}

.iesPanels-main{
	margin:0 2% 30px 0;
	padding:0;
	
	width:65%;
	float:left;
	
	/*background-color:#DBE8EE;*/
}

.iesPanels-side{
	margin:0;
	padding:0 0 0 2%;
	
	width:30%;
	/*min-width:220px;*/
	float:left;
	
	border-left:thin #CCC solid;
	/*background-color:#E8D0D3;*/
}
/* ^^ STANDARD LAYOUT ^^ **/

/* STACKS */
.iesPanels-lead{
	width:100%;
	margin-bottom:20px;
}

.iesPanels-left{
	margin:0;
	padding:0 1% 0 0;
	
	width:49%;
	float:left;
}

.iesPanels-right{
	margin:0;
	padding:0 0% 0 1%;
	
	width:49%;
	float:left;
}

/* 3 COLUMNS */
.iesPanels-3ColMain{
	padding:0 1% 0 0;
	
	width:65%;
	/*min-width:150px;*/
	
	float:left;
}

.iesPanels-3ColRight{
	padding: 0 0 0 1%;
	
	width:32%;
	/*min-width:200px;*/
	
	float:left;
}
/* ^^ 3 COLUMNS ^^ */

/* TRAILING */
.iesPanels-trailing{
	margin-top:20px;
	padding:0;
	
	width:100%;
	clear:left;
}
/** ^^ TRAILING ^^ */

/** FACTBOX **/

.iesPanels-Factbox{
	width:45%;
	float:right;
	margin:0 0 10px 10px;
	clear:left;
	padding:5px 0 5px 15px;
	max-width:250px;
}

.iesPanels-FactboxMain{
	width:auto;
	clear:left;
}


/** MINI PANELS **/

/** STACKED **/
.iesMini-panels-parent{
	
}

.iesMini-Panels-main{
	width:70%;
	float:left;
}

.iesMini-panels-lead{
	float:left;
}

.iesMini-panels-left{
	float:left;
	width:50%;
}

.iesMini-panels-right{
	width:50%;
	float:left;
}

.iesMini-panels-side{
	width:28%;
	float:right;
}

/* ***************************************** TABLET ******************************* */

@media screen and (max-width:1000px)
{
	
.panel-3col-33 .panel-col-last,
.panel-3col-33 .panel-col,
.panel-3col-33 .panel-col-first{
	width:auto;
}

}

/* ***************************************** MOBILE ******************************* */

@media screen and (device-width: 384px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 2), 
(max-width: 767px)
{
	.iesPanels-main{
		width:100%;
		margin:0 0 30px 0;	
		border:none;
	}
	
	.iesPanels-side{
		width:100%;
		float:left;
		border-left:none;
		padding:0;
	}
	
	/* STACKS */
	
	.iesPanels-left,
	.iesPanels-right,
	.iesPanels-3ColMain,
	.iesPanels-3ColRight,
	.iesMini-Panels-main,
	.iesMini-panels-left,
	.iesMini-panels-right,
	.iesMini-panels-side,
	.iesPanels-Factbox{
		margin:5px 0 0 0;
		padding:5px 0 0 0;
		width:100%;
		float:left;
		border-top:thin solid #d8d8d8;
		border-left:none;
		border-right:none;
	}
		
}