/* 
   Name: NWA Boat and Sport Exposition
   URI: http://www.nwaboatexpo.com
   Description: Custom site for the GMS Group
   Updated: 12/16/09
   Version: 3.3
   Author: Doc4
   Author URI: http://www.doc4design.com
   
   ----------------------------------------------------*/
   

/* BASICS
   ----------------------------------------------------*/

* {
   margin: 0;
   padding: 0;
   } 

html {
   height: 100%;
   }
   
img {
   border: 0;
   }


   
/* LAYOUT
   ----------------------------------------------------*/

body {
   color: #848484;
   font: 12px Arial, Helvetica, sans-serif;
   line-height: 165%;
   }
   
#container {
   width: 725px;
   height: 100%;
   margin: 0 auto;
   }
   
   

/* HEADER
   ----------------------------------------------------*/
   
#header {
   width: 725px;
   height: 105px;
   margin: 0;
   padding: 15px 0 0;
   }

#waves, #waves-static {
   width: 130px;
   height: 105px;
   float: left;
   display: inline;
   }

#waves-static {
   background: url(images/wave.jpg) 0 0 no-repeat;
   }
   
#logo {
   width: 391px;
   height: 105px;
   margin: 0 0 0 135px;
   text-align: left;
   background: url(images/header.jpg) 0 0 no-repeat;
   }
   


/* MAIN CONTENT
   ----------------------------------------------------*/
   
#contentWrap {
   width: 725px;
   height: 100%;
   min-height: 307px;
   }
   
#content {
   width: 540px;
   height: 100%;
   margin: 10px 0 0;
   float: left;
   }
   
#contentTop {
   width: 270px;
   margin: 0 5px 0 0;
   }
   
#contentLft {
   float: left;
   width: 270px;
   margin: 0 5px 0 0;
   padding: 10px 0 0;
   }
   
#contentRgt {
   float: right;
   width: 270px;
   }
   
#contact {
   width: 550px;
   border-left: 1px dotted #666;
   }
   
#contentLft-Contact {
   display: inline;
   float: left;
   width: 275px;
   }
   
#contentRgt-Contact {
   display: inline;
   float: right;
   width: 275px;
   }
   
#location {
   width: 550px;
   padding: 0 0 5px;
   }
   
   
   
/* SIDEBAR
   ----------------------------------------------------*/
   
#sidebar-columns, #sidebar_no-columns {
   width: 170px;
   margin: 5px 0 0;
   float: right;
   }

#sidebar-columns {
   background: #0179C2 url(images/base.gif) 0 bottom no-repeat;
   }

#sidebar-exhibitors {
   width: 170px;
   margin: 32px 0 0;
   float: right;
   }
   
#info {
   font: normal 10px Arial, Helvetica, sans-serif;
   color: #FFF;
   text-transform: uppercase;
   padding: 0 7px;
   }

.sidebar_date {
   width: 170px;
   height: 119px;
   margin: 5px 0 7px;
   background: #0179C2 url(images/sidebar_date.gif) no-repeat 0 bottom;
   }
   
#sidebar_announce {
   height: 282px;
   width: 191px;
   position: absolute;
   background: url(images/sidebar_announce.png) 0 0 no-repeat;
   }

   
   
/* NAVIGATION
   ----------------------------------------------------*/   
   
#navWrap {
   height: 18px;
   margin: 5px auto 0;
   padding: 9px 0 5px;
   border-top: 1px solid #0179C2;
   border-bottom: 1px solid #0179C2;
   }

#navWrap ul {
   margin: 0 auto;
   text-transform: uppercase;
   }

#navWrap ul li {
   width: 100px;
   height: 18px;
   display: block;
   float: left;
   text-align: center;
   font: bold 10px Arial, Helvetica, sans-serif;
   color: #DFDFDF;
   }

#navWrap ul li a {
   width: 100px;
   height: 18px;
   display: block;
   text-align: center;
   font: 100 12px Arial, Helvetica, sans-serif;
   color: #999;
   text-decoration: none;
   }

#navWrap ul li a:hover {
   color: #0179C2;
   background: #FFF;
   }

#navWrap li.current-cat a {
   background: #FFF;
   color: #0179C2;
   }
   
   
/* LOCATION
   ----------------------------------------------------*/

.location-title {
   margin: 20px 0 10px;
   padding: 0 0 10px;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   border-bottom: 1px solid;
   }

.location-consumer {
   font-size: 11px;
   font-weight: bold;
   text--transform: uppercase;
   }
   
.color1, .color2, .color3, .color4 {
   width: 10px;
   height: 10px;
   margin: 12px 10px 0 0;
   float: left;
   border: 1px solid;
   }

.color1 {
   background-color: #336666;
   }

.color2 {
   background-color: #FF6600;
   }

.color3 {
   background-color: #333300;
   }


.color4 {
   background-color: #CC33CC;
   }
   

/* SPONSORS
   ----------------------------------------------------*/
  
.sponsor_wrap {
   padding: 0 0 6px;
   clear: both;
   }

.sponsor_wrap li {
   list-style: none;
   }

.sponsor_wrap li img {
   padding: 0 0 15px;
   float: left;
   display: inline;
   }

.sponsor_wrap ul {
   margin: 0 0 20px;
   }
 
.sponsor_category {
   margin: 0 0 25px;
   padding: 20px 0 5px;
   color: #666;
   text-transform: uppercase;
   font: normal 11px Arial, Helvetica, sans-serif;
   border-bottom: 1px solid #333;
   }
   
#logoLft {
   width: 270px;
   float: left;
   margin: 0 5px 0 0;
   padding: 0 0 10px;
   }

ul.sponsors {
   margin: 10px 0 0;
   list-style-type: none;
   }

ul.sponsors img {
   width: 76px;
   }

ul.sponsors li  {
   margin: 0 0 10px;
   float: left;
   }



/* PRIZES
   ----------------------------------------------------*/

#prizeWrap {
   margin: 20px 0 10px 0;
   clear: both;
   }

.prize-title {
   margin: 10px 0 0;
   color: #5F8FBF;
   font-weight: bold;
   font-size: 16px;
   }

.prize {
   margin: 3px 0 0;
   font-size: 12px;
   }

.prize-desc {
   margin: -9px 0 -1px;
   }

.prize-image {
   margin: 0 20px 20px 0;
   float: left;
   border: 10px solid #F0EEEE;
   clear: both;
   }

ul.prize-list {
   width: 185px;
   margin: 20px 0 0;
   float: left;
   font-size: 14px;
   font-weight: bold;
   }

ul.prize-list li {
   margin: 0 0 10px;
   }

.fineprint {
   margin: 30px 0 0 5px;
   clear: both;
   color: #999;
   font: normal 10px Arial, Helvetica, sans-serif;
   }
   
   

/* EXHIBITOR
   ----------------------------------------------------*/

.exhibitor-image {
   margin: 10px 0;
   }

.exhibitor-info {
   margin: 10px 0;
   font-weight: bold;
   }

ul.list-columns {
   margin: 0 16px 0 0;
   float: left;
   list-style-type: none;
   }

.exhibitors ul {
   margin: 5px 0 30px;
   }

.exhibitors ul li {
   width: 240px;
   margin: 0 25px 5px 0;
   padding: 0 0 0 5px;
   color: #737373;
   font-size: 11px;
   border-bottom: 1px solid #CFCFCF;
   }


/* TYPOGRAPHY
   ----------------------------------------------------*/
   
a {
   text-decoration: none;
   }
   
a:link, a:visited {
   color: #0099FF;
   }
   
a:hover, a:active {
   color: #6F6F6F;
   }

p {
   margin: 10px 0;
   }

ul {
   margin: 0 0 0 15px;
   }

ul li {
   margin: 0 0 3px 0;
   }

h1 {
   padding: 13px 0 3px;
   font: 26px Georgia, "Times New Roman", Times, serif;
   color: #0099FF;
   }

h2 {
   margin: 10px 0;
   color: #5F5F5F;
   font-size: 18px;
   }

.header {
   font: 11px Arial, Helvetica, sans-serif;
   color: #666;
   text-transform: uppercase;
   }

   

/* CONTACT
   ----------------------------------------------------*/

#send {
   margin: 20px 0;
   }



/* FOOTER
   ----------------------------------------------------*/

#footer-container {
   height: 50px;
   margin: 10px 0 0;
   }

#footer {
   width: 725px;
   height: 20px;
   margin: 0 auto;
   border-top: 1px solid #0179C2;
   border-bottom: 1px solid #0179C2;
   padding: 0 0 3px;
   font: 9px/20px Arial, Helvetica, sans-serif;
   color: #999;
   text-transform: uppercase;
   }
   
.copyright {
   margin: 0 0 0 5px;
   float: left;
   display: inline;
   }
   
.design {
   margin: 0 5px 0 0;
   float: right;
   display: inline;
   }
   
#footer a:link, #footer a:visited {
   font: 9px Arial, Helvetica, sans-serif;
   color: #999;
   text-transform: uppercase;
   text-decoration: none;
   }
   
#footer a:hover, #footer a:active {
   color: #990000;
   }
  


/* MISC
   ----------------------------------------------------*/
   
 .clearfix {
   clear:both;
   height:1px;
   overflow:hidden;
   }



/* PNG ISSUES ON BACKGROUND IMAGES
   ----------------------------------------------------*/

#sidebar_announce { behavior: url(http://www.nwaboatexpo.com/wp-content/themes/default/iepngfix/iepngfix.htc) }