/* =Resets
--------------------------------------------------------------------------------*/

#main_content_wrapper, #content { width:940px !important}
.ft-landing {background:#fff;}


/* =Fonts
--------------------------------------------------------------------------------*/

.exp-row h1,
.exp-row h3 {font-family: "brandon_bold", Helvetica, Arial,sans-serif; font-weight:normal; }
.exp-row h2 {font-family: "brandon_medium", Helvetica, Arial,sans-serif; font-weight:normal; }
.exp-row h5 {font-family: "brandon_regular", Helvetica, Arial,sans-serif;  font-weight:normal;}

.exp-row h1 {font-size: 50px; line-height:50px; text-transform:uppercase; letter-spacing: .1; margin-bottom:15px;}  
.exp-row h1.small-title {font-size: 35px; line-height:35px;}
.exp-row h2  {font-size: 19px; line-height:21px; margin: 0 0 13px 0; text-transform:uppercase; letter-spacing: .1; padding:0; }
.exp-row h2.large-title,
.exp-row h3  {font-size: 28px; line-height:28px; margin: 0 0 13px 0; text-transform:uppercase; letter-spacing: .1; padding:0; }
.exp-row h5 { font-size: 16px; line-height:18px; margin-top:0;  }

.exp-row p, 
.exp-row ul li, 
.exp-row a { font-size:13px; line-height:16px; font-family: Arial, Helvetica, sans-serif; word-break:keep-all;}


/* =CTA
--------------------------------------------------------------------------------*/
a.exp-CTA {font-family: "brandon_bold", Helvetica, Arial,sans-serif; font-weight:normal; text-transform: uppercase; font-size: 19px; line-height:21px; color:#000; margin-top:30px; display: block;}
a.exp-small-CTA  {font-family: "brandon_medium", Helvetica, Arial,sans-serif; font-weight:normal; text-transform: uppercase; font-size: 15px; line-height:15px; color:#3398CC; margin-top:20px; display: block;}

a.exp-second-CTA {margin-top:15px;}


/* =Row
--------------------------------------------------------------------------------*/
.exp-row{
	margin-left: auto;
	margin-right: auto;
	width: 940px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.exp-col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}



.exp-grid-1, .exp-grid-2, .exp-grid-3, .exp-grid-4, .exp-grid-5, .exp-grid-6, .exp-grid-7, .exp-grid-8, .exp-grid-9, .exp-grid-10, .exp-grid-11, .exp-grid-12 {
	float: left;
	margin-left:10px;
	margin-right:10px;
}

.exp-grid-ful { width:100%;}
.exp-float-right {float:right;}

.exp-push-1, .exp-pull-1, .exp-push-2, .exp-pull-2, .exp-push-3, .exp-pull-3, .exp-push-4, .exp-pull-4, .exp-push-5, .exp-pull-5, .exp-push-6, .exp-pull-6, .exp-push-7, .exp-pull-7, .exp-push-8, .exp-pull-8, .exp-push-9, .exp-pull-9, .exp-push-10, .exp-pull-10, .exp-push-11, .exp-pull-11 {
	position: relative;
}

/* =Sections >> Padding
--------------------------------------------------------------------------------*/
.exp-section-pad {padding-top: 10px; padding-bottom: 10px;}

.exp-section { padding: 30px;}
.exp-section-tb {padding: 30px 0px;}


/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.exp-alpha {margin-left: 0;}
.exp-omega {margin-right: 0;}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.exp-grid-1 {width: 60px;}
.exp-grid-2 {width: 140px;}
.exp-grid-3 {width: 220px;}
.exp-grid-4 {width: 300px;}
.exp-grid-5 {width: 380px;}
.exp-grid-6 {width: 460px;}
.exp-grid-7 {width: 540px;}
.exp-grid-8 {width: 620px;}
.exp-grid-9 {width: 700px;}
.exp-grid-10 {width: 780px;}
.exp-grid-11 {width: 860px;}
.exp-grid-12 {width: 940px; margin: 0 0;}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.exp-prefix-1 {padding-left: 80px;}
.exp-prefix-2 {padding-left: 160px;}
.exp-prefix-3 {padding-left: 240px;}
.exp-prefix-4 {padding-left: 320px;}
.exp-prefix-5 {padding-left: 400px;}
.exp-prefix-6 {padding-left: 480px;}
.exp-prefix-7 {padding-left: 560px;}
.exp-prefix-8 {padding-left: 640px;}
.exp-prefix-9 {padding-left: 720px;}
.exp-prefix-10 {padding-left: 800px;}
.exp-prefix-11 {padding-left: 880px;}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.exp-suffix-1 {padding-right: 80px;}
.exp-suffix-2 {padding-right: 160px;}
.exp-suffix-3 {padding-right: 240px;}
.exp-suffix-4 {padding-right: 320px;}
.exp-suffix-5 {padding-right: 400px;}
.exp-suffix-6 {padding-right: 480px;}
.exp-suffix-7 {padding-right: 560px;}
.exp-suffix-8 {padding-right: 640px;}
.exp-suffix-9 {padding-right: 720px;}
.exp-suffix-10 {padding-right: 800px;}
.exp-suffix-11 {padding-right: 880px;}

/* `Push Space >> 12 Columns
--------------------------------------------------------------------------------*/
.exp-push-1 {left: 70px;}
.exp-push-2 {left: 150px;}
.exp-push-3 {left: 230px;}
.exp-push-4 {left: 300px;}
.exp-push-5 {left: 390px;}
.exp-push-6 {left: 470px;}
.exp-push-7 {left: 550px;}
.exp-push-8 {left: 620px;}
.exp-push-9 {left: 710px;}
.exp-push-10 {left: 790px;}
.exp-push-11 {left: 870px;}

/* `Pull Space >> 12 Columns
--------------------------------------------------------------------------------*/
.exp-pull-1 {left: -70px;}
.exp-pull-2 {left: -150px;}
.exp-pull-3 {left: -230px;}
.exp-pull-4 {left: -300px;}
.exp-pull-5 {left: -390px;}
.exp-pull-6 {left: -470px;}
.exp-pull-7 {left: -550px;}
.exp-pull-8 {left: -630px;}
.exp-pull-9 {left: -710px;}
.exp-pull-10 {left: -790px;}
.exp-pull-11 {left: -870px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1;}

