/********************************************
*	Table of Contents
*	1. Reset Browser Styles: Overrides the default browser styles to start with a clean slate
*	2. Grid Styles: 12 column grid system, please make sure selectivizr v1.0.2 is added to the scripts for ie8 compatibility
*	3. Main Styles: Main text and body styles
*	4. Layout Styles: Custom global branding styles for the header, navigation, content and footer
*	5. Form Styles: Styling forms and associated elements
*	6. Page Specific Styles: Styles that are specific to a certain page or group of pages
********************************************/

/******************************************** 
1. Reset Browser 
********************************************/
.large-desktop-only {
	display: block !important;
}

/******************************************** 
2. Grid Styles
********************************************/
.gutters > .col {
margin-left: 48px;
}
.gutters > .col:first-child {
margin-left: 0;
}
.grid-1 { width: 111px; }
.grid-1-5 { width: 162px; }
.grid-2 { width: 222px; }
.grid-3 { width: 333px; }
.grid-4 { width: 444px; }
.grid-5 { width: 555px; }
.grid-6 { width: 666px; }
.grid-7 { width: 777px; }
.grid-8 { width: 888px; }
.grid-9 { width: 999px; }
.grid-10 { width: 1110px; }
.grid-11 { width: 1221px; }
.grid-12 { width: 1332px; }
.gutters .grid-1 { width: 67px; }
.gutters .grid-1-5 { width: 161px; }
.gutters .grid-2 { width: 182px; }
.gutters .grid-3 { width: 297px; }
.gutters .grid-4 { width: 412px; }
.gutters .grid-5 { width: 527px; }
.gutters .grid-6 { width: 642px; }
.gutters .grid-7 { width: 757px; }
.gutters .grid-8 { width: 872px; }
.gutters .grid-9 { width: 987px; }
.gutters .grid-10 { width: 1102px; }
.gutters .grid-11 { width: 1217px; }
.gutters .grid-12 { width: 1332px; }
.prefix-1 { margin-left: 111px; }
.prefix-2 { margin-left: 222px; }
.prefix-3 { margin-left: 333px; }
.prefix-4 { margin-left: 444px; }
.prefix-5 { margin-left: 555px; }
.prefix-6 { margin-left: 666px; }
.prefix-7 { margin-left: 777px; }
.prefix-8 { margin-left: 888px; }
.prefix-9 { margin-left: 999px; }
.prefix-10 { margin-left: 1110px; }
.prefix-11 { margin-left: 1221px; }
.prefix-12 { margin-left: 1332px; }
.gutters .prefix-1 { margin-left: 67px; }
.gutters .prefix-2 { margin-left: 182px; }
.gutters .prefix-3 { margin-left: 297px; }
.gutters .prefix-4 { margin-left: 412px; }
.gutters .prefix-5 { margin-left: 527px; }
.gutters .prefix-6 { margin-left: 642px; }
.gutters .prefix-7 { margin-left: 757px; }
.gutters .prefix-8 { margin-left: 872px; }
.gutters .prefix-9 { margin-left: 987px; }
.gutters .prefix-10 { margin-left: 1102px; }
.gutters .prefix-11 { margin-left: 1217px; }
.gutters .prefix-12 { margin-left: 1332px; }
.suffix-1 { margin-right: 111px; }
.suffix-2 { margin-right: 222px; }
.suffix-3 { margin-right: 333px; }
.suffix-4 { margin-right: 444px; }
.suffix-5 { margin-right: 555px; }
.suffix-6 { margin-right: 666px; }
.suffix-7 { margin-right: 777px; }
.suffix-8 { margin-right: 888px; }
.suffix-9 { margin-right: 999px; }
.suffix-10 { margin-right: 1110px; }
.suffix-11 { margin-right: 1221px; }
.suffix-12 { margin-right: 1332px; }
.gutters .suffix-1 { margin-right: 67px; }
.gutters .suffix-2 { margin-right: 182px; }
.gutters .suffix-3 { margin-right: 297px; }
.gutters .suffix-4 { margin-right: 412px; }
.gutters .suffix-5 { margin-right: 527px; }
.gutters .suffix-6 { margin-right: 642px; }
.gutters .suffix-7 { margin-right: 757px; }
.gutters .suffix-8 { margin-right: 872px; }
.gutters .suffix-9 { margin-right: 987px; }
.gutters .suffix-10 { margin-right: 1102px; }
.gutters .suffix-11 { margin-right: 1217px; }
.gutters .suffix-12 { margin-right: 1332px; }

/******************************************** 
3. Main Styles
********************************************/

/******************************************** 
4. Layout Styles
********************************************/
/* 4.1: Containers */
.content {
  width: 1332px;
}

/* 4.2: Header */

.header-logo {
	padding-top: 0;
}
.head-logo.grid-4 {
	width: 400px;
}
.head-deadline.grid-3 {
	width: 470px;
	padding-top: 7px;
}
.head-social.grid-2 {
	width: 120px;
	padding-right: 10px;
}
.head-contact.grid-3 {
	width: 325px;
}
#next-deadline p {
	font-size: 17px;
}
#next-deadline {
	padding: 5px 0 0 0;
}

/* 4.3: Footer */

/* 4.4: Navigation */
#navigation a {
	font-size: 1.1em;
	padding-left: 24px;
	padding-right: 24px;
}

/* 4.5: Page Content */
    .slider {
      width: 370px; height: auto;
      overflow: hidden;
      position: relative; /* for overflow: hidden to work in IE7 */
	  margin-left: auto;
      margin-right: auto;
	  padding: 0;
    }
        .slider > ul > li {
          float: left;
		  margin: 0;
	      padding: 0;
          width: 370px; height: auto;
        }
.reviews p {
	font-size:14px;
}


.home-latest-event-text {
	width: 430px !important;
}

.slider-nav ul li.slider-left {
	background-image: url(../img/cta-arrow-left.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	margin-left: 30px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
}
.slider-nav ul li.slider-right {
	background-image: url(../img/cta-arrow-right.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: right;
	margin-right: 30px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -25px;
}

/******************************************** 
5. Form Styles
********************************************/


/******************************************** 
6. Page Specific Styles
********************************************/

.cta-box-1 h2 {
	font-size: 24px;
}
.cta-box-2 h2 {
	font-size: 24px;
}
.cta-box-3 h2 {
	font-size: 24px;
}
.reviews h3 {
	padding: 0 20%;
}

#directory-names ul li {
	display: inline;
	font-weight: 600;
	margin-right: 13px;
	color: lightsteelblue;
}

.selectdiv {
	position: relative;
	float: left;
	width: 200px !important;
}

.business-listing-text {
	float: left;
	width: 660px !important;
}

#sub-footer {
	padding: 36px 0;
}
#sub-footer .content {
	position: relative;
}
#sub-footer .grid-6 h3 {
	font-size: 1.8em;
	padding: 10px 25px;
}
#sub-footer .grid-6 {
	text-align: center;
}
#sub-footer .grid-6 h3 {
	margin-top: 50px;
}
#sub-footer .sub-footer-mags {
	position: absolute;
	right: 0px;
	top: -60px;
}

#event select {
	width: 32%;
	margin-bottom: 5px;
}

#sidebar .menu ul li {
	font-size: 15px;
}

.advertise-boxes .grid-4:hover h4 a {
	height: 100%;
	line-height: 210px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.our-magazines-section .grid-4 {
	width: 430px !important;
}
.our-magazines-section .grid-4 .col:first-child {
	margin-left: 30px;
}
.areas-covered > .default {
	flex: 0 0 calc(25% - 18px);
	max-width: calc(25% - 18px);
}