/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
/* CSS Document */

header, nav, article, section, footer, figure, aside {
	display: -moz-block;
	display: -o-block;
	display: -webkit-block;
	display: -ms-block;
	display: block;
}
body {
	color: #333;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-top: 0;
	padding-top: 0;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-color: #3a60a1;
	
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p {
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 5px;
	padding-left: 9px;
}
.special {
	color: #EB1E58;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	color: #2E598A;
	font-size: 24px;
}
h2, h3 {
	color:#2E598A;
}
h4 {
	color: #003466;
}
p {
	color: #333;
	font-size: 1em;
	line-height: 1.2em;
	padding-right: 5px;
	padding-left: 9px;
}
.footerText {
	color: #CCC;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
}
ul, ol, dl { 
	padding: 0;
	margin: 0;
}


/* -- BASIC LAYOUT  --*/
#wrapper {
	width:950px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	-moz-border-radius: 0 0 7px 7px;
	-ms-border-radius: 0 0 7px 7px;
	-o-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 0 7px;
	border-radius: 0 0 7px 7px;
	-moz-box-shadow: 0 2px 6px #003466;
	-ms-box-shadow: 0 2px 6px #003466e;
	-o-box-shadow: 0 2px 6px #003466;
	-webkit-box-shadow: 0 2px 6px #003466;
	box-shadow: 0 2px 6px #003466;
	height: auto;
}

.topNavContainter {
	background-color: #003466;
	height: 35px;
	text-align: left;
	line-height: .2em;
}
.topNav {
	width: auto;
	float: left;
	text-align: left;
	height: auto;
	padding-top: 15px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 5px;
	display: block;
}

.greyBox {
	background-color: #CCCCCC;
	height: 9px;
	width: 9px;
	float: left;
	margin-top: 11.5px;
	margin-bottom: 8px;
	margin-left: 15px;
}
.banner {
	background-color: #FFFFFF;
	height: 120px;
	color: #CCCCCC;
	text-align: left;
	width: 100%;
	background-image: url(../images/banner-bkgnd.jpg);
}
.logo {
	height:auto;
	float: left;
	width: auto;
	padding-top: 6px;
	padding-left: 12px;
}
.searchContainer {
	float: right;
	height: auto;
	width: 260px;
	padding-right: 15px;
	padding-top: 8px;
}
.mainNav {
	clear: right;
	float: right;
	height: 30px;
	width: 400px;
	text-align: right;
	margin-top: 25px;
	margin-right: 15px;
}
.wayFinding {
	background-color: #005296;
	text-align: left;
	height: 23px;
	color: #33CCCC;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.leftColumn {
	width: 20%;
	height: auto;
	float: left;
	background-color: #FFFFFF;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
}

.content {
	background-color: #FFF;
	float: left;
	width: 58%;
	height: auto;
	display: block;
	padding-left: 2px;
	text-align: left;
}
.content2 {
	background-color: #FFF;
	float: left;
	width: 78%;
	height: auto;
	display: block;
	padding-left: 10px;
	text-align: left;
}
.content3 {
	background-color: #FFF;
	float: left;
	width: 77%;
	height: auto;
	display: block;
	text-align: left;
}

.contact {
	background-color: #FFF;
	float: left;
	width: 90%;
	height: auto;
	display: block;
	padding-left: 10px;
	text-align: left;
}
.rightColumn {
	width: 17%;
	height: auto;
	background-color: #FFFFFF;
	padding-top: 5px;
	float: right;
	margin-right: 10px;
}
.beep {
    width: 17%;
    height: auto;
    background-color: #FFFFFF;
    padding-top: 5px;
    float: right;
    margin-right: 10px;
    outline-color: #0B62AA;
    outline-style: auto;
}
#footerWrapper {
	width: 930px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.footerLeft {
	width: 13%;
	float: left;
}
.footerRight {
	width: 50;
	float: right;
	text-align: right;
}


/*-- Lower Navigation  --*/
.lowerNavWrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	height: auto;
	display: block;
}
.lowerNavLeft {
	line-height: .3em;
	width: auto;
	float: left;
	text-align: left;
	height: auto;
	padding-top: 27px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
	display: block;
}
.bluBox1 {
	background-color: #2e5a8b;
	height: 9px;
	width: 9px;
	float: left;
	margin-top: 25px;
	margin-bottom: 8px;
	margin-left: 20px;
}
.grnBox1 {
	background-color: #006600;
	height: 9px;
	width: 9px;
	float: left;
	margin-top: 25px;
	margin-bottom: 8px;
	margin-left: 20px;
}

.grnBox {
	background-color: #006600;
	height: 9px;
	width: 9px;
	float: left;
	margin-top: 25px;
	margin-bottom: 8px;
	margin-left: 10px;
}
.redBox {
	background-color: #cc0000;
	height: 9px;
	width: 9px;
	float: left;
	margin-top: 25px;
	margin-bottom: 8px;
	margin-left: 10px;
}
.bluBox2 {
	background-color: #000099;
	height: 9px;
	width: 9px;
	float: left;
	margin-top: 25px;
	margin-bottom: 8px;
	margin-left: 10px;
}
.orangeBox {
	background-color: #cc9900;
	height: 9px;
	width: 9px;
	float: left;
	margin-top: 25px;
	margin-bottom: 8px;
	margin-left: 10px;
}

.lowerNavRight {
	width: 20%;
	float: right;
	vertical-align: text-bottom;
	padding: 10px;
	text-align: right;
	height: auto;
}
/*-- Quicklink Navigation  --*/

.quickLinksWrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #cccccc;
	-moz-border-radius: 0 0 7px 7px;
	-ms-border-radius: 0 0 7px 7px;
	-o-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 0 7px;
	border-radius: 0 0 7px 7px;
	height: 125px;
	padding-top: 10px;
	clear: both;
	line-height: 0.95em;
}
.quickLinks1 {
	width: 12%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #666666;
	float: left;
	margin-left: 8px;
	text-align: left;
	height: 115px;
	padding-left: 8px;
}
.quickLinks1b {
	width: 12%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #666666;
	float: left;
	text-align: left;
	height: 115px;
	padding-left: 5px;
}

.quickLinks2 {
	width: 12%;
	float: left;
	margin-left: 7px;
	text-align: left;
	padding-left: 8px;
	height: auto;
}

/*-- This is to create a blank left space to center the quicklinks --*/
.quickLinks3 {
	width: 4%;
	float: left;
}


/*-- BEGIN MESSAGES BOX --*/
.homeInfoWrapper {
	width: 25%;
	height: auto;
	float: left;
	z-index: 9999;
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 4px;
	padding-left: 15px;
}
#events {
	width:93%;
	background-color: #FFFFFF;
	border: thin solid #336699;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 0 3px 6px #999;
	-ms-box-shadow: 0 3px 6px #999;
	-o-box-shadow: 0 3px 6px #999;
	-webkit-box-shadow: 0 3px 6px #999;
	box-shadow: 0 3px 6px #999;
	height: 225px;
	margin-bottom: 17px;
	text-align: left;
}
.eventTitle {
	font-size: 15px;
	font-weight: bold;
	color: #4C70AE;
}
.eventName {
	font-size: 12px;
	font-weight: bold;
	color: #4C70AE;
}

.eventDate {
	font-size: 12px;
	font-weight: bold;
	color: #003399;
}
.eventText {
	font-size: 0.85em;
	color: #666666;
	line-height: 1.2em;
}

#announcements {
	width:93%;
	background-color: #FFFFFF;
	border: thin solid #336699;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 0 3px 6px #999;
	-ms-box-shadow: 0 3px 6px #999;
	-o-box-shadow: 0 3px 6px #999;
	-webkit-box-shadow: 0 3px 6px #999;
	box-shadow: 0 3px 6px #999;
	float: none;
	height: 225px;
	text-align: left;
}
.annoucementTitle {
	font-size: 15px;
	font-weight: bold;
	color: #4C70AE;
}
.annoucementText {
	font-size: 12px;
	color: #666666;
	text-align: left;
	overflow: auto;
	height: 170px;
	line-height: 1.3em;
	margin-right: 2px;
}
/*-- END MESSAGES BOX --*/

.homeSlideWrapper{
	width: 55%;
	height: auto;
	float: left;
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 4px;
}

#homeSlideShow {
	width:95%;
	height: 460px;
	background-color: #FFFFFF;
	border: thin solid #336699;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 0 3px 6px #999;
	-ms-box-shadow: 0 3px 6px #999;
	-o-box-shadow: 0 3px 6px #999;
	-webkit-box-shadow: 0 3px 6px #999;
	box-shadow: 0 3px 6px #999;
	padding: 5px;
}

#slideshowWrapper{
	/* -- position:relative;  
	text-align: center;--*/
	width: 475px;
	margin:0px;
}
/* -- BEGIN SLIDE SHOWS  -- */
ul#slideshow{
	list-style:none;
	padding:10px;
	margin:0%;
	width:475px;
	height:435px;
	overflow:hidden;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#fssList{
	list-style:none;
	width:475px;
	margin:auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#fssList li{display:inline;padding-right:0px;}
#fssList li a{
	color:#0066CC;
	text-decoration:none;
}
#fssList li.fssActive a{
	font-weight:bold;
	color:#0066CC;
} 
/* -- END SLIDE SHOW  -- */
.message {
	font-size: 10px;
	color: #003399;
}
/*-- HOME MAIN BUTTON NAV --*/
.bntNav1 {
	float: right;
	clear: none;
	list-style-type: none;
	width: 450px;
	margin-bottom: 10px;
}
.bntNav1 li {
	float: right;
	clear: none;
	width: 145px;
}
.bntNav1 li a {
	height: 40px;
	width: 137px;
	float: right;
	outline: none;
	text-indent: -200000px;
	text-align: left;
}
.bntNav1 li a:hover, .bntNav1 li.sel a {
	background-position: left -48px;
}
.bntNav1 .n1 a { background-image: url(../images/buttons/attendees-btn.png); }
.bntNav1 .n2 a { background-image: url(../images/buttons/exhibitors-btn.png); }
.bntNav1 .n3 a { background-image: url(../images/buttons/planners-btn.png); }
.bntNav1 .n1b a { background-image: url(../images/buttons/attendees-btn-active.png); }
.bntNav1 .n2b a { background-image: url(../images/buttons/exhibitors-btn-active.png); }
.bntNav1 .n3b a { background-image: url(../images/buttons/planners-btn-active.png); }

/*-- END MAIN BTN NAV --*/

/*-- BEGIN PAGE RIGHT COLUMN BTN NAV --*/
.bntNav2 {
	float: right;
	clear: none;
	width: 157px;
	list-style-type: none;
}
.bntNav2 li {
	clear: none;
	width: 157px;
	float: right;
}
.bntNav2 li a {
	height: 40px;
	width: 157px;
	float: right;
	text-indent: -200000px;
	margin-right: 5px;
	margin-bottom: 7px;
	outline: none;
}
.bntNav2 li a:hover, .bntNav2 li.sel a {
	background-position: left -47px;
}
.bntNav2 .n1 a { background-image: url(../images/buttons/about-btn.png); }
.bntNav2 .n2 a { background-image: url(../images/buttons/facility-btn.png); }
.bntNav2 .n1b a { background-image: url(../images/buttons/about-btn-active.png); }
.bntNav2 .n2b a { background-image: url(../images/buttons/facility-btn-active.png); }
.bntNav2 .n3 a { background-image: url(../images/buttons/parking-btn.png); }
.bntNav2 .n4 a { background-image: url(../images/buttons/prepaid-parking-btn.png); }
.bntNav2 .n5 a { background-image: url(../images/buttons/labor-btn.png); }
.bntNav2 .n5b a { background-image: url(../images/buttons/labor-btn-active.png); }


.bntNav3 {
	float: right;
	clear: none;
	width: 157px;
	list-style-type: none;
}
.bntNav3 li {
	clear: none;
	width: 157px;
	float: right;
}
.bntNav3 li a {
	height: 62px;
	width: 157px;
	float: right;
	text-indent: -200000px;
	margin-right: 5px;
	margin-bottom: 10px;
	outline: none;
}
.bntNav3 li a:hover, .bntNav3 li.sel a {
	background-position: left -70px;
}

.bntNav3 .n1 a { background-image: url(../images/buttons/grn-init-btn.png); }
.bntNav3 .n2 a { background-image: url(../images/buttons/act-btn.png); }
.bntNav3 .n3 a { background-image: url(../images/buttons/savor-btn.png); }
.bntNav3 .n4 a { background-image: url(../images/buttons/fedex-btn.png); }
.bntNav3 .n5 a { background-image: url(../images/buttons/transform-vid-btn.png); }
.bntNav3 .n6 a { background-image: url(../images/buttons/wintrust-bank-btn.png); }
.bntNav3 .n7 a { background-image: url(../images/buttons/connies-btn.png); }
.bntNav3 .n8 a { background-image: url(../images/buttons/csn-btn.png); }
.bntNav3 .n9 a { background-image: url(../images/buttons/hyatt-btn.png); }
.bntNav3 .n10 a { background-image: url(../images/buttons/jamba-btn.png); }
.bntNav3 .n11 a { background-image: url(../images/buttons/k-j-shine-btn.png); }
.bntNav3 .n12 a { background-image: url(../images/buttons/labrea-bakery-btn.png); }
.bntNav3 .n13 a { background-image: url(../images/buttons/mcdonalds-btn.png); }
.bntNav3 .n14 a { background-image: url(../images/buttons/coke-btn.png); }
.bntNav3 .n15 a { background-image: url(../images/buttons/rybas-btn.png); }
.bntNav3 .n16 a { background-image: url(../images/buttons/scootaround-btn.png); }
.bntNav3 .n17 a { background-image: url(../images/buttons/starbucks-btn.png); }
.bntNav3 .n18 a { background-image: url(../images/buttons/mi-bon-spa-btn.png); }
.bntNav3 .n19 a { background-image: url(../images/buttons/metra-btn.png); }
.bntNav3 .n20 a { background-image: url(../images/buttons/plate-room-btn.png); }
.bntNav3 .n21 a { background-image: url(../images/buttons/food-court-btn.png); }
.bntNav3 .n22 a { background-image: url(../images/buttons/amex-open-btn.png); }
.bntNav3 .n23 a { background-image: url(../images/buttons/23rd-btn.png); }
.bntNav3 .n24 a { background-image: url(../images/buttons/mc-collection-btn.png); }
.bntNav3 .n25 a { background-image: url(../images/buttons/marriott-btn.png); }
.bntNav3 .n26 a { background-image: url(../images/buttons/wintrust-arena-btn.png); }

.bntNav4 {
	float: left;
	clear: none;
	list-style-type: none;
	width: 232px;
	margin-top: 5px;
}
.bntNav4 li {
	float: left;
	clear: none;
	width: 232px;
}
.bntNav4 li a {
	height: 40px;
	width: 232px;
	float: left;
	outline: none;
	text-indent: -200000px;
	text-align: left;
}
.bntNav4 li a:hover, .bntNav4 li.sel a {
	background-position: left -48px;
}

.bntNav4 .n1 a { background-image: url(../images/buttons/equip-rental-btn.png); }

/*-- END PAGE RIGHT COLUMN BTN NAV --*/



.rollDown {
	margin-left: 7px;
}
#callOutWrapper {
	width: 600px;
	height: auto;
	text-align: left;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	-moz-border-radius: 0 0 7px 7px;
	-ms-border-radius: 0 0 7px 7px;
	-o-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 0 7px;
	border-radius: 0 0 7px 7px;
	-moz-box-shadow: 0 2px 6px #003466;
	-ms-box-shadow: 0 2px 6px #003466e;
	-o-box-shadow: 0 2px 6px #003466;
	-webkit-box-shadow: 0 2px 6px #003466;
	box-shadow: 0 2px 6px #003466;
	height: auto;
}
#movieWrapper {
	width: 500px;
	height: auto;
	text-align: center;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	-moz-border-radius: 0 0 7px 7px;
	-ms-border-radius: 0 0 7px 7px;
	-o-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 0 7px;
	border-radius: 0 0 7px 7px;
	-moz-box-shadow: 0 2px 6px #003466;
	-ms-box-shadow: 0 2px 6px #003466e;
	-o-box-shadow: 0 2px 6px #003466;
	-webkit-box-shadow: 0 2px 6px #003466;
	box-shadow: 0 2px 6px #003466;
	height: auto;
}
#movieWrapperRees {
	width: 620px;
	height: auto;
	text-align: center;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	-moz-border-radius: 0 0 7px 7px;
	-ms-border-radius: 0 0 7px 7px;
	-o-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 0 7px;
	border-radius: 0 0 7px 7px;
	-moz-box-shadow: 0 2px 6px #003466;
	-ms-box-shadow: 0 2px 6px #003466e;
	-o-box-shadow: 0 2px 6px #003466;
	-webkit-box-shadow: 0 2px 6px #003466;
	box-shadow: 0 2px 6px #003466;
	height: auto;
}

#floorPlans{
	text-align: center;
	float: left;
	height: auto;
	width: 98%;	
}
.floorPlanMenu {
	text-align: right;
	float: left;
	height: auto;
	width: 90%;
}

/* -- links -- */
a img { 
	border: none;
}
a {
	color: #496DAB;
	text-decoration: underline;
}
a:visited {
	color: #496DAB;
}
a:hover,a:active, a:focus {
	color: #003466;
}
a.topNavLinks {
	color: #CCCCCC;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
a.topNavLinks:visited {
	color: #CCCCCC;
	text-decoration: none;
}
a.topNavLinks:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a.subLinkTitle {
	font-size: 1.2em;
	font-weight: bold;
	color: #2E598A;
	text-decoration: none;
}
a.subLinkTitle:visited {
	color: #2E598A;
}
a.subLinkTitle:hover, a:active, a:focus {
	color: #003466;
	text-decoration: underline;
}
a.subLinks {
	color: #666666;
	font-size: 1em;
	text-decoration: none;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.subLinks:visited {
	color: #666666;
}
a.subLinks:hover, a:active, a:focus {
	color: #003466;
	text-decoration: underline;
}

a.wayFind {
	color: #33CCCC;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
}
a.wayFind:visited {
	color: #33CCCC;
}

a.wayFind:hover, a:active, a:focus {
	color: #fde8a7;
	text-decoration: underline;
}
a.pageTop {
	color: #3366CC;
	text-decoration: underline;
	font-size: 0.9em;
	font-weight: bold;
}
a.pageTop:visited {
	color: #3366CC;
}
a.pageTop:hover, a:active, a:focus {
	color: #003399;
}
a.lowerLinks {
	color: #2e5a8b;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
a.lowerLinks:visited {
	color: #2e5a8b;
}
a.lowerLinks:hover, a:active, a:focus {
	color: #003399;
	text-decoration: underline;
}

a.quickLinks {
	font-size: 0.8em;
	color: #666666;
	text-decoration: none;
	list-style-type: none;
}
a.quickLinks:visited {
	color: #666666;
}
a.quickLinks:hover, a:focus, a:active {
	color: #333333;
	text-decoration: underline;
}

a.footLnk {
	color: #CCC;
	text-decoration: none;
}
a.footLnk:visited {
	color: #CCC;
}
a.footLnk:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a.accordLnk {
	color: #FF9;
	text-decoration: underline;
	font-weight: bold;
}
a.accordLnk:visited {
	color: #FF3;
}
a.accordLnk:hover {
	color: #FF3;
	text-decoration: underline;
}
a.upcomingLinks {
	font-size: 9pt;
	color: #4C70AE;
	text-decoration: none;
	list-style-type: none;
	font-weight: bold;
	line-height: 1.2em;
}
a.upcomingLinks:visited {
	color: #4C70AE;
}
a.upcomingLinks:hover, a:focus, a:active {
	color: #6984B3;
	text-decoration: underline;
}

/*-- survey styles  --*/
#survey {
	width:350px;
	background-color: #BCCDE1;
	border: thin solid #336699;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 0 3px 6px #999;
	-ms-box-shadow: 0 3px 6px #999;
	-o-box-shadow: 0 3px 6px #999;
	-webkit-box-shadow: 0 3px 6px #999;
	box-shadow: 0 3px 6px #999;
	height: auto;
	text-align: center;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
}



/*---- Media Queries -----*/
@media screen and (min-width: 801px) {
#wrapper {
	margin-right: auto;
	margin-left: auto;
}
}
@media screen and (min-width:401px) and (max-width:800px) {
#wrapper {
	width:100%;
	margin-right: auto;
	margin-left: auto;
}

}