/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Dunwich Type Founders
 * License URL: http://www.fontspring.com/fflicense/dunwich-type-founders
 *
 *
 */
 
@font-face {
    font-family: 'LorimerLight';
    src: url('/withinreach/fonts/Lorimer_Light-webfont.eot');
    src: url('/withinreach/fonts/Lorimer_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/withinreach/fonts/Lorimer_Light-webfont.woff') format('woff'),
         url('/withinreach/fonts/Lorimer_Light-webfont.ttf') format('truetype'),
         url('/withinreach/fonts/Lorimer_Light-webfont.svg#LorimerLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LorimerMedium';
    src: url('/withinreach/fonts/Lorimer_Medium-webfont.eot');
    src: url('/withinreach/fonts/Lorimer_Medium-webfont.eot?iefix') format('eot'),
         url('/withinreach/fonts/Lorimer_Medium-webfont.woff') format('woff'),
         url('/withinreach/fonts/Lorimer_Medium-webfont.ttf') format('truetype'),
         url('/withinreach/fonts/Lorimer_Medium-webfont.svg#webfontMOg10puM') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LorimerSemibold';
    src: url('/withinreach/fonts/Lorimer_Semibold-webfont.eot');
    src: url('/withinreach/fonts/Lorimer_Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/withinreach/fonts/Lorimer_Semibold-webfont.woff') format('woff'),
         url('/withinreach/fonts/Lorimer_Semibold-webfont.ttf') format('truetype'),
         url('/withinreach/fonts/Lorimer_Semibold-webfont.svg#LorimerSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LorimerLightItalic';
    src: url('/withinreach/fonts/Lorimer_Light_Italic-webfont.eot');
    src: url('/withinreach/fonts/Lorimer_Light_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/withinreach/fonts/Lorimer_Light_Italic-webfont.woff') format('woff'),
         url('/withinreach/fonts/Lorimer_Light_Italic-webfont.ttf') format('truetype'),
         url('/withinreach/fonts/Lorimer_Light_Italic-webfont.svg#LorimerLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Global 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #333;
	background: #fff url(images/bg_blue_body.png) top left repeat-x;	
	font-family: 'LorimerLight', Verdana, sans-serif;
    font-weight: normal !important;
    font-size: 1.2em;
}
.multiplebgs body {
    background:
      url(images/bg_drill.png) 15% 200px no-repeat, 
      url(images/bg_tent.png) 10% 471px no-repeat, 
      url(images/bg_printer.png) 98% 140px no-repeat, 
      url(images/bg_chair.png) 80% 448px no-repeat,
      url(images/bg_blue_body.png) left top repeat-x;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Template Layout and Structure
------------------------------------------------------------------ */

#container {
width: 896px;
margin: 0 auto;
position: relative;
}

/*
#header {
position: relative;
}
*/

#overlay {
background-color: transparent;
z-index: -1;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

#videos {
background-color: #fff; /* white fallback */
background-color: hsla(0, 0%, 100%, .3); /* white with alpha */
z-index: 1000;
margin: 0 auto;
width: 896px;
height: 578px;
position: absolute;
top: 90px;
}
.boxshadow #videos {
   border: none;
   -webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,0.15);
      -moz-box-shadow: 0 0 20px 10px rgba(0,0,0,0.15);
               box-shadow: 0 0 20px 10px rgba(0,0,0,0.15);
/*
   -webkit-box-shadow: 0 0 10px 10px rgba(16,177,224,0.7);
      -moz-box-shadow: 0 0 10px 10px rgba(16,177,224,0.7);
               box-shadow: 0 0 10px 10px rgba(16,177,224,0.7);
*/
}


#player, #player_wrapper {
    height: 496px;
    line-height: 496px;
    text-align: center;
}
.boxshadow #player, .boxshadow #player_wrapper {
    -webkit-box-shadow:  0 5px 4px rgba(16,177,224,0.5);
      -moz-box-shadow:  0 5px 4px rgba(16,177,224,0.5);
          box-shadow:  0 5px 4px rgba(16,177,224,0.5);
}

#video_controls {
    width: 100%;
    position: absolute;
    bottom: 0;
    }
    #video_controls li {
        float: left;
        font-size: 28px;
        width: 25%;
        cursor: pointer;
    }
    #video_controls li a {
        display: block;
        position: relative;
        padding: 0;
        height: 82px;
        line-height: 82px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        border-right: 1px solid #19c2e8;
        border-left: 1px solid #afeaf7;
        
        -webkit-transition: background 0.25s ease-out;  
        -moz-transition: background 0.25s ease-out;  
        -o-transition: background 0.25s ease-out;  
        transition: background 0.25s ease-out;  
    }
    #video_controls li.first a {
        border-left: 0;
    }
    #video_controls li.last a {
        border-right: 0;
    }
    #video_controls li:hover a {
        color: #000;
        background-color: #fff; /* white fallback */
        background-color: hsla(0, 0%, 100%, .4); /* white with alpha */
        text-decoration: none;
    }
    #video_controls li.active a {
        color: #000;
        background-color: #fff;
        text-decoration: none;
    }
    
/* add shadow to active and hover li */
.boxshadow #video_controls li:hover, .boxshadow #video_controls li.active {
    -webkit-box-shadow:  -10px 0 6px rgba(16,177,224,0.25);
      -moz-box-shadow:  -10px 0 6px rgba(16,177,224,0.25);
          box-shadow:  -10px 0 6px rgba(16,177,224,0.25);
    }
    .boxshadow #video_controls li.first:hover, .boxshadow #video_controls li.first {
    -webkit-box-shadow:  none;
      -moz-box-shadow:  none;
          box-shadow:  none;
    }

/* add shadow to li right of active and hover li */
.boxshadow #video_controls li:hover+li, .boxshadow #video_controls li.active+li {
    -webkit-box-shadow: inset 10px 0 6px rgba(16,177,224,0.25);
      -moz-box-shadow: inset 10px 0 6px rgba(16,177,224,0.25);
          box-shadow: inset  10px 0 6px rgba(16,177,224,0.25);
}  

/* remove bevels */
.boxshadow #video_controls li:hover a, .boxshadow #video_controls li.active a {
    border: 0;
}
.boxshadow #video_controls li:hover+li a {
    /* border-left: 0; */
    border-left: 1px solid #19c2e8;
}   
.boxshadow #video_controls li.active+li a {
    border-left: 0;
}    
    
.boxshadow #video_controls li:hover a, .boxshadow #video_controls li.active a {
    -webkit-box-shadow: inset 0 5px 4px rgba(16,177,224,0.25);
      -moz-box-shadow: inset 0 5px 4px rgba(16,177,224,0.25);
          box-shadow: inset 0 5px 4px rgba(16,177,224,0.25);
}

#body {
margin: 760px 0 50px 0;
border-right: 1px solid #f3f3f3;
border-left: 1px solid #f3f3f3;
}

#framework {
position: relative;
margin: 0;
padding: 15px 30px 0 30px;
}

#feature_framework {
position: absolute;
top: -23px;
right: 50px;
}

#footer {
background: url(images/bg_blue_body.png) left top repeat-x;
padding: 30px;
margin: 40px 0 0 0;
color: #000;
}
#footer_content {
width: 896px;
margin: 0 auto;
}
#footer_content ul  {
margin: 20px 0 20px 0;
padding: 5px 0 20px 0;
border-bottom: 7px solid #46ceed;
}
#footer_content ul li  {
text-align: center;
float: left;
position: relative;
font-size: 24px;
}
#footer_content ul li img  {
display: block;
margin: 0 11px 10px 11px;
}
#footer_content ul li a.btn_round {
top: -10px;
left: -5px;
/*
top: 50px;
left: 83px;
*/
}
#footer_content ul li a.btn_round img {
margin: 10px 13px;
}
#footer p img {
vertical-align: middle;
}


/* Typography
------------------------------------------------------------------ */

h1 {
font-size: 36px;
color: #000;
margin: 36px 0 0 0;
}

h2 {
font-size: 24px;
margin: 46px 0 0 0;
text-align: center;
}

#body h2 {
font-size: 43px;
margin: 90px 0 45px 0;
font-weight: 100 !important;
border-top: 1px solid #F3F3F3;
padding: 40px 0 0 0;
}

h3 {
font-size: 36px;
color: #19c2e8;
border-bottom: 7px solid #dcdcdc;
padding: 0 0 4px 0;
margin: 0 0 15px 0;
}
.subtitle {
font-size: 30px;
margin: -30px 0 35px 0;
font-weight: 100 !important;
padding: 0;
border-bottom: none;
text-align: center;
color: #ccc;
}
.journey_stage {
color: #52af4c;
position: absolute;
top: -50px;
left: 0;
border-bottom: 0;
}
#footer h3 {
color: #000;
border-bottom: 7px solid #46ceed;
}


#flow_body li h4 {
background-color: #000000;
/*
color: #fff;
 background-color: #19c2e8; */
color: #ffffff;
font-family: "LorimerMedium";
padding: 10px;
}
#flow_body li h4.service_task {
background-color: #19c2e8;
color: #000;
}

p {
font-size: 26px;
line-height: 32px;
margin: 0 0 30px 0;
}
#footer p {
font-size: 22px;
line-height: 26px;
margin: 0 0 5px 0;
height: 34px;
}
#text_explanation {
margin: 20px 0;
}
#text_explanation p {
display: inline-block;
margin: 0 40px 20px 40px;
/* width: 550px; */
line-height: 36px;
}
#text_explanation p.feature_text {
/*
font-size: 30px;
line-height: 40px;
*/
}
#text_explanation p.feature_text:first-line {
font-family: "LorimerMedium";
}

strong {
font-family: "LorimerSemibold";
font-weight: normal;
}

blockquote {
font-size: 30px;
background: transparent url(images/bg_blockquote.png) top left no-repeat;	
padding: 5px 0 0 40px;
margin: 0 240px 40px 0;
line-height: 40px;
}
blockquote em {
display: block;
text-align: right;
font-family: "LorimerLightItalic";
margin: 15px 0 0 0;
}

/* Features */

#channels_touchpoints {
background: transparent url(images/chart_channels_touchpoints.jpg) top center no-repeat;
height: 780px;
width: 900px;
position: relative;
padding: 0 5px;
}

#channels_touchpoints h3 {
border-bottom: none;
text-align: center;
margin: 0;
position: absolute;
top: 340px;
left: 362px;
}

#system_flow {
padding: 30px 0;
position: relative;
margin: 0 0 0 114px;
}
#system_flow_controls {
height: 600px;
width: 760px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: visible;
}
#flow_key {
background-color: #19c2e8;
padding: 0 10px;
position: absolute;
top: 120px;
left: -95px;
/* left: -65px; */
height: 440px;
}
#flow_key li {
border-bottom: 1px dashed #fff;
/* height: 25%; */
padding: 16px 0;
}
#flow_key li.last {
border-bottom: none;
}

#flowchart_clip {
height: 540px;
width: 760px;
overflow: hidden;
position: relative;
}

#flow_body {
margin: 50px 0 0 0;
width: 5000px;
left: 30px;
position: absolute;
}
#flow_body ul {
height: 400px;
}
#flow_body li {
width: 199px;
font-size: 20px;
display: block;
float: left;
position: relative;
border-right: 1px dashed #ccc;
}
#flow_body li.first li {
border-left: 1px dashed #ccc;
}
#flow_body li p {
font-size: 20px;
line-height: 22px;
margin: 0;
padding: 0 0 10px 0;
}
#flow_body li li {
padding: 10px 10px 0 10px;
border-bottom: 1px dashed #ccc;
border-right: none;
height: 25%;
width: 180px;
}
li.touchpoint_icons {
text-align: center;
line-height: 25%;
}
li.touchpoint_icons img {
margin: 3px;
display: inline-block;
}


#smartphone_app, #task_sheet, #kiosk, #locker {
position: relative;
width: 500px;
margin: 0 auto;
}
#smartphone_app p, #task_sheet p, #kiosk p, #locker p {
width: 400px;
font-size: 26px;
}
#smartphone_app {
height: 250px;
background: transparent url(images/chart_smartphone_app.jpg) top left no-repeat;	
padding: 210px 0 0 435px;
margin: 0 0 0 30px;
}
#task_sheet {
height: 280px;
background: transparent url(images/chart_task_sheet.jpg) top right no-repeat;	
padding: 150px 335px 0 0;
}
#kiosk {
height: 260px;
background: transparent url(images/chart_kiosk.jpg) top left no-repeat;	
padding: 150px 0 0 435px;
margin: 0 0 0 30px;
}
#locker {
height: 280px;
background: transparent url(images/chart_locker.jpg) top right no-repeat;	
padding: 150px 335px 0 0;
}

.info_layer {
display: none;
position: absolute;
/*
left: -15px;
top: 24px;
*/
background: #fff;
font-size: 24px;
line-height: 30px;
padding: 20px;
width: 200px;
z-index: 1;
}
.info_layer p {
width: inherit !important;
margin: 0 !important;
padding: 0 !important;
}

/*
#channels_touchpoints ul li div {
display: none;
position: absolute;
left: -15px;
top: 24px;
background: #fff;
font-size: 24px;
line-height: 30px;
padding: 20px;
width: 175px;
z-index: 1;
}
*/
/*
#channels_touchpoints ul li#channel_feature_2 div  {
top: 215px;
left: 537px;
}
#channels_touchpoints ul li#channel_feature_3 div  {
top: 595px;
left: 50px;
}
*/
#channels_touchpoints ul li div:first-line {
font-family: "LorimerMedium";
font-size: 30px;
}
#channels_touchpoints ul li div ul {
margin: 6px 0 0 0;
}

#channels_touchpoints ul li h3 {
padding: 0 0 10px 0;
font-family: "LorimerLight";
border-bottom: 0;
text-transform: uppercase;
}

#channels_touchpoints ul li#channel_feature_1 {
margin: 0 0 15px 60px;
height: 99px;
}

#channels_touchpoints ul li#channel_feature_2 {
margin:  120px 0 0 560px;
height: 99px;
}

#channels_touchpoints ul li#channel_feature_3 {
margin: 340px 0 0 145px;
height: 99px;
/* padding-left: 180px; */
}

#smartphone_popup_1 {
top: 130px;
left: 320px;
}
#smartphone_popup_2 {
top: 270px;
left: 25px;
}
#task_sheet_popup {
top: 115px;
left: 420px;
}
#kiosk_popup {
top: 200px;
left: 350px;
}
#locker_popup {
top: 335px;
left: 520px;
}




/* Effects
------------------------------------------------------------------ */

/*
.rounded {
border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

.rounded_bottom {
border-radius: 0 0 3px 3px;
   -moz-border-radius-topleft: 0;
   -moz-border-radius-bottomleft: 3px;
   -moz-border-radius-topright: 0;
   -moz-border-radius-bottomright: 3px;
   -webkit-border-top-left-radius: 0;
   -webkit-border-bottom-left-radius: 3px;
   -webkit-border-top-right-radius: 0;
   -webkit-border-bottom-right-radius: 3px;
}
*/

.no-js .yellow_gradient,
.no-cssgradients .yellow_gradient {
background-color: #e7da28;
}
.cssgradients .yellow_gradient {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3ec91), to(#e7da28));
background-image: -webkit-linear-gradient(top, #f3ec91, #e7da28);
background-image:    -moz-linear-gradient(top, #f3ec91, #e7da28);
background-image:     -ms-linear-gradient(top, #f3ec91, #e7da28);
background-image:      -o-linear-gradient(top, #f3ec91, #e7da28);
background-image:         linear-gradient(top, #f3ec91, #e7da28);
}
.cssgradients .yellow_gradient:hover {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efe66c), to(#e9dd3c));
background-image: -webkit-linear-gradient(top, #efe66c, #e9dd3c);
background-image:    -moz-linear-gradient(top, #efe66c, #e9dd3c);
background-image:     -ms-linear-gradient(top, #efe66c, #e9dd3c);
background-image:      -o-linear-gradient(top, #efe66c, #e9dd3c);
background-image:         linear-gradient(top, #efe66c, #e9dd3c);
}



.no-js .green_gradient,
.no-cssgradients .green_gradient {
background-color: #53af4d;
}
.cssgradients .green_gradient {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#83c680), to(#53af4d));
background-image: -webkit-linear-gradient(top, #83c680, #53af4d);
background-image:    -moz-linear-gradient(top, #83c680, #53af4d);
background-image:     -ms-linear-gradient(top, #83c680, #53af4d);
background-image:      -o-linear-gradient(top, #83c680, #53af4d);
background-image:         linear-gradient(top, #83c680, #53af4d);
}
.cssgradients .green_gradient:hover {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#53af4d), to(#83c680));
background-image: -webkit-linear-gradient(top, #53af4d, #83c680);
background-image:    -moz-linear-gradient(top, #53af4d, #83c680);
background-image:     -ms-linear-gradient(top, #53af4d, #83c680);
background-image:      -o-linear-gradient(top, #53af4d, #83c680);
background-image:         linear-gradient(top, #53af4d, #83c680);
}

.no-js .blue_gradient,
.no-cssgradients .blue_gradient {
background-color: #18c2e8;
}
.cssgradients .blue_gradient {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18c2e8), to(#0295d3));
background-image: -webkit-linear-gradient(top, #18c2e8, #0295d3);
background-image:    -moz-linear-gradient(top, #18c2e8, #0295d3);
background-image:     -ms-linear-gradient(top, #18c2e8, #0295d3);
background-image:      -o-linear-gradient(top, #18c2e8, #0295d3);
background-image:         linear-gradient(top, #18c2e8, #0295d3);
}
.cssgradients .blue_gradient:hover {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0295d3), to(#18c2e8));
background-image: -webkit-linear-gradient(top, #0295d3, #18c2e8);
background-image:    -moz-linear-gradient(top, #0295d3, #18c2e8);
background-image:     -ms-linear-gradient(top, #0295d3, #18c2e8);
background-image:      -o-linear-gradient(top, #0295d3, #18c2e8);
background-image:         linear-gradient(top, #0295d3, #18c2e8);
}

.shadow_130_yellow {
border: none;
}
.boxshadow .shadow_130_yellow {
border: none;
box-shadow: 3px 3px 0 0px rgba(231,218,38,0.25);
   -moz-box-shadow: 3px 3px 0 0px rgba(231,218,38,0.25);
   -webkit-box-shadow: 3px 3px 0 0px rgba(231,218,38,0.25);
}

.shadow_130_green {
border: none;
}
.boxshadow .shadow_130_green {
border: none;
box-shadow: 3px 3px 0 0px rgba(83,175,77,0.5);
   -moz-box-shadow: 3px 3px 0 0px rgba(83,175,77,0.5);
   -webkit-box-shadow: 3px 3px 0 0px rgba(83,175,77,0.5);
}

.shadow_130_blue {
border: none;
}
.boxshadow .shadow_130_blue {
border: none;
box-shadow: 3px 3px 0 0px rgba(16,177,224,0.5);
   -moz-box-shadow: 3px 3px 0 0px rgba(16,177,224,0.5);
   -webkit-box-shadow: 3px 3px 0 0px rgba(16,177,224,0.5);
}

.soft_shadow_130_blue {
border: none;
}
.boxshadow .soft_shadow_130_blue {
border: none;
box-shadow: 3px 3px 5px 0 rgba(16,177,224,0.5);
   -moz-box-shadow: 3px 3px 5px 0 rgba(16,177,224,0.5);
   -webkit-box-shadow: 3px 3px 5px 0 rgba(16,177,224,0.5);
}

.glow_yellow {
border: none;
}
.boxshadow .glow_yellow {
border: none;
box-shadow: 0 0 10px rgba(231,218,38,0.70);
   -moz-box-shadow: 0 0 10px rgba(231,218,38,0.70);
   -webkit-box-shadow: 0 0 10px rgba(231,218,38,0.70);
}

.glow_blue {
border: none;
}
.boxshadow .glow_blue {
border: none;
box-shadow: 0 0 10px rgba(25,194,232,0.70);
   -moz-box-shadow: 0 0 10px rgba(25,194,232,0.70);
   -webkit-box-shadow: 0 0 10px rgba(25,194,232,0.70);
}

.inner_glow_blue {
border: none;
}
.boxshadow .inner_glow_blue {
border: none;
box-shadow: inset 0 0 10px rgba(25,194,232,0.70);
   -moz-box-shadow: inset 0 0 10px rgba(25,194,232,0.70);
   -webkit-box-shadow: inset 0 0 10px rgba(25,194,232,0.70);
}


.no-textshadow {
    color: inherit;
}
.textshadow .text_shadow_90_white {
border: none;
text-shadow: 1px 0 0 0 rgba(255,255,255,1.0);
   -moz-text-shadow: 1px 0 0 0 rgba(255,255,255,1.0);
   -webkit-text-shadow: 1px 0 0 0 rgba(255,255,255,1.0);
}



/*
.shadow_130_green {
border: none;
}
.boxshadow .shadow_130_green {
border: none;
box-shadow: 4px 4px 0 0px rgba(111,195,135,0.25);
   -moz-box-shadow: 4px 4px 0 0px rgba(111,195,135,0.25);
   -webkit-box-shadow: 4px 4px 0 0px rgba(111,195,135,0.25);
}

.shadow_90_green {
border: none;
}
.boxshadow .shadow_90_green {
border: none;
box-shadow: 0 0 0 5px rgba(111,195,135,0.25);
   -moz-box-shadow: 0 0 0 5px rgba(111,195,135,0.25);
   -webkit-box-shadow: 0 0 0 5px rgba(111,195,135,0.25);
}
*/


/* Link & Button Styles
------------------------------------------------------------------ */

a:link, a:visited  { 
color: #000;
text-decoration: underline;
}
a:hover, a:active { 
color: #000;
text-decoration: none;
}

a.btn_round, a.btn_round:link, a.btn_round:visited, 
a.btn_round:hover, a.btn_round:active {
position: absolute; 
z-index: 2;
display: inline-block;
color: #000;
font-size: 56px;
cursor: pointer;
width: 48px;
height: 48px; 
line-height: 48px;
text-align: center;
font-family: "LorimerMedium";
font-weight: normal;
border-width: 0px;
border-style: solid;
border-color: #000000;
border-radius: 50%;
}
a.btn_round:hover, a.btn_round:active {
text-decoration: none;
/* transform: rotate(360deg); */
/*
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7da28), to(#ede35a));
background-image: -webkit-linear-gradient(top, #e7da28, #ede35a);
background-image:    -moz-linear-gradient(top, #e7da28, #ede35a);
background-image:     -ms-linear-gradient(top, #e7da28, #ede35a);
background-image:      -o-linear-gradient(top, #e7da28, #ede35a);
background-image:         linear-gradient(top, #e7da28, #ede35a);
*/
}

#btn_flow_left, #btn_flow_right {
line-height: 32px;
top: 575px;
}
#btn_flow_left {
left: 300px;
}
#btn_flow_right {
left: 360px;
}
#btn_flow_rewind {
line-height: 100px;
top: 207px;
left: 200px;
width: 100px;
height: 100px;
}
#btn_view_preso {
line-height: 37px;
top: -10px;
left: 250px;
}


/* Global Styles
------------------------------------------------------------------ */

.bg_gray {
background-color: #f7f7f7;
}

.bg_yellow {
background-color: #e7da26;
}

.bg_blue {
background-color: #19c2e8;
}

.margin_5 {
margin: 5px;
}

.padding_30 {
padding: 30px;
}

.left_pic {
margin: 0 30px 30px 0;
}

.right_pic {
margin: 0 0 30px 30px;
}

.left {
float: left;
}

.right {
float: right;
}

.center_auto {
margin: 0 auto;
display: block;
}

.center_text {
text-align: center;
}

.rounded {
border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius:  3px;
}

.relative_wrapper {
position: relative;
}

.self_clear:after {
display: block;
clear: both;
content: " ";
}

.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }