/* Reset and Boilerplate
------------------------------------------------------*/
@import url('boilerplate.css');


/* Globals
------------------------------------------------------*/
html, body {height:100%;}
body {background:#fff url('../images/bg-top-2.png') top center no-repeat; font-size:14px; font-family:'DinProLight', san-serif;}
body, select, input, textarea { color: #000;}

body#page-thanks, body#page-email {background:#fff;}

h1 {font-size:43px; font-weight:normal; letter-spacing:1px; margin-bottom:30px;}
h2 {font-size:24px; font-family:'DinProMedium', san-serif; text-transform:uppercase; margin-bottom:20px;}
h3 {font-size:21px; font-family:'DinProMedium', san-serif; text-transform:uppercase;}
h4 {font-size:17px; font-family:'DinProMedium', san-serif; text-transform:uppercase;}
p {line-height:140%; margin-bottom:1em; font-size:16px;}
p strong {font-family:'DinProMedium', san-serif;}
p.intro {font-size:125%;}
h1 small {font-size:17px;}
h1 a {font-family:'DinProLight', san-serif; color:#000 !important;}
h1 a:hover {color:#d81e05 !important;}

a, a:active, a:visited {color: #d81e05; text-decoration:none; font-family:"DinProMedium", san-serif; -webkit-transition:all .1s linear;}
a:hover {color: #000;}
a:link {-webkit-tap-highlight-color: #FF5E99;}
::-moz-selection {background: #d81e05; color:#fff; text-shadow: none;}
::selection {background:#d81e05; color:#fff; text-shadow: none;}


/* Containers
------------------------------------------------------*/
.wrap {width:960px; margin:0 auto;}
.small-wrap {width:600px; margin:0 auto;}
.block {position:relative;}
#outer {/*overflow:auto; */padding-bottom:500px;}


/* Header
------------------------------------------------------*/
header {position:relative; height:165px; }
header #logo {position:absolute; left:2px; top:24px;}

#main-nav ul {list-type:none; position:absolute; right:0px; top:53px; text-transform:uppercase; letter-spacing:.075em;}
#main-nav ul li {float:left; border-left:1px solid #fff;}
#main-nav ul li a {background:#000; width:120px; height:28px; font-family:"DinProRegular", san-serif; color:#fff; display:block; overflow:hidden; padding-top:17px; text-align:center; line-height:14px; cursor:pointer; -webkit-transition:background-color linear .1s;}
#main-nav ul li a:hover,
#main-nav ul li.here a {background:#d81e05;}
#main-nav ul li#main-nav-tour a {padding-top:10px; height:35px;}
#main-nav ul li#main-nav-home a {text-indent:-9999px; background:#000 url('../images/home-icon.png') no-repeat center center; width:45px;}
#main-nav ul li#main-nav-home a:hover {text-indent:-100px; overflow:visible; color:#ccc; background-color:#d81e05;}

#social-nav {display:block; position:absolute; top:113px; height:50px; width:100%;}
#social-nav iframe#facebook-like {border:none; overflow:hidden; width:90px; height:21px; margin:3px 68px 0 0; float:right;}
#social-nav ul {position:absolute; right:1px; top:0px;}
#social-nav ul li {float:left; margin:0 1px;}
#social-nav ul li a {width:20px; height:20px; display:block; background:#000; text-align:center; padding:2px 1px; -webkit-transition:background-color linear .1s;}
#social-nav ul li a:hover {background:#d81e05;}


/* Home
------------------------------------------------------*/
#home h1 {background:url('../images/h1-like-no-other.png') no-repeat; height:230px; width:1100px; margin:0 auto;}
#feature {position:relative; margin-bottom:65px;}
#feature #caption {width:250px; float:left; margin:15px 0 32px; position:relative; z-index:2;}
#feature #caption p {font-size:16px; line-height:140%; margin:0;}

#feature #hero-image {background: url('../images/hero-bg.png') no-repeat; width:750px; height:435px; position:absolute; right:-33px; top:-8px; z-index:1;}
#feature #hero-image #hero-slider {position:absolute; left:58px; top:53px; overflow:hidden; width:660px;}
#feature #hero-image #hero-slider #hero-overlay {position:absolute; z-index:999;}

.slider-pagination {position:absolute; z-index:3; bottom:0; left:0; margin:0; border-top:1px solid #ddd; padding-top:5px; width:250px; list-style:none;}
.slider-pagination li {float:left; margin-right:5px;}
.slider-pagination li a {background-color:#999; width:10px; height:10px; display:block; -webkit-transition:background-color .2s linear;}
.slider-pagination li a:hover {background-color:#000;}
.slider-pagination li.current a {background-color:#d81e05;}

#tour {position:relative; height:250px; margin-bottom:50px;}
#tour #tour-art {position:absolute; left:-30px;}
#tour #tour-art img.arrow {position:absolute; z-index:50; top:67px; left:75px;}
#tour #tour-dates {position:absolute; right:0; top:70px; width:600px; height: 200px;}
#tour-dates ul li {float:left; width:100px; text-align:center; margin-right:5px; padding:0 5px; height:140px; overflow:visible;}
#tour-dates ul li:last-child {margin:0;}
#tour-dates ul li a img {margin-bottom:10px; display:block; cursor:pointer; position:relative; z-index:10; /*-webkit-transform: rotate(0deg); -webkit-transition: all .1s ease-in-out;*/}
#tour-dates ul li a span {display:block; margin-left:-14px; position:relative; z-index:2;}
#tour-dates ul li a span.date {font-size:12px; color:#666; margin-bottom:3px;}
#tour-dates ul li a span.city {font-size:15px; font-family:'DinProMedium', san-serif; text-transform:uppercase;}
#tour-prev {position:absolute; left:-50px; top:50px;}
#tour-next {position:absolute; right:0; top:50px;}

#grow {width:470px; float:left; background:url('../images/grow-bg.jpg') top left no-repeat; margin:60px 0 0 -20px;}
#grow #grow-content {float:left; width:240px; padding:110px 0 70px 10px; line-height:150%;}
#grow #instructor {/*background:url('../images/instructor-splotch.jpg') no-repeat;*/ height:360px; width:205px; float:right; position:relative;}
#grow #instructor .instructor-photo {position:absolute; bottom:10px;}

.instructor-photo .caption {background:#666; text-align:center; padding-top:3px; font-size:13px; font-family:'DinProRegular', san-serif; text-transform:uppercase; position:absolute; top:210px; display:block; width:205px; z-index:5; right:50%; left:50%; margin-left:-100px;}
.instructor-photo .caption .title {color:#ddd; display:block;}
.instructor-photo .caption .name {color:#fff; display:block;}
                  
#latest {background:url('../images/latest-bg.png') no-repeat; width:404px; height:450px; float:right; margin-right:-35px; top:0; padding:50px 57px 0 59px;}

#controls {list-style:none; margin:10px 0 0; float:right;}
#controls li {float:left; line-height:25px; border-right:1px solid #ddd; padding:0 6px;}
#controls li a {color:#000; font-size:14px; font-family:'DinProMedium', san-serif; text-transform:uppercase; display:block;}
#controls li a:hover {color: #d81e05;}
#controls li#read-all {position:relative;}
#controls li#read-all img {position:absolute; left:0; bottom:7px;}
#controls li#read-all span {margin-left:22px;}
#controls li#rss img {padding-left:3px; margin-bottom:-7px;}
#controls li#rss {border:none;}

#latest #featured-item {margin-top:55px;}
#latest #featured-item .summary {line-height:150%;}
#latest #featured-item #read-more {color:#000; margin:10px 0; display:block; position:relative;}
#latest #featured-item #read-more:hover {color:#d81e05;}
#latest #featured-item #read-more img {position:absolute; left:0;}
#latest #featured-item #read-more span {margin-left:24px;}
#latest .list {list-style:none; margin:0;}
#latest .list li {border-top:1px solid #ddd;}
#latest .list li a {font-size:14px; font-family:'DinProMedium', san-serif; text-transform:uppercase; display:block; padding:10px 20px 5px 0;}
#latest .list li a:hover {}

.supporting-image {background:url('../images/photo-bg.png') no-repeat; width:185px; height:170px; float:right; margin-left:5px; text-align:center; padding-top:15px;}
.supporting-image img {border:1px solid #000;}


/* The Team
------------------------------------------------------*/
#team-executive {position:relative; border-bottom:1px solid #ddd; height:350px; margin-bottom:25px;}
#team-executive #number-1 {background:url('../images/executive-grime-left.jpg') top left no-repeat; position:absolute; top:-10px; left:-40px; width:526px; height:325px;}
#team-executive #number-1 img {position:absolute; left:212px; top:29px;}
#team-executive #number-1 .caption {margin-left:150px;}
#team-executive #number-2 {background:url('../images/executive-grime-right.jpg') top right no-repeat; position:absolute; top:-10px; right:-40px; width:526px; height:325px;}
#team-executive #number-2 img {position:absolute; right:215px; top:26px;}
#team-executive #number-2 .caption {margin-right:180px;}
#team-executive #number-1 a:hover img {top:28px !important;}
#team-executive #number-2 a:hover img {top:25px !important;}

#team-staff {background:url('../images/team-bg.jpg') top center no-repeat; height:290px;}
#team-staff ul {list-style:none; margin:0;}
#team-staff ul li {float:left; margin:0px 15px 0 15px; width:210px; text-align:center; position:relative;}
#team-staff ul li img {margin:0 auto;}
#team-staff ul li a:hover img {position:relative; top:-1px;}

/* clean up these classes and ids man. what were you thinking? */
.team-photo .caption {background:#ededed; text-align:center; padding:5px 0 3px 0; width:320px; line-height:20px; font-family:'DinProMedium', san-serif; margin:267px auto 0; position:relative; z-index:5;}
.team-photo .caption .name {color:#D81E05; display:block; font-size:18px; text-transform:uppercase; -webkit-transition:color linear .1s;}
.team-photo .caption .title {font-family:'DinProLight', san-serif; color:#666; display:block; font-size:18px;}
.team-photo a:hover .caption .name {color:#000;}

#team-staff .staff-photo .caption {background:#ededed; text-align:center; position:absolute; top:210px; z-index:5; padding:5px 0 3px 0; width:215px; line-height:17px; font-family:'DinProMedium', san-serif; margin:0 auto;}
#team-staff .staff-photo .caption .name {color:#D81E05; display:block; font-size:16px; text-transform:uppercase; -webkit-transition:color linear .1s;}
#team-staff .staff-photo .caption .title {font-family:'DinProLight', san-serif; color:#666; display:block; font-size:15px;}
#team-staff .staff-photo a:hover .caption .name {color:#000;}

#team-instructors {border-top:1px solid #ddd; padding-top:25px;}
#team-instructors #instructor-content {width:225px; margin-right:25px; float:left; min-height:250px;}
#team-instructors ul {background:#ededed; list-style:none; width:200px; padding:10px 5px 10px 15px; margin:0 25px 0 0; float:left; box-shadow:3px 3px 0px #bbb;}
#team-instructors ul.last {margin:0;}
#team-instructors ul li {font-size:15px;}

#team-member {position:relative;}
#team-member h1, #instructor h1 {margin:0;}
#team-member .position {display:block; font-family:'DinProLight', san-serif; font-size:20px; margin-bottom:15px;}
#team-member .content {width:600px; float:left;}
#team-member .content p {font-size:15px;}

/*#team-member .executive-team-photo {background:url('../images/executive-grime-right.jpg') top right no-repeat; position:absolute; top:20px; right:-40px; width:526px; height:325px;}*/
/*#team-member .executive-team-photo img {margin:25px 0 0 75px;}*/

#team-member .staff-photo {background:url('../images/team-bg.jpg') -730px 0 no-repeat; position:relative; margin:-30px 0 0 30px; width:200px; height:250px; float:left; text-align:center;}
#team-member .staff-photo img {}
#team-member .staff-photo .caption {background:#666; text-align:center; position:absolute; top:220px; z-index:5; width:150px; right:50%; left:50%; margin-left:-75px;}
#team-member .staff-photo .caption .social-links {list-style:none; text-align:center; margin:0 auto;}
#team-member .staff-photo .caption .social-links li {display:inline-block; margin:0;}
#team-member .staff-photo .caption .social-links li a {display:block; padding:7px 7px 0 7px; background:#666;}
#team-member .staff-photo .caption .social-links li a:hover {background:#000;}

#instructor-bio {width:450px; float:left; margin:0 50px 25px 0;}
#instructor-bio .bio-photo {float:right; margin:0 0 10px 10px; box-shadow:5px 5px 0px #bbb;}
#instructor-bio .hometown {display:block; font-family:'DinProLight', san-serif; font-size:20px; margin-bottom:25px;}
#instructor-action {width:460px; float:left; margin-top:68px;}
#instructor-action img {display:block;}
#instructor-action .action-grime-top {background:url('../images/instructor-car-grime-top.png') no-repeat; height:31px; display:block;}
#instructor-action .action-grime-bottom {background:url('../images/instructor-car-grime-bottom.png') no-repeat; height:80px; display:block; margin-bottom:25px;}


/* Tour
------------------------------------------------------*/
#tour-map {margin:0 auto; background:url('../images/tour-map.jpg') center no-repeat; width:auto; height:650px; margin-bottom:50px;}
#tour-map .wrap {position:relative;}
#tour-message {background:#ededed; list-style:none; width:500px; padding:15px 5px 15px 15px; margin:25px 0 0; float:left; box-shadow:3px 3px 0px #bbb;}
#tour-message p {font-size:18px; margin:0;}
#tour-cities {list-style:none;}
#tour-cities li.event-city {background:url('../images/map-pin.png') no-repeat; position:absolute;}
#tour-cities li.event-city a.trigger {background:#454545; color:#fff; font-family:'DinProRegular', san-serif; padding:3px 4px 0; display:block; text-transform:uppercase; font-size:16px;}
#tour-cities li.event-city a.trigger:hover {background:#d81e05;}
#tour-cities #atlanta {background-position:right center; padding-right:18px; right:260px; top:400px;}
#tour-cities #boston {background-position:right center; padding-right:18px; right:60px; top:170px;}
#tour-cities #chicago {background-position:right center; padding-right:18px; right:332px; top:230px;}
#tour-cities #cincinnati {background-position:right center; padding-right:18px; right:270px; top:290px;}
#tour-cities #dallas {background-position:left center; padding-left:18px; right:435px; top:440px;}
#tour-cities #denver {background-position:left center; padding-left:18px; right:550px; top:280px;}
#tour-cities #houston {background-position:right center; padding-right:18px; right:455px; top:512px;}
#tour-cities #las-vegas {background-position:left center; padding-left:18px; right:725px; top:330px;}
#tour-cities #los-angeles {background-position:left center; padding-left:18px; right:772px; top:367px;}
#tour-cities #miami {background-position:right center; padding-right:18px; right:150px; top:572px;}
#tour-cities #memphis {background-position:right center; padding-right:18px; right:360px; top:385px;}
#tour-cities #nashville {background-position:left center; padding-left:18px; right:220px; top:358px;}
#tour-cities #philadelphia {background-position:right center; padding-right:18px; right:125px; top:240px;}
#tour-cities #phoenix {background-position:left center; padding-left:18px; right:695px; top:400px;}
#tour-cities #reno {background-position:left center; padding-left:18px; right:822px; top:235px;}
#tour-cities #san-jose {background-position:left center; padding-left:18px; right:852px; top:275px;}
#tour-cities #wash-dc {background-position:right center; padding-right:18px; right:139px; top:273px;}

#tour-cities .balloon-details {display:none; z-index:100;}
#tour-cities .balloon-details ul {padding:15px; margin:0;}
#tour-cities .balloon-details ul li {display:block; font-size:18px;}
#tour-cities .balloon-details .register {font-size:20px; padding:0 15px;}
#tour-cities .to-right .balloon-details {background:url('../images/event-balloon-on-left.png') no-repeat; position:absolute; bottom:5px; left:-41px; width:250px; height:161px;}
#tour-cities .to-left .balloon-details {background:url('../images/event-balloon-on-right.png') no-repeat; position:absolute; bottom:5px; right:-39px; width:250px; height:161px;}

#calendar {margin:50px auto; padding:0px 0 25px; border-top:1px solid #ddd;}
#calendar h2 {text-align:center; color:#999; font-size:20px; margin-top:-16px; padding:5px;}
#calendar h2 span {background:#fff; padding:5px 10px;}
#calendar #tour-dates {position:relative; margin-left:44px;}
#calendar #tour-dates ul li {float:left; width:100px; text-align:center; margin-right:20px;}
#calendar #tour-prev {position:absolute; left:-40px; top:50px; z-index:50; cursor:pointer;}
#calendar #tour-next {position:absolute; right:0; top:50px; z-index:50; cursor:pointer;}

.event-states-list {height:130px; overflow:hidden}

/* Program
------------------------------------------------------*/
#page-program .content ul li,
#page-program .topics ul li {font-family:"WildAndCrazy", san-serif; text-transform:uppercase; font-size:12px; line-height:150%;}

#intro {position:relative; min-height:300px; margin-bottom:25px;}
#intro #program-video {background:url('../images/video-grime.jpg') no-repeat; width:805px; height:305px; position:absolute; left:-290px; top:-30px;}
#intro #program-video .video-js-box {position:absolute; right:50px; top:20px;}
#intro .content {width:435px; float:right;}
#intro .content p {font-size:15px;}

#behind-the-wheel {background:url('../images/behind-the-wheel-grime-2.jpg') top center no-repeat; min-height:490px;}
#behind-the-wheel .content {width:380px; float:left; padding-top:45px}
#behind-the-wheel .photo {position:absolute; right:-5px; width:550px; height:370px; top:55px;}
#behind-the-wheel .wrap {position:relative;}
#behind-the-wheel .slide-container {height:350px; box-shadow: 0px 0px 7px #000;}
#behind-the-wheel .slider-pagination {position:relative; margin-top:40px; width:100%;}

#gallery {position:relative; border-bottom:2px solid #ddd; border-top:2px solid #ddd; padding:35px 0 25px; margin-bottom:45px; text-align:center;}
#gallery ul {list-style:none; float:left; margin-left:50px; text-align:center;}
#gallery ul li {float:left; margin:0 25px; }
#gallery ul li a img {margin-bottom:10px; display:block; background:#fff; padding:3px; border:1px solid #ddd;}
#gallery ul li a:hover img {border:1px solid #aaa;}
#gallery ul li a span {display:block; margin-left:-14px;}
#gallery #carousel-circular {margin:0 0 0 55px;}
#gallery-prev {position:absolute; left:0px; top:75px;}
#gallery-next {position:absolute; right:0; top:75px;}

/*#carousel-5 {height:250px}*/

#group {padding-bottom:25px; border-bottom:1px solid #ddd; margin-bottom:45px;}
#group h2 {margin-bottom:0;}
#group #law-enforcement {width:300px; float:left; margin-right:25px;}
#group #law-enforcement img {margin-top:15px;}
#group #car-care {width:630px; float:left;}
#group #car-care .photo {background:url('../images/car-care-grime.jpg') top left no-repeat; width:100%; height:310px;}
#group #car-care .photo img {margin:25px 20px;}
#group #car-care .content {width:275px; margin-right:25px; float:left;}
#group #car-care .topics {width:325px; float:left;}

#people-saying #stats {width:460px; float:left; margin-right:40px;}
#people-saying #stats table {margin-bottom:15px;}
#people-saying #stats table thead th .label {background:#333; color:#fff; text-align:left; float:left; display:inline; padding:7px 10px 5px; letter-spacing: 0.1em; font-size:17px; font-family:'DinProLight', san-serif; text-transform:uppercase;}
#people-saying #stats table tbody th {background:#c6c6c6; width:110px; color:#fff; font-size:36px; font-family:'DinProLight', san-serif; padding:7px 20px 5px; text-align:center; border-bottom:1px solid #fff;}
#people-saying #stats table tbody td {background:#ddd; border-bottom:1px solid #fff; font-family:'DinProLight', san-serif; padding:7px 40px 5px 20px; vertical-align:middle;}

#people-saying #photo-social {width:460px; float:right; background:url('../images/stats-grime-2.jpg') top left no-repeat; min-height:400px;}
#people-saying #photo-social .photo {margin:33px 0 40px;}
#people-saying #photo-social .photo img {box-shadow: 0px 2px 8px rgba(0,0,0,.4);}
#people-saying #photo-social #visit-facebook img {float:left; margin:15px 10px 0 0;}
#people-saying #photo-social #visit-facebook p {float:right; width:240px; font-family:"WildAndCrazy", san-serif; text-transform:uppercase; font-size:12px; line-height:150%;}

.inverted {background:#000; color:#fff; padding:4px 5px 2px;}

/* Contact
------------------------------------------------------*/
#contact-content {float:left;}
#contact-form {background:url('../images/contact-form-bg.jpg') no-repeat; height:403px; padding:35px 0 0 50px; float:right; width:600px; margin:50px -140px 0 0;}
#contact-form form {width:460px;}
#contact-form form .row,
#contact-form form .double-row {width:100%; display:block; margin-bottom:10px;}
#contact-form form .row input {width:100%;}
#contact-form form .double-row input,
#contact-form form .double-row select {width:225px; margin-right:10px; float:left; font-size:13px;}
#contact-form form .double-row .last {margin:0;}
#contact-form form .textarea {height:150px;}
#contact-form form .submit, .input-submit {background:#d81e05; color:#fff; text-shadow:none; border:none; padding:6px 25px 4px; font-size:15px; font-family:'DinProMedium', san-serif; text-transform:uppercase; margin-top:10px; -webkit-transition:all linear .1s;}
#contact-form form .submit:hover {background:#000;}


/* The Latest
------------------------------------------------------*/
#entries {width:500px; margin-right:50px; float:left;}
#entries article {padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #ddd;}
#entries article h2 {text-transform:none;}
#sidebar {width:410px; float:left; padding-bottom:170px; background:url('../images/vertical-grime.jpg') bottom center no-repeat;}
#sidebar .all {float:right; margin-bottom:5px; padding-right:10px;}
#sidebar .rss {float:right; margin-bottom:5px; padding-right:10px;}
#sidebar .rss a {color:#000;}
#sidebar .rss a:hover {color:#d81e05;}
#sidebar .rss a span {padding-top:5px; float:left; margin-right:5px;}
#sidebar #archive {background:#ededed;  margin-top:40px; padding:10px 15px 10px 25px; box-shadow:3px 3px 0px #bbb;}
#sidebar #archive ul {list-style:none; margin:0;}
#sidebar #archive ul li {border-bottom:1px solid #ccc;}
#sidebar #archive ul li:last-child {border-bottom:none;}
#sidebar #archive ul li a {font-size:14px; text-transform:uppercase; padding:13px 0 7px; display:block; }

.pagination {list-style:none; margin:0; margin-bottom:30px; display:block;}
.pagination li a {float:left; font-family:"WildAndCrazy", san-serif; display:block; color:#000; text-transform:uppercase;}
.pagination li a:hover {color:#d81e05;}
.pagination li.prev a {float:left; padding-left:35px; position:relative}
.pagination li.next a {float:right; padding-right:35px; position:relative}
.pagination li.next a .arrow {position:absolute; right:0px; top:0}
.pagination li.prev a .arrow {position:absolute; left:0px; top:0}



/* Misc
------------------------------------------------------*/
.grime-over {background:url('../images/copy-grime-top.png') top left no-repeat; padding-top:65px;}
.grime-under {background:url('../images/copy-grime-bottom.png') bottom left no-repeat; padding-bottom:65px;}
.highlight {opacity:.8;}
.highlight:hover {opacity:1;}

a.back {position:relative; font-family:"WildAndCrazy", san-serif; color:#000; text-transform:uppercase; margin:30px 0 0 30px; line-height:17px; display:block;}
a.back:hover {color:#d81e05;}
a.back .arrow {position:absolute; left:-30px;}

#page-thanks, #page-email h1 {text-align:center; text-transform:uppercase; font-family:'DinProMedium', san-serif; margin-bottom:-25px;}
.small-wrap {margin-top:30px;}
.countdown {text-align:center; color:#bbb; margin-bottom:75px;}
.countdown span {color:#777;}

.message {background:url('../images/contact-form-bg.jpg') no-repeat; height:410px; width:600px;}
.message .content {padding:120px 85px 45px 60px; color:#fff;}
.center {text-align:center; margin:0 auto;}
.roadsign-logo {padding-right:15px;}
.message .content p {font-size:20px; text-shadow:0px 0px 10px #000; font-family:'DinProRegular', san-serif;}
.push-down {margin-bottom:20px !important;}

/* Modal
------------------------------------------------------*/
body#modal {background:#fff url('../images/modal-grime.jpg') top center no-repeat; font-size:14px; font-family:'DinProLight', san-serif; padding:30px 0 0 0;}
#modal h1 {font-size:36px; line-height:41px; margin-bottom:15px;}
#modal h1 img {float:left; margin-right:15px;}
#modal p {font-size:13px;}
#modal .wrapper {padding:0 25px 25px 25px;}
#modal .intro {padding:0 5px;}
#modal .intro p {font-size:15px;}
#modal .sponsors {background:#e0e0e0; padding:15px;}
#modal .sponsors .block {margin-bottom:20px;}
#modal .sponsors .content { width:310px; margin-bottom:15px; -webkit-border-radius:5px;}
#modal .sponsors .odd .content {background:url('../images/comment-bubble-left.png') center center no-repeat; float:left;  padding:15px 50px 15px 15px;}
#modal .sponsors .even .content {background:url('../images/comment-bubble-right.png') center center no-repeat; float:right; padding:15px 25px 15px 40px;}
#modal .sponsors .logo {display:table-cell; vertical-align:middle; width:320px; position:relative; border:1px solid red;}
/*#modal .sponsors .odd .logo img {position:absolute; right:0;}
#modal .sponsors .even .logo img {position:absolute; left:0;}
*/

/* Footer
------------------------------------------------------*/
footer {background:url('../images/footer-bg.jpg') bottom center no-repeat; margin-top:-450px; height:487px; clear:both; position:relative; display:block;}
footer .wrap {position:relative; height:487px;}
footer #footer-content {position:absolute; left:160px; top:120px; width:320px;}
footer form {}
footer form h3 {color:#fff;}
footer .row {margin-bottom:10px; display:block;}
footer input.text {float:left;}
footer .input-name {width:220px; margin:0 10px 0 0;}
footer .input-state {width:90px;}
footer .input-email {width:321px;}
footer .input-submit {background:#d81e05; color:#fff; text-shadow:none; border:none; padding:5px 10px; font-size:15px; font-family:'DinProMedium', san-serif; text-transform:uppercase; margin-top:10px; -webkit-transition:color linear .1s;}
footer .input-submit:hover {color:#000;}
footer #sponsors {position:absolute; /*top:20px;*/ top:80px; right:0px; width:390px; height:100px; text-align:center; vertical-align:center;}
footer #sponsors #logos {list-style:none; height:160px; overflow:hidden; top:-24px; left:50px;}
footer #sponsors #sponsor-pagination {list-style:none; position:absolute; bottom:3px; right:0; width:30px;}
footer #sponsors #sponsor-pagination li {float:left;}
footer #sponsors #sponsor-pagination li a {opacity:.7; -webkit-transition:opacity linear .1s;}
footer #sponsors #sponsor-pagination li a:hover {opacity:1;}
footer #sponsors #sponsor-pagination li a.sponsor-prev {background:url('../images/sponsor-prev.png') no-repeat; width:10px; height:10px; margin-right:3px;}
footer #sponsors #sponsor-pagination li a.sponsor-next {background:url('../images/sponsor-next.png') no-repeat; width:10px; height:10px; margin-left:3px;}
footer #subscribe-callout {position:absolute; top:75px; left:100px;}
footer #check-out {font-family:"WildAndCrazy", san-serif; font-size:16px; color:#ccc; text-align:center; position:absolute; padding:40px 0 0; top:180px; right:5px; text-transform:uppercase; -webkit-transform:rotate(-10deg); -moz-transform: rotate(-10deg);}
footer #check-out:hover {color:#fff; cursor:pointer;}
footer #check-out .arrow {position:absolute; top:0px; left:60px;}
footer #utility-nav li {border-top:1px solid #333; padding:10px 0;}
footer #utility-nav li a {position:relative; display:block; cursor:pointer; font-family:"WildAndCrazy", san-serif; font-size:16px; text-transform:uppercase; color:#ccc;}
footer #utility-nav li a:hover {color:#fff; }
footer #utility-nav li a img.arrow {position:absolute; left:-30px;}
footer #copyright {position:absolute; top:425px; left:100px;}
footer #copyright #small-logo {float:left; margin-right:10px; padding-top:4px;}
footer #copyright #copyright-content {float:left; color:#999;}
footer #copyright #copyright-content p {line-height:125%; margin-bottom:0;}
footer #support-callout {position:absolute; bottom:0; right:195px;}
footer #keep-edge-free {position:absolute; bottom:35px; right:-5px;}
footer #keep-edge-free {font-family:"WildAndCrazy", san-serif; font-size:14px; color:#666; text-align:center; position:absolute; padding:40px 0 0; text-transform:uppercase; -webkit-transform:rotate(-3deg); -moz-transform: rotate(-3deg);}
footer #keep-edge-free:hover {color:#222; cursor:pointer;}
footer #keep-edge-free .arrow {position:absolute; top:40px; left:24px;}
footer .instructor-photo .caption {background:#666; text-align:center; padding-top:3px; font-size:13px; font-family:'DinProRegular', san-serif; text-transform:uppercase; position:absolute; top:130px; display:block; width:180px; z-index:5; right:50%; left:50%; margin-left:-100px;}
footer #jack-and-colin {position:absolute; right:0; bottom:25px; background:url('../images/jack-and-colin.png') no-repeat; width:120px; height:35px; z-index:1; -webkit-transition:none;}
footer #jack-and-colin a {width:120px; height:35px; opacity:0; background:url('../images/jack-and-colin.png') no-repeat 0 -35px; position:relative; z-index:2;}
footer #jack-and-colin:hover a {opacity:1;}


/* "Offsite" Events Area
------------------------------------------------------*/
#offsite-events .content {width:300px; float:left; margin-right:50px; background:#ededed; padding:15px; box-shadow:3px 3px 0px #bbb;}
#offsite-events .table {width:580px; float:left; margin-bottom:50px;}
#offsite-events a.closed {color:#222; cursor:default;}
#offsite-events td.status {color:#222;  font-family:'DinProMedium', san-serif;}
#offsite-events .events-list td.label {font-size:24px; padding-bottom:5px;}
#offsite-events .events-list td {border-bottom:1px solid #ddd; padding:5px 0;}
#offsite-events .events-list tr.closed td {color:#888;}

.shadow-box {background:#ededed; padding:15px; box-shadow:3px 3px 0px #bbb;}
.min-height {min-height:450px; display:block;}
.location-box {width:300px; float:right; margin:0 0 50px 50px; font-size:16px;}
.stupid-indent {margin:0 0 10px -83px;}

ol {font-family:"WildAndCrazy", san-serif; text-transform:uppercase; font-size:12px; line-height:150%; margin:10px 0 10px 25px; display:block;}
ol li {margin-bottom:10px;}
ol li a {font-family:"WildAndCrazy", san-serif; text-transform:uppercase; font-size:12px;}

ol.simple {font-size:16px; font-family:'DinProRegular', san-serif; text-transform:none;}
ol.simple li a {font-size:16px; font-family:'DinProRegular', san-serif; text-transform:none;}

.sessions-list {border:1px solid #ddd; width:400px; margin-bottom:25px;}
.sessions-list thead th {padding:5px; text-align:left; background:#ededed; border-bottom:1px solid #ddd;}
.sessions-list thead strong {font-size:20px; display:block;}
.sessions-list td {border-bottom:1px solid #ddd; padding:5px; font-size:16px;}

.StateGroup {font-size:20px;}
.notify-states input {float:left; margin-right:5px;}
.table-submit {display:block; margin-top:15px;}

.table-form {text-align:left;}
.table-form th {font-size:18px; padding:5px 0; font-family:'DinProMedium', san-serif; text-transform:uppercase;}
.table-form td {padding:10px 0;}
.table-form tbody td {border-top:1px solid #ddd;}
.table-form tbody td.no-border, .table-form tbody tr.no-border td {border:none; padding:none;}
.table-form tbody th.pad {padding-top:25px;}

.table-form table tbody td {border:none;}
.table-form table tbody td label {margin-left:5px;}
.table-form table tbody td input {float:left;}

.table-list {text-align:left; margin:10px 0;}
.table-list td {padding:5px 0; font-size:18px; text-align:left;}

.col-one {width:55%; margin-right:5%; float:left; margin-bottom:50px; display:block;}
.col-two {width:40%; float:left; margin-bottom:50px; display:block;}