/* reset
--------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }
/*-------------------------------------------
Misc
-------------------------------------------*/
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }
/* transitions
--------------------*/
*, *:link, *:visited, *:hover, *:active, *:focus {
-webkit-transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, opacity 0.1s linear;
-moz-transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, opacity 0.1s linear;
-ms-transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, opacity 0.1s linear;
-o-transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, opacity 0.1s linear;
transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, opacity 0.1s linear;
}
.animate {
-webkit-transition: left 0.4s ease-in-out, top 0.4s ease-in-out, right 0.4s ease-in-out, opacity 0.4s linear, -webkit-box-shadow 0.4s linear;
-moz-transition: left 0.4s ease-in-out, top 0.4s ease-in-out, right 0.4s ease-in-out, opacity 0.4s linear, -moz-box-shadow 0.4s linear;
-ms-transition: left 0.4s ease-in-out, top 0.4s ease-in-out, right 0.4s ease-in-out, opacity 0.4s linear, -ms-box-shadow 0.4s linear;
-o-transition: left 0.4s ease-in-out, top 0.4s ease-in-out, right 0.4s ease-in-out, opacity 0.4s linear, -o-box-shadow 0.4s linear;
transition: left 0.4s ease-in-out, top 0.4s ease-in-out, right 0.4s ease-in-out, opacity 0.4s linear, box-shadow 0.4s linear;
}
.fade {
-webkit-transition: opacity 4s linear;
-moz-transition: opacity 4s linear;
-ms-transition: opacity 4s linear;
-o-transition: opacity 4s linear;
transition: opacity 4s linear;
}
.no-transition {
-webkit-transition: background-color 0s linear, border-color 0s linear, color 0s linear, opacity 0s linear;
-moz-transition: background-color 0s linear, border-color 0s linear, color 0s linear, opacity 0s linear;
-ms-transition: background-color 0s linear, border-color 0s linear, color 0s linear, opacity 0s linear;
-o-transition: background-color 0s linear, border-color 0s linear, color 0s linear, opacity 0s linear;
transition: background-color 0s linear, border-color 0s linear, color 0s linear, opacity 0s linear;
}
/*-------------------------------------------
Grid
-------------------------------------------*/
body { font-family: "chaparral-pro", Garamond, Georgia, serif; min-width: 940px; position: relative; }
.container_12 { margin-left: auto; margin-right: auto; width: 940px; }
.row_12 { position: relative; margin-left: -10px; width: 960px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; margin-left: 10px; margin-right: 10px; }
.alpha { margin-left: 0; }
.omega { margin-right: 0; }
/* COLUMNS */
.container_12 .grid_1 { width: 60px; }
.container_12 .grid_2 { width: 140px; }
.container_12 .grid_3 { width: 220px; }
.container_12 .grid_4 { width: 300px; }
.container_12 .grid_5 { width: 380px; }
.container_12 .grid_6 { width: 460px; }
.container_12 .grid_7 { width: 540px; }
.container_12 .grid_8 { width: 620px; }
.container_12 .grid_9 { width: 700px; }
.container_12 .grid_10 { width: 780px; }
.container_12 .grid_11 { width: 860px; }
.container_12 .grid_12 { width: 940px; }
/* QUARTERS */
.container_12 .quarter_1 { width: 235px; }
.container_12 .quarter_2 { width: 470px; }
.container_12 .quarter_3 { width: 705px; }
/* FIFTHS */
.container_12 .fifth_1 { width: 188px; }
.container_12 .fifth_2 { width: 376px; }
.container_12 .fifth_3 { width: 564px; }
.container_12 .fifth_4 { width: 752px; }
/* PUSH */
.container_12 .push_half { margin-left: 45px; }
.container_12 .push_1 { margin-left: 70px; }
.container_12 .push_2 { margin-left: 150px; }
.container_12 .push_3 { margin-left: 230px; }
.container_12 .push_4 { margin-left: 300px; }
.container_12 .push_5 { margin-left: 380px; }
.container_12 .push_6 { margin-left: 460px; }
.container_12 .push_7 { margin-left: 540px; }
.container_12 .push_8 { margin-left: 620px; }
.container_12 .push_9 { margin-left: 700px; }
.container_12 .push_10 { margin-left: 780px; }
.container_12 .push_11 { margin-left: 860px; }
/*==============================================================================
GLOBALS
==============================================================================*/
.block { display: block; }
.left { float: left; }
.block_left { float: left; margin: 0 20px 20px 0; }
.right { float: right; }
.block_right { float: right; margin: 0 0 20px 20px; }
.center { text-align: center; margin-left: auto; margin-right: auto; }
.clear { clear: both; }
.contain { overflow: hidden; }
.container { margin: 0 auto; width: 950px; }
.hidden { display: none; }
.penultimate {margin-top: 50px; }
.no_select *, .button {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
/*-------------------------------------------
Colors
-------------------------------------------*/
.beige { color: #C9BA8F; }
.red { color: #BF2805; }
.blue { color: #8DB1D8; }
.yellow { color: #F2DB6D; }
.orange { color: #E86C1E }
.green { color: #97A591 }
/* Fonts
font-family: "chaparral-pro",serif;
font-family: "proxima-nova",sans-serif;
*/
/* Interactive */
.tabbed { position: relative; }
.tab { left: 0; opacity: 0; position: absolute; top: 0; }
.tab.active { opacity: 1; }
.tab_nav { }
/* SLIDESHOW STYLES */
.slideshow { float: left; margin-bottom: 25px; margin-left: -10px; min-height: 390px; padding: 10px; width: 940px; }
.slideshow .slideshow_wrap { height: 390px; position: relative; overflow: hidden; width: 940px; }
.slideshow .frame { position: absolute; left: 0; width: 10000px; }
.slideshow .slide { background: #000; height: 390px; margin-right: 20px; width: 300px; }
.slideshow .slide img { display: block; margin: 20px auto; }
.slideshow .nav { position: absolute; width: 940px; }
.slideshow .nav_item { background: #E86C1E; box-shadow: 0 0 6px #000; cursor: pointer; display: none; height: 49px; position: absolute; top: -220px; width: 49px; }
.slideshow .nav_item.active { display: block; }
.slideshow .prev { left: -30px; }
.slideshow .next { right: -30px; }
.slideshow .nav_item .arrow { background: url(../images/slideshow_arrows.png) no-repeat; display: block; height: 21px; margin: 14px auto 0; width: 12px; z-index: 1; }
.slideshow .prev .arrow { background-position: bottom; }
/*-----------------------------------------------------------------------------------
Ornaments
-----------------------------------------------------------------------------------*/
.icon { border: 0; display: inline-block; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }
.icon.orange_arrow { background: url(../images/icon_arrow_orange.png) no-repeat; height: 17px; width: 27px; }
.icon.star { background: url(../images/icon_star.png) no-repeat; height: 12px; width: 12px; }
/*-----------------------------------------------------------------------------------
Elements
-----------------------------------------------------------------------------------*/
body { min-width: 960px; position: relative; }
h1, h2, h3, h4, h5, h6 { font-family: "proxima-nova", Helvetica, Arial, sans-serif; }
strong { font-weight: 400; }
em, i { font-style: italic; }
.site-header { background: #000; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-weight: 100; position: fixed; text-transform: uppercase; z-index: 1000; width: 100%; }
.site-header .intro { color: #fff; font-size: 10px; margin-top: 25px; padding-bottom: 65px; }
.site-header .byline { margin-bottom: 25px; }
.languages { font-size: 12px; letter-spacing: 1.5px; margin-top: -10px; }
.languages .language { color: #bfbfbf; margin-left: 30px; text-decoration: none; }
.languages .active, .languages .language:hover { color: #fff; }
.main_nav { padding: 25px 0; }
.main_nav { left: 0; min-width: 940px; top: 0; width: 100%; }
.main_nav .panel_link { font-size: 14px; font-weight: 400; letter-spacing: 2px; line-height: 18px; margin-right: 35px; text-decoration: none; }
.main_nav .panel_link:hover { color: #fff; }
.main_nav .panel_link.last { margin-right: 0; }
.nav_track { height: 0; position: relative; width: 100%;}
.nav_track .indicator { background-image: url(../images/nav_indicator.png); height: 17px; position: absolute; top: 55px; width: 28px; z-index: 1000; }
.nav_track .indicator.home { left: -800px; }
.trippple_bottom { background: url(../images/trippple_border.png) repeat-x bottom; padding-bottom: 25px; }
.panel { border-bottom: 1px solid #fff; position: relative; }
.background-image { left: 0; position: absolute; top: 0; min-width: 960px; width: 100%; z-index: 0; }
.panel .inner { background: url(../images/texture.png); position: relative; z-index: 10; height: 100%; }
.panel h2 { font-size: 45px; font-family: "proxima-nova-extra-condensed", sans-serif; margin-bottom: 25px; padding-top: 80px; text-transform: uppercase; }
.panel p { font-size: 18px; line-height: 1.4; margin-bottom: 25px; }
.callout { margin-bottom: 25px; }
.callout p { font-size: 25px; font-style: italic; font-weight: 100; margin-bottom: 0;}
.stars { margin-bottom: 20px; }
.stars .icon { margin: 0 2px; }
.thick-border { border: 10px solid; }
.empty_filler { float: left; height: 80px; width: 100%; }
#title { background: #C9BA8F; color: #fff; font-family: "chaparral-pro", Garamond, Georgia, serif; padding-top: 216px; }
#title .background-image { top: 216px; }
.title h1, .title h2, .title h3 { font-family: "chaparral-pro", Garamond, Georgia, serif; }
#title .title { padding: 80px 0 40px; margin-bottom: 20px; padding-bottom: 50px; text-transform: uppercase; width: 620px; }
#title .title .top { font-size: 16px; margin-bottom: 20px; }
#title .title .main-title { font-size: 72px; letter-spacing: 8px; margin-bottom: 15px; }
#title .title .subtitle { font-size: 36px; font-style: italic; font-weight: 100; letter-spacing: 2px; margin-top: 0; margin-bottom: 40px; text-transform: none; padding-top: 0; }
#title .title .shirt { background: url(../images/shirt-outline.png) no-repeat; height: 63px; width: 69px;}
#title .intro { font-size: 20px; font-style: italic; line-height: 1.3; margin-bottom: 80px; width: 560px; }
/* Base colors for panels */
#name { background: #C02705; color: #fff; }
#cuban { background: #F3DD77; color: #F28A2D; }
#mexican { background: #F28B2F; color: #fff; }
#contemporary { background: #9DC8D9; color: #fff; }
#contemporary p { color: #273338; }
#making { background: #B52604; color: #fff; }
#share { background: #550100; color: #fff; }
#footer .sponsors { background: #9ECBDC; }
#footer .bottom { background: #982004; }
/* GUAYABERA PANEL*/
#guayabera { padding-top: 120px; }
#guayabera .contents { margin-bottom: 25px; position: relative; }
#guayabera .offset_shirt { position: absolute; left: -250px; top: 0; z-index: 1; }
#guayabera .intro_modal { color: #fff; display: block; font-weight: 100; font-style: italic; position: relative; z-index: 200;}
#guayabera .intro_modal .anatomy_icon { background: url(../images/icon_link_plus.png) no-repeat; display: block; float: left; margin-left: -40px; height: 27px; position: relative; width: 40px; }
h3.anatomy { font-size: 25px; font-weight: 700; letter-spacing: 2px; margin-bottom: 25px; text-align: center; text-transform: uppercase; }
h3.anatomy .small { font-family: "chaparral-pro", Garamond, Georgia, serif; font-weight: 100; font-style: italic; text-transform: none; }
/* ANATOMY SLIDESHOW */
.anatomy_slideshow { background: rgba(127,115,85,0.5); margin-left: -10px; margin-bottom: 50px; min-height: 430px; padding: 10px; width: 780px;}
.anatomy_slideshow .slideshow_wrap { background: #fff; box-shadow: 0 0 2px #000; overflow: hidden; position: relative; width: 100%; height: 430px; }
.anatomy_slideshow .nav { position: absolute; width: 780px; }
.anatomy_slideshow .nav_item { background: #E86C1E; box-shadow: 0 0 6px #000; cursor: pointer; display: none; height: 49px; position: absolute; top: -230px; width: 49px; }
.anatomy_slideshow .nav_item.active { display: block; }
.anatomy_slideshow .prev { left: -20px; }
.anatomy_slideshow .next { right: -20px; }
.anatomy_slideshow .nav_item .arrow { background: url(../images/slideshow_arrows.png) no-repeat; display: block; height: 21px; margin: 14px auto 0; width: 12px; z-index: 1; }
.anatomy_slideshow .prev .arrow { background-position: bottom; }
.anatomy_slideshow .frame { left: 0; position: absolute; width: 10000px; }
.anatomy_slideshow .slide { background: #fff; margin-right: 0; width: 780px; height: 430px; }
.anatomy_slideshow .slide h3 { font-family: "proxima-nova-extra-condensed", sans-serif; font-size: 27px; margin: 30px 0 14px; text-align: center; /* text-transform: uppercase; */ }
.anatomy_slideshow .slide h3 a { color: #E86C1E; }
#guayabera .anatomy_slideshow .slide p.intro { color: #8A8572; font-style: normal; font-size: 16px; margin-bottom: 16px; text-align: center; width: auto; }
.anatomy_slideshow .slide img { display: block; margin: 0 auto; }
/* NAME PANEL*/
#name .thick-border { border-color: rgba(134,30,30,0.3); }
#name .tabbed { height: 520px; }
#name .tab { }
#name .tab_nav { border-top: 3px solid #D1634A; left: 0; padding-top: 16px; position: absolute; top: 480px; width: 100%; }
#name .tab_nav .button { background: url(../images/icon_tab_button.png) no-repeat right; cursor: pointer; display: block; height: 12px; margin-right: 10px; width: 12px; }
#name .tab_nav .button.active { background-position: left; }
#name_image_modal .intro { color: #E86C1E; margin-bottom: 0; }
/* CUBAN PANEL */
#cuban .inner { background: url(../images/texture_light.png); }
#cuban .callout { border: 4px solid #F28A2F; padding: 20px; position: relative; }
#cuban .callout p { color: #F28A2F; }
#cuban .callout .icon { position: absolute; bottom: -20px;left: 49%; }
#cuban p { color: #463F1F; }
#cuban .slideshow { background: rgba(200,175,46,0.56); }
/* MEXICAN PANEL */
#mexican h2 { }
#mexican .slideshow { background: rgba(243,145,59,0.45); }
/* CONTEMPORARY PANEL */
#contemporary .callout { padding: 20px; }
#contemporary .callout p { color: #fff; }
#contemporary .slideshow { background: #8DB1D8; }
/* MANUFACTURING PANEL */
.manufacturing_slideshows { margin-top: 50px; height: 500px; position: relative; }
.manufacturing_slideshows .toggler { border-bottom: 2px solid rgba(250,250,250,0.35); text-align: center; }
.manufacturing_slideshows .toggler .tailor { border-right: 2px solid rgba(250,250,250,0.35); }
.manufacturing_slideshows .toggler .tailor a,
.manufacturing_slideshows .toggler .factory a { color: rgba(250,250,250,0.65); font-family: "proxima-nova", Helvetica, Arial, sans-serif; padding-bottom: 15px; text-decoration: none; text-transform: uppercase; }
.manufacturing_slideshows .toggler .tailor a.active,
.manufacturing_slideshows .toggler .factory a.active { color: #fff;}
.manufacturing_slideshows .toggler .tailor a { float: right; margin-right: 15px; }
.manufacturing_slideshows .toggler .factory a { float: left; margin-left: 15px; }
.manufacturing_slideshows .slideshow_container { height: 400px; margin-top: 40px; overflow: hidden; /* position: absolute; */ }
.manufacturing_slideshows .slideshow_container .container_12 { position: relative; }
.manufacturing_slideshows .slideshow_wrap { display: none; left: 0; position: absolute; width: 10000px; }
.manufacturing_slideshows .slideshow_wrap.active { display: block; }
.manufacturing_slideshows .slideshow_container .barrel { margin: 0; }
.manufacturing_nav { display: none; height: 12px; margin-top: 370px; text-align: center; }
.manufacturing_nav.active { display: block; }
.manufacturing_nav .button { background: url(../images/icon_tab_button.png) no-repeat right; cursor: pointer; display: block; height: 12px; margin-right: 10px; width: 12px; display: inline-block; }
.manufacturing_nav .button.active { background-position: left; }
.polaroid { background: url(../images/polaroid.png) no-repeat; display: block; height: 350px; margin-right: 18px; opacity: 0.5; position: relative; width: 302px; }
.polaroid.active { opacity: 1; }
.polaroid.before, .polaroid.after { cursor: pointer; }
.polaroid img { display: block; margin: 10px; }
.polaroid .caption { color: #404040; display: block; font-family: courier, monospace; font-size: 13px; margin-top: 15px; padding-left: 10px; z-index: 2; }
.modal_inner .polaroid { margin: 0 auto 20px; }
.modal_inner .polaroid .caption { text-align: left; padding-left: 10px }
.modal_inner .content_wrap.centered .polaroid img { display: block; margin: 0; }
/* SHARE */
#share .callout p { font-size: 18px; text-align: center; }
#submission_slideshow { min-height: 300px; overflow-y: visible; }
#submission_slideshow .nav_item { top: -250px; }
#submission_slideshow .submission_bg { background: #3E0000; height: 320px; position: absolute; width: 960px; }
#submission_slideshow .slideshow_wrap { height: 390px; margin: 10px 0 0 10px; }
#submission_slideshow .slide { background: none; height: 380px; overflow-y: visible; }
#submission_slideshow .slide img { margin: 0; }
#submission_slideshow .slide .overflow { display: block; margin-top: 30px; z-index: 30; }
#submission_slideshow .slide .overflow p { color: #fff; font-family: "proxima-nova", sans-serif; font-size: 13px; font-weight: 400; margin-bottom: 8px; text-align: center; text-transform: uppercase; }
#submission_slideshow .slide .overflow:hover p { color: #E86C1E; }
.eye_icon { background: url(../images/icon_eye.png) no-repeat; display: block; height: 10px; margin: 0 auto; width: 18px; }
#submit_button { background: #E86C1E; border: 1px solid #F28A2F; box-shadow: 0 0 3px #000; color: #fff; display: block; font-family: "proxima-nova-extra-condensed", sans-serif; font-size: 22px; letter-spacing: 2px; margin: 80px auto; padding: 25px 50px; text-align: center; /* text-transform: uppercase; */ width: 340px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: -webkit-linear-gradient(#F28A2F 0%, #CE7529 100%);
background: -moz-linear-gradient(#F28A2F 0%, #CE7529 100%);
background: -ms-linear-gradient(#F28A2F 0%, #CE7529 100%);
background: linear-gradient(#F28A2F 0%, #CE7529 100%);
}
#submission_form .content_wrap { width: 750px; }
#submission fieldset { clear: left; float: left; margin-bottom: 12px; }
#submission label { color: #fff; display: block; float: left; font-family: "proxima-nova-extra-condensed", sans-serif; font-size: 16px; letter-spacing: 2px; margin-right: 20px; padding-top: 10px; text-transform: uppercase; width: 150px; }
#submission .grey_input { background: #CCCCCC; border: 0; float: left; font-family: "chaparral-pro", Garamond, Georgia, serif; font-size: 16px; padding: 10px; width: 440px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
#submission .grey_input .no-show { /* opacity: 0; */ font-family: "chaparral-pro", Garamond, Georgia, serif; font-size: 16px; width: 440px; }
.modal_inner .content_wrap.submitted { text-align: center; }
.modal_inner .content_wrap.submitted hr { color: #ccc; width: 80px; margin: 20px auto; }
.modal_inner .content_wrap.submitted small { color: #ccc; font-family: "proxima-nova", sans-serif; font-size: 13px; text-align: center; text-transform: uppercase; }
.modal_inner .content_wrap.submitted h3 { color: #fff; text-align: center; }
/* FOOTER */
#footer { color: #fff; }
#footer .sponsors { padding-bottom: 50px; }
#footer .sponsors h2 { font-family: "proxima-nova-extra-condensed", sans-serif; padding-bottom: 80px; }
#footer .sponsor_links { width: 100%; margin-bottom: 50px; }
#footer .sponsor_links ul { width: 100%; }
#footer .sponsor_links li { display: block; float: left; width: 33%; }
#footer .sponsor_links a { display: block; float: left; width: 100%;}
#footer .sponsor_links a img { display: block; margin: 0 auto; }
#footer .sponsor_list { color: #000; font-size: 16px; }
#footer .sponsor_list ul { padding-left: 50px; }
#footer .sponsor_list li { margin-bottom: 10px; }
#footer h1, #footer h2, #footer h3 { font-family: "chaparral-pro", Garamond, Georgia, serif; }
#footer .title { padding: 80px 0 40px; padding-bottom: 50px; text-transform: uppercase; width: 620px; }
#footer .title .top { font-size: 16px; margin-bottom: 20px; }
#footer .title .main-title { font-size: 54px; letter-spacing: 5px; margin-bottom: 15px; }
#footer .title .subtitle { font-size: 24px; font-style: italic; font-weight: 100; letter-spacing: 2px; margin-top: 0; margin-bottom: 40px; text-transform: none; padding-top: 0; }
#footer .title .shirt { background: url(../images/shirt-outline.png) no-repeat; height: 63px; width: 69px;}
#footer .intro { font-size: 20px; font-style: italic; line-height: 1.3; margin-bottom: 80px; width: 560px; }
.bottom .footer, .end { color: rgba(255,255,255,0.55); font-family: "proxima-nova", sans-serif; font-weight: 100; font-size: 14px; }
.bottom .footer { border-bottom: 1px solid rgba(255,255,255,0.55); margin-bottom: 20px; padding-bottom: 10px; }
.bottom .footer p { font-size: 14px; margin-bottom: 0; }
.bottom .footer a,
.bottom .end a { color: rgba(255,255,255,0.55); }
.bottom .footer a:hover,
.bottom .end a:hover { color: rgba(255,255,255,1); }
.bottom .footer .miami { font-weight: 400; }
.bottom .footer .address { border-right: 1px solid rgba(255,255,255,0.55); }
.bottom .footer .phone { margin-top: 10px; }
.bottom .social ul { float: right; }
.bottom .social li { float: left; }
.bottom .social li a { background: url(../images/icons_social.png) no-repeat top; display: block; height: 24px; width: 24px; margin-left: 8px; }
.bottom .social li a.facebook { background-position: left; }
.bottom .social li a.twitter { background-position: -34px; }
.bottom .social li a.flickr { background-position: -68px; }
.bottom .social li a.youtube { background-position: -102px; }
.bottom .social li a.foursquare { background-position: -136px; }
.bottom .end { padding-bottom: 60px; }
.bottom .end .copyright { font-style: italic; }
.bottom .end .footer_nav ul { float: right; }
.bottom .end .footer_nav li { float: left; }
.bottom .end .footer_nav a { background: url(../images/icon_nav_arrow.png) no-repeat left 2px; display: block; float: left; margin-left: 20px; padding-left: 12px; }
/* MODALS */
#modal_overlay { background: rgba(0,0,0,0.65); height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 1000; }
#modal_overlay.active { opacity: 1; }
.modal_window { background: #000; width: 940px; }
.modal_window.white { background: #fff; }
.modal_inner { min-height: 400px; overflow: visible; padding: 20px 20px 80px; position: relative; }
.modal_inner .close { background: url(../images/icon_modal_close.png) no-repeat; cursor: pointer; display: block; height: 17px; position: absolute; right: 20px; top: 20px; width: 17px; }
.white .modal_inner .close { background-position: bottom; }
.modal_inner .img_wrap { margin-left: 30px; margin-bottom: 30px; max-width: 400px; padding-top: 30px; }
.modal_inner .img_wrap img { margin-bottom: 20px; max-width: 100%; }
.modal_inner h3 { color: #E86C1E; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 16px; /* text-transform: uppercase; */ }
.modal_inner h3.title { margin-bottom: 8px; }
.modal_inner p.intro { color: #E86C1E; font-style: italic; margin-bottom: 25px; }
.modal_inner p { color: #fff; line-height: 1.35; }
.white .modal_inner p { color: #000; }
.modal_inner .content_wrap { margin: 40px 30px 0 40px; width: 400px; }
.modal_inner .content_wrap.centered { margin: 40px auto; width: 680px; }
.modal_inner .content_wrap.centered h3 { text-align: center; }
.modal_inner .content_wrap.centered p { max-width: 680px; text-align: left; }
.modal_inner .content_wrap.centered p.intro { text-align: center; }
.modal_inner .content_wrap.centered img { margin: 0 auto 20px; }
.modal_inner .nav { position: relative; }
.modal_inner .nav_item { background: #E86C1E; box-shadow: 0 0 6px #000; cursor: pointer; display: none; height: 49px; position: absolute; top: 100px; width: 49px; z-index: 1100; }
.modal_inner .nav_item.active { display: block; }
.modal_inner .prev { left: -20px; }
.modal_inner .next { right: -20px; }
.modal_inner .nav_item .arrow { background: url(../images/slideshow_arrows.png) no-repeat; display: block; height: 21px; margin: 14px auto 0; width: 12px; z-index: 1; }
.modal_inner .prev .arrow { background-position: bottom; }
.zoom_tool { background: #fff url(http://www.historymiami.org/guayabera-assets/images/spinner.gif) no-repeat 80px 80px; box-shadow: 1px 1px 4px rgba(0,0,0,0.75); border: 4px solid orange; border-radius: 4px; display: none; overflow: hidden; position: absolute; z-index: 99999; }
.zoom_tool img { display: block; left: 0; margin: 0; position: absolute; top: 0;}