/* Main */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxx Unclassed elements xxxxxxxxxxxxxxxxxxxxxxxxxxx */

body {
	padding: 0;
	background-color: #333;
	color: #333;
	line-height: normal;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}

a {
	color: inherit;
	text-decoration: underline;
}

a:link,
a:visited {
	color: #333;
	transition-property: background-color, color;
	transition-duration: 750ms;
}
a:link:hover,
a:link:active,
a:visited:hover,
a:visited:active {
	background-color: #333;
	color: #FFF;
}
h1, h2, h3, h4, h5, h6 {
	margin: .5em 0;
}

dt {
	font-weight: bold;
}
dd {
	margin-left: 2em;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Classes xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

a.button {
	display: block;
	margin: 0 auto;
	max-width: 330px;
	padding: 8px 10px;
	border: none;
	font-weight: bold;
	font-size: 1.5em;
	border-radius: 7px;
	text-align: center;
}
.lt-ie9 a.button {
	width: 350px;
}
a.button:link,
a.button:visited {
	background-color: #333;
	color: #FFF;
	text-decoration: none;
}
a.button:link:hover,
a.button:link:active,
a.button:visited:hover,
a.button:visited:active {
	background-color: #666;
	color: #CCC;
}

.pageintro {
	text-align: center;
	line-height: 2;
}

.termsconditions {
	font-size: smaller;
	font-style: italic;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Main layout xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#skipnav {
	display: none;
}
#wrapper {
	width: 100%;
	max-width: 1270px;
	margin: 0 auto;
	background: #FFF;
}

#jetcommbanner {
	background-color: #333;
	background-image: url(../../../images/bkgnd/jetcomm.banner.1470x260.jpg);
	background-position: center;
}
#jetcommbanner a {
	display: block;
	margin: 0;
	padding: .25em 1em .5em 1em;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-size: 1.2em;
}
#jetcommbanner a:link,
#jetcommbanner a:visited {
	color: #FFF;
	background-color: transparent;
}
#jetcommbanner a:hover,
#jetcommbanner a:active {
	color: #999;
	background-color: transparent;
}
#jetcommbanner a img {
	display: inline;
	width: 125px;
	height: auto;
	padding: 0 .5em 0 .25em;
	vertical-align: bottom;
}



header {
	position: relative;
}

div#eventname {
	position: relative;
	float: left;
	font-size: 1.5em;
	letter-spacing: -1px;
}
@media (min-width: 1000px) {
	div#eventname {
		position: absolute;
		left: 5%;
		top: 3px;
	}
}
div#eventname a {
	display: block;
	padding: .25em;
	text-decoration: none;
}
div#eventname strong {
	font-weight: 800;
}
div#eventtheme {
	position: absolute;
	right: 0;
	top: 0;
}
@media (min-width: 1000px) {
	div#eventtheme {
		right: 4.75%;
		top: 10px;
	}
}
div#eventtheme a {
	display: block;
	padding: 4px;
	text-decoration: none;
}
@media (min-width: 1000px) {
	div#eventtheme a {
		padding: 0;
	}
}
div#eventtheme a:link:hover,
div#eventtheme a:link:active,
div#eventtheme a:visited:hover,
div#eventtheme a:visited:active {
	background-color: transparent;
	color: #333;
}
div#eventtheme img {
	display: block;
	width: 100%;
	max-width: 125px;
	padding: .25em;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx Navigation Menu xxxxxxxxxxxxxxxxxxxxxxxxxxxx */

nav#mainmenu {
	clear: both;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
@media (min-width: 1000px) {
	nav#mainmenu {
		width: auto;
	}
}
@media (min-width: 500px) {
	nav#mainmenu {
		display: table;
	}
}
nav#mainmenu ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: .85em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
@media (min-width: 500px) {
	nav#mainmenu ul {
		display: table-row;
	}
}
nav#mainmenu li {
	display: inline-block;
	margin: 0;
	padding: 0;
	position: relative;
}
@media (min-width: 500px) {
	nav#mainmenu li {
		display: table-cell;
	}
}

nav#mainmenu a {
	display: block;
	margin: 0;
	padding: 1.5em .5em;
	text-align: center;
	transition-property: background-color, color, padding;
}

@media (min-width: 775px) {
	nav#mainmenu a {
		padding: 1.5em 1em;
	}
}

@media (min-width: 1150px) {
	nav#mainmenu a {
		padding: 1.5em 2em;
	}
}

nav#mainmenu a:link,
nav#mainmenu a:visited {
	text-decoration: none;
}
nav#mainmenu li.current > a:link,
nav#mainmenu li.current > a:visited {
	text-decoration: underline;
}





nav#mainmenu ul li ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	transition-property: visibility, opacity;
	transition-duration: 750ms;
	background-image: url(../images/menupointer.png);
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 1000;
}
nav#mainmenu ul li:hover ul {
	visibility: visible;
	opacity: 1;
}

nav#mainmenu ul li ul li {
	display: block;
	background-color: rgba(204, 204, 204, .8);
}

nav#mainmenu ul li ul li:first-child {
	margin-top: 10px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx Header Banners xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.customhomeheader {
	
}

.customhomeheader a {
	display: block;
	position: relative;
	padding-bottom: 31.49606299212598%;
	height: 0;
	background-image: url('../../../images/headers/home.bkgnd.1470x600.jpg');
	background-position: center;
	z-index: 10;
}

.customhomeheader a img {
	display: block;
	width: 75%;
	max-width: 868px;
	height: auto;
	margin: auto;
	padding-top: 5%;
}

.customagendaheader,
.customspeakersheader,
.customhotelsheader,
.custompartnersheader,
.customfaqsheader,
.customphoenixheader {
	display: block;
	height: 233px;
	background-position: center;
}
.customagendaheader {
	background-image: url('../../../images/headers/agenda.bkgnd.1300x433.jpg');
	color: #B3D;
}
.customspeakersheader {
	background-image: url('../../../images/headers/speakers.bkgnd.1270x433.jpg');
	color: #F50;
}
.customhotelsheader {
	background-image: url('../../../images/headers/hotels.bkgnd.1470x433.jpg');
	color: #39D;
}
.custompartnersheader {
	background-image: url('../../../images/headers/partners.bkgnd.1270x433.jpg');
	color: #F50;
}
.customfaqsheader {
	background-image: url('../../../images/headers/faqs.bkgnd.1270x433.jpg');
	color: #39D;
}
.customphoenixheader {
	background-image: url('../../../images/headers/hotels.bkgnd.1470x433.jpg');
	color: #F50;
}

.customagendaheader h1,
.customspeakersheader h1,
.customhotelsheader h1,
.custompartnersheader h1,
.customfaqsheader h1,
.customphoenixheader h1 {
	display: block;
	margin: 0 auto;
	padding-top: 80px;
	text-align: center;
	font-weight: 300;
	font-size: 3.5em;
	text-transform: uppercase;
}

.customagendaheader img,
.customspeakersheader img,
.customhotelsheader img,
.custompartnersheader img,
.customfaqsheader img,
.customphoenixheader img {
	display: block;
	width: auto;
	max-width: 80%;
	height: auto;
	max-height: 55px;
	margin: auto;
}

.customhalloweenheader img {
	display: block;
	width: 100%;
	max-width: 1270px;
	height: auto;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxx Main content area xxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#pagecontent {
	line-height: 1.5;
}

#maincontent {
	margin: 0 auto;
	padding: 0 1em;
	max-width: 740px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxx Home page sections xxxxxxxxxxxxxxxxxxxxxxxxxxx */

#homemain h1 {
	margin: 0;
	font-size: 2em;
	letter-spacing: -1px;
	transition-property: font-size;
	transition-duration: 750ms;
}
@media (min-width: 450px) {
	#homemain h1 {
		font-size: 3em;
	}
}

.homesection {
	padding: 6em 1em;
	text-align: center;
	background-position: center;
}
.homesection h2 {
	margin: 0 auto;
	font-size: 2.75em;
	font-weight: 300;
	text-transform: uppercase;
}
.homesection p {
	margin: 1em auto;
	padding: 0 1em;
	max-width: 740px;
}
.homesection div.homelink {
	margin: 0 auto;
	font-size: 1.25em;
	font-weight: bold;
}
@media (min-width: 650px) {
	#homespeakers {
		background-image: url(../../../images/bkgnd/home.speakers.1470x884.jpg);
	}
}
#homespeakers section {
	display: block;
	width: 100%;
	margin-top: 2em;
	margin-right: auto;
	margin-left: auto;
	max-width: 223px;
	text-align: left;
	vertical-align: top;
}
@media (min-width: 650px) {
	#homespeakers section {
		display: inline-block;
		width: 20%;
		max-width: 150px;
		margin-right: .5em;
		margin-left: .5em;
		font-size: smaller;
	}
	#homespeakers img {
		width: 100%;
		max-width: 150px;
		height: auto;
	}
}
#homespeakers p {
	clear: both;
	font-weight: bold;
}
#homepricing {
	background-image: url(../../../images/bkgnd/home.pricing.1362x700.jpg);
}
#homepricing h2 {
	color: #F50;
}
#homeagenda h2 {
	color: #B3D;
}
#homehotels {
	background-image: url(../../../images/bkgnd/home.hotels.1487x700.jpg);
}
#homehotels h2 {
	color: #39D;
}

#homegolf {
	background-image: url(../../../images/bkgnd/home.golf.1277x615.jpg);
}
#homegolf h2 {
	color: #3B3;
}

/* Halloween promo */
#homehalloween {
	padding: 1em;
	background-image: url(../../../images/bkgnd/home.halloween.1270x456.jpg);
}
#homehalloween h2 {
	font-weight: bold;
}
#halloweenbuttons {
	margin: 1em auto;
}
#halloweenbuttons .button {
	display: inline-block;
	width: 90%;
	max-width: 330px;
	margin: .5em 0;
	background-color: #F80;
}
@media (min-width: 650px) {
	#halloweenbuttons .button {
		margin-right: 1em;
		margin-left: 1em;
	}
}
#halloweenbuttons .button .crossout:before {
	z-index: 1000;
	position: absolute;
	content: '';
	background-image: url(../../../images/buttons/crossout.png);
	background-repeat: no-repeat;
	width: 66px;
	height: 42px;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Agenda xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.agendaday h2 {
	display: block;
	margin: 3em auto 0 auto;
	padding: 8px 10px;
	font-weight: bold;
	font-size: 1.5em;
	border-radius: 7px;
	background-color: #333;
	background-position: center;
	color: #FFF;
	text-transform: uppercase;
}
#day1 h2 {
	background-image: url(../../../images/buttons/agenda.day1.843x150.jpg);
}
#day2 h2 {
	background-image: url(../../../images/buttons/agenda.day2.843x150.jpg);
}
#day3 h2 {
	background-image: url(../../../images/buttons/agenda.day3.843x150.jpg);
}
#day4 h2,
#daypre h2 {
	background-image: url(../../../images/buttons/agenda.day4.843x150.jpg);
}

.agendadaygroup {
	margin: 0 0 3em 0;
	padding: 0;
	width: 100%;
}
.agendarow {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #CCC;
}
.agendatime,
.agendadescrip {
	margin: 0;
	padding: .5em 0;
	text-align: left;
	vertical-align: top;
}
.agendatime {
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
}
.agendaday h3,
.agendaday h4 {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1em;
}
.agendaday h3:first-child {
	margin-top: 0;
}
.agendaday p {
	margin-top: 0;
}

@media (min-width: 500px) {
	.agendadaygroup {
		display: table;
	}
	.agendarow {
		display: table-row;
		border-bottom: none;
	}
	.agendatime,
	.agendadescrip {
		display: table-cell;
		padding: 1em;
		border-bottom: 1px solid #CCC;
	}
	.agendatime {
		width: 30%;
		font-weight: normal;
		font-size: 1em;
		text-align: left;
	}
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Speakers xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

h2#emceespeaker,
h2#keynotespeaker,
h2#featuredspeaker {
	display: block;
	margin: 1em auto;
	padding: 8px 10px;
	font-weight: bold;
	font-size: 1.5em;
	border-radius: 7px;
	background-color: #333;
	background-position: center;
	color: #FFF;
	text-transform: uppercase;
}

h2#emceespeaker {
	background-image: url(../../../images/buttons/emcee.843x150.jpg);
}
h2#keynotespeaker {
	background-image: url(../../../images/buttons/agenda.day1.843x150.jpg);
}
h2#featuredspeaker {
	background-image: url(../../../images/buttons/keynotespeaker.823x150.jpg);
}

.speakerrow + .speakerrow {
	border-top: 1px solid #CCC;
}
.speakerinfo,
.speakerbio {
	padding: 1em 0;
}

@media (min-width: 800px) {
	.speakertable {
		display: table;
		border-spacing: 0;
		border-collapse: collapse;
	}
	.speakerrow {
		display: table-row;
	}
	.speakerinfo,
	.speakerbio {
		display: table-cell;
		vertical-align: top;
	}
	.speakerinfo {
		padding: 1em 2em 1em 0;
	}
	.speakerbio {
		padding: 1em 0 1em 2em;
	}
}
.speakerinfo {
	text-align: center;
}
@media (min-width: 800px) {
	.speakerinfo {
		text-align: left;
	}
}
.speakerinfo img {
	display: block;
	margin: 1em auto;
}

.speakername {
	font-weight: 600;
	text-transform: uppercase;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Hotels xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#hotellisting {
	position: relative;
}
#hotellisting section {
	margin-bottom: 3em;
	padding-bottom: 2em;
	border-bottom: 1px solid #CCC;
}
@media (min-width: 800px) {
	#hotellisting section {
		width: 31.33333333333333%;
		margin: 0 1%;
		float: left;
		border-bottom: none;
	}
}
#sheratonhotel {
	
}
#hyatthotel {
	
}
#hotellisting section img {
	display: block;
	margin: 2em auto;
	width: 100%;
	max-width: 350px;
	height: auto;
	border-radius: 10px;
}
#hotellisting section h2 {
	margin: 0;
	font-size: 1em;
	text-transform: uppercase;
}
#hotellisting + div,
#hotellisting + p {
	clear: both;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Partners xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

@media (min-width: 800px) {
	#partnercontent section {
		width: 46%;
		margin: 0 2%;
		float: left;
	}
}

#partnerprogram img {
	display: block;
	margin: 1em auto;
	width: 100%;
	max-width: 320px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Jetcomm xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

h1#jetcomm {
	display: block;
	margin: 1em auto;
	padding: 8px 20px;
	font-weight: normal;
	font-size: 2em;
	border-radius: 7px;
	background-color: #333;
	background-position: center;
	background-image: url(../../../images/buttons/jetcomm.header.943x287.jpg);
	color: #FFF;
}

h1#jetcomm img {
	display: inline;
	width: 150px;
	height: auto;
	padding: 0 0 5px 0;
	vertical-align: bottom;
}
h1#jetcomm strong {
	font-weight: 800;
}

a#jcreg {
	max-width: 300px;
	margin: 1em auto;
	background-image: url(../../../images/buttons/jetcomm.register.323x146.jpg);
	background-position: center;
	text-transform: uppercase;
}
a#jcreg:link,
a#jcreg:visited {
	color: #333;
}
a#jcreg:hover,
a#jcreg:active {
	color: #FFF;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxx Phoenix Attractions xxxxxxxxxxxxxxxxxxxxxxxxxx */

#attractions {
	
}

#attractions div {
	width: 100%;
	margin: 0 auto;
	float: none;
}

@media (min-width: 600px) {
	#attractions div {
		width: 50%;
		float: left;
	}
}

#attractions div a {
	display: block;
	padding: 3% 0;
}

#attractions img {
	display: block;
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	border-radius: 15px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Inkspiration xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.inkspiration section {
	padding: 1em 0;
	border-bottom: 1px solid #CCC;
}

.inkleftcol,
.inkrightcol {
	display: inline-block;
	width: 48%;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	vertical-align: top;
}
.inkleftcol {
	margin-right: 2%;
	margin-left: 0;
}
.inkrightcol {
	margin-right: 0;
	margin-left: 2%;
}

img#inkspirationlogo {
	display: block;
	margin: 0;
	width: 100%;
	max-width: 350px;
	height: auto;
}

#submissionsopen {
	margin-top: 10%;
	text-align: right;
	line-height: 1.25;
}
#submissionsopen div {
	display: inline-block;
	width: 50%;
}

.inkpullquote {
	font-style: italic;
	color: #00b4f1;
}

.inkspiration h2 {
	font-size: 1.25em;
	color: #006ba2;
}
img#inkspirationexample {
	display: block;
	margin: 1em 0;
	width: 100%;
	max-width: 360px;
	height: auto;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx FAQ xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

dl.faq {
	margin-top: 1em;
}

dl.faq dd div:first-child {
	margin-top: 1em;
}
dl.faq dd div:last-child {
	margin-bottom: 1em;
}

table.faqhotels {
	margin: 1em auto;
	padding: 0;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: none;
	border-left: none;
}

table.faqhotels th,
table.faqhotels td {
	margin: 0;
	padding: .5em 1%;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxx Responsive iframes xxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* "rframe" is my invented term for responsive iframes */
.rframe {
	margin: 1em auto;
	position: relative;
	padding-bottom: 100%; /* Defaulting to a square aspect ratio */
	height: 0;
}

/* Vimeo embeds */
.rframe.vimeo {
	padding-bottom: 56.25%; /* 16:9 */
}
/* YouTube embeds */
.rframe.yt {
/*	padding-top: 25px;*/ /* Allowing for YouTube 25px chrome bar at the top - seems to have been removed */
	padding-bottom: 56.25%; /* 16:9 */
}

.rframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Footer xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

footer {
	clear: both;
	display: block;
	position: relative;
	padding-bottom: 0;
	height: auto;
	background-image: url('../images/footer.cloud.bkgnd.1440.jpg');
	background-position: center;
}
@media (min-width: 775px) {
	footer {
		padding-bottom: 41.10236220472441%;
		height: 0;
	}
}

div#socialmenu {
	display: table;
	margin: 0 auto;
	padding-top: 7%;
}
div#socialmenu ul {
	display: table-row;
	margin: 0;
	padding: 0;
}
div#socialmenu li {
	display: table-cell;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
div#socialmenu a {
	display: block;
	margin: 0;
	padding: 5px;
	transition-property: padding, background, color;
}
@media (min-width: 775px) {
	div#socialmenu a {
		padding: 20px;
	}
}
div#socialmenu img {
	width: auto;
	max-height: 45px;
	vertical-align: middle;
}

#dscoophplogos {
	display: table;
	margin: 0 auto;
	padding-top: 2%;
	padding-bottom: 2em;
}
#dscoophplogosrow {
	display: table-row;
}
#dscoophplogos a {
	display: table-cell;
	padding: 1em;
	transition-property: padding, background, color;
}
@media (min-width: 400px) {
	#dscoophplogos a {
		padding: 1em 2em;
	}
}
#dscoophplogos a:link:hover,
#dscoophplogos a:link:active,
#dscoophplogos a:visited:hover,
#dscoophplogos a:visited:active {
	background-color: #CCC;
}
#dscoophplogos a:first-child {
	border-right: 2px solid #333;
}
#dscoophplogos img {
	display: block;
	width: auto;
	max-width: 100%;
	height: 100%;
	max-height: 75px
}

p#copyright {
	display: none;
	position: absolute;
	bottom: -4em;
	width: 100%;
	text-align: center;
	font-size: smaller;
}