/*
 * Layouts and layout helper classes.
 * 
 * Some properties are !important to avoid overrides from idealforms CSS.
 */

/* Wrapper to be centered. */
.centered {
	margin: 0 auto;
}
.wrapper {
	width: 960px;
}
.wrapper .wrapper {
    width: auto;
}

/* Sidebar must come first in the DOM for these layouts. */
.sidebar {float: right;}

.sidebar-std {
	width: 300px;
}
.content-std {
	margin-right: 330px;
}

.sidebar-500 {
	width: 500px;
}
.content-500 {
	margin-right: 530px;
}

.sidebar-534 {
	width: 534px;
}
.content-534 {
	margin-right: 534px;
}
.content-554 {
	margin-right: 554px;
}

.sidebar-400 {
	width: 400px;
}
.content-400 {
	margin-right: 400px;
}
.content-420 {
	margin-right: 420px;
}
.content-430 {
	margin-right: 430px;
}

.sidebar-260 {
	width: 260px;
}
.content-260 {
	margin-right: 260px;
}
.content-300 {
	margin-right: 300px;
}

.sidebar-160 {
	width: 160px;
}
.content-160 {
	margin-right: 160px;
}
.content-180 {
	margin-right: 180px;
}

.sidebar-120 {
	width: 120px;
}
.content-120 {
	margin-right: 120px;
}
.content-140 {
	margin-right: 140px;
}

.sidebar-l-260 {
	float: left;
	width: 260px;
}
.content-r-700 {
	float: left;
	width: 700px;
}

.sidebar-left {
	float: left;
	width: 308px;
}
.content-right {
	float: left;
	width: 560px;
	padding-left: 30px;
}

/*
.content-skinny {
	padding-top: 40px;
	margin-right: 200px;
	margin-left: 40px;
}
*/

.offset, .inset {
	position: absolute;
}
.offset.r {
	top:0;
	right: -180px;
	clear:both;
}
.offset.l-160 {
	left: -180px;
}
.offset.l-120 {
	left: -140px;
}
.inset.r {
	left: 798px;
}

#main_content_inner { /* Parent element of banner in new design v1. */
	position:relative;
}
.bnr {
	margin-top: 48px;
	width: 160px;
	height: 480px;
}
.bnr img {
	display: block;
}

.width-400 {
	width:400px;
}

.width-240 {
	width:240px;
}


/* Elements should be set up like this:
 * <div class="row">
 *  <div class="column half-1"></div>
 *  <div class="column half-2"></div>
 * </div>
 */
.row {
	margin-bottom: 30px;
}
.column {
	display:block;
	float:left;
	padding:0;
	margin:0 !important;
	clear:none !important;
}
.column img.resp {
	max-width: 100%;
	height: auto;
}
.half-1, .half-2 {
	width:49%;
}
.half-1 {
	margin-right:2% !important;
}

.third-1-2, .third-2-3 {
	width:66.34%;
}
.third-1, .third-2, .third-3 {
	width:32.66%;
}
.third-1, .third-2, .third-1-2 {
	margin-right:1% !important;
}

.fourth-1, .fourth-2, .fourth-3, .fourth-4 {
	width:24.25%;
}
.fourth-1, .fourth-2, .fourth-3 {
	margin-right:1% !important;
}
.fourth-1-2-3, .fourth-2-3-4 {
	width:74.75%;
}
.fourth-1-2-3, .fourth-2-3-4 {
	width:74.75%;
}
.fourth-1col {
	width:24.25%;
}
.fourth-2col {
	width:49.5%;
}
.fourth-3col {
	width:74.75%;
}
.fourth {
	width:24.25%;
	margin-right:1% !important;
}
.fourth-last {
	margin-right:0 !important;
}

.fifth {
	width:19.2%;
	margin-right:1% !important;
}
.fifth-last {
	margin-right:0 !important;
}
.fifth-2col {
	width:39.25%;
}
.fifth-3col {
	width:59.5%;
}
.fifth-4col {
	width:79.75%;
}

.sixth {
	width: 15.833%;
	margin-right: 1% !important;
}
.sixth-last {
	margin-right: 0 !important;
}

.form-field-floater, .form-field-floater-last {
	padding-right:3em;
	padding-bottom:.5em;
}
.form-field-floater-last {
	padding-right:0;
}

.float-left {
	float:left;
}
.float-right {
	float:right;
}

/* Full-width feature panels */
.one-half {
	float:left;
	display: block;
	width: 392px;
	margin: 0 30px 0 0;
}
.one-half.last {
	margin-right: 0;
}

.one-third {
	float:left;
	display: block;
	width: 237px;
	margin: 0 30px 0 0;
}
.one-third.last {
	margin-right: 0;
	width: 238px;
}
.one-third .img {
	padding-bottom: 10px;
}


.one-fifth, .two-fifth, .three-fifth {
	float:left;
	display: block;
	margin: 0 30px 0 0;
}
.one-fifth {
	width: 149px;
}
.two-fifth {
	width: 282px;
}
.three-fifth {
	width: 418px;
}
.one-fifth.last, .two-fifth.last {
	margin-right: 0;
}

.single-column {
	max-width: 600px;
	margin: 0 auto;
}