@charset "UTF-8";
/********* 	Keystone Wholesale Show ~ Copyright 2011 ************/

body { margin:0; padding:0; background:#00004a; }

.container { width:969px; margin:0 auto; border-top:20px solid #00004a; }

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
 
.clearfix {
	display: inline-block;}
 
html[xmlns] .clearfix {display: block;}
 
* html .clearfix {height: 1%;}

#top { position:fixed; height:74px; width:100%; background:#00004a url(../images/top.jpg) no-repeat center; }

#left {float:left; overflow:hidden; top:17px; left:auto; width:353px; background:url(../images/left.jpg) no-repeat #00004a bottom; height:776px; padding-top:15px; z-index:-1; }
#left img { padding:5px 0 0; z-index: 500; position: relative;}

#main { margin-left:353px; padding-top:74px; background:#fff; margin-top:21px;}

#logo {background: url(../images/logo.jpg) no-repeat; height:185px; padding-top:33px; margin:-111px 0 0 -127px; position:relative;}
#logo h1 {float:left; margin:0; text-indent: -9999px; width:321px;}
#logo ul {list-style-type:none; margin:0; padding:0; float:left; width:170px; }
#logo ul.left {margin-left:-123px; width:189px; padding-left:44px;}
#logo ul.left li {text-align: right;}
#logo li {padding:5px 0;}
#logo li a {font-family: 'MyriadProCondensed', arial, sans-serif; font-size:23px; color:#342b55; text-decoration: none; display:block; }
#logo li.home, #logo li.location {padding-top:4px;}
#logo li.home a {background: url(../images/nav/nav_home.jpg) no-repeat bottom right; width:184px; height:28px; padding:6px 0px 0 0;}
#logo li.exhibit a {background: url(../images/nav/nav_exhibitor.gif) no-repeat; width:200px; height:27px; margin-left:-27px; padding-bottom:0px;}
#logo li.buyers a {background: url(../images/nav/nav_register.jpg) no-repeat; width:190px; height:27px; margin-left:-45px; padding-left:0px;}
#logo li.location a {background: url(../images/nav/nav_location.jpg) no-repeat; width:170px; height:28px; margin-top:-2px; padding:7px 0 0 20px;}
#logo li.about a {background: url(../images/nav/nav_about.gif) no-repeat right; width:170px; height:27px; padding-left:15px;}
#logo li.contact a {background: url(../images/nav/nav_contact.gif) no-repeat right; width:170px; height:27px; padding-left:15px;}
#logo li a:hover   {color:#814401;}
#logo li a.selected {color:#814401;}

#content {font-family: Arial, sans-serif; color:#332b66; font-size:12px;}
#content p {line-height: 145%;}
#intro {background: url(../images/intro.jpg) no-repeat; width:714px; height:148px; margin-left:-114px; z-index: 500; position: relative;}
#intro_reg {background: url(../images/intro_reg.jpg) no-repeat; width:714px; height:148px; margin-left:-114px; z-index: 500; position: relative;}
#intro_about {background: url(../images/intro_about.jpg) no-repeat; width:714px; height:148px; margin-left:-114px; z-index: 500; position: relative;}
#intro_vend {background: url(../images/intro_vend.jpg) no-repeat; width:714px; height:148px; margin-left:-114px; z-index: 500; position: relative;}
h2 {font-family:'MyriadProCondensed', arial, sans-serif; font-weight: normal; font-size:26px; margin-bottom: 0; }
.left {width:400px; padding:0 15px; float:left;}
.cta {width:280px; text-align: right; font-size:24px; color:#ccc; float: right; text-transform: uppercase; font-style: italic;}
.main {width:560px; padding:0 15px;}
.left ul li {line-height:23px; font-weight:bold;}
.map {width:300px; height:250px; float:right; margin:5px; border:#814403 2px solid;}

.vendors-left {width:300px; padding:0 15px; float:left;}
.vendors-right {float:left; width:250px; padding-top:40px;}

hr {border-bottom:#00CCFF 2px solid; border-left:none; border-right:none; border-top:none;}

.right {float:left; width:180px; padding-top:40px;}
a#registration {display: block; background: url(../images/buyers-registration.jpg) no-repeat; text-indent: -9999px; width:179px; height:85px;}
a#lodging {display: block; background: url(../images/lodging-information.jpg) no-repeat; text-indent: -9999px; width:179px; height:85px;}
a#keystone {display: block; background: url(../images/keystone.jpg) no-repeat; text-indent: -9999px; width:178px; height:86px;}
a#parking {display: block; background: url(../images/ParkingMap.jpg) no-repeat; text-indent: -9999px; width:185px; height:90px;}
a#transport {display: block; background: url(../images/transport.jpg) no-repeat; text-indent: -9999px; width:185px; height:90px;}
h3 {font-family: Myriad Pro, Arial, sans-serif; font-size:18px; color: #814401; margin-bottom: 0; font-weight: normal;}
.right span {padding-left:20px;}

input {background:#FFFFCC; border:#0099CC 1px solid; font-size:11px; padding:1px; color:#663300;}
textarea {background:#FFFFCC; border:#0099CC 1px solid; font-size:11px; padding:1px; color:#663300;}
.address {font-style:italic; color:#630;}

.submit {cursor:pointer; padding: 5px 10px;, font-size:13px; color:#FFF; background:#036;}

#bottom { background:url(../images/bottom_bg.jpg) no-repeat right; height:46px;}

#footer p {text-align: right; color:#fff; font-family: Arial, sans-serif; font-size:11px;}
#footer a {color:#fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}