/* 
 * 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.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */
 
/* HTML5 display definitions */

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

/* Base  */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 12px; line-height: 1.8em; position: relative; color:#666; }
body, button, input, select, textarea { font-family: sans-serif; }

::-moz-selection { background: #f1f1f1; color: #333; text-shadow:1px 1px 0 #fff; }
::selection { background: #f1f1f1; color: #333; text-shadow:1px 1px 0 #fff;}

/* Typography  */

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/open-sans-fontfacekit/OpenSans-Light-webfont.eot');
    src: url('../fonts/open-sans-fontfacekit/OpenSans-Light-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/open-sans-fontfacekit/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('../fonts/open-sans-fontfacekit/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/open-sans-fontfacekit/OpenSans-LightItalic-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/open-sans-fontfacekit/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/open-sans-fontfacekit/OpenSans-Regular-webfont.eot');
    src: url('../fonts/open-sans-fontfacekit/OpenSans-Regular-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/open-sans-fontfacekit/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('../fonts/open-sans-fontfacekit/OpenSans-Italic-webfont.eot');
    src: url('../fonts/open-sans-fontfacekit/OpenSans-Italic-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/open-sans-fontfacekit/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/open-sans-fontfacekit/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/open-sans-fontfacekit/OpenSans-Semibold-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/open-sans-fontfacekit/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('../fonts/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../fonts/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../fonts/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/open-sans-fontfacekit/OpenSans-Bold-webfont.eot');
    src: url('../fonts/open-sans-fontfacekit/OpenSans-Bold-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/open-sans-fontfacekit/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('../fonts/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('../fonts/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('../fonts/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../fonts/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../fonts/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

/* Links  */

a { color: #40b3df; text-decoration:none;}
a:visited { color: #1c8bb6; }
a:hover { color: #40b3df; text-decoration:underline;}
a:focus { outline: none; }
    
/* blue button */
a.button-blue {
  display: inline-block;
  vertical-align: middle;
  padding: 1px;
  line-height: 28px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
  
  background: -moz-linear-gradient(top, #4799e6 0%, #2a78a7 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4799e6), color-stop(100%,#2a78a7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4799e6 0%,#2a78a7 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4799e6 0%,#2a78a7 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #4799e6 0%,#2a78a7 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4799e6', endColorstr='#2a78a7',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #4799e6 0%,#2a78a7 100%); /* W3C */
}
  a.button-blue span {
    display: block;
    padding: 0 19px 1px 19px;
    height: 27px;
    color: #ffffff;
    text-shadow: 0px -1px 0px #2f79a3;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -moz-box-shadow: inset 0px 0px 2px #ffffff;
    -webkit-box-shadow: inset 0px 0px 2px #ffffff;
    box-shadow: inset 0px 0px 2px #ffffff;
    
    background: -moz-linear-gradient(top, #65bdf7 0%, #57afe4 49%, #42a4df 50%, #318cc1 100%, #318cc1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65bdf7), color-stop(49%,#57afe4), color-stop(50%,#42a4df), color-stop(100%,#318cc1), color-stop(100%,#318cc1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #65bdf7 0%,#57afe4 49%,#42a4df 50%,#318cc1 100%,#318cc1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #65bdf7 0%,#57afe4 49%,#42a4df 50%,#318cc1 100%,#318cc1 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #65bdf7 0%,#57afe4 49%,#42a4df 50%,#318cc1 100%,#318cc1 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65bdf7', endColorstr='#318cc1',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #65bdf7 0%,#57afe4 49%,#42a4df 50%,#318cc1 100%,#318cc1 100%); /* W3C */
  }  
  
  /* focus + hover */
  a.button-blue:focus {
    outline: none;
  }
    a.button-blue:hover span,
    a.button-blue:focus span {
      background: -moz-linear-gradient(top, #78c4f6 0%, #6ebdef 49%, #5ab3eb 50%, #318cc1 100%, #449fd8 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78c4f6), color-stop(49%,#6ebdef), color-stop(50%,#5ab3eb), color-stop(100%,#318cc1), color-stop(100%,#449fd8)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #78c4f6 0%,#6ebdef 49%,#5ab3eb 50%,#318cc1 100%,#449fd8 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #78c4f6 0%,#6ebdef 49%,#5ab3eb 50%,#318cc1 100%,#449fd8 100%); /* Opera11.10+ */
      background: -ms-linear-gradient(top, #78c4f6 0%,#6ebdef 49%,#5ab3eb 50%,#318cc1 100%,#449fd8 100%); /* IE10+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78c4f6', endColorstr='#449fd8',GradientType=0 ); /* IE6-9 */
      background: linear-gradient(top, #78c4f6 0%,#6ebdef 49%,#5ab3eb 50%,#318cc1 100%,#449fd8 100%); /* W3C */    
    }
    
  /* active */
  a.button-blue:active {
    -moz-box-shadow: 1px 1px 0px #ffffff;
    -webkit-box-shadow: 1px 1px 0px #ffffff;
    box-shadow: 1px 1px 0px #ffffff;
  }
    a.button-blue:active span {
      -moz-box-shadow: inset 1px 1px 0px #307fab;
      -webkit-box-shadow: inset 1px 1px 0px #307fab;
      box-shadow: inset 1px 1px 0px #307fab;
      padding-top: 1px;
      padding-bottom: 0px;
      
      background: -moz-linear-gradient(top, #378bba 0%, #41a2dd 50%, #4caaea 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#378bba), color-stop(50%,#41a2dd), color-stop(100%,#4caaea)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #378bba 0%,#41a2dd 50%,#4caaea 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #378bba 0%,#41a2dd 50%,#4caaea 100%); /* Opera11.10+ */
      background: -ms-linear-gradient(top, #378bba 0%,#41a2dd 50%,#4caaea 100%); /* IE10+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#378bba', endColorstr='#4caaea',GradientType=0 ); /* IE6-9 */
      background: linear-gradient(top, #378bba 0%,#41a2dd 50%,#4caaea 100%); /* W3C */
    }

/* grey button */
a.button-grey {
  display: inline-block;
  vertical-align: middle;
  padding: 1px;
  line-height: 28px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
  box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
  
  background: -moz-linear-gradient(top, #e5e5e5 0%, #a8a8a8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#a8a8a8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e5e5e5 0%,#a8a8a8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e5e5e5 0%,#a8a8a8 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #e5e5e5 0%,#a8a8a8 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#a8a8a8',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #e5e5e5 0%,#a8a8a8 100%); /* W3C */
}
  a.button-grey span {
    display: block;
    padding: 0 19px 1px 19px;
    height: 27px;
    color: #ffffff;
    text-shadow: 0px -1px 0px #999;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -moz-box-shadow: inset 0px 0px 2px #ffffff;
    -webkit-box-shadow: inset 0px 0px 2px #ffffff;
    box-shadow: inset 0px 0px 2px #ffffff;
    
    background: -moz-linear-gradient(top, #f8f8f8 0%, #e2e2e2 49%, #dadada 50%, #c1c1c1 100%, #c1c1c1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(49%,#e2e2e2), color-stop(50%,#dadada), color-stop(100%,#c1c1c1), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f8f8 0%,#e2e2e2 49%,#dadada 50%,#c1c1c1 100%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f8f8 0%,#e2e2e2 49%,#dadada 50%,#c1c1c1 100%,#c1c1c1 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f8f8f8 0%,#e2e2e2 49%,#dadada 50%,#c1c1c1 100%,#c1c1c1 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #f8f8f8 0%,#e2e2e2 49%,#dadada 50%,#c1c1c1 100%,#c1c1c1 100%); /* W3C */
  }  
  
  /* focus + hover */
  a.button-grey:focus {
    outline: none;
  }
    a.button-grey:hover span,
    a.button-grey:focus span {
      background: -moz-linear-gradient(top, #f9f9f9 0%, #e4e3e3 49%, #e6e5e5 50%, #c1c1c1 100%, #d0d0d0 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(49%,#e4e3e3), color-stop(50%,#e6e5e5), color-stop(100%,#c1c1c1), color-stop(100%,#d0d0d0)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #f9f9f9 0%,#e4e3e3 49%,#e6e5e5 50%,#c1c1c1 100%,#d0d0d0 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #f9f9f9 0%,#e4e3e3 49%,#e6e5e5 50%,#c1c1c1 100%,#d0d0d0 100%); /* Opera11.10+ */
      background: -ms-linear-gradient(top, #f9f9f9 0%,#e4e3e3 49%,#e6e5e5 50%,#c1c1c1 100%,#d0d0d0 100%); /* IE10+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d0d0d0',GradientType=0 ); /* IE6-9 */
      background: linear-gradient(top, #f9f9f9 0%,#e4e3e3 49%,#e6e5e5 50%,#c1c1c1 100%,#d0d0d0 100%); /* W3C */    
    }
    
  /* active */
  a.button-grey:active {
    -moz-box-shadow: 1px 1px 0px #ffffff;
    -webkit-box-shadow: 1px 1px 0px #ffffff;
    box-shadow: 1px 1px 0px #ffffff;
  }
    a.button-grey:active span {
      -moz-box-shadow: inset 1px 1px 0px #bdbcbc;
      -webkit-box-shadow: inset 1px 1px 0px #bdbcbc;
      box-shadow: inset 1px 1px 0px #bdbcbc;
      padding-top: 1px;
      padding-bottom: 0px;
      
      background: -moz-linear-gradient(top, #bcbcbc 0%, #dfdfdf 50%, #ececec 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcbcbc), color-stop(50%,#dfdfdf), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #bcbcbc 0%,#dfdfdf 50%,#ececec 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #bcbcbc 0%,#dfdfdf 50%,#ececec 100%); /* Opera11.10+ */
      background: -ms-linear-gradient(top, #bcbcbc 0%,#dfdfdf 50%,#ececec 100%); /* IE10+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
      background: linear-gradient(top, #bcbcbc 0%,#dfdfdf 50%,#ececec 100%); /* W3C */
    }    
    
/* white button */
a.button-white,
button.button-white,
button.btn {
  display: inline-block;
  vertical-align: middle;
  padding: 1px;
  line-height: 28px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.1);
  box-shadow: 1px 2px 2px rgba(0,0,0,0.1);
  
  background: -moz-linear-gradient(top, #d7d7d7 0%, #b6b6b6 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7d7), color-stop(100%,#b6b6b6)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d7d7d7 0%,#b6b6b6 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d7d7d7 0%,#b6b6b6 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #d7d7d7 0%,#b6b6b6 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#b6b6b6',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #d7d7d7 0%,#b6b6b6 100%); /* W3C */
  }
  a.button-white span,
  button.button-white span,
  button.btn span {
    display: block;
    padding: 0 19px 1px 19px;
    height: 27px;
    color: #5e5e5e;
    text-shadow: 0px -1px 0px #ffffff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -moz-box-shadow: inset 0px 0px 2px #ffffff;
    -webkit-box-shadow: inset 0px 0px 2px #ffffff;
    box-shadow: inset 0px 0px 2px 1px #ffffff;
    
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 49%, #fafafa 50%, #fafafa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(50%,#fafafa), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 49%,#fafafa 50%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#ffffff 49%,#fafafa 50%,#fafafa 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 49%,#fafafa 50%,#fafafa 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffffff 0%,#ffffff 49%,#fafafa 50%,#fafafa 100%); /* W3C */
  }  
  
  /* focus + hover */
  a.button-white:hover,
  button.btn:hover,
  button.button-white:hover,
  button.button-white:focus,
  a.button-white:focus,
  button.btn:focus {
    outline: none;
    
    background: -moz-linear-gradient(top, #c6c6c6 0%, #a6a6a6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#a6a6a6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c6c6c6 0%,#a6a6a6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c6c6c6 0%,#a6a6a6 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #c6c6c6 0%,#a6a6a6 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#a6a6a6',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #c6c6c6 0%,#a6a6a6 100%); /* W3C */
  }
    a.button-white:hover span,
	button.button-white:hover span,
	button.btn:hover span,
	button.button-white:focus span,
    a.button-white:focus span,
	button.btn:focus span {
      background: -moz-linear-gradient(top, #fafafa 0%, #fafafa 49%, #f1f1f1 50%, #f1f1f1 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(49%,#fafafa), color-stop(50%,#f1f1f1), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #fafafa 0%,#fafafa 49%,#f1f1f1 50%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #fafafa 0%,#fafafa 49%,#f1f1f1 50%,#f1f1f1 100%); /* Opera11.10+ */
      background: -ms-linear-gradient(top, #fafafa 0%,#fafafa 49%,#f1f1f1 50%,#f1f1f1 100%); /* IE10+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
      background: linear-gradient(top, #fafafa 0%,#fafafa 49%,#f1f1f1 50%,#f1f1f1 100%); /* W3C */
    }
    
  /* active */
  a.button-white:active,
  button.button-white:active {
    -moz-box-shadow: 1px 1px 0px #ffffff;
    -webkit-box-shadow: 1px 1px 0px #ffffff;
    box-shadow: 1px 1px 0px #ffffff;
    
    background: -moz-linear-gradient(top, #a6a6a6 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6a6a6), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a6a6a6 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a6a6a6 0%,#cccccc 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #a6a6a6 0%,#cccccc 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #a6a6a6 0%,#cccccc 100%); /* W3C */
  }
    a.button-white:active span,
	button.button-white:active span {
      -moz-box-shadow: inset 1px 1px 0px #c9c9c9;
      -webkit-box-shadow: inset 1px 1px 0px #c9c9c9;
      box-shadow: inset 1px 1px 0px #c9c9c9;
      padding-top: 1px;
      padding-bottom: 0px;
      
      background: -moz-linear-gradient(top, #e9e9e9 0%, #fefefe 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #e9e9e9 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #e9e9e9 0%,#fefefe 100%); /* Opera11.10+ */
      background: -ms-linear-gradient(top, #e9e9e9 0%,#fefefe 100%); /* IE10+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
      background: linear-gradient(top, #e9e9e9 0%,#fefefe 100%); /* W3C */
    }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* Colors  */

.red {color:#e30613}

/* General  */

abbr[title] { border-bottom: 1px solid; }
b, strong { font-weight: bold; }
blockquote {
	background:#F9F9F9;
    margin: 0;
    padding: 0.5em 3em;
	font-family: Georgia,"Times New Roman",Serif;
    font-size: 1.231em;
    font-style: italic;
	border-left:5px solid #40B3DF;
}

blockquote.blog-post {
	color: #999999;
    font-family: Georgia,"Times New Roman",Serif;
    font-size: 1.231em;
    font-style: italic;
	margin:0;
	padding: 1em 1.2em;
	background:none;
}
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; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

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

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: 85%; }

.left { float: left;}
.right { float: right;}
.center { display:block; margin:0 auto; text-align:center;}

.alignleft {float: left;margin-bottom: 8px;margin-right: 20px;}
.aligncenter {display: block;margin: 0 auto;}
.alignright {float: right;margin-bottom: 8px;margin-left: 20px;}

.margin-right { margin-right:20px;}
.margin-left { margin-left:20px;}
.margin-top { margin-top:20px;}
.margin-bottom { margin-bottom:20px;}

.no-bottom-border { border-bottom:0 !important;}

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

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%;}
svg:not(:root) { overflow: hidden; }
figure { margin: 0;position:relative;}

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button { border:0;}
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; width:auto}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Tables  */
   
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.content th {background:#fff;border: 1px solid rgba(0, 0, 0, 0.1);padding:10px;}
.content td {border: 1px solid rgba(0, 0, 0, 0.1);padding:10px;}

/* Images  */
.image-wrap {margin-right: 6.66667%;}      
   
/* Soft embossed  */
.soft-embossed .image-wrap {
	-webkit-box-shadow: 0 0 4px #fff inset, 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 -9px 2px rgba(0, 0, 0, 0.2) inset, 0 -12px 2px rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 0 0 4px #fff inset, 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 -9px 2px rgba(0, 0, 0, 0.2) inset, 0 -12px 2px rgba(255, 255, 255, 0.3) inset;
	box-shadow: 0 0 4px #fff inset, 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 -9px 2px rgba(0, 0, 0, 0.2) inset, 0 -12px 2px rgba(255, 255, 255, 0.3) inset;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/* Circle  */
.circle .image-wrap {
	-webkit-border-radius: 100em;
	-moz-border-radius: 100em;
	border-radius: 100em;
}

/* Reflection  */
.reflection .image-wrap {
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.1), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 0 1px rgba(0,0,0,.1), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.1);
	box-shadow: inset 0 0 1px rgba(0,0,0,.1), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.1);
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.reflection .image-wrap:after {
	position: absolute;
	content: ' ';
	width: 100%;
	height: 30px;
	bottom: -31px;
	left: 0;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background: -moz-linear-gradient(top, rgba(0,0,0,.1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.1)), color-stop(100%,rgba(255,255,255,0)));
	background: linear-gradient(top, rgba(0,0,0,.1) 0%,rgba(255,255,255,0) 100%);
}
.reflection .image-wrap:hover {
	position: relative;
	top: -8px;
}

/* Glossy + Reflection  */
.glossy-reflection {
	background: #000;
	padding: 20px 40px 50px;
	color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.glossy-reflection .image-wrap {
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.6);
	-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.6);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.6);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.glossy-reflection .image-wrap:before {
	position: absolute;
	content: ' ';
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,.1)));
	background: linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,.1) 100%);
}
.glossy-reflection .image-wrap:after {
	position: absolute;
	content: ' ';
	width: 100%;
	height: 30px;
	bottom: -31px;
	left: 0;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background: -moz-linear-gradient(top, rgba(230,230,230,.3) 0%, rgba(230,230,230,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,230,230,.3)), color-stop(100%,rgba(230,230,230,0)));
	background: linear-gradient(top, rgba(230,230,230,.3) 0%,rgba(230,230,230,0) 100%);
}

/* Tape  */
.tape .image-wrap {
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.7), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 0 2px rgba(0,0,0,.7), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4);
	box-shadow: inset 0 0 2px rgba(0,0,0,.3), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.1);
}
.tape .image-wrap:after {
	position: absolute;
	content: ' ';
	width: 60px;
	height: 25px;
	top: -10px;
	left: 50%;
	margin-left: -30px;
	border: solid 1px rgba(137,130,48,.2);
	background: -moz-linear-gradient(top, rgba(254,243,127,.6) 0%, rgba(240,224,54,.6) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,243,127,.6)), color-stop(100%,rgba(240,224,54,.6)));
	background: linear-gradient(top, rgba(254,243,127,.6) 0%,rgba(240,224,54,.6) 100%);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.2);
}   
/* Photo  */
.card .image-wrap {
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.4);
	box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.4);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

/* ==|== primary styles =====================================================
   Author: Cristian Gogoneata
   ========================================================================== */

.container{max-width:960px;	margin:0 auto;}
.container.page header.main-title{}
.content { margin-bottom:40px; float:left; width:100%;}
.content p:first-child { margin:0px; padding:0;}

/* Header  */
header#main {border-top: 8px solid #EEEEEE;}
.header-meta {float:left; width:100%;}

/* Header titles  */

header.main-title {padding-bottom:20px;float:left;width:100%;}
header.main-title h3 {margin:0px;float:left;font-size:1.4em;}
header.main-title .area-more {
	border-left: 1px solid #EEEEEE;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-left: 20px;
    padding-left: 20px;
}

/* Logo  */
header#main .logo {padding:45px 0 0 0;display:block;position:relative;float:left; width:20%}
header#main .logo img{display: block;}
header#main .logo h1 a{color:#CCC;}
header#main .logo h1{font-size: 50px;font-weight: 700;letter-spacing: -5px;margin: 30px 0;}

/* Menu */
header#main nav {z-index:9400;padding:0;float:right;}
header#main nav select { margin:0 auto; display:block; width:50%;}
.menus {float:right; width:80%}

/* Standard Navigation */
nav a.mobile_handle { display: none; }
nav ul { display: block; }
nav ul li { display: inline; position: relative; float: left; list-style: none; }
nav ul a, nav ul a:link, nav ul a:visited { 
	display: block; 
	padding: 0.8em 1.2em 1.55em 1.2em;
	margin: 0; 
	color: #494949;
	font-family: 'OpenSansSemiBold';
	font-size: 14px;
}
nav ul a.selected {color:#40B3DF}	
nav ul a:hover, nav ul a:active { text-decoration: underline; color:#40B3DF }
/* Sub-Nav */
nav ul ul { 
	display: none; 
	position: absolute; 
	left: 8px; 
	width: 150px; 
	border:1px solid #f1f1f1;
	border-top:0;
	background:#fff; 
	-moz-box-shadow:inset 4px 4px 4px rgba(0,0,0,0.05);
	-webkit-box-shadow:inset 4px 4px 4px rgba(0,0,0,0.05);
	box-shadow:4px 4px rgba(0,0,0,0.05);
}
nav ul ul li { display: block; float: none; clear: both; }
nav ul ul a, nav ul ul a:link, nav ul ul a:visited {
	border-top: 1px solid #F1F1F1;
	color: #999999 !important;
	font-size: 12px;
	padding: 0.6em;
	text-align: left;
	text-decoration: none; float:none; 
}
nav ul ul a:hover, nav ul ul a:active { text-decoration: underline; }
nav ul ul li.selected a {color:#40B3DF !important}	

/* Third-Level */
nav ul ul ul { top: 0; left: 150px; }

.top-navigation { float:right; width:100%; margin-bottom:0}
.top-navigation li {float:right;display:inline-block;}
.top-navigation li.home {padding-top:5px;}
.top-navigation .search { float: right; padding-left: 20px; width: 50px;  transition: .3s ease-in-out width; -webkit-transition: .3s ease-in-out width; -moz-transition: .3s ease-in-out width;}
.top-navigation .search:hover, .search.focus { background-position: 0 -20px;}
.top-navigation .search input { background: transparent; border: none; outline: none; font-family: Helvetica, Arial, sans-serif; margin:6px 0 0; font-style:normal; font-size:11px; padding:0;}
.top-navigation .search input:focus {  border-bottom: 1px solid #eee; }
.top-navigation .search.focus  { width: 150px; }
  
.top-navigation .home a {
	background:url(../img/house-icn.png) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	width:15px;
	height:13px;
	float:left;
	display:block;
}  

/* Motto area */

.homepage .motto-area { margin:-1px 0 40px 0;}

.motto-area {padding:0; text-align:center; margin:0 0 15px 0; background: url(../img/motto-background.png) center top no-repeat;}
.motto-area h1 {color: #ddd;font-size: 3.2em;margin:0; letter-spacing:-3px; line-height:102px; text-shadow: 1px 1px 0 #FFFFFF;}
.motto-area h3.subtitle {font-family: 'OpenSansLight';margin:0;color:#ccc;font-size:1.2em;}

.page-header-meta .motto-area h1 {
	color: #CCCCCC;
    font-size: 1.8em;
    margin: 0 0 10px;
    text-shadow: 1px 1px 1px #1D1C1F;
}
.page-header-meta .motto-area h3.subtitle {
	font-family: 'OpenSansLight';
	margin:0;
	color:#eee;
	font-size:1.2em;
	text-shadow: 1px 1px 1px #1D1C1F;
}

/* About area */

.about-area {
	padding:0;
	display: block;
    float: left;
    width: 100%;
	margin:0 0 10px 0;
}

.about-area h3.boxed {
	padding:20px 0 20px 0;
	float:left;
	width:100%;
	border-bottom:1px solid #eee;
	border-left: 0;
	margin-bottom:5px;
	margin-top:0;
	font-size:1.4em;
}

.about-area header.main-title {
	padding-bottom:20px;
	padding-top:20px;
	float:left;
	width:100%;
}

.about-area .one_third { padding-bottom:10px;}
.about-area .one_third.last, .about-area .two_third {margin-bottom:0;}

/* Services area */

.innerpage .services-area { margin-bottom:20px;}
.services-area {float:left;width:100%;margin-top:20px;}
.services-area header {padding-bottom:20px;float:left;width:100%;}
.services-area .services-box {float:left;width:70%;}
.services-area .one_third figure {width:20%;margin-right:10%;text-align:center;min-height:70px;float:left;}
.services-area .one_third figure img{
	-webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
	margin-top:8px;
}
.services-area .one_third figure img:hover{margin-top: 2px;}
.services-area .one_third .services-box p{margin:0;}
.services-area .one_third .services-box em{ color:#999; font-size:12px;}
.services-area .one_fifth {margin-right: 4%;}

.services-area .one_third {
	background: #F9F9F9;
    border-bottom: 8px solid #eee;
    float: left;
    padding: 2%;
    width: 27%;
	
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	
	border: 1px solid #FFFFFF;
    box-shadow: 0 0 0 1px #EEEEEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.services-area .one_third:hover {
	box-shadow:0px 0px 30px rgba(100,100,100,0.2);
	-moz-box-shadow:0px 0px 30px rgba(100,100,100,0.2);
	-webkit-box-shadow:0px 0px 30px rgba(100,100,100,0.2)
}

/* Features area  */

.features-area {float: left;margin:0;width: 100%;padding-bottom:0px;}
.features-area figure{float:left;}
.features-area .features-box{float:right; width:88%;}

/* Portfolio area */

.page .portfolio-area { padding:0;} 
.page .portfolio-area.classic { padding:35px 0 0 0;}
.page .portfolio-area.classic .sidebar { margin-top:0;} 

.homepage .portfolio-area { padding-top:30px;}
.portfolio-area {padding:40px 0;display: block;float: left;width: 100%;}
.portfolio-area-images { float:left; width:100%;}
.portfolio-area-content {float:left;width:71.875%;}

.portfolio-area-project-meta { 
	float:right;
	width:20.83%;
	margin-top:30px;
	border: 1px solid #fff;
	box-shadow: 0 0 0 1px #eee;  
	background:#f9f9f9;
    padding:20px 2.08% 0;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	-o-border-radius:3px;
	border-radius:3px;
}

.portfolio-area-project-meta h3{
    float: none;
    font-size: 12px;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.portfolio-area-project-meta article { margin-bottom:20px;}
#portfolio-inner-scroll-pagination {height:10px;text-align:center;padding: 0;margin-top:10px;}

#portfolio-inner-scroll-pagination a {
    background: url("../img/carousel-nav.png") no-repeat scroll -1px -17px transparent;
    cursor: pointer;
    display: inline-block;
    height: 13px;
    margin: 0 1px;
    text-indent: -9999px;
    width: 13px;
}
#portfolio-inner-scroll-pagination a.selected {background-position: -17px -17px;}

.page header.main-title {
	margin-top:20px;
	margin-bottom:20px;
	border-bottom: 1px solid #F1F1F1;
	border-top: 1px solid #F1F1F1;
    padding-bottom: 20px;
	padding-top: 20px;
}
.page header.main-title + p {margin-top:0}
.page header.main-title + p {margin-top:0}

.page .portfolio-area .one_third,
.page .portfolio-area .one_half,
.page .portfolio-area .one_fourth{
	margin-bottom:40px;
}

.portfolio-area .one_third { width:31%;}

.portfolio-area .one_third,
.portfolio-area .full_column,
.portfolio-area .one_fourth,
.portfolio-area .one_half {
	margin-bottom:10px;
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	
	background:#f9f9f9;
	border: 1px solid #FFFFFF;
    box-shadow: 0 0 0 1px #EEEEEE;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-o-border-radius:0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}

.portfolio-area .one_third:hover,
.portfolio-area .full_column:hover,
.portfolio-area .one_fourth:hover,
.portfolio-area .one_half:hover {
	box-shadow:0px 0px 30px rgba(100,100,100,0.2);
	-moz-box-shadow:0px 0px 30px rgba(100,100,100,0.2);
	-webkit-box-shadow:0px 0px 30px rgba(100,100,100,0.2);
}

.portfolio-area .portfolio-box {
	padding: 4.6%; 
	float:left; 
	width:90%;
}
.portfolio-area .portfolio-box p {margin:0; color:#444;}
.portfolio-area .portfolio-box em {color:#999; font-size:11px;}
.portfolio-area a.website {
	float:right;
	display:block;
	margin-top:-20px;
	background:url(../img/link-icn.png) left top no-repeat;
	width:37px;
	height:37px;
	text-indent:-9999px
}

.portfolio-area .one_fourth { overflow:hidden; width:22.4%;}
.portfolio-area.filterable .one_fourth { margin-right: 2.7%;}
.portfolio-area .one_half { overflow:hidden; width:48.2%}

.portfolio-area.filterable .one_half { margin-right:1%; margin-left:1%; width:46.9%;}
.portfolio-area.filterable .one_third { margin-right:1%; margin-left:1%; width:30.3%;}
.portfolio-area.filterable .one_fourth { margin-right:1%; margin-left:1%; width:21.9%;}
.portfolio-area.filterable .holder-2col .one_half { margin-right:1%; margin-left:1%; width:46.9% !important;}
.portfolio-area .two_third .one_half { overflow:hidden; width:48.59%}
.portfolio-area.filterable .full_column {width:98%; margin-right:1%; margin-left:1%;}

@media screen and (-webkit-min-device-pixel-ratio:0){
.portfolio-area.filterable, .blog-masonry { padding-left:1%; width:99%;}
.portfolio-area.filterable .one_half { margin-right:0; margin-left:0;}
.portfolio-area.filterable .one_third { margin-right:0; margin-left:0;}
.portfolio-area.filterable .one_fourth { margin-right:0; margin-left:0;}
.portfolio-area.filterable .holder-2col .one_half {margin-right:0; margin-left:0;}
.blog-masonry article {margin-right:0 !important; margin-left:0 !important;}
}

.portfolio-area .holder-2col { float:left; width: 65.33%; margin-top:15px;}
.portfolio-area .holder-2col .one_half { float:left; width:300px !important;}
.portfolio-area .holder-2col .one_half figure { max-width:300px;}

.portfolio-area figure.hover-effect,
figure.lightbox.hover-effect,
.gallery-photos-holder ul li {background:#fff url(../img/plus.png) center center no-repeat;}

.portfolio-area figure.hover-effect.video,
figure.lightbox.video.hover-effect {background:#fff url(../img/video.png) center center no-repeat;}

figure.lightbox {width:100%;height:100%;}
.portfolio-area figure {
   width: 100%;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}

.portfolio-area .one_half figure {max-width: 466px;}
.portfolio-area .one_fourth figure {max-width: 220px;}
.portfolio-area .two_third .one_half figure {max-width: 300px;}
.portfolio-area .full_column { float:left; width:100%; margin-bottom:30px;}
.portfolio-area .full_column figure.main-image {max-width: 960px;}
.portfolio-area .two_third figure.main-image {max-width: 627px;}
.portfolio-area .two_third .one_half { width:47.9%;}
.full-width-inner { float:left; width:100%; margin-bottom:30px;}

.gallery-photos-holder { margin-top:40px;}
.gallery-photos-holder ul { list-style:none; margin:0; padding:0;}
.gallery-photos-holder ul li {
   margin-left: 1%;
   margin-right: 1%;
   margin-bottom:20px;
   width: 31.3%;
   float:left;
   -webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-o-transition:all 200ms linear;
}
.gallery-photos-holder ul li:hover {
	box-shadow:0px 0px 30px rgba(100,100,100,0.2);
	-moz-box-shadow:0px 0px 30px rgba(100,100,100,0.2);
	-webkit-box-shadow:0px 0px 30px rgba(100,100,100,0.2);
	cursor:pointer;
}

/* Portfolio Nav */

#portfolio-inner-scroll { list-style:none; margin:0; padding:0;}
#portfolio-inner-scroll li{ float:left; display:block; height: auto;}

/* Testimonials page */
blockquote.testimonials { margin-bottom:15px; border-left:5px solid #eee;}   
figure.person { float:left; margin-right:20px;}
.testimonials-meta { float:left; line-height:60px; margin:0;}      

/* Footer area */

.footer-module-top {
	float:left;
	width:100%;
	background: url(../img/footer-module-top.png) center top no-repeat;
	padding-top:35px;
}

.footer-module-bottom {
	float:left;
	width:100%;
	background: url(../img/footer-module-bottom.png) center bottom no-repeat;
	padding-bottom:35px;
}

.footer-module-middle {
	float:left;
	width:100%;
	background: url(../img/footer-module-middle.png) center top repeat-y;
}

.footer-module-middle .one_third {margin-bottom:0;font-size:12px;}
.footer-module-middle .one_third h3 {font-size: 12px;margin: 0 0 15px 0;text-transform: uppercase;letter-spacing: 0;}

.footer-extra {font-size: 12px;padding: 10px 0;width: 100%;float: left;}
.footer-extra .one_third, .footer-extra .two_third{ margin-bottom:0;}

.footer {padding:0;background:#EBEBEB;color:#727272;float:left;width:100%;}
.footer .block { margin:0}
section#footer-copyright {padding:20px;font-size:0.75em;}

.footer .toggle-features {
	font-size: 12px;
    letter-spacing: 0;
    margin: 0;
	margin-bottom:30px;
    text-transform: uppercase;
	color: #444444;
    font-family: 'OpenSansBold';
}
.toggle-features-holder {
	background:url(../img/features-area-closed.png) left top repeat-x;
	text-align:center;
	line-height:51px;
}
.footer .features-area { display:none;}
.footer .features-area .two_third .one_third { margin-right: 2.8125%;}

/* Tweet widget */

.tweet_list {list-style: none;margin: 0;padding: 0;overflow-y: hidden;}
.tweet_list li {overflow-y: auto;overflow-x: hidden;padding: 0.5em;list-style-type: none;margin-bottom:10px;}

#paging .controls .prev {
	border-radius: 3px 0 0 3px;
    box-shadow: 0 1px #FFFFFF inset;
	background: #f1f1f1;
	border: 1px solid #ccc;
	padding-bottom:2px;
}
#paging .controls .next {
	border-radius: 0px 3px 3px 0px;
    box-shadow: 0 1px #FFFFFF inset;
	background: #f1f1f1;
	border: 1px solid #ccc;
	padding-bottom:2px;
}

.tweet_list li span.tweet_time { float:left; width:100%;color: #999999;font-size: 11px;}
.tweet_list li span.tweet_time a {color: #999999;font-size: 11px; font-style:italic}
.tweet_list .tweet_avatar {padding-right: .5em; float: left;}
.tweet_list .tweet_avatar img {vertical-align: middle;padding:3px;border:1px solid #f1f1f1;}

/* Blog */

.blog-holder, .blog-full-width { float:left; width:100%; padding-top:30px;}
.blog-full-width { margin-bottom:30px;}

.inner-post-nav {
	list-style:none;
	margin:30px 0 0 0;
	padding:10px 2%;
	background:#f9f9f9;
	border: 1px solid #FFFFFF;
    box-shadow: 0 0 0 1px #EEEEEE;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	-o-border-radius:3px;
	border-radius:3px;
	width:96%;
	float:left;
}
.inner-post-nav li { float:left;}
.inner-post-nav li.next-post { float:right;}
      
/* Classic with sidebar */   

.blog-classic-sidebar { margin-top:10px;}
 .blog-classic-sidebar article {
	float:left;
	width:100%;
	margin-bottom:30px;
	border-bottom:1px solid #F1F1F1;
}
.blog-classic-sidebar figure{
	width:32%;
	float:left;
	overflow:hidden;
} 
.blog-classic-sidebar figure img{ width:100% !important;}
.blog-classic-sidebar.single figure{float:left;margin:20px 20px 0 0;}
.blog-classic-sidebar.single .post-meta {
	margin:0 0 20px 0;
	float:left;
	width:100%;
	padding-bottom:20px;
	border-bottom:1px solid #eee;
}
.blog-classic-sidebar.single article {padding-bottom:30px;margin-bottom:0;}
.blog-classic-sidebar .content{float: right; width: 64.912%;}
.blog-classic-sidebar.single .content{float: left;width: 100%;margin-bottom:0;}  
.blog-classic-sidebar .post-meta.top {margin-top:0;padding-top:0;border:0;}
.blog-classic-sidebar article h4 { margin-top:0}
.blog-classic-sidebar article h4 a{font-size:1.8em;letter-spacing:-1px;line-height:1.2em;color:#444;}

/* Blog Full width */ 
.blog-full-width article h4 { margin-top:0}
.blog-full-width article {float:left;width:100%;margin-bottom:30px;border-bottom:1px solid #F1F1F1;}
.blog-full-width figure.styled {width:20%;float:right;overflow:hidden;}
.blog-full-width figure.styled img {width:100% !important;}
.blog-full-width .content{float: left;width: 78%;}
.blog-full-width article h4 a {color: #444444;font-size: 1.8em;letter-spacing: -1px;}

/* Blog Masonry */

.blog-masonry { float:left; width:100%; display:block;}
.blog-masonry article h4 a {color: #444444;font-size: 1.2em;letter-spacing: -1px;}
.blog-masonry article h4 a:hover {color: #40B3DF;}
.blog-masonry article h4 {margin-top:20px;}
.blog-masonry article {
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	
	float:left;
	width:29%;
	padding:20px 1% 10px 1%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:30px;

	background:#f9f9f9;
	border: 1px solid #FFFFFF;
    box-shadow: 0 0 0 1px #EEEEEE;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	
}
.blog-masonry article figure { text-align:center; width: 70%; margin:0 auto; display:block}
.blog-masonry article figure img {width: 100% !important;}

.blog-masonry article:hover {
	box-shadow:0px 0px 30px rgba(100,100,100,0.2);
	-moz-box-shadow:0px 0px 30px rgba(100,100,100,0.2);
	-webkit-box-shadow:0px 0px 30px rgba(100,100,100,0.2);
}
.blog-masonry .post-meta {width:100%; margin:10px 0 0 0; float:left; border-top:1px solid #ddd; padding-top:10px;}
.blog-masonry .content { margin-bottom:0;}
.blog-masonry .post-meta ul li.comments { float:right; margin-right:0;}
.masonry-navigation {float:left;width:100%;}

.masonry-navigation ul { list-style:none; margin:0; padding:0;}
.masonry-navigation {margin:10px 0 20px 1%;}
.masonry-navigation .domain { width:80px;}

.masonry-navigation ul{overflow: hidden;width: 100%;list-style:none;padding:0;margin:20px 0;}
.masonry-navigation ul li{float: left;margin: 0 3em 0 0;display:inline-block; font-family: 'OpenSansSemiBold';
  font-size: 14px;}
.masonry-navigation ul li.domain {padding-top:0.6em}

.masonry-navigation ul a{
  font-family: 'OpenSansSemiBold';
  font-size: 13px;
  padding: .4em .4em .4em 1.4em;
  float: left;
  text-decoration: none;
  color: #999;
  background: #f1f1f1;  
  position: relative;
  z-index: 1;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);  
  -moz-border-radius: .2em 0 0 .2em;
  -webkit-border-radius: .2em 0 0 .2em;
  border-radius: .2em 0 0 .2em;  
}

.masonry-navigation ul a:hover,
.masonry-navigation ul a.selected{
  background: #40B3DF;
  color:#fff;
  text-shadow: none;
}

.masonry-navigation ul a::after{
  background: #f1f1f1;
  content: "";
  height: 2.5em;
  margin-top: -1.25em;
  position: absolute;
  right: -1em;
  top: 50%;
  width: 2.5em;
  z-index: -1;  
  -webkit-transform: rotate(45deg); 
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg); 
  transform: rotate(45deg);
  -moz-border-radius: .2em;
  -webkit-border-radius: .2em;
  border-radius: .2em;
}

.masonry-navigation ul a:hover::after, 
.masonry-navigation ul a.selected::after{
  background: #40B3DF;
  color:#fff;
}

.masonry-navigation ul .current,
.masonry-navigation ul .current:hover{
  font-weight: bold;
  background: none;
}

.masonry-navigation ul .current::after{content: normal;}
.masonry-navigation ul a.current{padding-left:0;}

.blog-2-sidebars h4 a {color: #444444;font-size: 1.8em;letter-spacing: -1px;line-height: 1.2em;}
.blog-2-sidebars figure.styled { text-align:center; width: 65%; margin:0 auto; display:block}
.blog-2-sidebars figure.styled img{width: 100% !important;}
.blog-2-sidebars article { margin-bottom:30px; float:left;}

/* Blog inner page */

.page.blog-inner { margin-top:35px;}
.page.blog-inner .blog-classic-sidebar,
.page.blog-inner .sidebar { margin-top:0px;}

/* Not found page */

.not-found-page { margin-bottom:30px;}
.not-found-page input{ width:200px; margin-right:20px;}

/* Team page */
   
.team-box {text-align:center;}

/* Page header meta */

.page-header-meta {
	max-width:1200px;
	text-align:center;
	margin:0 auto;
	position:relative;
	background:#eee;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.page-header-meta img {text-align:center;}

/* Blog general area */

.blog .post-meta {background: url(../img/line.gif) left top repeat-x;padding:10px 20px;position:relative;}
.blog .post-meta ul { margin:0; padding:0; list-style-type: none}

/* Blog all - post meta */

.post-meta ul {margin:0; list-style:none; padding:0;}
.post-meta ul li { display:inline-block; float:left; font-size:11px;color: #666; margin-right:20px; padding-left:25px;}
.post-meta ul li a {font-size: 11px;}
.post-meta ul li.user {	background:url(../img/blog-user-icn.png) left center no-repeat;}
.post-meta ul li.date {	background: url(../img/blog-date-icn.png) left center no-repeat;}
.post-meta ul li.comments {	background: url(../img/blog-comment-icn.png) left center no-repeat;} 
.post-meta ul li.category {	background: url(../img/blog-category-icn.png) left center no-repeat;}
.post-meta ul li.tag {background: url(../img/blog-tag-icn.png) left center no-repeat;}

.blog header {position:relative;}
.blog article header.box-headline h4 {margin-bottom:0;}
.blog article figure { margin-bottom:0px;}

.blog article ul.blog-gallery {margin:0;padding:0;list-style-type:none;}
.blog article ul.blog-gallery li {float:left;display:block;width:100%;}

.blog header a.comments{ 
    height: 53px;
    position: absolute;
    right: 0;
    top: 0px;
    width: 100px;
	background:rgba(150, 150, 150, 0.1) url(../img/comment-bubble.png) center center no-repeat;
	overflow:hidden;
	font-size:14px;
	text-align:center;
	padding-top:19px;
}

/* Blog all - Comments and pinglist */

ol.pinglist { padding-left:20px; margin-bottom:0}

ul.commentlist { margin:0; padding:0; list-style-type:none;}
ul.commentlist li.main {padding-top:20px;margin-bottom:10px;float:left;}
ul.commentlist li figure.avatar {width: 9.56938%;height: 60px;float: left;margin-right:3.18979%;margin-top:0;}
ul.commentlist li .comment-content { float:left; width:68.10207%}
ul.commentlist li .comment-content p:first-child { margin:0;}
ul.commentlist li .info-user-meta { float:left; width:15.94896%; margin-right:3.18979%;}

.info-user-meta ul {margin:0;padding:0;list-style-type:none;font-size:12px;}
.info-user-meta ul li{padding:0;line-height:20px;}

/* Headlines */

h1, h2, h3, h4, h5, h6 {color:#444; font-family: 'OpenSansBold';}

h1 {margin:30px 0 12px;	font-size:1.6em; letter-spacing:-1px;}
h2 {margin: 40px 0 20px;font-size:1.5em; letter-spacing:-1px;}
h3 {margin: 40px 0 20px;font-size:1.4em; letter-spacing:-1px;}
h4 {margin: 35px 0 15px;font-size:1.2em; letter-spacing:-.5px;}
h5 {margin: 32px 0 12px;font-size:1.1em; letter-spacing:-.5px;}
h6 {margin: 30px 0 10px;font-size:1em; letter-spacing:-.5px;}

.features-box p { margin:0;}
.features-box p strong { margin:0; color:#444; text-shadow: 1px 1px 0 #FFFFFF;}

.sidebar {
	
	background:#f9f9f9;
    padding: 20px 2.625%;
	width: 26%!important;
	float:right !important;
	margin-top:15px;
	
	border: 1px solid #FFFFFF;
    box-shadow: 0 0 0 1px #EEEEEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-o-transition:all 200ms linear; 
}
.sidebar.left { float:left !important;}

.sidebar:hover {
	box-shadow:0px 0px 30px rgba(100,100,100,0.2);
	-moz-box-shadow:0px 0px 30px rgba(100,100,100,0.2);
	-webkit-box-shadow:0px 0px 30px rgba(100,100,100,0.2)
}

/* Page pagination */
.page-pagination ul {list-style-type:none;margin:0;padding:0;}
.page-pagination ul li{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display:inline-block;
	margin:5px;
	padding:3px 15px 3px 15px;
	border:1px solid #eee;
	background:#fff;
}
.page-pagination ul li.no-style {background:none;border:0;border-radius:none;margin-left:0;padding-left:0;}

/* Columns */
.columns{width:100%; float:left; margin-bottom:1.25em}
.one_half{width:48%}
.one_third{width:31.25%}
.two_third{width:65.33%}
.one_fourth{width:22.8%}
.three_fourth{width:74%}
.one_fifth{width:16.8%}
.one_sixth{width:13.33%}
.two_fifth{width:37.6%}
.three_fifth{width:58.4%}
.four_fifth{width:67.2%}
.five_sixth{width:82.67%}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{
	position:relative;
	margin-right:2.8125%;
	float:left;
	margin-bottom:2.25em;
}

.last{margin-right:0 !important; clear:right}

/* Tour page */

#tab-box {
	position:relative;
	width:100%;
	background:#fff;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #CDCCCC;
    float:left;
    behavior: url('css/PIE.htc'); /* CSS3 Support for IE */
	margin:35px 0;
}

#tab-box:before, #tab-box:after {content:"";position:absolute;z-index:-2;}
#tab-box:before {
    top:50%;
    bottom:0;
    left:30px;
    right:30px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
    box-shadow:0 0 15px rgba(0,0,0,0.4);
     -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
    behavior: url('css/PIE.htc'); /* CSS3 Support for IE */
}

#tab-box .tab-content {padding:0 20px;}

/* Tour nav */

#nav {width:100%;height:70px;overflow:hidden;display:none;}
#nav ul {list-style:none;padding:0;	margin:0;}
#nav ul li {
	float:left;
	width:33.125%;
	height:66px;
	line-height:66px;
	border-width:1px;
	border-style:solid;
	border-top-color:#FFF;
	border-right-color:#CDCCCC;
	border-bottom-color:#CDCCCC;
	border-left-color:#FFF;
}

#nav ul li a {
	display:block;
	color:#7c7c7c;
	text-shadow: 0px 1px 1px #ffffff;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background: #EAEAEA;
	background: -moz-linear-gradient(top, #F7F7F7 0%, #EAEAEA 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#EAEAEA));
	behavior: url('css/PIE.htc'); /* CSS3 Support for IE */
}

#nav ul li:first-child {
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	behavior: url('css/PIE.htc'); /* CSS3 Support for IE */
}

#nav ul li:last-child {
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	border-right:none;
	behavior: url('css/PIE.htc'); /* CSS3 Support for IE */
}

#nav ul li a:hover {
	background: #E3E3E3;
	background: -moz-linear-gradient(top, #F1F1F1 0%, #E3E3E3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(100%,#E3E3E3));
	behavior: url('css/PIE.htc'); /* CSS3 Support for IE */
}

#nav ul li.active {border-bottom-color:#FFF;}
#nav ul li.active a {background:#FFF;color:#686868;}

/* Pricing tables */
/* White */
.pricing_table {padding: 0 0 40px;}
.white_table table {width: 100%;background: #f1f1f1;}
.w_table_l_grey{background-color:#e1e1e1}
.w_table_d_grey{background-color:#f1f1f1}

.white_table table th {
	border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
    border-top: 1px solid #D5D5D5;
    color: #2F2F2F;
    font-size: 30px;
    height: 115px;}
	
.white_table table th span {color: #23B0F1;font-size: 24px;}	
.white_table table tr {height: 30px;text-align: center;}	
.white_table table .grey {background-color:#e9e9e9;}	
.white_table table tr td {border-left: 1px solid #D5D5D5;border-right: 1px solid #D5D5D5;font-weight: bold;}
.white_table table .btn td {
	border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;}
	
.white_table table tr .border_blue {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	background: #ededed;}
	
.white_table table tr th.border_blue {
	border-left: 1px solid #d7d7d7;
	border-top: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;}

.white_table table tr .border_blue_bottom {
	border-bottom: 1px solid #d7d7d7;}
.white_table table tfoot td.border_blue{
	border-bottom: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
}
	
.white_table .pricing_btn {border-bottom: 1px solid #D5D5D5;height: 80px !important;text-align:center;}
.pricing_btn .the_button{float: none;margin-top: 0;}
	
.white_table .pricing_btn .pricing_btn_orbed {
    clear: both;
    display: block;
    float: left;
    height: 44px;
    margin: 0 0 0 52px;
    padding-left: 13px;}
	
.white_table .pricing_btn .pricing_btn_orbed span {
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 24px;
    height: 44px;
    line-height: 45px;
    min-width: 100px;
    padding: 0 10px 0 0;}

/* Black */	
.black_table {margin: 40px 0 0;}
.black_table .the_button{border:#1b1b1b solid 1px !important;}
.black_table table {width: 100%;background-color: #484848}	
.d_table_l_grey{background-color:#303030}
.d_table_d_grey{background-color:#3a3a3a}
.black_table table th {
	border-left: 1px solid #252525;
    border-right: 1px solid #252525;
    color: #999;
    font-size: 30px;
    height: 115px;}
	
.black_table table th span {color: #a9a9a9;font-size: 24px;}
.black_table table tr {height: 30px;text-align: center;}
.black_table table .grey {background-color:#3a3a3a;}
.black_table table tr td {
	border-left: 1px solid #252525;
    border-right: 1px solid #252525;
    color: #FFFFFF;
    font-weight: bold;}

.black_table .pricing_btn {height: 80px !important;}
	
.pricing_black_btn {
	background: url("images/blue_bl_bg_black.jpg") repeat-x scroll 0 0 transparent;
    border: 1px solid #454545;
    color: #FFFFFF;
    font-size: 24px;
    height: 44px;
    padding: 9px 10px;}	

.pricing_blue_btn {
	background: url("images/blue_bl_bg_blue.jpg") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 24px;
    height: 44px;
    padding: 9px 10px;}	

.the_button {
	border-bottom: 1px solid #9f9f9f;
	border-right: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
	float: left;
	color: #050505;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	height: 33px;
	letter-spacing: -0.7px;
	line-height: 33px;
	margin: 0;
	text-align: center;
	width: auto;
	padding:0 15px;
	position:relative;
	z-index:1002;
	
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	background: #dddddd;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#dddddd));
	background: -webkit-linear-gradient(#ffffff, #dddddd);
	background: -moz-linear-gradient(#ffffff, #dddddd);
	background: -ms-linear-gradient(#ffffff, #dddddd);
	background: -o-linear-gradient(#ffffff, #dddddd);
	background: linear-gradient(#ffffff, #dddddd);
	-pie-background: linear-gradient(#ffffff, #dddddd);	
}
	
.the_button:hover, .the_button.active {
	color: #ffffff;	
	border-bottom: 1px solid #9f9f9f;
	border-right: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
	
	background: #2e2e2e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2e2e2e), to(#2e2e2e));
	background: -webkit-linear-gradient(#2e2e2e, #2e2e2e);
	background: -moz-linear-gradient(#2e2e2e, #2e2e2e);
	background: -ms-linear-gradient(#2e2e2e, #2e2e2e);
	background: -o-linear-gradient(#2e2e2e, #2e2e2e);
	background: linear-gradient(#2e2e2e, #2e2e2e);
	-pie-background: linear-gradient(#2e2e2e, #2e2e2e);  
}

/* Content-boxes */
.content-box.one_half{width:44%}
.content-box.one_third{width:26.8%}
.content-box.two_third{width:61%}
.content-box.one_fourth{width:18.3%}
.content-box.three_fourth{width:69.7%}
.content-box.one_fifth{width:13.1%}
.content-box.one_sixth{width:9.7%}

.content-box {
	border:1px solid rgba(0,0,0,0.08); 
	padding: 0 2.2%;
	-moz-box-shadow:inset 4px 4px 4px rgba(0,0,0,0.05);
	-webkit-box-shadow:inset 4px 4px 4px rgba(0,0,0,0.05);
	box-shadow:4px 4px rgba(0,0,0,0.05);
}

.content-box.white {background:#fff;}
.content-box.red {background:#C90410; color:#fff; text-shadow:none;}
.content-box.red h1, .content-box.red h2, .content-box.red h3, .content-box.red h4, .content-box.red h5, .content-box.red h6 {
	color:#fff;
}
.content-box.red a {color:#fff;}

.content-box.blue {background:#2CA0CA; color:#fff; text-shadow:none;}
.content-box.blue h1, .content-box.blue h2, .content-box.blue h3, .content-box.blue h4, .content-box.blue h5, .content-box.blue h6 {
	color:#fff;
}
.content-box.blue a {color:#fff;}

.content-box.black {background:#666666; color:#fff; text-shadow:none;}
.content-box.black h1, .content-box.black h2, .content-box.black h3, .content-box.black h4, .content-box.black h5, .content-box.black h6 {
	color:#fff;
}
.content-box.black a {color:#ccc;}

.content-box.green {background:#7DB72F; color:#fff; text-shadow:none;}
.content-box.green h1, .content-box.green h2, .content-box.green h3, .content-box.green h4, .content-box.green h5, .content-box.green h6 {
	color:#fff;
}
.content-box.green a {color:#fff;}

.content-box.orange {background:#FAA51A; color:#fff; text-shadow:none;}
.content-box.orange h1, .content-box.orange h2, .content-box.orange h3, .content-box.redorangeh4, .content-box.orange h5, .content-box.orange h6 {
	color:#fff;
}
.content-box.orange a {color:#fff;}
.content-box.pink {background:#FEB1D3; color:#fff; text-shadow:none;}
.content-box.pink a {color:#fff;}


/* Lists */
ul.list-style-link,ul.list-style-mail, ul.list-style-alert, ul.list-style-tag, ul.list-style-locked, ul.list-style-denied, ul.list-style-option,ul.list-style-comment,ul.list-style-sound,ul.list-style-user,ul.list-style-bended-arrow,ul.list-style-clock,ul.list-style-paperclip,ul.list-style-download{
	margin:0;
	padding:0;
	list-style-type:none;
	color:#999;
}

ul.list-style-link li {background:url(../img/lists-icn/link.png) left 12px no-repeat;padding:8px 0 8px 30px;}
ul.list-style-mail li {background:url(../img/lists-icn/email.png) left 14px no-repeat;padding:8px 0 8px 30px;}
ul.list-style-alert li {background:url(../img/lists-icn/alert.png) left 13px no-repeat;padding:8px 0 8px 30px;}
ul.list-style-tag li {background:url(../img/lists-icn/tag.png) left 13px no-repeat;padding:8px 0 8px 30px;}
ul.list-style-locked li {background:url(../img/lists-icn/lock.png) left 12px no-repeat;padding:8px 0 8px 30px;}
ul.list-style-denied li {background:url(../img/lists-icn/denied.png) left 12px no-repeat;padding:8px 0 8px 30px;}
ul.list-style-option li {background:url(../img/lists-icn/option.png) left 12px no-repeat;padding:8px 0 8px 30px;}
ul.list-style-comment li {background:url(../img/lists-icn/comment.png) left 14px no-repeat;padding:8px 0 8px 30px;}
ul.list-style-sound li {background:url(../img/lists-icn/sound.png) left 14px no-repeat;padding:8px 0 8px 30px;}
ul.list-style-user li {background:url(../img/lists-icn/user.png) left 14px no-repeat;padding:8px 0 8px 30px;}
ul.list-style-bended-arrow li {background:url(../img/lists-icn/bended-arrow.png) left 14px no-repeat;padding:8px 0 8px 30px;}
ul.list-style-clock li {background:url(../img/lists-icn/clock.png) left 14px no-repeat;padding:8px 0 8px 30px;}
ul.list-style-paperclip li {background:url(../img/lists-icn/paperclip.png) left 14px no-repeat;padding:8px 0 8px 30px;}
ul.list-style-download li {background:url(../img/lists-icn/download.png) left 14px no-repeat;padding:8px 0 8px 30px;}

/* Widgets */
.widget ul { margin:0 0 ; padding:0; list-style-type:none}
.widget ul ul{ margin:0 0 ; padding:0 0 0 40px; list-style-type:none}
.widget ul li {padding:2px 0;}

.widget h3.main-title { 
	float: none;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: uppercase;
	margin-top:0;
	margin-bottom:0;
}

.widget.project-meta article header h4 { margin:15px 0 0 0;}

.sidebar .widget {
	margin-bottom:20px;
	padding-bottom:20px;
	font-size:12px;
	border-bottom: 1px solid #eee;
    box-shadow: 0 1px 2px -2px #fff;
}

.sidebar .widget:last-child { margin-bottom:0; padding-bottom:0; border:0; box-shadow:none;}

.widget .view-all { text-align:center;width:100%; display:block;}

/* Widgets - Category - Archives */
.widget ul.category-list span, 
.widget ul.archives span { text-align:right; font-style:italic; color:#999; float:right;}

/* Widgets - Services */
.widget ul.widget-services { margin-top:10px;}
.widget ul.widget-services li { float:left; width:100%;}
.widget ul.widget-services figure {
	float:left;
	margin-right: 20px;
    min-height: 80px;
    text-align: center;
    width: 60px;
}

/* Widgets - Team */
.widget ul.widget-team { margin-top:10px;}
.widget ul.widget-team li { float:left; width:100%;}
.widget ul.widget-team figure {
	float:left;
	margin-right: 20px;
    text-align: center;
	min-height: 80px;
    width: 60px;
}
.widget ul.widget-team .team-box { text-align:left;}

/* Widgets - blockquote */
.widget blockquote {margin:0;padding:0;border:0;}
.widget blockquote:before{border:0;content:none;}
.widget blockquote p {display:block;}
.widget blockquote + p{
	margin:0;
	border-top: 1px solid #eee;
	padding-top:10px;
	display:block;
	color: #999999;
}
.widget blockquote + p cite{ font-style:normal;}

/* Widgets - Calendar */
.widget #calendar_wrap #wp-calendar{ width:100%; margin-top:10px;}
.widget #calendar_wrap #wp-calendar caption { font-style:italic; color:#ccc; margin-bottom:10px;}

/* Widgets - Recent comments */
.widget ol.recent-comments {margin-bottom: 0;padding-left: 20px;}

ul.blog-widget,
ul.contact-widget,
ul.follow-widget,
ul.twitter-widget {
	margin:0;
	padding:0;
	list-style-type:none;
}

.widget ul li img {margin-right: 10px;}

/* Widgets - Contact widget (footer) */

ul.contact-widget { float:right; font-family: 'OpenSansSemiBold';}
p.copy-name {font-family: 'OpenSansSemiBold';}

ul.contact-widget li {padding:12px 0px 12px 28px;display:inline-block;float:left;margin-left:20px;}
ul.contact-widget li.address {background: url(../img/contact-icn/address.png) left 15px no-repeat;}
ul.contact-widget li.phone {background: url(../img/contact-icn/phone.png) left 18px no-repeat;}
ul.contact-widget li.fax {background: url(../img/contact-icn/fax.png) left 18px no-repeat;}
ul.contact-widget li.email {background: url(../img/contact-icn/email.png) left 18px no-repeat;}
ul.contact-widget li.vcard {background: url(../img/contact-icn/vcard.png) left 18px no-repeat;}

/* Widgets - Follow us */

ul.follow-widget { margin-top:10px;}
ul.follow-widget li {padding:0;border:none;}
ul.follow-widget li a {
	float:left;
	width:31px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	margin-right:9px;
}

ul.follow-widget li.twitter a {background: url(../img/follow-icn/twitter.png) left top no-repeat}
ul.follow-widget li.linkedin a {background: url(../img/follow-icn/linkedin.png) left top no-repeat}
ul.follow-widget li.facebook a {background: url(../img/follow-icn/facebook.png) left top no-repeat}
ul.follow-widget li.tumblr a {background: url(../img/follow-icn/tumblr.png) left top no-repeat}
ul.follow-widget li.flickr a {background: url(../img/follow-icn/flickr.png) left top no-repeat}

.widget p { margin-top:0; margin-bottom:0;}
.widget p.blog-date {color: #999999;font-size: 11px;font-style: italic;}

/* Widgets - Latest posts */

.widget .latest-post{ margin-bottom: 20px; float:left;}
.widget .latest-post li { margin-bottom:15px; float:left; width:100%;}
.widget .latest-post li figure { width:26.66667%; margin-right: 6.66667%;}
.widget .latest-post figure, .widget .popular-post figure {float:left;}
.widget .latest-popular-post-meta {float:left;width:66.66667%;}

.widget .text-area { margin-bottom:15px;}

/* Blog widget general */
.widget .content ul.blog-widget li .content-meta {display:inline;}
.widget .content ul.blog-widget li p{margin:0;}

/* Twitter widget */
.widget ul.twitter-widget .date,
.widget ul.blog-widget .date,
#thumbs article p.date {font-size:0.75em;color:#999;}

.widget ul.twitter-widget li {margin-bottom:10px; margin-top:10px;}
.widget ul.twitter-widget li:last-child {margin-bottom:0px;}
.widget ul.twitter-widget li:first-child {margin-top:0px; border:0;}
.widget ul.twitter-widget p { margin:0;}   

/* Tag cloud widget */
.widget ul.tagcloud li {
	margin:5px;
	padding:3px 7px 3px 7px;
	border:1px solid #eee;
	background:#fff;
	display:inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.widget ul.tagcloud li a span { color:#999}

/* Contact form  */

#contact-form {position:relative;display:block; width:100%; margin-bottom:30px;}
#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
	margin-bottom:20px;
	width:98%;
}

#contact-form select {width:100%;}
#contact-form label {margin-bottom:2px;}

#contact-form #submit-button:active,
#contact-form #submit-button:focus {border:0;}

input, 
select, 
textarea {
	width:92%;
	background:#fff;
	border:1px solid #ccc;
	background:url(../img/input-background.png) left top repeat-x;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px; 

	margin-bottom:20px;
	padding:10px;
}

input:focus, 
select:focus, 
textarea:focus {
	border: 1px solid #bbb;
	background-color: #f9f9f9;
}

textarea {height:150px;resize: none;}
label {display:block;}

.required {font-weight:bold;color:#F00;}

#contact-form #loading {
	width:32px;
	height:32px;
	background-image:url(../img/loading.gif);
	display:block;
	position:absolute;
	right:130px;
	bottom:16px;
	display:none;
}

#contact-form #errors {
	border:solid 1px #E58E8E;
	padding:20px;
	margin:20px 0px;
	background:#FFE6E6;
	display:none;
	float:left;
	width:920px;
}

#contact-form #success {
	padding:20px;
	margin:20px 0px;
	background-image: none;
	display:none;
	float:left;
	width:920px;
	border-radius:0;
}

#errors li {padding:2px;list-style:none;}
#errors li:before {content: ' - ';}
#errors #info {font-weight:bold;}
#errors #info:before {content: '';}

#success {
	border:solid 1px #83D186;
	padding:25px 70px;
	margin:25px 0px;
	display:block;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#D3EDD3 url(../img/accepted_48.png) no-repeat 15px center;
	font-weight:bold;
	display:none;
}

#errors.visible, #success.visible {display:block;}
#req-field-desc {font-style:italic;}

/* Normalize placeholder styles */
/* chrome, safari */
::-webkit-input-placeholder {color:#CCC;font-style:italic;}
/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {color:#CCC;font-style:italic;}
/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  {color:#CCC;font-style:italic;}

/* Tabs shortcode */

.tabs-horizontal {position: relative;width: 100%;}
.tabs-horizontal input {
	position: absolute;
	z-index: 1000;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
}

.tabs-horizontal label {
	background: #40b3df;
	background: -moz-linear-gradient(top, #40b3df 0%, #1991bf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40b3df), color-stop(100%,#1991bf));
	background: -webkit-linear-gradient(top, #40b3df 0%,#1991bf 100%);
	background: -o-linear-gradient(top, #40b3df 0%,#1991bf 100%);
	background: -ms-linear-gradient(top, #40b3df 0%,#1991bf 100%);
	background: linear-gradient(top, #40b3df 0%,#1991bf 100%);
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
    float: left;
	display: block;
	width: auto;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    border-radius: 3px 3px 0 0;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}

.tabs-horizontal label:after {
    content: '';
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	display: block;
}

.tabs-horizontal input:hover + label {background: #1991bf;}
.tabs-horizontal label:first-of-type {z-index: 4;box-shadow: 2px 0 2px rgba(0,0,0,0.1);}
.tabs-horizontal .tab-label-2 {z-index: 3;}
.tabs-horizontal .tab-label-3 {z-index: 2;}
.tabs-horizontal .tab-label-4 {z-index: 1;}
.tabs-horizontal input:checked + label {background: #fff;z-index: 6;}
.tabs-horizontal .clear-shadow {clear: both;}

.tabs-horizontal .content {
    background: #fff;
	position:relative;
    width: 100%;
	height: auto;
	min-height: 330px;
	z-index: 5;
    box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 0 3px 3px 3px;
	margin:0;
}

.tabs-horizontal .content div {
    position: absolute;
	top: 0;
	left: 0;
	padding: 10px 20px;
	z-index: 1;
    opacity: 0;

    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    -ms-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}

.tabs-horizontal input.tab-selector-1:checked ~ .content .content-1,
.tabs-horizontal input.tab-selector-2:checked ~ .content .content-2,
.tabs-horizontal input.tab-selector-3:checked ~ .content .content-3,
.tabs-horizontal input.tab-selector-4:checked ~ .content .content-4 {
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition: opacity ease-out 0.2s 0.1s;
    -moz-transition: opacity ease-out 0.2s 0.1s;
    -o-transition: opacity ease-out 0.2s 0.1s;
    -ms-transition: opacity ease-out 0.2s 0.1s;
    transition: opacity ease-out 0.2s 0.1s;
}

/* Text elements */
/* Dropcap */
.dropcap {
	float: left; 
	color: #999; 
	padding-top: 4px;
	padding-right: 8px; 
	padding-left: 3px;
	font-family: Georgia;
	
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #fafafa 0%, #f7f7f7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fafafa 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fafafa 0%,#f7f7f7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafafa 0%,#f7f7f7 100%); /* IE10+ */
	background: linear-gradient(top,  #fafafa 0%,#f7f7f7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	border-bottom:1px solid rgba(0,0,0,0.1); 
	-webkit-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.05); 
	-moz-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.05); 
	box-shadow:0px 0px 5px 1px rgba(0,0,0,0.05);
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
	
}
.dropcap.small{font-size:2.25em; line-height:1em; padding:10px 15px; margin-right:10px;}
.dropcap.medium{font-size:3.375em; line-height:1em; padding:10px 20px; margin-right:20px;}
.dropcap.large{font-size:4.6875em; line-height:1em; padding:10px 25px; margin-right:20px;}

/* Ampersand */
.amp {
	font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
	font-weight: normal;
	font-size:200%;
    font-style:italic;
}

/* Pullquotes */
.has-pullquote:before {
	padding: 0;
	border: none;
	content: attr(data-pullquote);

	float: right;
	width: 320px;
	margin: 12px 0px 24px 36px;
	padding-left:36px;

	position: relative;
	top: 5px;

	font-size: 1em;
	line-height: 1.875em;
	font-style:italic;
	border-left:5px solid #ccc;
}

.pullquote-left:before {
	float: left;
	margin: 12px 31px 24px 0px;
	width: 251px;
	padding-left:0;
	border-right:5px solid #ccc;
	border-left:0;
	padding-right:36px;
}

/* Highlight */
.highlight	{background:#E3E4DF;color:#333;padding:2px 7px;}
.highlight.black {background:#000; color:#fff; text-shadow:none;}
.highlight.green {background:#D3EBC7; color:#333}
.highlight.sand {background:#F8EDD1; color:#333}
.highlight.silver {background:#D6CED4; color:#333}
.highlight.yellow {background:#FFF056; color:#000}
.highlight.pink {background:#FAEBEB; color:#333}
.highlight.blue {background:#ECF4F6; color:#333}

/* Accordion */
.accordion-holder {
	margin: 20px 0;
	position:relative;
	background:rgba(255,255,255,0.05);
	border:1px solid rgba(0,0,0,0.08); 
}
.accordion-holder .content { padding:10px;}
.accordion-holder header h5 { margin:0;}
.accordion-holder header {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  #fafafa 0%, #f7f7f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f7f7f7));
	background: -webkit-linear-gradient(top,  #fafafa 0%,#f7f7f7 100%);
	background: -o-linear-gradient(top,  #fafafa 0%,#f7f7f7 100%);
	background: -ms-linear-gradient(top,  #fafafa 0%,#f7f7f7 100%);
	background: linear-gradient(top,  #fafafa 0%,#f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f7f7f7',GradientType=0 ); 
	border-bottom:1px solid rgba(0,0,0,0.1); 
	padding:15px;
}

/* Toggle */
.box {
	margin-bottom:20px;
	padding:0;
	position: relative;
	overflow: hidden;
	background:#fff;
	background:rgba(255,255,255,0.05);
	border:1px solid rgba(0,0,0,0.08); 

}
.box h5 {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  #fafafa 0%, #f7f7f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f7f7f7));
	background: -webkit-linear-gradient(top,  #fafafa 0%,#f7f7f7 100%);
	background: -o-linear-gradient(top,  #fafafa 0%,#f7f7f7 100%);
	background: -ms-linear-gradient(top,  #fafafa 0%,#f7f7f7 100%);
	background: linear-gradient(top,  #fafafa 0%,#f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f7f7f7',GradientType=0 ); 
	padding:15px;
	margin:0;
}

.box .block {padding:0;	margin:0;}
.box .block_in {padding:15px;}

.box div.hide {
	display: block;
	width: 40px;
	line-height: 22px;
	position: absolute;
	right: 10px;
	top: 13px;
	cursor: pointer;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	border: solid 1px #aaa;
	background: #f5f5f5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow:0 0 4px #DCDCDC inset;
	-moz-box-shadow:0 0 4px #DCDCDC inset;
	box-shadow:0 0 4px #DCDCDC inset;
}

.box div.hide:hover {background: #fff;}

.box div.hide span.h {display: block;}
.box div.hide span.s {display: none;}
.box div.show  span.h {	display: none;}
.box div.show  span.s {	display: block;}

.closed div.hide span.h {display: none;}
.closed div.hide span.s {display: block;}
.closed div.show  span.h {display: block;}
.closed div.show  span.s {display: none;}

/* Divider */
.divider	{ 
	display:block;
	width:100%;
	height:2px;
	margin:30px 0;
	clear:both;
	position:relative;
	border-bottom:1px solid #f1f1f1;
}

.divider.top { margin:40px 0;}
.divider.top a	{ 
	font-size: 0.625em;
    padding: 0 0 0 18px;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-transform: uppercase;
    top: -25px;
}

/* Notification box */

.notification-box{
	position:relative;
	display:block;
	clear:both;
	margin-bottom:15px;
	padding:10px 10px 10px 55px;

	-moz-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset;
	-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset;
	-o-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset;
	box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset
}
.icon{
	position:absolute;
	background-image:url(../img/notifications.png);
	background-repeat:no-repeat;
	height:26px;
	width:29px;
	top:10px
}
/* Bold Text */
.notification-box span{font-weight:bold;margin-right:10px}

/* Success */
.success{
	border:1px solid #accc5d;
	color:#70892b;
	background-color:#c8e185;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#d0e98e),color-stop(100%,#c1da7f));
	background-image:-webkit-linear-gradient(#d0e98e,#c1da7f);
	background-image:-moz-linear-gradient(#d0e98e,#c1da7f);
	background-image:-o-linear-gradient(#d0e98e,#c1da7f);
	background-image:linear-gradient(#d0e98e,#c1da7f);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.3);
	text-shadow:0px 1px rgba(255,255,255,0.3)
}
.success .icon{width:29px;left:16px;background-position:0 0;}

/* Fail */
.fail{
	border:1px solid #dc4e4d;
	color:#b52525;
	background-color:#ec8282;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f48888),color-stop(100%,#e17575));
	background-image:-webkit-linear-gradient(#f48888,#e17575);
	background-image:-moz-linear-gradient(#f48888,#e17575);
	background-image:-o-linear-gradient(#f48888,#e17575);
	background-image:linear-gradient(#f48888,#e17575);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2)
}
.fail .icon{background-position: 0 -62px;left: 16px;width: 29px;}

/* Warning */
.warning{
	border:1px solid #f9b516;
	color:#c2721b;
	background-color:#fbb160;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffd57f),color-stop(100%,#ffa544));
	background-image:-webkit-linear-gradient(#ffd57f,#ffa544);
	background-image:-moz-linear-gradient(#ffd57f,#ffa544);
	background-image:-o-linear-gradient(#ffd57f,#ffa544);
	background-image:linear-gradient(#ffd57f,#ffa544);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2)
}
.warning .icon{background-position: 0 -122px;left: 16px;top: 8px;width: 29px;}

/* Info */
.info{
	color:#0c4fa3;
	background-color:#6dacea;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#8ed0fa),color-stop(100%,#4e95dc));
	background-image:-webkit-linear-gradient(#8ed0fa,#4e95dc);
	background-image:-moz-linear-gradient(#8ed0fa,#4e95dc);
	background-image:-o-linear-gradient(#8ed0fa,#4e95dc);
	background-image:linear-gradient(#8ed0fa,#4e95dc);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2)
}
.info .icon{background-position: 0 -181px;height: 29px;left: 18px;top: 7px;width: 29px;}


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

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

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

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.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: h5bp.com/p */
.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: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}