/*
Theme Name: RadRacer 
Theme URI: http://www.manoverboard.com/
Description: Another radical WordPress theme by Dan Lamb
Author: Daniel Lamb
Author URI: http://www.manoverboard.com/
Version: 1.6
*/

/*********************************************
 	Fonts
*********************************************/
@font-face {
  font-family: "icon-font";
  src:url("fonts/icon-font.eot");
  src:url("fonts/icon-font.eot?#iefix") format("embedded-opentype"),
    url("fonts/icon-font.ttf") format("truetype"),
    url("fonts/icon-font.svg#icon-font") format("svg"),
    url("fonts/icon-font.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "icon-font";
  content: attr(data-icon);
  font-style: normal;
  font-weight: normal;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icon-font";
  font-style: normal;
  font-weight: normal;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
} 
 .icon-icon-fb:before {   content: "f"; } 
 .icon-icon-tw:before {   content: "t"; } 
 .icon-icon-pi:before {   content: "p"; } 
 .icon-icon-in:before {   content: "i"; } 
 .icon-icon-yt:before {   content: "y"; } 
 .icon-icon-se:before {   content: "s"; } 
 .icon-icon-li:before {   content: "l"; }

/*********************************************
	Meyer Reset
*********************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
nav, section, aside { display: block; outline: none; }

/*********************************************
	J.K. Addons
*********************************************/

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none;}
img { vertical-align: middle; max-width: 100%; height: auto; }
fieldset { border: 0; margin: 0; padding: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/*********************************************
	Defaults and Quickies
*********************************************/
#wpadminbar { z-index: 100000000 !important; }
body { background: #fff; color: #000; font-family: "Helvetica Neue", Arial, Helvetica, "Dejavu Sans", "URW Gothic L", sans-serif; font-weight: 400; font-size: 62.5%; }
p { line-height: 1.5; }
a:link, a:visited, a:active, a:hover { text-decoration: none; color: #777; }
em, i { font-style: italic; }
strong, b {	font-weight: 700; }
.fl { float: left; }
.fr { float: right; margin-left: 40px !important; margin-top: -2px !important; }
.cl { clear: left;}
.cr { clear: right;}
.cb { clear: both; }
.block  { display: block; }
.inline { display: inline; }
.hidden { display: none; }
.notop { margin-top: 0 !important; padding-top: 0 !important; }
.nobottom { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.top10 { margin-top: 10px !important; }
.top20 { margin-top: 20px !important; }
.top30 { margin-top: 30px !important; }
.top40 { margin-top: 40px !important; }
.top50 { margin-top: 50px !important; }
.cf:after { visibility: hidden; display: block;	font-size: 0; content: " "; clear: both; height: 0; }
* html .cf { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */
.mobileOnly { display: none; }
#mobileNavButton { display: none; }
.alignleft { float: left; margin-right: 15px; margin-bottom: 10px; max-width: 40%; }
.alignright { float: right; margin-left: 15px; margin-bottom: 10px;  max-width: 40%; }
.aligncenter { float: none; margin-right: auto; margin-left: auto;  }
.alignnone { float: none; }
img { max-width: 100%; height: auto; }
input {
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
}

/*********************************************
	Transition Everything
*********************************************/

a, input {
	-webkit-transition: all 0.09s ease-in;
	-moz-transition: all 0.09s ease-in;
	-ms-transition: all 0.09s ease-in;
	-o-transition: all 0.09s ease-in;
	transition: all 0.09s ease-in;
}

/*********************************************
	Easy Columnify
*********************************************/

/* two column structure */
.twoC .c1, .twoC .c2 { width: 45%;	}
	.twoC .c1 { float: left; margin-right: 10%; }
	.twoC .c2 { float: left; }

.twoCinset { width: 66%; margin: 0 auto; }

/* three column structure */
.threeC .c1, .threeC .c2, .threeC .c3 { width: 32%; }
	.threeC .c1 { float: left; margin-right: 2%; }
	.threeC .c2 { float: left; }
	.threeC .c3 { float: right; }

/* four column structure */
.fourC .c1, .fourC .c2, .fourC .c3, .fourC .c4 { width: 21.25%; }
	.fourC .c1 { float: left; margin-right: 5%; }
	.fourC .c2 { float: left; margin-right: 5%; }
	.fourC .c3 { float: left; }
	.fourC .c4 { float: right; }

#main .c1 h2, #main .c2 h2, #main .c3 h2, #main .c4 h2, #main .c1 h3,#main .c2 h3, #main .c3 h3, #main .c4 h3 {	margin-top: 0; }

/*********************************************
	Elastic Videos/Maps
*********************************************/

.videoContainerLimit { 	padding-left: 0%; padding-right: 0%; }
/* widescreen */
.videoContainer { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 20px; }
/* 4x3 aspect ratio */
.fourByThree { 	padding-bottom: 75%; }
.videoContainer iframe, .videoContainer object, .videoContainer embed {	position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*********************************************
 	CMS Helper Links
*********************************************/

body #wrapper .post-edit-link {	box-shadow: 1px 1px 0px rgba(0,0,0,0.3); position: absolute; top: -33px !important; right: 30px !important; padding: 10px 30px 10px 30px !important; color: white !important; background: #292929 !important; border-radius: 1px 2px 5px 5px !important; font-family: "andale mono", "courier new", courier, monospace !important; font-size: 140%; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; }
body #wrapper .post-edit-link:hover { background-color: #f38f00 !important; }

/*********************************************
	Core
*********************************************/
body {
	-webkit-text-size-adjust: 100%;
}
html, body, #wrapper, #main {
	overflow-x: hidden;	
}
body {
	position: relative;
	background-color: #e6f1f9;
	color: #333;
	font-weight: 400;
	line-height: 1.3;
	text-align: center;
	-webkit-font-smoothing: subpixel-antialiased;
	font-family: 'Gotham Narrow A', 'Gotham Narrow B'; font-weight: 400; font-style: normal;
	text-align: left;

}

a:link, a:visited, a:hover, a:active {
	color: #333;
	text-decoration: none;
}
p a:hover, p a:active,
#content li a:hover,
#content li a:active,
td a:hover, td a:active,
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active,
h4 a:hover, h4 a:active,
h5 a:hover, h5 a:active {
	color: #46484a;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Gotham Narrow A', 'Gotham Narrow B'; font-weight: 500; font-style: normal;
	text-transform: uppercase;

}
/*********************************************
	Header / Navigation
*********************************************/
#siteSearch {
	position: absolute;
	top: 56px;
	width: 100%;
	height: 135px;
	background-color: #f46a2c;
	text-align: center;
	z-index: 99999990;
}
#siteSearch .inner {
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
}
#searchForm {
	height: 135px;
}
#siteSearch label {
	display: none;
}
#siteSearch #searchField {
	display: block;
	border: none;
	color: white;
	width: 90%;
	background: transparent;
	height: 40px;
	margin-top: 44px;

	font-family: 'Gotham Narrow A', 'Gotham Narrow B'; 
	font-size: 400%;
	font-weight: 300;
	font-style: italic;
	text-transform: uppercase;
	text-indent: 30px;
	line-height: 40px;
}
#siteSearch #searchField::-webkit-input-placeholder,
#siteSearch #searchField:focus {
	color: white;
	outline: none;
	outline: -webkit-focus-ring-color auto 0;
}
#searchMini {
	display: none;
}
#header {
}

#siteTitle {
	position: absolute;
	top: 96px;
	left: 30px;
	z-index: 99999981;
}
#siteTitle img {
	height: 46px;
}
#searchIconWrapper {
	max-width: 1200px;
	margin: 0 auto;
	margin-top: -1px;
	height: 1px;
	text-align: center;
	position: relative;
	outline: none;
	border: none;
}
#searchIcon {
	position: absolute;
	z-index: 99999999;
	top: 110px;
	right: 10px;
	display: inline-block;
    margin: 0px 5px;
    font-size: 210%;
    color: white;
	
}

#drawer { /* the orange box that contains the nav */
	position: absolute;
	top: 56px;
	width: 100%;
	height: 135px;
	background-color: rgba(244,106,44,0.9);
	color: white;
	z-index: 99999970;
}

/*********************************************
	Nav Top */

#navTop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
	#navTop ul {
		text-align: right;
	}
	#navTop li {
		display: inline;
		line-height: 56px;
	}
	#navTop li a {
		text-shadow: 0 0 5px rgba(0,0,0,0.5);
	}
	#navTop ul li a:link, #navTop ul li a:visited  {
		font-size: 140%;
		line-height: 43px;
		color: white;
		display: inline-block;
		padding: 5px 10px;
		font-family: 'Gotham A', 'Gotham B'; font-weight: 500; font-style: normal;
		text-transform: uppercase;
	}
	#navTop ul li a:hover, #navTop ul li a:active {
		opacity: 0.5;
	}
	#navTop li.current_page_item a,
	#navTop li.current-page-ancestor a	{
		opacity: 0.5;
	}

/*********************************************
	Nav Social */

#navSocial {
	position: absolute;
	right: 15px;
	top: 95px;
	z-index: 99999984;
}
#navSocial a {
	display: inline-block;
	margin: 0 5px;
	font-size: 210%;
}
	#navSocial  a:link,
	#navSocial  a:visited {
			color: #fcd3c0;
	}
	#navSocial  a:hover {
			color: white;
	}
	#navSocial  a:active {
		color: #d45821;
	}

/*********************************************
	Nav Main */

#navMain {
	position: absolute;
	top: 50px;
	right: 240px;
}
	#navMain li {
		display: inline;
	}
	#navMain li a {
		font-size: 210%;
		color: white;
		display: inline-block;
		padding: 2px 5px;
		margin: 0 10px;
		text-transform: uppercase;
	}
	#navMain li a:active, #navMain li a:hover {
			opacity: 0.5;
	}
	#navMain li .current-nav-item {
			background-color: #d45821;
	}
	#navMainBar a:link, #navMainBar a:visited {
		color: white;
	}
	#navMainBar a:active, #navMainBar a:hover {
	}
	#navMain li.current_page_item a,
	#navMain li.current-page-ancestor a	{
		background-color: #d45821;
	}
	
/*********************************************
	Banner 
*********************************************/

#bannerPage {
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	z-index: -1;

	background: #000 url('img/banner_fallback.jpg') center center no-repeat;
	background-size: cover;
	padding: 0px;
	height: 500px;
	overflow: hidden;
	text-align: center;
	
}#banner .inner {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#banner {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 650px;
	z-index: -1;
	padding: 0px;
	overflow: hidden;
	text-align: center;
	background: #333;

}
.slider-wrapper {
	position: static;
	top:0;
	left: 0;
	width: 100%;
	z-index: -1;

	background-size: cover;
	padding: 0px;
	overflow: hidden;
	text-align: center;

	height: auto;
}
.nivoSlider {
	width: 100%;
}
.nivoSlider img:not(:first-child) {  display:none; } /* this was for the WP plugin version */

#banner .nivo-caption {
	position: absolute;
	top: 610px;
	right: 0;
	background: transparent !important;
	font-family: 'Gotham Narrow A', 'Gotham Narrow B'; 
	font-weight: 500;
	color: white;
	font-size: 180%;
	text-align: right;
	opacity: 0.9;
	text-shadow: 0 0 5px rgba(0,0,0,0.35);
	
}

.nivo-controlNav {
	display: none;
}
#banner h1 {
	position: absolute;
	margin-top: 320px;
	margin-left: 40px;
	font-weight: 500;
	font-size: 500%;
	font-family: 'Gotham A', 'Gotham B'; font-weight: 500; font-style: normal;

	color: white;
	line-height: 1;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
	text-align: left;
	z-index: 99999999;
}
 
	
/*********************************************
	Quick Navigation (blue bar)
*********************************************/
#navQuickMini { /* in the pull out drawer on mobile only */
	display: none;
}
#navQuick {
	width: 100%;
	display: block;
	margin-top: 500px;
	background-image:url('img/quicknavicons.gif');
	background-size:8000px 400px;
	background-repeat:no-repeat;
	background-position: -320px -320px ;
	height: 80px;
	overflow: hidden;
	text-align: center;

}
#home #navQuick {
	margin-top: 650px;
}
#navQuick .inner {
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
}
.quickTitle { /* How can we help you? */
	display: inline-block;
	float: left;
	font-weight: 700;
	font-style: normal;
	font-size: 22px;
	line-height: 80px;
	color: white;
	text-transform: uppercase;
	text-indent: 40px;
	padding-right: 40px;
}
#navQuick li {
	display: inline;
}
#navQuick li a {
	margin-left: -1px;
	transition: none !important;
	display: block;
	float: left;
	color: white;
	
	font-family: 'Gotham Narrow A', 'Gotham Narrow B'; font-weight: 400; font-style: normal;
	font-size: 220%;
	line-height: 80px;
	text-transform: uppercase;
	padding: 0 20px 0  100px;
	overflow: hidden;
	
	background-image:url('img/quicknavicons.gif');
background-size:2000px 400px;
background-repeat:no-repeat;
}
#navQuick li a:link, #navQuick li a:visited,
#navQuickMini li a:link, #navQuickMini li a:visited {
	color: #ffffff;
}
#navQuick li a:hover, #navQuick li a:active,
#navQuickMini li a:hover, #navQuickMini li a:active {
	color: #8dc2e4;
}


/* hard coded quick nav, non-mobile only. Necessary to get the icons in there */
#navQuick #planners a  {
	background-position: 0 0 ;
}
#navQuick #exhibitors a {
	background-position: 0 -80px ;
}
#navQuick #attendees a {
	background-position: 0 -160px ;
}
#navQuick #filler span {
	display: block;
	float: left;
	margin-left: -1px;
	
	padding: 0 20px 0  100px;
	overflow: hidden;
	
	background-image:url('img/quicknavicons.gif');
	background-size:2000px 400px;
	background-repeat:no-repeat;

	background-position: 0 -240px ;
	width: 80px;
	height: 80px;
	padding: 0;
}

#cboxCurrent {
	display: none !important;
}

/*********************************************
	Main Content / Winnipeg & Expansion 2016
*********************************************/
#main {
		background-color: #e6f1f9;
		

}
#main.custom #primary {
	width: auto;
	overflow-y: hidden;
}
#main.custom #primary .inner {
	width: auto;
	padding: 0;
}
#main.custom .inner {
	max-width: none;
}
#main.custom .layer {
	overflow: hidden;
	height: 700px;
	position: relative;
	padding: 0;
	margin: 0;
	background-color: black;
	
}
#main.custom .layer .description p {
	margin: 0;
	padding: 0;
	color: white;
}
#main.custom .layer .description h2,
#main.custom .layer .description h3,
#main.custom .layer .description h4 {

	color: white;
}
#main.custom .layer .description table {
	width: 100%;
}
#main.custom .layer .description tr {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
#main.custom .layer .description td,
#main.custom .layer .description th {
	color: white;
}
#main.custom .layer.alt {
}

#main.custom .layer img {
	
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: auto;
}
#main.custom .layer.alt img {
	left: 0;
	right: auto;
}
#main.custom .layer .description {
	width: 35%;
	left: 0;
	top: 0;
	position: absolute;
	background-color: rgba(0,0,0,0.7);
	padding: 4%;
	height: 9999px;
}
#main.custom .layer .value { /* prices of infrastructure */
	top: 30px;
	right: 30px;
	position: absolute;
	font-size: 220%;
	color: white;
	text-shadow: 0 0 5px black;
	
}
#main.custom .layer.alt .value {
	right: auto;
	left: 30px;
	
}
#main.custom .layer.alt .description {
	text-align: left;
}
#main.custom .alt .description {
	left: auto;
	right: 0;
}
#main.custom h2,
#main.custom h1 {
	text-transform: uppercase;
	font-family: 'Gotham A', 'Gotham B'; font-weight: 500; font-style: normal;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 400%;
	line-height: 1.1;
	margin-top: 50px;
	color: #3992cf ; /*#0e7ac4*/
}
#main.custom .layer h2 {
	text-shadow: 0 0 5px black;
}
#main.custom .basic {
	padding: 5%;
}
#main.custom .basic h1,
#main.custom .basic h2 {
	float: left;
	width: 30%;
	margin-top: 0;
}
#main.custom .basic .description {
	float: right;
	width: 65%;
}
#main.custom .layer h3.first,
#main.custom .basic h3.first {
	margin-top: 0;
	margin-bottom: 30px;
}

#main.map #primary .inner {
	
}
#main.map #primary iframe {
	width: 100%;
	height: 500px;
	}
.mapBox {
	width: 100%;
	height: 700px;
}
.mapBox iframe {
	width: 100%;
	height: 100%;
}
/*********************************************
	Main content tables */

#main.custom .basic.topStroke  {
	border-top: 1px solid #0e7ac4;

	
}
#main table {
	margin: 10px 0;
	width: 100%;
}
#main tr {
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	padding: 5px 0;
}
#main td, #main th {
	padding: 5px;
	font-size: 180%;
}
#main.custom .basic td,
#main.custom .basic th {
	font-size: 160%;
}
th, td {
	font-size: 200%;
	line-height: 1.4;
	color: #333;
	margin-top: 10px;
	padding: 5px 10px  5px 0;
}
.tdra td {
	text-align: right !important;
 }

.bgwhite {
	background-color: white;
}



/*********************************************
	Primary Content */

#primary {
	width: 70%;
	float: right;

}
#primary.noSidebar {
	width: 100% !important;
}
#primary .inner {
	padding: 45px 45px 100px 45px;
}
#primary h1 {
font-weight: 300; font-style: normal;
font-size: 330%;
line-height: 1.2;
text-transform: uppercase;
margin-bottom: 10px;
}
#primary p,
#primary li {
	font-size: 200%;
	line-height: 1.4;
	color: #494b4d; /* #46484a;*/
	margin-top: 10px;
}
#primary ol, #primary ul {
	margin-bottom: 20px;
}
#primary ol {
	list-style: outside decimal;
	padding-left: 20px;
}
#primary ul {
	list-style: outside disc;
	padding-left: 20px;
}
#primary ul.plainList {
	list-style: none;
	padding-left: 15px;
}	
#primary ul li ul,
#primary ul li ul li,
#primary ul li p,
#primary ol li ol,
#primary ol li ol li,
#primary ol li p,
#primary h1 a, 
#primary h2 a, 
#primary h3 a, 
#primary h4 a, 
#primary h5 a, 
#primary h6 a,
#primary td a,
#primary th a
{
	font-size: 100%;
}

#primary h2 {
	font-weight: 500;
	font-size: 250%;
	font-style: normal;
	line-height: 1.2;
	margin-bottom: 10px;
	margin-top: 30px;
	text-transform: none;
}
#primary h3 {
	font-weight: 500;
	font-size: 200%;
	font-style: normal;
	line-height: 1.2;
	margin-top: 20px;
	
	margin-bottom: 10px;
	text-transform: none;
}
#primary h4 {
	font-weight: 500;
	font-size: 180%;
	font-style: normal;
	line-height: 1.2;
	margin-top: 20px;
	margin-bottom: 10px;
	text-transform: none;
}
#primary a:link, #primary a:visited {
	color: #3992cf;
	text-decoration: underline;
}
#primary a:hover, #primary a:active {
	color: #4e9dd4;
	text-decoration: none;
}
	#primary a.button:link,
	#primary a.button:visited {
		display: inline-block;
		background-color: #2386c9;
		color: white;
		padding: 10px 15px;
		font-size: 80%;
		text-transform: uppercase;
		margin-top: 10px;
		text-decoration: none;
	}
	#primary a.button:hover,
	#primary a.button:active {
		background-color: #1198f2;
	}
#primary a.downloadButton {
	display: inline-block;
	background-color: #2386c9;
	color: white;
	padding: 10px 15px;
	font-size: 200%;
	text-decoration: none;
	margin-top: 10px;
	text-decoration: none;
}
#primary a.downloadButton:link,
#primary a.downloadButton:visited {
	background-color: #2386c9;
	color: white;
}
#primary a.downloadButton:hover,
#primary a.downloadButton:active {
		background-color: #1198f2;
}
#primary a {
	font-size: 200%;
}
#primary p a,
#primary li a,
#primary td li,
#primary th li,
#primary td p,
#primary th p,
#primary td li a,
#primary th li a

{
	font-size: 100%;
}

#primary #featuredBanner {
	margin-bottom: 30px;
}


/*********************************************
	Subscribe */

.gallery-item {
    float: left !important;
    display: block !important;
    margin: 0 20px 10px 0;
    width: 100px !important;
    height: 100px !important;
}
.gallery-item img {
    width: 100%;
    height: 100%;
    border: 5px solid white !important;

}
.gallery br {
	display: none;
}







/*********************************************
	Secondary Content 
*********************************************/


/*********************************************
	Subscribe */

#secondary {
	background-color: #bbd9ee;
	width: 30%;
	float: left;

}
#secondary .request,
#secondary .cafe {
	font-weight: 500;
	font-style: normal;
	font-size: 240%;
}
	#secondary .cafe {
	}
#secondary .request a,
#secondary .cafe a {
	display: block;
	padding: 30px 40px;
	text-transform: uppercase;
	text-shadow: 0 0 7px rgba(0,0,0,0.7);
	background-color: #777;
	background-image:url('img/request_cafe.jpg');
	
	background-size:792px 596px;
	background-repeat:no-repeat;

}
	#secondary .request a {
		background-position: 0 -100px;
	}
	#secondary .cafe a {
		background-position:  0 -398px;
	}
#secondary .request a:link,
#secondary .request a:visited,
#secondary .cafe a:link,
#secondary .cafe a:visited {
	color: white;	
	transition: none;
}
#secondary .request a:hover,
#secondary .request a:active {
		background-position:  -396px -100px;
}
#secondary .cafe a:hover,
#secondary .cafe a:active {
		background-position:  -396px -398px;
}

#secondary #subscribe {
	padding: 40px;
}

#subscribe label {
	display: block;
	margin-bottom: 15px;
}
#secondary .emailField {
	display: block;
	margin-bottom: 15px;
	background-color: #b5d2e7;
	border: 1px solid #a6c1d4;
	color: white;
	font-size: 150%;
	width: 95%;
	padding: 12px 5% 12px 0;
	text-indent: 10px;
	text-transform: uppercase;
	outline: 1px solid #b5d2e7;

}
#secondary  #subscribe:hover .emailField,
#secondary  #subscribe .emailField:hover,
#secondary #subscribe .emailField:focus {
	border: 1px solid #2386c9;
	outline: 2px solid #2386c9;
	background-color: #d8e8f3;

}
#secondary .emailField:focus {
	color: #2386c9;
	background-color: #d8e8f3;
}
#secondary .submit {
	display: block;
	margin-bottom: 15px;
	background-color: #2386c9;
	color: white;
	border: none;
	outline: none;
	padding: 8px;
	font-size: 150%;
	text-transform: uppercase;
}
#secondary .submit:hover, #secondary .submit:active {
	background-color: #1198f2;
}

#secondary .subscribe {
	font-size: 20px;
	color: #2386c9;
	text-transform: uppercase;
	margin-bottom: 8px;
}
#secondary label {
	font-size: 160%;
	color: #2386c9;
}

/*********************************************
	Sub Navigation */
	
.navSub li a,
.menu-____news-sidebar-menu-container li a {
	display: block;
	width: 90%;
	height: auto;
	font-family: 'Gotham Narrow A', 'Gotham Narrow B';
	font-weight: 400;
	font-style: normal;
	font-size: 180%;
	text-transform: uppercase;
	color: white;
	line-height: 1;
	padding: 13px  5%;
	border-bottom: 1px solid #e6f1f9;
	background: #4e9dd4;
	
}
.navSub li a:hover,
.menu-____news-sidebar-menu-container li a:hover{
	background-color: #7cb7e0;
}
.navSub li.navSubParent a,
.menu-____news-sidebar-menu-container li#menu-item-1060 a {
	background: #f46a2d;
	line-height: 1;
	padding: 17px 5%;

}
.navSub li.current_page_item  a,
.menu-____news-sidebar-menu-container li.current-menu-item  a {
	background-color: #a1a8ae;
}

/*********************************************
	News (events & blog)
*********************************************/

#news { 
	background: #bbd9ee;

}

/*********************************************
	Events*/
#events {
	
	float: left;
	width: 30%;
	background-color: #a9cfea;
}
	#events h2 {
		font-size: 180%;
		background-color: #2386c9;
		color: white;
		text-indent: 40px;
		padding: 15px 0;
	}
	#events article.event {
		display: block;
		padding: 0;
		margin: 0;
		min-height: 60px;
		margin-bottom: 1px;
		clear: both;
		position: relative;
	}
	#events .event .eventdate {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		padding: 10px;
		height: 40px;
		width: 40px;
		background-color: #0e7ac4;
		float: left;
		color: white;
		text-align: center;
		font-size: 160%;
		font-weight: 500;
		text-transform: uppercase;
	}
	#events .event .enddate {
		display: none;
	}
	#events .event .day {
		display: block;
		font-weight: 300;
	}
	#events .event .starttime,
	#events .event .endtime {
		display: none;
	}
	#events .event .summary {
		padding: 0;
		margin: 0;
	
	}
	#events .event .summary a {
		display: block;
		margin: 0;
		padding:  10px 20px 10px 80px;
		top: 0;
		left: 0;
	
		background-color: #64a9d9;
		color: white;
	
		min-height: 40px;
		
		font-size: 160%;
		font-weight: 400;
		line-height: 1.1;
	}
	#events .event.viewAllEvents .summary a {
		padding:  10px;
		text-align: center;
		font-weight: 500;
		line-height:40px;
	}
	#events .event .summary a:hover,
	#events .event .summary a:hover {
	
		background-color: #86bce2;
	
	}
	
	#primary #events_wrap  {
		text-align: right;
	}
	
	
	#primary #events_wrap table.ical  {
		width: 100%;
	}
	#primary #events_wrap table.icalprop  {
		display: inline;
	}
	#primary table.icalprop tr {
		border: none !important;
	}
	#primary table.icalprop tr .amrbling {
		margin-left: 10px;
	}
	#primary #events_wrap table.ical  {
		text-align: left;
		}
	#primary table.ical td {
		padding: 10px 5px;
		font-size: 140%;
	}
	#primary table.ical .amrcol1 {
		min-width: 100px;
	}
	#primary table.ical .amr-bling {
		float: right;
	}
	#primary table.ical .summary {
		font-weight: 500;
		font-size: 130%;
	}
	#primary table.ical .eventdate {
		text-transform: uppercase;
		font-size: 120%;
		margin-bottom: 5px;
	}
	#primary table.ical a {
		font-size: 100%;
	}
	sup {
		vertical-align: text-top;
		font-size: 60%;
	}

/*********************************************
	Blog */

#blog {
	background: #bbd9ee;
	float: left;
	width: 70%;
	padding-bottom: 30px;
}
	#blog .inner {
		padding-right: 30px;
	}
	.blogThumb a:hover img,
	.blogThumb a:active img {
		
		opacity: 0.5;
		
	}
	.blogThumb {
		margin-top: 5px;
		width: 115px;
		height: 115px;
		float: left;
		background-color: rgb(35, 134, 201);		
	}
		.blogThumb img {
			width: 115px;
			height: 115px;
		}
	#blog h2 {
		font-size: 180%;
		background-color: #f46a2d;
		color: white;
		text-indent: 40px;
		padding: 15px 0;
	}
	.blogPost h3 {
		margin-top: 0;
		margin-bottom: 8px;
	}
	.blogPost h3.noStroke {
		border: none;
		margin-top: 20px;
		padding-top: 0;
	}
	.blogPost h3 a {
		color: #282828 !important;
		font-size: 200%;
		line-height: 1.2;
		text-transform: none;
		text-decoration: none !important;
	}
		.blogPost h3 a:hover, .blogPost h3 a:active {
			color: #4e9dd4 !important;
			text-decoration: none !important;

		}
	.blogPost {
		margin-left: 50px;
		margin-top: 30px;
		border-bottom: 1px solid #b1cee2;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
		#primary .blogPost {
			margin-left: 0;
		}
	.blogPost .blogExcerpt {
		margin-left: 130px;
	}

	.blogPost .excerpt {
		color: #282828;
		font-size: 180%;
		font-weight: 400;
		line-height: 1.5;
		margin-bottom: 15px;
	}
	#primary .blogPost .excerpt p {
		font-size: 100%;
	}
	.blogPost .readMore {
		display: block;
		
		color: #2386c9;
		font-weight: 500;
		font-size: 140%;
		text-transform: uppercase;
	}
	.blogPost .readMore:hover, .blogPost .readMore:active {
		color: #1198f2;
	}




/*********************************************
	vCards (contact info microformats)
*********************************************/

#primary .vcards {
	list-style-type: none !important;
	padding-left: 0;
}
#primary .vcard {
	display: block;
	margin-bottom: 30px;
	font-size: 100%;
}
#primary .vcards .vcard {
	border-top: 1px solid #b1cee2;
	padding-top: 20px;
	margin-top: 15px;
	overflow: hidden;
}
#primary .vcard li {
	font-size: 100%;
}

#primary .vcard .fn {
	margin-top: 15px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 220%;
	line-height: 1.2;
	margin-bottom: 3px;

}
#primary .vcard .street-address,
#primary .vcard .locality,
#primary .vcard .region,
#primary .vcard .postal-code,
#primary .vcard .country-name {
	font-size: 200%;
}
#primary .vcard .country-name {
	margin-top: 10px;
}
#primary .vcard .title {
	font-size: 210%;
	font-style: italic;
	margin-bottom: 10px;
}
#primary .vcard .category {
	font-size: 200%;
}
#primary .vcard .org {
	font-size: 200%;
	display: none;
}
#primary .vcard .tel {
	font-size: 200%;
	
}
#primary .vcard .email {
	font-size: 200%;
}
#primary .vcard .email a {
	font-size: 100%;
}
/*********************************************
	Partners
*********************************************/


#partners {
	text-align: center;
	padding: 70px 30px;
		background-color: #e6f1f9;

}

#partners .inner {
	width: 912px;
	max-width: 100%;
	margin: 0 auto;

	text-align: left;
}
#partners img {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	max-width: none;
}


.logo {
background-image:url('img/logofarm_1824x735.gif');
background-size:912px 368px;
background-repeat:no-repeat;
background-position: 0 0;
display: block;
float: left;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	max-width: none;

}
 #logo1 { width: 217px; height: 93px; background-position: 0 0px;}
 #logo2 { width: 141px; height: 93px; background-position: -217px 0px;}
 #logo3 { width: 202px; height: 93px; background-position: -359px 0px;}
 #logo4 { width: 144px; height: 93px; background-position: -560px 0px;}
 #logo5 { width: 208px; height: 93px; background-position: -704px 0px;}
 #logo6 { width: 272px; height: 87px; background-position: 0 -93px;clear: left;}
 #logo7 { width: 251px; height: 87px; background-position: -274px -93px;}
 #logo8 { width: 125px; height: 87px; background-position: -522px -93px;}
 #logo9 { width: 264px; height: 87px; background-position: -648px -93px;}
#logo10 { width: 180px; height: 80px; background-position: 0px -180px;clear: left;}
#logo11 { width: 145px; height: 80px; background-position: -180px -180px;}
#logo12 { width: 66px;  height: 80px; background-position: -325px -180px;}
#logo13 { width: 206px; height: 80px; background-position: -391px -180px;}
#logo14 { width: 138px; height: 80px; background-position: -598px -180px;}
#logo15 { width: 177px; height: 80px; background-position: -737px -180px;}
#logo16 { width: 256px; height: 108px; background-position: 0px -261px;clear: left;}
#logo17 { width: 168px; height: 108px; background-position: -257px -261px;}
#logo18 { width: 72px; height: 108px; background-position: -427px -261px;}
#logo19 { width: 121px; height: 108px; background-position: -500px -261px;}
#logo20 {  }

/*********************************************
	Footer and Copyright
*********************************************/


#footer {
	background-color: #0e7ac4;
	color: #ccc;
	padding: 120px 30px 120px 90px;
	text-align: center;
}
#footer .inner {
	width: 100%;
	max-width: 1024px;
	text-align: left;
	margin: 0 auto;
}
#footer li, #footer p, #footer a {
	font-size: 160%;
	text-transform:  uppercase;
	line-height: 1.1;
	margin-bottom: 7px;
}

#footer3 p {
	line-height: 1.5;
	text-transform: none;
}
#footer #footer4 a {
	text-transform: lowercase;
	font-size: 240%;
	padding-right: 5px;
}
#footer0, #footer1, #footer2, #footer3 {
	font-family: 'Gotham Narrow A', 'Gotham Narrow B'; font-weight: 400; font-style: normal;
}	
#footer p a, #footer li a {
	font-size: 100%;
}
#footer a {
	color: #ccc;
}
#footer a:hover, #footer a:active {
	color: #fff;
}
#footer #footer4 a {
	color: #fff;
}
#footer #footer4 a:hover, #footer #footer4 a:active {
	color: #ccc;
}
#footer .footerHeader {
	font-family: 'Gotham Narrow A', 'Gotham Narrow B'; font-weight: 500; font-style: normal;
	font-size: 160%;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: white;
}

#footer section {
	width: 20%;
	padding-right: 5%;
	float: left;
}
#copyright {
	background-color: #e6f1f9;
	font-family: 'Gotham Narrow A', 'Gotham Narrow B'; font-weight: 500; font-style: normal;
	font-size: 150%;
	text-transform: uppercase;
	text-align: center;
	padding: 50px 0 130px;
}
#copyright.cf .mob {
	display: block;
	margin-top: 40px;
	color: #bbcad5;
	font-size: 90%;

}
#copyright.cf .mob a {
	color: #bbcad5;

}
#main .filesize {
	font-size: 120%;
	width: 60px;
	text-align: right;
}
#mc_embed_signup{
		background:#fff;
		clear:left;
		font:14px Helvetica,Arial,sans-serif;
	}
	
	
	
	
/**********************************************/
#ui-datepicker-div * {
	font-size: 100%;
}

#ui-datepicker-div th,
#ui-datepicker-div  td {
	font-size: 110%;
}
#primary .wpcf7 p {
	width: 45%;
	margin-right: 5%;
	float: left;
}
#primary .wpcf7 input,
#primary .wpcf7 textarea {
	max-width: 90%;
	
}
#primary .wpcf7 select {
	/* background: #2386c9;
	padding: 10px 0 10px 0;
	color: white;
	border-radius: none;
	border: none;
	outline: none;*/
}
#primary .wpcf7 input.wpcf7-text,
#primary .wpcf7 input.wpcf7-date {
	display: block;
	border: 1px solid #a6c1d4;
	outline: 1px solid #b5d2e7;
	background-color: white;
	color: #777;
	font-size: 100%;
	width: 95%;
	padding: 10px 0 10px 0;
	margin: 10px 0;
	text-indent: 10px;
}
#primary #suveryForm input.wpcf7-text {
	width: 300px;
}

#primary .wpcf7 input.wpcf7-text:focus,
#primary .wpcf7 input.wpcf7-date:focus {
	color: #2386c9;
	outline: 1px solid #2386c9;
	color: #333;

}
#primary .wpcf7 .wpcf7-list-item {
    margin-left: 0;

}
#primary .wpcf7 .wpcf7-checkbox .wpcf7-list-item {
	width: 100%;
	display: block;
    margin-left: 0;

}

#primary .wpcf7 #submit,
#primary .wpcf7 input#fSubmit {
    display: block;
    margin-top: 30px;
    margin-bottom: 15px;
    background-color: rgb(35, 134, 201);
    color: white;
    border: medium none;
    outline: medium none;
    padding: 8px 16px;
    font-size: 100%;
    text-transform: uppercase;
}

#primary .wpcf7 #submit:hover,  #primary .wpcf7 #submit:active,
#primary .wpcf7 #fSubmit:hover, #primary .wpcf7 #fSubmit:active{
	background-color: #1198f2;
	cursor: pointer;
}	
/*********************************************
	The Awesomeness
*********************************************/

/*********************************************
	These mini mediaqueries handle the incremental height changes to the big
	hero images on the winnipeg and expansion pages. */

@media screen and (min-width: 1200px) {   /* - - - - - - - - - - - - - - - - - - - - - - */
#main.custom .layer,
#banner,
.mapBox {
	height: 650px;
}
#banner h1 {
	margin-top: 300px;
	font-size: 600%;
}

}

@media screen and (min-width: 1390px) {   /* - - - - - - - - - - - - - - - - - - - - - - */
#main.custom .layer,
#banner,
.mapBox   {
	height: 800px;
}
#home #navQuick {
	margin-top: 750px;
}
#banner .nivo-caption {	top: 710px; }

#banner h1 {
	margin-top: 350px;
	font-size: 650%;
}
#main.custom .layer .description {
	width: 25%;
}
}
@media screen and (min-width: 1560px) {   /* - - - - - - - - - - - - - - - - - - - - - - */
#main.custom .layer,
#banner,
.mapBox   {
	height: 900px;
}
#home #navQuick {
	margin-top: 850px;
}
#banner h1 {
	margin-top: 400px;
	font-size: 650%;
}
#banner .nivo-caption {	top: 810px; }
}
@media screen and (min-width: 1770px) {   /* - - - - - - - - - - - - - - - - - - - - - - */
#main.custom .layer,
#banner,
.mapBox   {
	height: 1000px;
}
#home #navQuick {
	margin-top: 950px;
}
#banner h1 {
	margin-top: 450px;
	font-size: 670%;
}
#banner .nivo-caption {	top: 910px; }

}
@media screen and (min-width: 1916px) {   /* - - - - - - - - - - - - - - - - - - - - - - */
#main.custom .layer,
#banner,
.mapBox   {
	height: 1100px;
}

}


@media screen and (min-width: 1200px) {   /* - - - - - - - - - - - - - - - - - - - - - - */
#main.custom .layer img {
	height: auto;
	max-width: none !important;

}

#header {
	text-align: center;
	position: relative;
}
	#siteTitle {
		text-align: center;
		position: absolute;
		width: 100%;
		top: auto;
		left: auto;
		height: 0;
		z-index: 99999989;
	
	}
	#siteTitle span {
		height: 0; /* hack site title to not block nav */
		display: block;
		width: 1200px;
		margin: 0 auto;
		position: relative;
		top: 96px;
		left: 30px;
		text-align: left;
		
	}
	#navTop {
		text-align: center;
	}
	#navTop .inner {
		text-align: left;
		max-width: 1200px;
		margin: 0 auto;
	}
	
	#navSocial {
		top: -15px;
		left: auto;
		right: auto;
		bottom: auto;
		text-align: left;
		width: 100%;
	}
	#navSocial .inner {
		position: relative;
		margin: 0 auto;
		width: 1200px;
	}
	#navSocial .inner .inner {
		float: right;
		
		width: 180px;
		top: 125px;
	}
	#drawer {
		text-align: center;	
	}
	#drawer .inner {
		position: relative;
		text-align: left;
		max-width: 1200px;
		margin: 0 auto;
	}

#main {
	text-align: center;
}
	#main .inner {
		max-width: 1200px;
		margin: 0 auto;
		text-align: left;
	}
#news {
	text-align: center;
	overflow: hidden;
}
	#news .inner {
		max-width: 1200px;
		margin: 0 auto;
		text-align: left;
	}
	#events h2 {
		float: right;
		width: 999999px;
	}
	#events h2 span {
		float: right;
		width: 360px;
		text-align: left;
	}

	#blog h2 {
		width: 99999px;
	}
}

/*********************************************
	These are the non-fancy mediaqueries. Custom breakpoints based on the
	needs of the content */

@media screen and (max-width: 1400px) { /* - - - - - - - - - - - - - - - - - - - - - - */
#main.custom .basic h2.max300 {
	font-size: 300%;
}
}

@media screen and (max-width: 1200px) { /* - - - - - - - - - - - - - - - - - - - - - - */
#banner {
	text-align: right;
}
#banner .slider-wrapper {
	max-width: none;
	width: 100%;
	top:0;
	left: auto;
	right: 0;
	text-align: right;	
}
#banner  .nivoSlider,
#banner  .nivoSlider img {
	max-width: none;
	width: 1200px;
	height: 700px;
	text-align: right;
	top:0;
	left: auto;
	right: 0;
}

#banner .slider-wrapper {
}



#banner  .nivo-caption {
	text-align: left;
	text-indent: 30px;
}
#banner .nivo-caption {	top: 610px; }

#navTop ul {
	padding-right: 150px;
}
	#navMainBar {
		
	}
	#navMain {
		left: auto;
		right: 45px;
	}
	#navSocial {
		top: 18px;
	}
	#navSocial a {
		font-size: 150%;
	}
	#navSocial a:link,
	#navSocial a:visited {
		color: white;
	}
	#navSocial  a:hover,
	#navSocial  a:active {
		opacity: 0.5;
	}
#main {
}

	#main.custom .layer img {
		width: auto;
		height: 700px;
		max-width: none !important;
		
	}
	
	#main.custom .layer {
	
		width: auto;
		height: auto;
	}
	#main.custom .layer .value {
		top: 30px !important;
		right: 30px !important;
		left: auto !important;
	}
	#main.custom .layer h2,
	#main.custom .basic h2 {
		margin-top: 0;
		font-size: 340%;
	}
	
	#main.custom .layer img {
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		width: 100%;
		height: auto;
		float: left;
		padding: 0;
		margin: 0;
	}
	#main.custom  .basic {
		padding: 40px 20px 80px;

	}
	#main.custom .layer .description {
		width: auto;
		left: 0;
		top: 0;
		float: left;
		position: relative;
		background-color: rgba(0,0,0,1);
		padding: 40px 20px 80px;
		height: auto;
	}
	#main.custom .basic h1,
	#main.custom .basic h2
	{
		width: auto;
		float: none;
	}
	#main.custom  .layer .description h3 {
		margin-top: 0;

	}
	#main.custom .basic .description {
		width: auto;
		float: none;
	}

	.quickTitle {
		height: 60px;
		line-height: 60px;
		font-size: 200%;
		padding-right:20px;
	}

#navQuick {
	height: 60px;
}
#navQuick li a {
	font-size: 200%;
	line-height: 60px;
	padding: 0 5px 0  70px;
	background-size:1500px 300px;
}

#navQuick #planners a  {
	background-position: 0 0 ;
}
#navQuick #exhibitors a {
	background-position: 0 -60px ;
}
#navQuick #attendees a {
	background-position: 0 -120px ;
}
#navQuick #filler span {
	padding: 0 5px 0  70px;
	background-size:1500px 300px;
	background-position: 0 -180px ;
	width: 60px;
	height: 60px;
}
}





@media screen and (max-width: 1000px) { /* - - - - - - - - - - - - - - - - - - - - - - */

#banner  .nivoSlider img {
	right: 100px;
}
	.quickTitle {
		height: 50px;
		line-height: 50px;
		font-size: 180%;
		padding-right: 20px;
	}
#navQuick {
	height: 50px;
}
#navQuick li a {
	font-size: 180%;
	line-height: 50px;
	padding: 0 5px 0  60px;
	background-size:1250px 250px;
}

#navQuick #planners a  {
	background-position: 0 0 ;
}
#navQuick #exhibitors a {
	background-position: 0 -50px ;
}
#navQuick #attendees a {
	background-position: 0 -100px ;
}
#navQuick #filler span {
	padding: 0 5px 0  60px;
	background-size:1250px 250px;
	background-position: 0 -150px ;
	width: 50px;
	height: 50px;
}


#partners {padding: 50px 0;}
#partners .inner {  width: 600px;}
.logo {background-size:600px 242px;}
 
 
 
 #logo1 { width: 143px; height: 61px; background-position: 0 0px;}
 
 
 
 
 #logo2 { width: 91px; height: 61px; background-position: -141px 0px;}
 #logo3 { width: 132px; height: 61px; background-position: -235px 0px;}
 #logo4 { width: 95px; height: 61px; background-position: -368px 0px;}
 #logo5 { width: 137px; height: 61px; background-position: -463px 0px;}
 #logo6 { width: 180px; height: 56px; background-position: 0 -61px;clear: left;}
 #logo7 { width: 163px; height: 56px; background-position: -179px -61px;}
 #logo8 { width: 83px; height: 56px; background-position: -343px -61px;}
 #logo9 { width: 174px; height: 56px; background-position: -426px -61px;}
#logo10 { width: 118px; height: 53px; background-position: 0px -117px;clear: left;}
#logo11 { width: 95px; height: 53px; background-position: -118px -117px;}
#logo12 { width: 44px;  height: 53px; background-position: -213px -117px;}
#logo13 { width: 136px; height: 53px; background-position: -257px -117px;}
#logo14 { width: 91px; height: 53px; background-position: -393px -117px;}
#logo15 { width: 116px; height: 53px; background-position: -484px -117px;}
#logo16 { width: 169px; height: 71px; background-position: 0px -171px;clear: left;}
#logo17 { width: 112px; height: 71px; background-position: -169px -171px;}
#logo18 { width: 48px; height: 71px; background-position: -281px -171px;}
#logo19 { width: 80px; height: 71px; background-position: -329px -171px;}
#logo20 {  }

}
@media screen and (max-width: 900px) { /* - - - - - - - - - - - - - - - - - - - - - - */

#banner {
	text-align: right;
}
#banner  .nivoSlider,
#banner  .nivoSlider img {
	max-width: none;
	width: 1029px;
	height: 600px;
	right: 0;
}
#banner .nivo-caption {
	font-size: 160%;
	text-indent: 15px;
}
#banner h1 {
	margin-left: 20px;
	margin-top: 280px;
	font-size: 400%;
}
	#banner {
		height: 600px;
	}
	#home #navQuick {
		margin-top: 550px;
	}
	#banner .nivo-caption {	top: 510px; }

#siteTitle {
	top: 96px;
}
#navMain {
	top: 37px;
	right: 20px;

}
#navMain li a {
	display: block;
    font-size: 160%;
    text-transform: uppercase;
    width: 40%;
    float: left;
    	font-weight: 500;
	padding: 1%;

}
#navMain li#menu-item-32 a,
#navMain li#menu-item-30 a{
    width: 45%;
}
#navMain li#menu-item-31 a,
#navMain li#menu-item-29 a{
    width: 30%;
}
#navQuick {
	height: 40px;

}
	.quickTitle {
		height: 40px;
		line-height: 40px;
		font-size: 160%;
		padding-right: 0;
		text-indent: 25px;
	}
#navQuick li a {
	font-size: 160%;
	line-height: 40px;
	padding: 0 5px 0  50px;
	background-size:1000px 200px;
}
#navQuick #planners a  {
	background-position: 0 0 ;
}
#navQuick #exhibitors a {
	background-position: 0 -40px ;
}
#navQuick #attendees a {
	background-position: 0 -80px ;
}
#navQuick #filler span {
	padding: 0 5px 0  50px;
	background-size:1000px 200px;
	background-position: 0 -120px ;
	width: 30px;
	height: 40px;
}
#secondary .request a,
#secondary .cafe a {
	padding: 30px 25px;
}
#secondary #subscribe {
	    padding: 30px 25px;
	}
#events h2 {
	text-indent: 25px;
}











}
@media screen and (max-width: 750px) { /* - - - - - - - - - - - - - - - - - - - - - - */



#banner h1 {
	margin-top: 280px;
	font-size: 360%;
}


	#navMain {
		width: 45%;
	}
	.quickTitle {
		padding-right: 15px;
		text-indent: 15px;
	}
#navQuick li a {
	font-size: 160%;
	line-height: 40px;
	padding: 0 15px;
	background-image: none !important;
}

#navQuick #planners a  {
	background: #2386c9;
}
#navQuick #exhibitors a {
	background: #3992cf;
}
#navQuick #attendees a {
	background: #4e9dd4;
}
#navQuick #filler span {
	display: none;
}
}


@media screen and (max-width: 640px) {  /* - - - - - - - - - - - - - - - - - - - - - - */
body {
	background-color: #0e7ac4;

}
#banner {
	margin-top: 110px;
	position: static;
	height: auto;
}
#banner .nivo-wrapper {
	position: relative;
	
}
#banner .nivo-wrapper,
#banner  .nivoSlider,
#banner  .nivoSlider img {
	max-width: none;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	right: 0;
}
#banner .nivo-caption {
	top: auto;
	bottom: 0px;
	text-align: right;
	right: 0;
	left: auto;
	}

#banner h1 {
	margin-top: 20%;
	font-size: 300%;
	z-index: 9999; /* just a guess */
}
.mobileOnly {
	display: block;
}

#navTop {
	display: none;
}
	
#siteTitle {
	position: absolute;
	top: 15px;
	left: 15px;
	display: inline-block;
	float: left;
}
#siteTitle img {
	width: 220px;
	height: auto;
}	
#drawer {
	position: absolute;
	top: -130px;
	left: 0;
	width: 100%;

}





#navMain {
	position: static;
	width: 100%;
	background: #d45821;	
	float: left;	
	font-weight: 500;
	font-style: normal;
}
	#navMain li a {
		width: 100%;
		height: 38px;
		border-top: 1px solid #fd6826;
		border-bottom: 1px solid #c14f1c;
		padding: 0;
		margin: 0;
		font-size: 160%;
		line-height: 40px;
		text-align: center;
		
	}
	#navMain li#menu-item-32 a,
	#navMain li#menu-item-30 a{
		width: 100%;
	}
	#navMain li#menu-item-31 a,
	#navMain li#menu-item-29 a{
		width: 100%;
	}
	#navMainBar {
		position: absolute;
		top: 0;
		width: 100%;
		height: 70px;
		background-color: rgba(244,106,44,1);
		color: white;
		z-index: 99999971;
		
	}
#navSocial {
	position: absolute;
	width: 30%;
	float: left;
	top: 10px;
	right: 10px;
	text-align: right;
}



.quickTitle {
	font-size: 180%;
	line-height: 40px;
	width: 100%;
	text-align: center;
	text-indent: 0;
	display: none;
}
#navQuick {
	display: none;
}
	#navQuickMini {
		height: auto;
		width: 100%;
		background-color: #2386c9;
		position: absolute;
		display: block;
		top: 200px;
		left: auto;
		text-align: center;
	
	}
	#navQuickMini li {
		display: inline;
	}
	#navQuickMini li a {
		color: white;
		font-size: 150%;
		line-height: 40px;
		text-transform: uppercase;
		padding: 0 10px;
		display: inline;
		float: none;
		text-align: center;
		background-color: transparent !important;
	
	}
	#navQuickMini li a img {
		display: none;
	}
	#navQuickMini {
		height: auto;
	}
	#mobileNavButton {
		display: block;
		position: absolute;
		
		width: 36px;
		height: 36px;
		top: 15px;
		right: 15px;
		z-index: 99999998;
	}
	#searchMini {
	    display: block;
	    width: auto;
	    height: 28px;
		padding: 6px;
		background-color: #d45821;
	}
	#searchMini .fieldMini {
	    width: 100%;
	    height: 26px;
	    border-radius: 50px;
	    border: none;
	    outline: none;
		background-color: #f46a2c;
		color: rgba(255,255,255,1);
		opacity: 1 !important;
		font-family: 'Gotham Narrow A', 'Gotham Narrow B'; font-weight: 500;
	    font-size: 160%;
	    font-style: italic;
	    font-weight: 700;
	    line-height: 28px;
	    text-align: center;
	    text-transform: uppercase;
	}
	#searchMini .fieldMini:focus,
	#searchMini .fieldMini::-webkit-input-placeholder {
		outline: none;
		color: white;
	}
	#searchIconWrapper {
		display: none;
	}
#navSocial {
	display: none;
}
#main {
	margin-top: 450px;
}
#home #main {
	margin-top: 0;
}




#main {
	background-color: #e6f1f9;
}

	#primary, #secondary, #blog, #events {
		width: auto;
		display: block;
		clear: both;
		float: none;
	}
	#partners {
		display: none;
	}
	
	#primary .inner {
	    padding: 40px 25px;
	}

#secondary .request a,
#secondary .cafe a {	
	background-size:1280px 963px;

}
	#secondary .request a {
		background-position: 0 -100px;
	}
	#secondary .cafe a {
		background-position:  0 -682px;
	}
#secondary .request a:hover,
#secondary .request a:active {
		background-position:  -640px -100px;
}
#secondary .cafe a:hover,
#secondary .cafe a:active {
		background-position:  -640px -682px;
}




#blog .inner {
	padding: 0 25px;
}
	#blog h2 {
		font-size: 180%;
		background-color: #f46a2d;
		color: white;
		padding: 15px 0;
		text-indent: 0;
	}
	#blog .blogPost {
		margin-top: 30px;
		border-bottom: 1px solid #b1cee2;
		padding-bottom: 15px;
		margin-bottom: 15px;
		margin-left: 0;
		padding-left: 0;
	}
		#blog h3 {
			margin-top: 0px;
			padding-top: 0;
			margin-bottom: 15px;
			border: none;
		}
	
		.blogThumb {
			margin-bottom: 15px;
			
		}
		#blog .blogExcerpt {
			margin-left: 130px;
		}
		#blog .readMore {
		
		}

#footer {
	
	height: auto;
	position: relative;
	margin: 0;
	padding: 15px;
	padding-bottom: 30px;
}
	#footer #footer0 {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 15px;
		margin-left: -10px;
	}
	#footer #footer0 li {
		display: inline;
		
	}
	#footer #footer0 li a {
		display: inline-block;
		padding: 5px 10px;
		margin-bottom: 5px;
		font-weight: 500;
		
	}
	#footer #footer0 a, 
	#footer #footer3 p,
	#footer #footer4 a:link,
	#footer #footer4 a:visited {
		color: white;
	}
	
	#footer1, #footer2 {
		display: none;
	}
	#footer #footer0, #footer #footer3, #footer #footer4 {
		width: 100%;
	}
	#footer3 {
		position: absolute;
		display: none;
	}
	#footer4 {
		margin-left: -5px;
	}
	.footerHeader {
		display: none;
	}
	#copyright {
		width: auto;
		text-align: left;
		margin-left: 0;
		margin-top: 0;
		padding-bottom: 60px;
		margin-bottom: 0;
		color: #fff;
		background-color: #0e7ac4;
		padding-top: 30px;
		padding: 0 15px;
	}
	#copyright.cf .mob {
		margin-top: 10px;
		padding-bottom: 30px;
		color: #61a0cc;
	}
	#copyright.cf .mob a {
		color: #61a0cc;
	}
	#primary .wpcf7 p {
	width: 95%;
	margin-right: 5%;
	float: none;
}
}
@media screen and (max-width: 480px) {   /* - - - - - - - - - - - - - - - - - - - - - - */
.alignleft, .alignright,
.threeC .c1, .threeC .c2, .threeC .c3 {
	max-width: 100%;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
.threeC .c1, .threeC .c2, .threeC .c3 {
	margin-bottom: 20px;

}
#bannerPage {
	height: 280px;
}
#banner .nivo-caption {
	font-size: 100%;
}
#banner h1 {
	margin-left: 20px;
	font-size: 200%;
}

.blogThumb {
	margin-left: 15px;
	float: right;
	width: 80px;
	height: 80px;
}
	.blogThumb img {
		width: 80px;
		height: 80px;
	}
#blog .blogExcerpt {
	margin-left: 0;
}
.gallery-item {
    width: 25% !important;
    height: 25% !important;
}
#primary .vcard img.alignleft,
#primary .vcard img.alignright {
	float: right;
	margin-bottom: 30px;
	width: 80px;
	height: 80px;
}
#main {
	margin-top: 280px;
}
}



@media screen and (max-width: 398px) {   /* - - - - - - - - - - - - - - - - - - - - - - */

#secondary .request a,
#secondary .cafe a {
	background-size:792px 596px;
	background-repeat:no-repeat;

}
	#secondary .request a {
		background-position: 0 -100px;
	}
	#secondary .cafe a {
		background-position:  0 -398px;
	}

#secondary .request a:hover,
#secondary .request a:active {
		background-position:  -396px -100px;
}
#secondary .cafe a:hover,
#secondary .cafe a:active {
		background-position:  -396px -398px;
}
}



@media screen and (max-width: 320px) {   /* - - - - - - - - - - - - - - - - - - - - - - */

}