@import url("/webfonts/GothamMedium/stylesheet.css");
@import url("/webfonts/GothamBook/stylesheet.css");
@import url("/webfonts/FuturaBook/stylesheet.css");
@import url("/webfonts/FuturaBold/stylesheet.css");
body {
	margin: 0;
	font-family: GothamMedium, sans-serif;
background-color: #070534;
}
.mobile {
	display:none;
}
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
background-color: rgb(255, 255, 255)!important;
}
ul#ui-id-1.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
background-color: rgb(255, 255, 255)!important;
}
.wrapper {
	width:100%
}
.topbar {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6b890+0,f4e3cd+100 */
background: #d6b890; /* Old browsers */
background: -moz-linear-gradient(left,  #d6b890 0%, #f4e3cd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #d6b890 0%,#f4e3cd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #d6b890 0%,#f4e3cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6b890', endColorstr='#f4e3cd',GradientType=1 ); /* IE6-9 */
	position: absolute;
	top: 0px;
	width:100%;
	height:60px;
}

.social {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6b890+0,f4e3cd+100 */
background: #d6b890; /* Old browsers */
background: -moz-linear-gradient(left,  #d6b890 0%, #f4e3cd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #d6b890 0%,#f4e3cd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #d6b890 0%,#f4e3cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6b890', endColorstr='#f4e3cd',GradientType=1 ); /* IE6-9 */
	width:100%;
	height:60px;
	text-align:center;
	border-top:1px solid #95837e;
}
.topbar .buy {
	background-color:#dc1500;
	width:180px;
	position:absolute;
	top:0px;
	right:0px;
}
.topbar .buy a {
	color:#fff;
	font: normal 18px/60px GothamMedium, sans-serif;
	display:inline-block;
	text-transform: uppercase;
	text-decoration: none;
	text-align:center;
	width:180px;
}
.topbar .nav {
	position: relative;
	max-width: 1200px;
	margin:0 auto;
	width:100%;
}
.topbar .desktop ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left:150px;
}
.topbar .desktop ul li {
	float: left;
	font: normal 18px/24px GothamMedium, sans-serif;
	padding: 18px 0;
	text-transform: uppercase;
	color: #a0c1e6;
	white-space:nowrap;
}
.topbar .desktop ul li a {
	display:inline-block;
	color: #000033;
	text-decoration: none;
	padding-left: 35px;
	margin-left: 35px;
	border-left: 2px solid #000033;
}
.topbar .desktop ul li a:hover {
	color: #000033;
}
.topbar .desktop ul li#menu01 a {
	padding-left: 0px;
	margin-left: 0px;
	border-left: none;
}
.title.home {
	background-color: #070534;
	margin-top: 60px;
}
.title.home .content {
	max-width: 1200px;
	overflow:hidden;
}
.title.home .content .text {
	font-size:28px;
	line-height:36px;
	font-family: FuturaBook,sans-serif;
	padding: 0 18% 30px;
	color: #fff;
	clear: both;
	text-align: center;
	margin: 0;
}
.title.home .content .text h1 {
	color: #e8d2b6;
	text-transform: uppercase;
	text-align: center;
	font-size:1.4em;
	line-height:1em;
	margin: 0 0 12px;
	letter-spacing: 3px;
}
.title.home .content .text h2 {
	font-weight: normal;
	margin:0 0 36px;
}
.title.home .content .text h3 {
	font-size:1.4em;
	line-height:1.2em;
	color: #e8d2b6;
	font-weight: normal;
	margin:24px 0 36px;
	display:inline-block;
	border-top:1px #e8d2b6 solid;
	border-bottom:1px #e8d2b6 solid;
	padding:10px 0 6px;
	text-transform:uppercase;
}
.title.home .content .text p {
	margin:0 0 12px;
}
.title.home .content .text p strong {
	font-family: FuturaBold;
	font-weight: normal;
}
.title.home .content img.cbw {
	max-width: 976px;
	width: 82%;
	float: right;
	display: block;
	margin-bottom: 50px;
}
.honorees {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dcc19e+0,f5e4d0+50,ad9c85+100 */
background: #dcc19e; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #dcc19e 0%, #f5e4d0 50%, #ad9c85 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #dcc19e 0%,#f5e4d0 50%,#ad9c85 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #dcc19e 0%,#f5e4d0 50%,#ad9c85 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcc19e', endColorstr='#ad9c85',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding-top:36px;
width:100%;
}
.honorees .content {
	max-width: 1200px;
	width: 100%;
}
.honorees .content .text {
	font-size:19px;
	line-height:24px;
	font-family: FuturaBook,sans-serif;
	padding: 0 18%;
	color: #070534;
	/*color: #fff;*/
	max-width: 620px;
	width: 100%;
	margin: 0 auto;
}
.honorees .content .text .photo {
	width: 161px;
	float:left;
	margin-top:5px;
}
.honorees .content .text .photo img {
	display: block;
	margin:0 0 8px;
	width:100%;
}
.honorees .content .text img.block {
	display: block;
	margin:0 0 8px;
	width:100%;
}
.honorees .content .text .entertainment img.in-block {
	display:inline-block;
	margin:0 auto 2px;
	max-width:164px;
	text-align:center;
	
}
.honorees .content .text .entertainment {
	text-align:center;
	font-size: 24px;
	line-height:28px;
	text-transform:uppercase;
	padding: 0 0 30px;
}
.honorees .content .text .entertainment p strong {
	font-size: 21px;
	text-transform:none;
}
.honorees .content .text .entertainment p.bio {
	font-size: 21px;
	text-transform:none;
	text-align:left;
}
.honorees .content .text .photo span {
	font-size:1.25em;
	line-height:1em;
	display: block;
	margin:0 0 12px;
	text-transform:uppercase;
	text-align:center;
}
.honorees .content .text h1,
.honorees .content .text h2,
.honorees .content .text h3 {
	text-transform: uppercase;
	text-align: center;
	font: normal 1.21em/1.1em FuturaBold,sans-serif;
	margin: 0 0 32px;
	background-repeat: no-repeat;
}
.honorees .content .text h4 {
	text-transform: uppercase;
	text-align: center;
	font: normal 1.21em/1.1em FuturaBook,sans-serif;
	margin: 20px 0 12px;
}
.honorees .content .text h1 {
	background-image: url(/creativity/images/home_rules_01.png);
	background-position: center 36px;
}
.honorees .content .text h2 {
	background-image: url(/creativity/images/home_rules_02.png);
	background-position: center center;
	margin: 20px 0 12px;
}
.honorees .content .text h3 {
	background-image: url(/creativity/images/home_rules_03.png);
	background-position: center center;
	margin: 32px 0 12px;
}
.honorees .content .text p {
	margin:0 0 12px;
}
.honorees .content .text .honorie {
	overflow:hidden;
	margin-bottom:12px;
}
.honorees .content .text .honorie p {
	margin:0 0 12px 176px;
}
.honorees .content .text p strong {
	font-family: FuturaBold, sans-serif;
	font-weight:normal;
}
.honorees .content .text p em strong {
	font-family: FuturaBoldItalic, sans-serif;
	font-weight:normal;
	font-style:normal;
}
.wrapper  p.attire {
	text-align: center;
	font: normal 20px/60px FuturaBook,sans-serif;
	font-style:italic;
	margin: 0;
	padding:0;
	color:#fff;
}
.wrapper  .footer {
	/*max-width:1200px;*/
	width:100%;
	text-align:center;
}
.wrapper  .social {
}
.wrapper .social a,
.wrapper .social a img {
	display:inline-block;
}
.wrapper .social a {
	padding:6px 0;
}
.wrapper .social a + a {
	margin-left:20px;
}

/* Tickets */
.tickets .details {
	max-width:719px;
	font-size:28px;
	line-height:36px;
	font-family: FuturaBook,sans-serif;
	text-align: left;
	margin: 60px auto 0;
	padding:100px 0;
	color:#fff;
}
.tickets .details h1 {
	font-size:1.25em;
	line-height:1.2em;
	color: #e8d2b6;
	font-weight: normal;
	margin:0;
	padding:10px 0 6px;
	text-transform:uppercase;
}
.tickets .details h2 {
	font: normal 0.8em/1.2em FuturaBold, sans-serif;
	margin: 0;
	padding: 10px 0 6px;
}

.tickets .form-wrapper.details,
.pageinner.oww .form-wrapper.details {
		width:100%;
		background-color: #cbddf1;
		margin:0 0 20px;
		padding:0!important;
}

.tickets .form-wrapper.details #actionpages_iframe,
.pageinner.oww .form-wrapper.details #actionpages_iframe {
	width:590px;
	margin: 0 auto;
}

.tickets .details h4 {
	font-family: FuturaBold,sans-serif;
	font-weight:normal;
	margin: 20px 0 0;
}
.tickets .details h4 span {
	color:#d7ba94;
}
.tickets .details .support  {
	border-top:1px solid #d7ba94;
	border-bottom:1px solid #d7ba94;
	padding: 30px 0;
	margin: 20px 0 36px;
}
.tickets .details .support h4  {
	color:#d7ba94;
	margin: 0 0 6px;
}
.tickets .details .support p {
	font: normal 0.8em/1.2em FuturaBold, sans-serif;
}
.tickets .details .support p a{
	color:#d7ba94;
	text-transform:uppercase;
}
.tickets .details p a.email{
	color:#fff;
}
.tickets .details .iframe {
	margin: 30px 0 20px;
	background-color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dcc19e+0,f5e4d0+50,ad9c85+100 */
background: #dcc19e; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #dcc19e 0%, #f5e4d0 50%, #ad9c85 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #dcc19e 0%,#f5e4d0 50%,#ad9c85 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #dcc19e 0%,#f5e4d0 50%,#ad9c85 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcc19e', endColorstr='#ad9c85',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.tickets .details.thankyou h1 {
	font-size:1.25em;
	line-height:1.2em;
	color: #e8d2b6;
	font-weight: normal;
	margin:0;
	padding:10px 0 0;
	text-transform:uppercase;
}
.tickets .details.thankyou h2 {
	font: normal 1em/1.2em FuturaBook, sans-serif;
	margin: 0 0 20px;
	padding: 0;
}
.tickets .details.thankyou p {
	margin: 0 0 20px;
}



@media screen and (min-width:768px) and (max-width:1199px) {
.topbar .desktop ul {
	margin-left:24px;
}
.topbar .desktop ul li {
	font-size: 15px;
}
.topbar .desktop ul li a {
	padding-left: 15px;
	margin-left: 15px;
}
.honorees {
	width: 100%;
}
.honorees .content .text {
	padding: 0!important;
	max-width:500px!important;
}
.honorees .content .text .photo {
	width: 100px!important;
}
.honorees .content .text .photo span {
	font-size: 1em;
}
.honorees .content .text .honorie p {
	margin-left:126px!important;
}
}

/* MOBILE */

@media screen and (max-width:767px) {

.topbar {
	height:50px;
}
.topbar .buy {
	width:150px!important;
}
.topbar .buy a {
	line-height:50px;
	width:150px;
	font-size:15px;
}
.topbar .nav {
}
.mobile  {
	display:block;
	position:relative;
}
.desktop  {
	display:none;
}
.results.mobile  {
	display:none;
}
.results.desktop  {
	display:block;
}
.topbar  {
	position:relative;
}
.topbar .mobile a.toggle  {
	display: inline-block;
	margin-left: 15px;
	cursor: pointer;
	position: absolute;
	top: 16px;
	left: 0px;
	height: 16px;
	width: 27px;
	background-image: url(/creativity/images/menu.png);
	font: normal 15px/15px GothamMedium, sans-serif;
	text-transform: uppercase;
	color: #000;
	background-position: right 1px;
	padding-top: 2px;
	padding-right: 52px;
	background-repeat: no-repeat;
}
.topbar .mobile.accordion .menu ul {
	position: absolute;
	top: 50px;
	left: 0px;
	right: 0px;
	z-index: 100px;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 0px;
	background-repeat: no-repeat;
}
.topbar .mobile.accordion .menu ul a {
	display: block;
	height: 35px;
	font: normal 15px/35px GothamMedium, sans-serif;
	color: #070534;
	text-decoration: none;
	border-top: 1px solid #fff;
	padding-left: 15px;
	/*background-image: url(/creativity/images/mobile-nav.png);
	background-repeat: repeat;*/
	text-transform:uppercase;
	background-color:#e8d2b6;
}
.topbar .mobile.accordion .menu ul #menu01m a {
	border-top: none;
}
.topbar .mobile.accordion .menu ul a:hover {
	/*background-image: url(/creativity/images/mobile-nav-on.png);*/
	background-color:#d6b890;
}
.wrapper {
margin-top: -60px
}
.title.home {
	background-color: #070534;
}
.title.home .content img.cbw {
	max-width: 976px;
	width: 82%;
	float: right;
	display: block;
	margin-bottom: 50px;
}
.honorees .content .text {
	padding: 0!important;
	max-width:500px!important;
}
.honorees .content .text .photo {
	width: 100px!important;
}
.honorees .content .text .photo span {
	font-size: 1em;
}
.honorees .content .text .honorie p {
	margin-left:126px!important;
}
/* Tickets */
.tickets .details {
	max-width: auto;
	font-size: 24px;
	line-height: 32px;
	margin: 0 10%!important;
}
}
@media screen and (max-width:635px) {
.results.mobile  {
	display:block;
}
.results.desktop  {
	display:none;
}
.title.home .content .text {
	font-size: 24px;
	line-height:32px;
	padding: 0 18% 30px;
}
}
@media screen and (max-width:525px) {
.title.home .content .text {
	font-size: 22px;
	line-height: 30px;
	padding: 0 18% 30px;
}
.title.home .content .text h1 {
	font-size: 1.2em;
	line-height: 1em;
	margin: 0 0 12px;
	letter-spacing: 2px;
}
.honorees .content img,
.honorees .content .text .photo {
	display: none!important;
}
.honorees .content .text p,
.honorees .content .text .honorie p {
	margin-left:0px!important;
	padding:0 5%;
}
.honorees .content .text h1,
.honorees .content .text h2,
.honorees .content .text h3 {
	background-image: none!important;
	margin: 20px 0 6px!important;
}


}
@media screen and (max-width:410px) {
}
@media screen and (max-width:355px) {
}
@media screen and (max-width:335px) {
.title.home .content .text h1 {
	letter-spacing: 0px;
}
}
@media screen and (max-width:310px) {
}