@import url("https://fast.fonts.com/t/1.css?apiType=css&projectid=f47ffdd6-81e3-4e72-9419-b7d2893a4292");
@font-face{
font-family:"Trade Gothic Bold";
src:url("fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?iefix") format("eot");}
@font-face{
font-family:"Trade Gothic Bold";
src:url("fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?iefix");
src:url("fonts/f51d24dd-8256-43c6-ba1a-6aeae9d3f262.woff") format("woff"),url("fonts/955ee494-66b2-4eb2-8f19-bc3a088df16d.ttf") format("truetype"),url("fonts/d5153ad4-7c93-4757-9147-640e69ec4801.svg#d5153ad4-7c93-4757-9147-640e69ec4801") format("svg");
}


/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; width:100%; }

body { margin: 0; font-size: 14px; line-height: 22px; width: 100%; }

body, button, input, select, textarea { font-family: 'helvetica','arial',sans-serif; color: #888888; }

/*
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: #292e62; color: #fff; text-shadow: none; }
::selection { background: #292e62; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a:link,
a:visited {
color: #292e62;

-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}

a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
color: #adaab0;
outline: 0;

-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/*
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

.validation_message{ position: absolute; right: 13px; top: 15px; color: red; font-size: 0.9em; }

/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }


/* =============================================================================
   Primary styles
   Author:
   ========================================================================== */

body {
background: #F2ECE2;
}

h1, h2, h3 {
font-family: 'Trade Gothic Bold','helvetica','arial',sans-serif;
margin: 0;
padding: 0;
}

header {
display: block;
position: absolute;
width: 100%;
z-index: 100;
}

header h1 {
height: 117px;
width: 117px;
position: absolute;
left: 10px;
top: 10px;
z-index: 105;
}

header h1 a{
background: url(../img/global/logo.png) 0 0 no-repeat;
height: 117px;
height: 117px;
}

/*------------------------------------------------- HEADER WITH A SUBNAV ------------------------------------------*/
/*------------------------------------------------- HEADER WITH A SUBNAV ------------------------------------------*/

div.header_subnav {
height: 80px;
position: absolute;
bottom: 0;
width: 100%;
z-index: 12;
}
  body#about div.header_subnav {
  background: url(../img/about/title_overlay-about.png) center repeat-x;
  }
  .blog_wrapper div.header_subnav {
  background: url(../img/blog/title_overlay-blog.png) center repeat-x;
  }
  body#ame div.header_subnav {
  background: url(../img/ame/title_overlay-ame.png) center repeat-x;
  }
  body#asg div.header_subnav {
  background: url(../img/asg/title_overlay-asg.png) center repeat-x;
  }
  body#aig div.header_subnav {
  background: url(../img/aig/title_overlay-aig.png) center repeat-x;
  }
  body#connect div.header_subnav {
  background: url(../img/connect/title_overlay-connect.png) center repeat-x;
  }
  body#contact div.header_subnav {
  background: url(../img/contact/title_overlay-contact.png) center repeat-x;
  }
  body#news div.header_subnav {
  background: url(../img/news/title_overlay-news.png) center repeat-x;
  }
  body#television div.header_subnav {
  background: url(../img/tv/title_overlay-tv.png) center repeat-x;
  }
  body#privacy div.header_subnav {
  background: url(../img/global/title_overlay-template_privacy.png) center repeat-x;
  }
  body#terms div.header_subnav {
  background: url(../img/global/title_overlay-template_terms.png) center repeat-x;
  }

  html.touch div.header_subnav {
  background-position: -1290px 0!important;
  }

div.header_subnav .sub_nav {
display: block;
margin-top: 15px;
}

html.touch div.header_subnav .sub_nav {
}

  div.header_subnav .sub_nav a {
  color: #333;
  font: bold 16px 'helvetica','arial',sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 50px;
  }

  div.header_subnav .sub_nav a.selected {
  color: #9e9a93;
  }


/*------------------------------------------------- COMMON CLASSES -----------------------------------------------*/
/*------------------------------------------------- COMMON CLASSES -----------------------------------------------*/

h3.intro {
color: #373B74;
font: normal 30px 'Trade Gothic Bold','helvetica','arial',sans-serif;
text-transform: uppercase;
}
h3.intro.detail {
margin-bottom: 20px;
}
  h3.intro span.gray {
  color: #888;
  font-size: 18px;
  }

p.intro,
div.intro {
font: normal 16px/22px;
}
  .twocol {
    -moz-column-count: 2;
    -moz-column-gap: 50px;
    -webkit-column-count: 2;
    -webkit-column-gap: 50px;
    column-count: 2;
    column-gap: 50px;
  }
  p.intro_small,
  div.intro_small {
  font: normal 14px/22px 'helvetica','arial',sans-serif;
  }

  p.intro em { color:#373B74; font-size:1.4em; font-style:normal; }

div.breadcrumbs {
margin-bottom: 20px;
}

.diag_pattern {
background: url(../img/global/diag_pattern.jpg) 0 0 repeat;
margin-top: 25px;

-webkit-box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, .2);
-moz-box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, .2);
box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, .2);
}

  body#connect .diag_pattern {
  border-top: 1px solid #f2ece2;
  margin-top: 0;
  }


.content_panels {

}

.border_top {
border-top: 1px solid #c1baae;
padding-top: 50px;
}

.divider_top { background:transparent url(../img/global/divider.png) repeat-x 0 0; }
.divider_bottom { background:transparent url(../img/global/divider.png) repeat-x 0 100%; }

/* ====== media ====== */
/* http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/ */
.media {margin:10px;}
.media, .bd {overflow:hidden; _overflow:visible; zoom:1;}
.media .img {float:left; margin-right: 10px;}
.media .img img{display:block;}
.media .imgExt{float:right; margin-left: 10px;}
.media p{ margin-top: 0; }

/*------------------------------------------------- BUTTON STYLES -------------------------------------------------*/
/*------------------------------------------------- BUTTON STYLES -------------------------------------------------*/

form div.uBlogsy_row input[type="submit"],
.purple_btn {
background: #434a92 url(../img/global/button/button_bg_grad-purple.gif) 0 0 repeat-x;
color: #FFF!important;
display: block;
font: bold 10px 'helvetica','arial',sans-serif;
padding: 5px 10px;
text-decoration: none;
text-transform: uppercase;
}



/*------------------------------------------------- MAIN NAVIGATION -----------------------------------------------*/
/*------------------------------------------------- MAIN NAVIGATION -----------------------------------------------*/

header nav.main {
top:50px;
left: 157px;
position: absolute;
}
  header nav.main a {
  font: normal 35px 'Trade Gothic Bold','helvetica','arial',sans-serif;
  margin: 0 30px 0 0;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  text-shadow: 1px 1px 4px rgba(0,0,0,.5);
  float: left;
  position:relative;
  display: block;
  /*width: 115px;*/
  }

  header nav.main a:link,
  header nav.main a:visited,
  header nav.sub a:link,
  header nav.sub a:visited{
  color: #f2ece2;
  }

  header nav.main a:hover,
  header nav.main a:active,
  header nav.sub a:hover,
  header nav.sub a:active{
  color: #FFF;
  text-shadow: 0px 0px 10px #FFF;
  }

  header nav.main a.selected,
  header nav.sub a.selected{
  cursor: default;
  color:#999;
  opacity: 0.4;
  text-shadow: none
  }

  header nav.main a span{
    font-weight: normal;
    font-size: .4em;
    opacity: .6;
    display: block;
    text-align:center;
    position:absolute;
    width:200px;
    left:50%;
    top:40px;
    margin-left:-100px;
    visibility: hidden;
  }
  html.no-touch header nav.main a:hover span{
    visibility: visible;
  }
  html.no-touch header nav.main a.selected span,
  html.no-touch header nav.main a.selected:hover span{}

header nav.sub {
position: absolute;
right: 10px;
top: 20px;
width: 100px;
}
  header nav.sub a {
  display: block;
  font: normal 18px 'Trade Gothic Bold','helvetica','arial',sans-serif;
  text-shadow: 1px 1px 4px rgba(0,0,0,.5);
  text-align: right;
  text-decoration: none;
  text-transform: uppercase;
  }

  header nav.sub span.social {
  display: block;
  margin: 10px 0 0 40px;
  }

  header nav.sub span.social a {
  background: url(../img/global/social_sprite.png) 0 0 no-repeat;
  float: left;
  height: 18px;
  text-align: left;
  width: 18px;
  word-wrap: normal;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  }

    header nav.sub span.social a.twitter {
    margin: 2px 22px 0 0;
    }
    header nav.sub span.social a.twitter:link,
    header nav.sub span.social a.twitter:visited {
    background-position: 0 0;
    }

    header nav.sub span.social a.twitter:active,
    header nav.sub span.social a.twitter:hover {
    background-position: 0 -50px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    }

    header nav.sub span.social a.facebook:link,
    header nav.sub span.social a.facebook:visited {
    background-position: -50px 0;
    }

    header nav.sub span.social a.facebook:active,
    header nav.sub span.social a.facebook:hover {
    background-position: -50px -50px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    }

/*------------------------------------------------- FOCUS PANEL ---------------------------------------------------*/
/*------------------------------------------------- FOCUS PANEL ---------------------------------------------------*/

div#focus {
background: #333;
height: 576px;
overflow: hidden;
position: relative;
z-index: 1;
}
div#focus.sub_page {
height: 656px;
}
div#focus.film_detail {
height: 450px;
}
div#focus.small_focus{
height: 217px;
}

div#focus.default_bg{
background: #000 url(../img/global/default_header.jpg) center top no-repeat;
}


  div.action_panel {
  background: url(../img/global/trans_panel_bg.png) 0 0 repeat;
  left: 50%;
  margin-left: -480px;
  padding: 20px 25px;
  position: absolute;
  bottom: 30px;
  width: 910px;
  z-index: 11;
  }
  html.touch div.action_panel {
  left: 0;
  margin-left:10px;
  width: 90%;
  }

  div#focus.sub_page div.action_panel { bottom:110px; }

    div.action_panel h2 {
    color: #FFF;
    display: block;
    float: left;
    font-size: 30px;
    font-weight: normal;
    }
      html.touch div.action_panel h2 {
      width: 80%;
      }

    div.action_panel a,
    div.skip {
    background: url(../img/global/button/button_gradient.png) 0 0 repeat-x;
    border: 2px solid #FFF;
    color: #0f3562;
    display: block;
    float: right;
    font: bold 14px 'helvetica','arial',sans-serif;
    height: 22px;
    margin-left: 10px;
    padding: 8px 20px 0;
    text-align: center;
    text-decoration: none;

    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    }

    div.action_panel a:hover,
    div.skip:hover {
    border-color: #bebebe;

    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    }

  html.js div.action_panel div.action { position: absolute; }

  html.js div.action_panel { height: 35px; }
  html.js div.action_panel div.action { width: 910px; }
  html.js.touch div.action_panel div.action { width: 95%; }

/*----------------------------------------------- SLIDER PANEL ELEMENTS -------------------------------------------*/
/*----------------------------------------------- SLIDER PANEL ELEMENTS -------------------------------------------*/


  div.slider_wrap div.slide {
  background-position: center top;
  background-repeat: no-repeat;
  }

  div.slider_wrap div.slide.dolphin_tale {
  background-image: url(../img/movies/large/dolphin_tale.jpg);
  background-color: #0e3360;
  }

  div.slider_wrap div.slide.something_borrowed {
  background-image: url(../img/movies/large/something_borrowed.jpg);
  background-color: #040001;
  }

  div.slider_wrap div.slide.book_of_eli {
  background-image: url(../img/movies/large/book_of_eli.jpg);
  background-color: #a6b4a7;
  }

div.sub_page div.slider_wrap,
div.slider_wrap div.slide {
height: 656px;
}



div.slide_nav {
display: block;
height: 92px;
position: absolute;
top:300px;
width: 100%;
z-index: 10;
}

html.js div.slide_nav { opacity: 0.0; }

  div.slide_nav button,
  div.movie_carousel button {
  background:url(../img/global/slide_nav_sprite.png) 0 0 no-repeat;
  border: none;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 92px;
  overflow: hidden;
  text-indent: -2000px;
  width: 38px;
  }

  div.slide_nav button.prev,
  div.movie_carousel button.prev {
  float: left;
  background-position: 0 0;
  margin-left: 5%;
  }
  div.slide_nav button.prev:hover,
  div.movie_carousel button.prev:hover {
  background-position: 0 -92px;
  }

  div.slide_nav button.next,
  div.movie_carousel button.next {
  float: right;
  background-position: -38px 0;
  margin-right: 5%;
  }
  div.slide_nav button.next:hover,
  div.movie_carousel button.next:hover {
  background-position: -38px -92px;
  }

  html.js div.slide_nav button.disabled {
  visibility: hidden;
  cursor: default;
  }


/*----------------------------------------------- CAROUSEL PANEL STYLING ------------------------------------------*/
/*----------------------------------------------- CAROUSEL PANEL STYLING ------------------------------------------*/

div.movie_carousel {
clear: both;
margin: 40px 0;
position: relative;
}

div.movie_carousel div.header { }

  div.movie_carousel div.header h3 {
  display: block;
  float: left;
  margin: 0 20px 0 61px;
  }

  div.movie_carousel div.header div.indicator {
  float: left;
  padding: 4px 0 0 0;
  }
    div.movie_carousel div.header div.indicator a,
    div.movie_carousel div.header div.indicator span {
    background: url(../img/global/carousel/indicator_sprite.png) 0 0 no-repeat;
    display: block;
    float: left;
    height: 12px;
    margin: 0 5px 0 0;
    overflow: hidden;
    text-indent: -2000px;
    width: 12px;
    }

    div.movie_carousel div.header div.indicator a:link,
    div.movie_carousel div.header div.indicator a:visited,
    div.movie_carousel div.header div.indicator span {
    background-position: 0 0;
    }

    div.movie_carousel div.header div.indicator a:active,
    div.movie_carousel div.header div.indicator a:hover,
    div.movie_carousel div.header div.indicator span {
    background-position: 0 -20px;
    }

    div.movie_carousel div.header div.indicator a.current,
    div.movie_carousel div.header div.indicator span.current {
    background-position: 0 -40px;
    cursor: default;
    }

  div.movie_carousel button {
  position: absolute;
  top: 110px;
  }
    div.movie_carousel button.prev {
    margin-left: 0;
    }
    div.movie_carousel button.next {
    margin-right: 0;
    right: 0;
    }



  div.carousel_wrap {
  margin: 0 auto;
  position: relative;
  z-index:0;
  }

  html.js div.carousel_wrap {
  width: 854px;
  overflow: hidden;
  }

  html.touch div.carousel_wrap {
  width:610px;
  }

    div.carousel_wrap div.item_container {
    height: 231px;
    margin-left: 0;
    }
      html.touch div.carousel_wrap div.item_container {
      margin-left: 50px;
      }

    html.touch div.film_media div.carousel_wrap div.item_container {
    height: auto;
    margin: 0 auto;
    }



    div.carousel_wrap div.item_container a.item {
    background: url(../img/global/carousel/shadow.png) top center no-repeat;
    display: block;
    float: left;
    padding:11px 0 0;
    text-decoration: none;
    width: 122px;
    }

      div.carousel_wrap div.item_container a.item span {
      display: block;
      margin: 0 auto;
      text-align: center;
      }

        div.carousel_wrap div.item_container a.item span.img {
        margin-bottom: 10px;
        width: 100px;
        }

        div.carousel_wrap div.item_container a.item span.title { font-size:13px; line-height:14px; }

        div.carousel_wrap div.item_container a.item span.date {
        color: #888;
        }



/*----------------------------------------------- MAIN CONTENT PANEL ----------------------------------------------*/
/*----------------------------------------------- MAIN CONTENT PANEL ----------------------------------------------*/


html.no-js video,
html.touch video {
display: none;
}

body#home div.video_wrap {
background: #000;
display: none;
height: 580px;
position: absolute;
width: 100%;
z-index: 100;
}

.splash-image { width: 100%; height: auto; margin-top: 20%; }

body#home div.video_wrap a#player {
position: relative;
z-index: 10;
}
  body#home div.video_wrap a#player object {
  position: relative;
  z-index: 1;
  }

body#home div.video_wrap div.skip {
top: 10px;
right: 10px;
position: relative;
z-index: 99999;
}

body#home video {
background: black;
}


div#main {
padding: 40px 0;
}

/*----------------------------------------------- 404 ERROR PAGE -----------------------------------------------*/
/*----------------------------------------------- 404 ERROR PAGE -----------------------------------------------*/

div.error h3 {
background: url(../img/global/404.jpg) left no-repeat;
color: #FFF;
font: normal 92px 'Trade Gothic Bold','helvetica','arial',sans-serif;
letter-spacing: -5px;
margin: 0 auto;
padding: 40px 0 40px 180px;
text-shadow: 1px 1px 2px #b8b4ad;
width: 245px;
}

div.error p {
/* background: #faf7ed; */
display: block;
font-size: 18px;
margin: 35px auto;
padding: 25px;
/* box-shadow: 1px 1px 2px #b8b4ad; */
width: 700px;
}
  div.error p strong {
  display: block;
  }


/*----------------------------------------------- FILM LANDING PAGE -----------------------------------------------*/
/*----------------------------------------------- FILM LANDING PAGE -----------------------------------------------*/

div.title_punch {
background:url(../img/film/title_overlay-film.png) center;
bottom: 0;
height: 80px;
width: 100%;
position: absolute;
z-index: 12;
}

div.title_punch.tv {
  background:url(../img/tv/title_overlay-tv.png) center;
}

div.title_punch.aig {
  background:url(../img/aig/title_overlay-aig.png) center;
}

div.title_punch.asg {
  background:url(../img/asg/title_overlay-asg.png) center;
}


/*----------------------------------------------- FILM DETAIL PAGE ------------------------------------------------*/
/*----------------------------------------------- FILM DETAIL PAGE ------------------------------------------------*/

div#film_img {
overflow: hidden;
text-indent: -10000px;
background-position: center top;
background-repeat: no-repeat;
height: 450px;
width: 100%;
}

  div#film_img.dolphin_tale {
  background-image: url(../img/movies/large/dolphin_tale.jpg);
  background-color: #0e3360;
  }

  div.medium_poster{
  background:url(../img/global/shadow_medium_img.png) 0 0 no-repeat;
  display: block;
  float: left;
  padding: 9px;
  margin: -9px 15px 0 -9px;
  position: relative;
  width: 190px;
  height:280px;
  }
    div.medium_poster img{
    display: block;
    height: 280px;
    left: 0;
    top: 0;
    width: 190px;
    }

a.buynow_button{ text-align: center; font-size: 1em; text-transform: uppercase; text-shadow: 0px 1px 6px #333; }

div.official_site {
background:url(../img/global/element_sprite.png) 0 0 no-repeat;
font-size: 12px;
margin-bottom: 25px;
padding: 0 0 0 25px;
}

dl.film_data { margin:0; }
  dl.film_data dt { position:relative;width:110px; float:left; font-weight:bold; padding-left:30px; }
  dl.film_data dt .icon { position:absolute; left:0px; top:50%; width:20px; height:20px; margin-top:-10px; background:transparent url(../img/global/element_sprite.png) no-repeat -8px -8px; }
    dl.film_data dt.film_site .icon {  }
    dl.film_data dt.film_length .icon { background-position:-8px -43px; }
    dl.film_data dt.film_director .icon { background-position:-8px -81px; }
    dl.film_data dt.film_writers .icon { background-position:-8px -116px; }
    dl.film_data dt.film_stars .icon { background-position:-8px -153px; }
    dl.film_data dt.film_producers .icon { background-position:-8px -263px; }
  dl.film_data dd { margin-left:140px; font-weight:lighter; }

.film_media { background-color:#000; height: auto; margin-bottom: 100px; overflow: hidden; }

a.enlarge{ position: relative; width: 190px; font-weight: bold; color: #888; display: block; overflow: hidden; vertical-align: middle; height: 20px; text-align: center; text-decoration: none; }
.enlarge .icon { width: 20px; height: 20px; background: transparent url(../img/global/element_sprite.png) no-repeat -8px -298px; display: inline-block; vertical-align: middle; padding-right: 5px; padding-top: 5px; }

/* Film Photos/Video Scroller Styling */
.no-touch .film_media .carousel_wrap .overlay { position:absolute; top:0; left:0; width:100%; height:100%;background: rgba(0,0,0,.65); z-index:10; }
.touch .film_media .carousel_wrap .overlay { display: none; }


.film_media > div .overlay-left,
.film_media > div .overlay-right{ display:none; position: absolute; left: 0; margin-left: -384px; z-index: 2; width: 50%; height: 100%; background: rgba(0,0,0,.65); }
.film_media > div .overlay-right{ right: 0; left: auto; margin-left: 0; margin-right: -384px; }
  .film_media > div.movie_carousel button.next,
  .film_media > div.movie_carousel button.prev {
    z-index: 3;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -46px;
    margin-left: -488px;
  }
  .film_media > div.movie_carousel button.next {
    margin-left: 444px;
  }

  .no-touch .film_media > div .item{
  position:relative;
  z-index:1;
  width: 768px;
  height: 450px;
  float: left;
  text-align: center;
  line-height: 450px;
  margin: 0 0 4px 0;
  }
    .no-touch .film_media > div .item.current {
    position:relative;
    z-index:11;
    }

  .film_media > div .item img{
  display: inline;
  max-width: 100%;
  height: auto;
  max-height: 450px;
  margin: 0 auto;
  vertical-align: middle
  }
    .touch .film_media > div .item img{
    display: block;
    }

  .film_media #film_videos > div .item img {
  max-width: none;
  max-height: 400px;
  margin: 30px auto;
  }

  .no-touch .film_media > div.movie_carousel{
  margin: 2px 0;
  }
    html.ie7 .film_media div.movie_carousel {
    overflow: hidden;
    width: 100%
    }

  .no-touch .film_media > div div.carousel_wrap div.item_container{
  height: auto;
  margin-left: 0;
  position:relative;
  z-index:1;
  }

  html.js .film_media > div div.carousel_wrap {
  width: 768px;
  overflow: visible
  }

  html.touch .film_media > div div.carousel_wrap {
  width: 100%;
  height: 450px;
  }

/* Film Video Scroller Styling */
.film_videos .item a{ text-decoration: none; }
.film_media .item div{
line-height: 1.4em;
text-align: left;
position: absolute;
width: 718px;
bottom: 0;
background-color: rgba(0,0,0,.6);
padding: 20px 25px;
color: #fff;
}
  html.touch .film_media .item div {
  padding: 20px 0px!important;
  width: 100%;
  }
  .ie7 .film_media .item div,
  .ie8 .film_media .item div {
  background: url(../img/global/trans_panel_bg.png) 0 0 repeat;
  }
  html.ie7 .film_media .item div{
  left: 0px;
  }
.film_media .item div h4 { margin: 0; }
.film_media .item div p { margin: 0; }
.film_media .item div .count { text-align: right; font-weight: bold; }
  html.touch .item div .count,
  html.touch .film_media .item div h4,
  html.touch .film_media .item div p { padding: 0px 25px; }

.film_videos .video{ position: absolute; z-index: 10; top: 0; left: 0; background: black; width: 100%; height: 430px; padding-top: 20px; }

/* Film Tab Styling */
.film_sub .sub_nav{ margin-left: 245px; }
  .film_sub .sub_nav a{
    display: inline-block;
    font-weight: bold;
    color: #292e62;
    padding: 0 10px 0 0;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
  }
    html.ie7 .film_sub .sub_nav a {
    display: block;
    float: left;
    margin-right: 15px;
    width: 50px;
    }

  .film_sub .sub_nav a .arrow{
    visibility: hidden;
    background: url(../img/global/element_sprite.png) no-repeat -11px -227px;
    width: 40px;
    height: 20px;
    display: block;
    bottom: 0;
    margin: 15px auto 0;
  }
  .film_sub .sub_nav a.selected{ cursor: default; }
  .film_sub .sub_nav a.selected .arrow {
    visibility: visible;
}

/* play button */

.film_videos .item a span.play_btn {
background: url(../img/global/button/video_play.png) 0 0 no-repeat;
position: absolute;
height: 306px;
left: 50%;
margin: -153px 0 0 -153px;
top: 50%;
width: 306px;
}
  .film_videos .item a:hover span.play_btn {
  background-position: 0 -306px;
  }



/*----------------------------------------------- NEWS LIST -------------------------------------------------------*/
/*----------------------------------------------- NEWS LIST -------------------------------------------------------*/

.latest-news h3{ padding-left: 5px; font-size: 1.4em; }

ul.news {
  list-style: none;
  margin: 5px 0 20px;
  padding: 0;
}

ul.news li {
  border-bottom: 1px solid #bcbfc4;
}
ul.news li:first-child {
  border-top: 1px solid #bcbfc4;
}
  ul.news li a {
    display: block;
    font-size: 13px;
    padding: 10px 5px;
    text-decoration: none;
  }

  ul.news li a:link,
  ul.news li a:visited {
  color: #888;
  }
  ul.news li a:active,
  ul.news li a:hover {
  color: #0F3063;
  }

  span.news_img img {
  margin: 0 30px 20px 0;
  }

  div.news_detail h2{
  color: #373B74;
  display: block;
  font: bold 24px 'Trade Gothic Bold','helvetica','arial',sans-serif;
  text-decoration: none;
  }

/*----------------------------------------------- LATEST NEWS PAGE STYLES -------------------------------------------------------*/
/*----------------------------------------------- LATEST NEWS PAGE STYLES -------------------------------------------------------*/
body#news .date{ display: block; font-weight: normal; color: #333; font-family: Helvetica, Arial, sans-serif; margin-bottom: .5em; }
body#news p { margin-top: 0; }

/*----------------------------------------------- ALCON BUZZ PAGE STYLES -------------------------------------------------------*/
/*----------------------------------------------- ALCON BUZZ PAGE STYLES -------------------------------------------------------*/

.buzz-intro h3{ font-size: 32px; color: #292e62; text-transform: uppercase; }

.buzz .media{ margin-bottom: 2em; margin-left: 0; }
.buzz .media img{ margin-right: 16px; border: 3px solid #cec9c0; }
.buzz .media .title{ line-height: 1; font-weight: bold; text-transform: uppercase; color: #000; font-size: .9em; margin-bottom: 8px; }
.buzz .media .title span.date{ border-left: 1px solid #d9d4cc; font-weight: normal; text-transform: none; padding-left: 8px; margin-left: 6px; }
.buzz .media h4{ font-family: 'Trade Gothic Bold','helvetica','arial',sans-serif; color: #292e62; font-size: 20px; margin: 0 0 5px 0; }
.buzz .media a{ font-weight: bold; text-transform: uppercase; font-size: .9em; color: #000; text-decoration: none; }

.buzz a .arrow{
  background:url(../img/global/element_sprite.png) -10px -192px no-repeat;
  margin: 0 0 0 8px;
  width: 8px;
  height: 13px;
  vertical-align: text-top;
  display: inline-block;

  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.buzz a:hover .arrow{ margin-left: 12px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

/*----------------------------------------------- ABOUT PAGE STYLES -----------------------------------------------*/
/*----------------------------------------------- ABOUT PAGE STYLES -----------------------------------------------*/

#about .twocol p:first-child{ margin-top: 0; }

div.bios{ overflow: hidden; position: relative; min-height: 600px; }
div.bios > .row{ position:  relative; }

div.bio { margin-bottom: 40px; }
  img.bio_pic {
  border: 8px solid #cec9c0;
  }

  div.bio_copy h3{
  color: #333;
  font-weight: bold;
  font-size:20px;
  }
    html.touch div.bio.full div.bio_copy h3 {
    font-size: 24px;
    text-align: center;
    padding: 20px;
    }

  div.bio_copy h4{
  color: #b2aea7;
  font-weight: normal;
  font-style: italic;
  font-size:14px;
  margin: 0 0 1em 0;
  }
    html.touch div.bio.full div.bio_copy h4 {
    text-align: center;
    background: #9E9A93;
    color: white;
    padding: 10px;
    }

  div.bio_copy p{
    margin-top: 0;
  }

  div.bio.full{
    position: absolute;
    top: 40px;
    margin-left: 340px;
    width: 620px;
  }
    html.touch div.bio.full {
    width: 100%;
    margin: 0;
    }
  div.bio.full img{
    float:left;
    margin-left: -340px;
    max-width: 300px;
  }
    html.touch div.bio.full img {
    float: none;
    display: block;
    margin: 20px auto;
    }
  div.bio.full .read-more{ display: none; }
  div.bio.full p{ display: block!important; height: auto!important; }

  html.touch div.bio a.back {
  background: #CDC5B8;
  color: white;
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  }

/*----------------------------------------------- CONNECT PAGE STYLES --------------------------------------------*/

body#connect div.social_sub {
margin-bottom: 23px;
}

body#connect div.facebook_wrap {
margin: 30px auto;
}

div.fb-like-box {
background: #FFF;
}

body#connect div.social_sub nav.sub_nav a {
background: url(../img/global/social_sprite.png) 0 -250px no-repeat;
display: block;
float: left;
height: 29px;
margin-right: 50px;
overflow: hidden;
text-indent: -2000px;
width: 41px;

-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

body#connect div.social_sub nav.sub_nav a:first-child:hover {
background-position: 0 -300px;

-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
  body#connect div.social_sub nav.sub_nav a.selected:first-child {
  background-position: 0 -300px;
  }

.ie7 body#connect div.social_sub nav.sub_nav a[href="/connect/facebook/"],
.ie8 body#connect div.social_sub nav.sub_nav a.last-child,
body#connect div.social_sub nav.sub_nav a:last-child {
background-position: 0 -350px;
}

.ie7 body#connect div.social_sub nav.sub_nav a[href="/connect/facebook/"]:hover,
.ie8 body#connect div.social_sub nav.sub_nav a.last-child:hover,
body#connect div.social_sub nav.sub_nav a:last-child:hover {
background-position: 0 -400px;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

  html.ie7 body#connect div.social_sub nav.sub_nav a.selected[href="/connect/facebook/"],
  .ie8 body#connect div.social_sub nav.sub_nav a.last-child,
  body#connect div.social_sub nav.sub_nav a.selected:last-child {
  background-position: 0 -400px;
  }

body#connect div.connect_content_wrap {
border-top: 1px solid #d9d4cd;
}


div.twitter div.sub_nav_arrow,
div.facebook div.sub_nav_arrow {
background: url(../img/connect/sub_nav_arrow.png) 0 0 no-repeat;
height: 23px;
margin-top: -22px;
position: absolute;
width: 42px;
}

div.facebook div.sub_nav_arrow {
margin-left: 76px;
}

/* Embedded Tweet Styling */
#connect .twitter-tweet-rendered.tw-align-center { max-width: 100% !important; width: auto !important; margin: 30px 0 !important; }
#connect .twt-border { border: 8px solid rgba(0,0,0,.35) !important; padding: 30px 30px 0 30px !important; border-radius: 0 !important; width: auto !important; max-width: 100% !important; }
#connect .twt-tweet .footer{ margin-top: 30px !important; }
#connect .twt-tweet .entry-title,
#connect .twt-tweet .entry-title a,
#connect .twt-tweet .entry-title,
#connect .twt-o .entry-title b { font-family: Helvetica, Arial, sans-serif !important; font-size: 18px !important; }

.related-accounts ul{ margin: 0; padding: 0; }
.related-accounts ul li{ margin: 0; padding:0; list-style: none; }
.related-accounts ul li a{ text-decoration: none; }

#connect h3{ color: #292F61; font-size: 32px; margin-bottom: .75em; font-weight: normal; }

/* Tweet styling */
.tweets .tweet p{ margin-left: 84px; min-height: 50px; padding: 0 0 25px 0; color: #333; max-width: 530px; }
.tweets .tweet p img{ float: left; margin-left: -70px; }
.tweets .tweet .date{ display: block; font-size: .7em; color: #707070; }

/*----------------------------------------------- CONTACT PAGE STYLES ---------------------------------------------*/
/*----------------------------------------------- CONTACT PAGE STYLES ---------------------------------------------*/

div.address {
color: #292e62;
}

  div.address h3{
  font: bold 30px 'Trade Gothic Bold','helvetica','arial',sans-serif;
  }

  div.address span{
  display: block;
  font: normal 18px 'Trade Gothic Bold','helvetica','arial',sans-serif;
  letter-spacing: -1px;
  padding: 5px 0 0;
  }



form.contact {
width: 312px;
}
  form div.uBlogsy_Subscribe,
  form.contact div.form_note {
  background: #cec5b8;
  color: #FFF;
  margin-bottom: 15px;
  padding: 5px 10px;
  text-align: center;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }

  form div.uBlogsy_row input[type="text"],
  form div.uBlogsy_row textarea,
  form.contact input[type="text"],
  form.contact textarea {
  background: #FFF;
  border: 1px solid #c5c2c2;
  color: #8c877f;
  display: block;
  font: bold 14px 'helvetica','arial',sans-serif;
  margin-bottom: 20px;
  padding: 15px;
  width: 280px;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-box-shadow: inset 0px 2px 3px 0 rgba(0, 0, 0, .18);
  -moz-box-shadow: inset 0px 2px 3px 0 rgba(0, 0, 0, .18);
  box-shadow: inset 0px 2px 3px 0 rgba(0, 0, 0, .18);
  }

  form div.uBlogsy_row input[type="submit"],
  form.contact input[type="submit"] {
  border: none;
  font: bold 13px 'helvetica','arial',sans-serif;
  }

  form div.uBlogsy_row label,
  form.contact label {
  color: #8c877f;
  display: block;
  font: bold 14px 'helvetica','arial',sans-serif;
  left: 17px;
  position: absolute;
  top: 17px;
  }

  .select_wrap {
  background: url(../img/contact/select_bg.png) 0 0 no-repeat;
  display: block;
  font: bold 14px 'helvetica','arial',sans-serif;
  height: 52px;
  margin-bottom: 20px;
  width: 312px;
  }
    .select_wrap select {
    display: none;
      }

      .select_wrap div.default {
      width: 292px;
    height: 35px;
    padding: 17px 0 0 17px;
      }
      .select_wrap div.options {
       display: none;

      background: #d0c9be;
      border: 1px solid #c5c2c2;
      border-top: none;
      padding: 10px;
      position: absolute;
      width: 290px;
      top: 48px;
      z-index: 100;

      -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
      }
        .select_wrap div.option {
        border-top: 1px solid #aba59b;
        padding: 10px 7px;
        }

        .select_wrap div.option:hover {
        color: #FFF;
        }

form.contact div.error {
background: #cc0000;
color: #FFF;
margin-left:50px;
padding: 5px;
position:absolute;
left: 287px;
top: 10px;
width: 205px;
z-index: 200;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

-webkit-box-shadow: 0px 3px 3px 0px #ccc;
-moz-box-shadow: 0px 3px 3px 0px #ccc;
box-shadow: 0px 3px 3px 0px #ccc;
}

  form.contact div.error:after{
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  border-style:solid;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;

  top:9px; /* controls vertical position */
  left:-17px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  border-width:7px 17px 7px 0;
  border-color:transparent #cc0000;
  }



/*----------------------------------------------- BLOG PAGE CLASSES --------------------------------------------------*/
/*----------------------------------------------- BLOG PAGE CLASSES --------------------------------------------------*/

div.header_subnav a.blog_home {
width: 197px;
height: 100px;
top: 0;
position: absolute;
}

div.blog_search_wrap {
position: absolute;
right: 0;
top: -85px;
z-index: 10;
}

span.blog_default_img { text-align:center; }
span.blog_default_img img {
display: block;
border: 10px solid #cdc4b8;
margin-top: 20px;
max-width:650px;
margin: 0 auto;
}



/*---------- BLOG SEARCH FIELD ----------*/

div.uBlogsy_search input[type="text"] {
background: #FFF;
border: 1px solid #c5c2c2;
color: #8c877f;
display: block;
font: bold 14px 'helvetica','arial',sans-serif;
margin-bottom: 20px;
padding: 15px;
width: 200px;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

-webkit-box-shadow: inset 0px 2px 3px 0 rgba(0, 0, 0, .18);
-moz-box-shadow: inset 0px 2px 3px 0 rgba(0, 0, 0, .18);
box-shadow: inset 0px 2px 3px 0 rgba(0, 0, 0, .18);
}

  div.uBlogsy_search input[type="submit"] {
  background: transparent url(../img/blog/blog_sprite.png) 15px 20px no-repeat;
  border: none;
  display: block;
  font-size: 0;
  height: 47px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  top: 0;
  width: 30px;
  }

/*---------- BLOG LANDING PAGE STYLING ----------*/

div.blog_main_content {}


/*---------- BLOG PAGINATION ----------*/

ul#uBlogsy_pagination {
display: block;
text-align: right;
border-bottom: 1px solid #d6d1cb;
border-top: 1px solid #d6d1cb;
padding: 15px;
}

  ul#uBlogsy_pagination li {
  display: block;
  float: left;
  height: 24px;
  width: 24px;
  margin-right: 10px;
  }

  ul#uBlogsy_pagination li a,
  ul#uBlogsy_pagination li span {
  display: block;
  float: left;
  font: bold 24px 'Trade Gothic Bold','helvetica','arial',sans-serif;
  height: 24px;
  text-align: center;
  width: 24px;
  }

  ul#uBlogsy_pagination li a {
  text-decoration: none;
  }
    ul#uBlogsy_pagination li.uBlogsy_current span {
    text-decoration: underline;
    }

  ul#uBlogsy_pagination li.uBlogsy_page_prev {
  background: url(../img/blog/blog_sprite.png) -358px -200px no-repeat;
  }

  ul#uBlogsy_pagination li.uBlogsy_page_next {
  background: url(../img/blog/blog_sprite.png) -482px -200px no-repeat;
  }


/*---------- BLOG SIDEBAR STYLING ----------*/

div.sidebar div.uBlogsy_rss_link_container {
height: 60px;
}
  div.sidebar div.uBlogsy_rss_link_container h2 a {
  color: #888;
  text-decoration: none;
  }

div.sidebar h2 {
display: block;
font: bold 24px 'Trade Gothic Bold','helvetica','arial',sans-serif;
}

  div.sidebar h2 span.icon {
  background: url(../img/blog/blog_sprite.png) 0px -50px no-repeat;
  display: block;
  float: left;
  height: 35px;
  margin-right: 10px;
  width: 35px;
  }

    div.uBlogsy_categories_container h2 span.icon {
    background-position: 0px -50px;
    }
    div.uBlogsy_tag_container h2 span.icon {
    background-position: -351px -50px;
    }
    div.uBlogsy_authors_container h2 span.icon {
    background-position: -234px -50px;
    }
    div.uBlogsy_archive h2 span.icon {
    background-position: -117px -50px;
    }
    div.uBlogsy_rss_link_container h2 span.icon {
    background-position: -467px -50px;
    }


  div.sidebar ul {
  margin: 20px 0 40px;
  padding: 0;
  }
  div.sidebar ul li {
  display: block;
  margin-bottom: 3px;
  }
    div.sidebar ul li a{
    background: #ccc4b8;
    color: #FFF;
    display: block;
    padding: 10px;
    text-decoration: none;
    }

    div.sidebar ul li a:hover {
    background: #a69f95;
    font-weight: 700;
    }

  div.sidebar ul.uBlogsy_months,
  div.sidebar ul.uBlogsy_month,
  div.sidebar ul.uBlogsy_post-items {
  margin-top: 3px;
  margin-bottom: 0;
  padding-left: 10px;
  }


div.uBlogsy_post {
margin-bottom: 100px;
}

div.uBlogsy_post h2.post_title a {
display: block;
font: bold 24px 'Trade Gothic Bold','helvetica','arial',sans-serif;
text-decoration: none;
}

div.blog_main_content div.uBlogsy_category_list,
div.blog_main_content div.uBlogsy_tag_list,
div.blog_main_content div.uBlogsy_comment_count,
div.blog_main_content div.uBlogsy_next_prev {
display: block;
border-top: 1px solid #fff8ed;
border-bottom: 1px solid #d6d1cb;
padding: 15px;
}

div.blog_main_content div.uBlogsy_category_list span.icon,
div.blog_main_content div.uBlogsy_tag_list span.icon,
div.blog_main_content div.uBlogsy_comment_count span.icon {
display: block;
float: left;
font: bold 18px 'Trade Gothic Bold','helvetica','arial',sans-serif;
height: 30px;
padding: 5px 0 0 45px;
text-align: center;
}

  div.blog_main_content div.uBlogsy_tag_list span.icon {
  background: url(../img/blog/blog_sprite.png) -351px -50px no-repeat;
  }
  div.blog_main_content div.uBlogsy_category_list span.icon {
  background: url(../img/blog/blog_sprite.png) 0px -50px no-repeat;
  }
  div.blog_main_content div.uBlogsy_comment_count span.icon {
  background: url(../img/blog/blog_sprite.png) 0px -300px no-repeat;
  }
    .ie7 div.blog_main_content div.uBlogsy_category_list span.icon,
    .ie8 div.blog_main_content div.uBlogsy_category_list span.icon,
    .ie9 div.blog_main_content div.uBlogsy_category_list span.icon {
    background: url(../img/blog/ie_category_sprite.png) 0px -50px no-repeat;
    }

    div.blog_main_content div.uBlogsy_comment_count a {
    color: #888;
    font: bold 18px 'Trade Gothic Bold','helvetica','arial',sans-serif;
    text-decoration: none;
    }

div.blog_main_content div.uBlogsy_tag_list ul.uBlogsy_tags,
div.blog_main_content div.uBlogsy_category_list ul.uBlogsy_categories {
display: block;
margin: 0 0 0 85px;
padding: 0;
}
  div.blog_main_content div.uBlogsy_category_list ul.uBlogsy_categories li,
  div.blog_main_content div.uBlogsy_tag_list ul.uBlogsy_tags li {
  border-right: 1px solid #ccc4b8;
  display: block;
  float: left;
  margin: 5px 0px;
  }
  div.blog_main_content div.uBlogsy_category_list ul.uBlogsy_categories li:last-child,
  div.blog_main_content div.uBlogsy_tag_list ul.uBlogsy_tags li:last-child {
  border-right: none!important;
  }
    div.blog_main_content div.uBlogsy_tag_list ul.uBlogsy_tags li a,
    div.blog_main_content div.uBlogsy_category_list ul.uBlogsy_categories li a {
    display: block;
    font-weight: bold;
    padding: 0px 5px;
    text-decoration: none;
    }

div.blog_main_content div.uBlogsy_post_body {
margin: 20px 0;
}

div.uBlogsy_post_body img {
border: 10px solid #cdc4b8;
float: left;
margin: 0 30px 10px 0;
max-width: 300px;
}

div.blog_main_content div.uBlogsy_next_prev a {
color: #888;
display: block;
font: bold 18px 'Trade Gothic Bold','helvetica','arial',sans-serif;
text-decoration: none;
}

  div.blog_main_content div.uBlogsy_next_prev a.uBlogsy_prev {
  float: left;
  }
  div.blog_main_content div.uBlogsy_next_prev a.uBlogsy_next {
  float: right;
  }

div.blog_main_content div.uBlogsy_next_prev a span.icon {
background: url(../img/blog/blog_sprite.png) 0 0 no-repeat;
display: block;
height: 24px;
width: 24px;
}
  div.blog_main_content div.uBlogsy_next_prev a.uBlogsy_prev span.icon {
  background-position: -364px -200px;
  float: left;
  }
  div.blog_main_content div.uBlogsy_next_prev a.uBlogsy_next span.icon {
  background-position: -476px -200px;
  float: right;
  }

/* BLOG COMMENTS */

div.uBlogsy_comments_container h4 {
border-bottom: 1px solid #d6d1cb;
font: bold 18px 'Trade Gothic Bold','helvetica','arial',sans-serif;
padding-bottom: 15px
}
  div.uBlogsy_comments_container h4 span.icon {
  background: url(../img/blog/blog_sprite.png) 0px -300px no-repeat;
  display: block;
  float: left;
  height: 35px;
  width: 35px;
  }

div.uBlogsy_comments_container div.uBlogsy_comment {
border: 5px solid #d6d1cb;
margin: 0 0 10px 0;
}
  div.uBlogsy_comments_container div.uBlogsy_comment div.uBlogsy_comment_name,
  div.uBlogsy_comments_container div.uBlogsy_comment div.uBlogsy_comment_website {
  background: #d6d1cb;
  color: #888;
  font: bold 14px 'Trade Gothic Bold','helvetica','arial',sans-serif;
  padding: 5px 10px 10px;
  }
    div.uBlogsy_comments_container div.uBlogsy_comment div.uBlogsy_comment_website {
    padding: 10px 10px 5px;
    }

  div.uBlogsy_comments_container div.uBlogsy_comment div.uBlogsy_comment_name a {
  color: #888;
  font-size: 16px;
  text-decoration: none;
  }

  div.uBlogsy_comments_container div.uBlogsy_comment div.uBlogsy_comment_message {
  padding: 15px;
  }

  div.uBlogsy_comments_container div.uBlogsy_comment div.uBlogsy_comment_website a {
  color: #888
  }


div.uBlogsy_comment_form_container h4 {
display: block;
border-top: 1px solid #fff8ed;
border-bottom: 1px solid #d6d1cb;
padding: 15px;
}

  div.uBlogsy_comment_form_container div.uBlogsy_comment_form {
  border: 5px solid #d6d1cb;
  padding: 15px;
  }

  div.uBlogsy_comment_form_container div.uBlogsy_comment_form div.uBlogsy_row {
  position: relative;
  }

  div.uBlogsy_comment_form_container div.uBlogsy_comment_form div.uBlogsy_Subscribe label {
  color: #8c877f;
  display: inline-block;
  font: bold 14px 'helvetica','arial',sans-serif;
  left: auto;
  position: static;
  top: auto;
  }

  div.uBlogsy_comment_form_container div.uBlogsy_comment_form div.uBlogsy_row input[type="text"],
  div.uBlogsy_comment_form_container div.uBlogsy_comment_form div.uBlogsy_row textarea {
  width: 597px;
  }
    div.uBlogsy_comment_form_container div.uBlogsy_comment_form div.uBlogsy_row textarea {
    height: 250px;
    }

  div.uBlogsy_comment_form p {
  font: bold 24px 'Trade Gothic Bold','helvetica','arial',sans-serif;
  margin-top: 0;
  text-align: center;
  }




/*----------------------------------------------- FOOTER CLASSES --------------------------------------------------*/
/*----------------------------------------------- FOOTER CLASSES --------------------------------------------------*/

footer {
border-bottom: 1px solid #cdc5b8;
border-top: 1px solid #cdc5b8;
display: block;
height: 80px;
}

footer div.links {
background: url(../img/global/footer_logo.jpg) top right no-repeat;
height: 80px;
}

  footer div.links a:link,
  footer div.links a:visited {
  color: #cdc5b8;
  display: block;
  float: left;
  font: bold 18px 'Trade Gothic Bold','helvetica','arial',sans-serif;
  margin-right: 50px;
  padding-top: 28px;
  text-align: center;
  text-decoration: none;
  }

  footer div.links a:hover,
  footer div.links a:active {
  color: #a69f95;
  }

    footer div.links a.twitter,
    footer div.links a.facebook{
    background: url(../img/global/social_sprite.png) 0 0 no-repeat;
    margin-top: 27px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    }

    footer div.links a.twitter {
    background-position: 0 -100px;
    height: 19px;
    width: 27px;
    margin-right: 20px;
    margin-left: 35px;
    }
      footer div.links a.twitter:hover {
      background-position: -31px -100px;
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      transition: none;
      }

    footer div.links a.facebook {
    background-position: 0 -178px;
    height: 22px;
    width: 12px;
    }
      footer div.links a.facebook:hover {
      background-position: -31px -178px;
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      transition: none;
      }

div.copyright {
text-align: right;
margin: 10px 0;
font-size:11px;
color:#b1aa9f;
}








/*
 * version: 2.0.3
 * package: OrangeBox
 * author: David Paul Hamilton - http://orangebox.davidpaulhamilton.net
 * copyright: Copyright (c) 2011 David Hamilton / DavidPaulHamilton.net All rights reserved.
 * license: GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
 */
#ob_overlay {
  background-color:#EBEBEB;
  display:none;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:100;
}
#ob_container {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:101;
}
#ob_float {
  float:left;
  height:50%;
  min-width:100%;
}
#ob_window {
  clear:both;
  cursor:default;
  display:none;
  position:relative;
  z-index:102;
  margin:0 auto;
  padding:22px;
}
#ob_content {
  background-color:#fff;
  border:0 solid #fff;

  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .75);
  -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .75);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .75);
}
#ob_caption {
  color:#333;
  background-color:#fff;
  position:absolute;
  bottom:15%;
  font-size:small;
  max-width:75%;
}
#ob_caption p {
  padding:0;
  margin:10px;
  cursor:text;
}
#ob_window img {
  display:block;
}
#ob_inline {
  padding:20px;
  overflow:auto;
}
#ob_load {
  -moz-border-radius:5px;
  background:url(../img/global/orangebox/loading.gif) no-repeat center;
  background-color:#fff;
  border-radius:5px;
  height:40px;
  left:50%;
  position:fixed;
  top:50%;
  width:40px;
  z-index:103;
  margin:-25px 0 0 -25px;
  padding:5px;
}
#ob_error {
  text-align:center;
  width:250px;
  padding:10px;
}
#ob_close {
  background: #434a92 url(../img/global/button/button_bg_grad-purple.gif) 0 0 repeat-x;
  color: #FFF!important;
  cursor:pointer;
  display: block;
  font: bold 16px 'helvetica','arial',sans-serif;
  padding: 8px 13px;
  position:absolute;
  right:30px;
  text-decoration: none;
  text-transform: uppercase;
  top:-22px;
  z-index:1103;
}
#ob_title {
  color:#fff;
  left:auto;
  position:absolute;
  right:126px;
  top:-16px;
  z-index:1103;
  color: #888
}
#ob_title h3 {
  margin:0;
  padding:0;
}
#ob_left,#ob_right {
  bottom:8px;
  cursor:pointer;
  height:100%;
  position:absolute;
  width:75px;
  z-index:1102;
}
#ob_left { left:-53px; }
#ob_right { right:-53px; }
#ob_left-ico,#ob_right-ico {
  cursor:pointer;
  display:block;
  height:30px;
  margin-top:-9px;
  position:absolute;
  top:50%;
  width:30px;
  z-index:1102;
}
#ob_left-ico {
  background:url(../img/global/orangebox/buttons.png) center;
  right:10px;
}
#ob_right-ico {
  background:url(../img/global/orangebox/buttons.png) right;
  left:10px;
}
#ob_left:hover,#ob_right:hover { visibility:visible; }
#ob_dots {
  list-style:none;
  text-align:center;
  margin:0;
  padding:0;
  width:100%;
}
#ob_dots li {
  height:8px;
  list-style:none;
  width:8px;
  margin:3px;
  -moz-border-radius:4px;
  background-color:#666;
  border-radius:4px;
  cursor:pointer;
  display: -moz-inline-stack;
  display: inline-block;
  zoom:1;
  *display:inline;
}
#ob_dots .current { background-color:#CCC!important; }
#ob_share {
  position:absolute;
  right: 124px;
  top: -13px;
}










/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* snap to size of container */
.resize { width: 95%; }

/* Float that junk! */
.float_left { float: left; }
.float_right { float: right; }
.relative { position: relative; }

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* spacing helpers
p, m = padding, margin
a, t, r, b, l, h, v = all, top, right, bottom, left, horizontal, vertical
s, m, l, n = small(5px), medium(10px), large(20px), none(0px)
*/

.ptn, .pvn, .pan { padding-top: 0; }
.pts, .pvs, .pas { padding-top: 5px; }
.ptm, .pvm, .pam { padding-top: 10px; }
.ptl, .pvl, .pal { padding-top: 20px; }
.pth, .pvh, .pah { padding-top: 40px; }
.prn, .phn, .pan { padding-right: 0; }
.prs, .phs, .pas { padding-right: 5px; }
.prm, .phm, .pam { padding-right: 10px; }
.prl, .phl, .pal { padding-right: 20px; }
.prh, .phh, .pah { padding-right: 40px; }
.pbn, .pvn, .pan { padding-bottom: 0; }
.pbs, .pvs, .pas { padding-bottom: 5px; }
.pbm, .pvm, .pam { padding-bottom: 10px; }
.pbl, .pvl, .pal { padding-bottom: 20px; }
.pbh, .pvh, .pah { padding-bottom: 40px; }
.pln, .phn, .pan { padding-left: 0; }
.pls, .phs, .pas { padding-left: 5px; }
.plm, .phm, .pam { padding-left: 10px; }
.pll, .phl, .pal { padding-left: 20px; }
.plh, .phh, .pah { padding-left: 40px; }
.mtn, .mvn, .man { margin-top: 0; }
.mts, .mvs, .mas { margin-top: 5px; }
.mtm, .mvm, .mam { margin-top: 10px; }
.mtl, .mvl, .mal { margin-top: 20px; }
.mth, .mvh, .mah { margin-top: 40px; }
.mrn, .mhn, .man { margin-right: 0; }
.mrs, .mhs, .mas { margin-right: 5px; }
.mrm, .mhm, .mam { margin-right: 10px; }
.mrl, .mhl, .mal { margin-right: 20px; }
.mrh, .mhh, .mah { margin-right: 40px; }
.mbn, .mvn, .man { margin-bottom: 0; }
.mbs, .mvs, .mas { margin-bottom: 5px; }
.mbm, .mvm, .mam { margin-bottom: 10px; }
.mbl, .mvl, .mal { margin-bottom: 20px; }
.mbh, .mvh, .mah { margin-bottom: 40px; }
.mln, .mhn, .man { margin-left: 0; }
.mls, .mhs, .mas { margin-left: 5px; }
.mlm, .mhm, .mam { margin-left: 10px; }
.mll, .mhl, .mal { margin-left: 20px; }
.mlh, .mhh, .mah { margin-left: 40px; }
















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */