/* ======= GLOBALS ========= */
/* ========================= */
body{font:62.5%/1.4 arial, helvetica, sans-serif normal; text-align:center; background:#09b7dc;}
p{font-size:1.3em; margin-bottom:0.4em; color:#666;}
hr{color:#c5d2da; background-color:#c5d2da; height:1px; border:none; clear:both;}

.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%;}

/* ======== LINKS ========== */
/* ========================= */
a:link{text-decoration:none; color:#5bb1d9; border-bottom:1px solid #666;}
a:hover{text-decoration:none; color:#0588c4; border-bottom:1px solid #0058aa;}
a:visited{text-decoration:none;}

/* ======= WRAPPERS ======== */
/* ========================= */
#container{margin:0 auto; width:950px; padding:0; text-align:left; overflow:hidden; clear:both;}
#header{margin:0 auto; height:257px; background:url(../build/head_bg.gif) 0 0 repeat-x; border-bottom:2px solid #e7f5fb; overflow:hidden;}
#middle{margin:0 auto; padding-bottom:30px; background:#282a32; clear:both;}
#footer{margin:0 auto; border-top:2px solid #e7f5fb; background:#09b7dc;}
.contents{margin:0 auto; width:950px; position:relative;}

/* ========= LOGO ========== */
/* ========================= */
#logo{margin:45px 0 0 0; width:338px; height:185px; background:url(../build/logo.png) 0 0 no-repeat;}
#logo a, #logo a:visited{text-decoration:none; border:0; width:338px; height:185px; display:block;}

/* ==== BRAND INFO ========= */
/* ========================= */
#brand{float:left; width:338px; height:257px; margin:0 55px 0 0; padding:0;}

#fader{width:486px; height:218px; margin:0; padding:28px 0 0 7px; overflow:hidden; float:left; display:inline; background:url(../build/polaroid.png) 0 0 no-repeat; left:0;}

/* ========== NAV ========== */
/* ========================= */
ul#nav{width:251px; height:271px; margin:0 0 10px 0; padding:15px 0 0 15px; overflow:hidden; background:url(../build/nav_bg.gif) 0 0 repeat-x;}
ul#nav li{margin:0 0 2px 0; height:25px; padding:0; display:inline; float:left;}
ul#nav li a{border:none;}
ul#nav li a:hover{background-position:0 -25px;}
ul#nav li .static{background-position:0 -25px;}

#home{display:block; width:231px; height:25px; background:url(../build/nav/home_nav.gif) 0 0 no-repeat;}
#about{display:block; width:231px; height:25px; background:url(../build/nav/about_nav.gif) 0 0 no-repeat;}
#sponsor{display:block; width:231px; height:25px; background:url(../build/nav/sponsor_nav.gif) 0 0 no-repeat;}
#register{display:block; width:231px; height:25px; background:url(../build/nav/register_nav.gif) 0 0 no-repeat;}
#auction{display:block; width:231px; height:25px; background:url(../build/nav/auction_nav.gif) 0 0 no-repeat;}
#email{display:block; width:231px; height:25px; background:url(../build/nav/email_nav.gif) 0 0 no-repeat;}
#board{display:block; width:231px; height:25px; background:url(../build/nav/board_nav.gif) 0 0 no-repeat;}
#facebook{display:block; width:231px; height:25px; background:url(../build/nav/facebook_nav.gif) 0 0 no-repeat;}

/* ======= EVENTS ========== */
/* ========================= */
#events{width:236px; height:236px; padding:15px; overflow:hidden; background:url(../build/events_bg.gif) 0 0 repeat-x;}
#events h1{font-size:1.8em;}
#events p{line-height:1.2em; font-size:1.2em; color:#fff;}

/* ======= HEADERS ========= */
/* ========================= */
h1, h2, h3, h4, h5, h6{font-weight:normal; text-align:left; font-family:Arial, helvetica, sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{padding:0; background:transparent !important;}
h1 a:hover, h2 a:hover, h3 a:hover{text-decoration:none;} 
h1{line-height:1.1em; margin-top:0em; margin-bottom:0em; color:#fff;}
h2{line-height:1.1em; margin-top:0em; margin-bottom:0em;}
h3{line-height:1.1em; margin-top:0em; margin-bottom:0em;}
h4{line-height:1.1em; margin-top:0em; margin-bottom:0em;}
h1.icon, h2.icon, h3.icon{padding:0 0 0 46px; background-position:left bottom; background-repeat:no-repeat;}

.cruising{width:41px; height:24px; background:url(../build/cruise_icon.gif) 0 0 no-repeat;}
.ourthanks{width:41px; height:24px; background:url(../build/thanks.gif) 0 0 no-repeat;}
.pdf{width:33px; height:35px; line-height:1.5em; background:url(../build/pdf.gif) 0 0 no-repeat;}
.myicon{padding:12px 0 12px 46px; height:35px;}

/* ==== COLUMN STRUCT ====== */
/* ========================= */
.all{width:100%; overflow:hidden; margin-top:35px;}
.column{padding:0; margin:0; display:inline; float:left; position:relative;}

/* ========= COL1 ========== */
/* ========================= */
.col1{width:300px; margin-right:15px;}
.col1 h1{font-size:1.8em; margin-bottom:0.8em;}
.col1 h2{font-size:1.8em; margin-bottom:0.8em;}
.col1 h3{font-size:1.8em; margin-bottom:0.6em;}

/* ========= COL2 ========== */
/* ========================= */
.col2{width:610px;}
.col2 h1{font-size:2.0em; margin-bottom:0.8em;}
.col2 h2{font-size:1.8em; margin-bottom:0.8em;}
.col2 h3{font-size:1.8em; margin-bottom:0.6em;}
.col2 p{color:#fff; margin-bottom:1.2em;}

/* ======== COLWIDE ======== */
/* ========================= */
.colwide{width:950px; margin:0;}
.colwide h1{font-size:2.2em; margin-bottom:0.8em;}
.colwide h2{font-size:1.8em; margin-bottom:0.8em;}
.colwide h3{font-size:1.8em; margin-bottom:0.6em;}
.colwide ol li{line-height:1.8em; font-size:1.2em;}
.colwide ul{list-style:none; margin:0 0 15px 0; padding:0;}
.colwide ul li{margin:0; line-height:1.6em; font-size:1.3em; color:#666;}
.colwide #visuals{list-style:none; margin:0 0 15px 25px; padding:0; float:right; display:inline;}
.colwide #visuals img{padding:0 8px; float:left; display:inline;}

/* ======= CAROUSEL ======== */
/* ========================= */
#sponsorsec{clear:both; width:530px; background:#3a3d47; border:1px solid #8a9291; padding:15px 15px 15px 65px;}
.stepcarousel{position:relative; border:none; overflow:scroll; width:480px; height:120px;}
.stepcarousel .belt{position:absolute; left:0; top:0;}
.stepcarousel .panel{float:left; overflow:hidden; margin:10px; width:225px;}
.stepcarousel .panel a{text-decoration:none; border:none;}

/* ====== FOOTER =========== */
/* ========================= */
#foot{margin:0 auto; width:950px; padding:25px 0 0 0; text-align:left; color:#fff;}
#foot p{padding-bottom:1.5em; font-size:1.1em; color:#fff;}