/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

a {
  color: inherit;
  -moz-text-decoration-color: #999999;
  -webkit-text-decoration-color: #999999;
  text-decoration-color: #999999; }

a:hover {
  text-decoration: none; }

.clearfix {
  overflow: auto; }

.clear {
  clear: both; }

.page-index {
  font-size: 16px; }
  .page-index .panel {
    position: relative;
    overflow: hidden;
    height: 738px;
    margin-bottom: 50px;
    font-size: 120%; }
    .page-index .panel hgroup {
      padding-top: 40px;
      position: relative;
      height: 369px;
      background-image: url("/img/ras/bkgd_arc.png");
      background-size: 100% 15%;
      background-repeat: no-repeat;
      background-position: 0 100%; }
    .page-index .panel hgroup:after {
      content: "";
      z-index: -1;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .page-index .panel h1 {
      margin-top: 0.2em;
      text-align: center;
      font-size: 350%;
      text-shadow: white 0 0 20px;
      font-family: "Cinzel", "Georgia", serif; }
    .page-index .panel h2 {
      margin-top: 0.3em;
      text-align: center;
      font-size: 150%;
      text-shadow: rgba(255, 255, 255, 0.4) 0 0 12px;
      font-family: "Cinzel", "Georgia", serif; }
    .page-index .panel h3 {
      margin-top: 0.3em;
      text-align: center;
      font-size: 150%; }
    .page-index .panel h2, .page-index .panel h3 {
      padding: 0.2em; }
      .page-index .panel h2 a, .page-index .panel h3 a {
        padding: 0.5em;
        font-weight: inherit;
        text-decoration: none;
        text-shadow: none;
        border-radius: 3px; }
  .page-index .panel section {
    margin: 0;
    font-size: 100%;
    text-shadow: none;
    font-family: Ubuntu; }
    .page-index .panel section p {
      width: 300px;
      margin: 1em auto;
      text-align: center;
      font-weight: 300;
      color: #6a6a6a; }
      .page-index .panel section p a {
        text-decoration: underline;
        font-weight: bold; }
    .page-index .panel section p:first-of-type {
      margin-top: 0; }

.page-index .panel-intro {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 10px;
  background-image: url("/img/ras/bkgd_panel_top.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0; }
  .page-index .panel-intro hgroup {
    position: absolute;
    top: 0;
    right: 50%;
    padding: 0;
    margin-left: 10px;
    height: auto;
    background: none;
    color: #333333; }
  .page-index .panel-intro h1 {
    margin-top: 0.8em; }
  .page-index .panel-intro section {
    position: absolute;
    top: 140px;
    right: 0px;
    margin: 0 auto;
    margin-top: 6em;
    transform: none; }
    .page-index .panel-intro section p {
      width: 280px;
      margin-right: 25px; }

.page-index .panel-brief {
  height: auto; }
  .page-index .panel-brief h1 {
    padding-bottom: 70px;
    font-size: 200%;
    color: #ffc755;
    background-image: url("/img/ras/butt_arrowDownRound.png");
    background-repeat: no-repeat;
    background-position: 50% 100%; }
    .page-index .panel-brief h1 em {
      color: #EE9F00;
      text-shadow: #ffc755 0 0 2px;
      font-weight: 500; }

.page-index .panel-service.service-print hgroup {
  border-top: 4px solid #f24932; }
.page-index .panel-service.service-print hgroup:after {
  background-image: url("/img/ras/bkgd_panel_print.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0; }
.page-index .panel-service.service-print h2 a, .page-index .panel-service.service-print h3 a {
  position: relative;
  color: white;
  font-size: 70%;
  background-color: #f24932;
  background: linear-gradient(to bottom, #f24932 0%, #f0341a 100%); }
  .page-index .panel-service.service-print h2 a:hover, .page-index .panel-service.service-print h3 a:hover {
    top: -1px;
    background-color: #f45e4a;
    background: linear-gradient(to bottom, #f45e4a 0%, #f24932 100%);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
.page-index .panel-service.service-print section {
  position: relative;
  padding-top: 85px;
  margin-top: -85px;
  background-image: url("/img/ras/icon_service-print-disc.png");
  background-repeat: no-repeat;
  background-position: 50% 0; }
.page-index .panel-service.service-print hgroup:after {
  background-position: 100% 0%; }

.page-index .panel-service.service-variable hgroup {
  border-top: 4px solid #3963AB; }
.page-index .panel-service.service-variable hgroup:after {
  background-image: url("/img/ras/bkgd_panel_variable.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0; }
.page-index .panel-service.service-variable h2 a, .page-index .panel-service.service-variable h3 a {
  position: relative;
  color: white;
  font-size: 70%;
  background-color: #3963AB;
  background: linear-gradient(to bottom, #3963AB 0%, #335898 100%); }
  .page-index .panel-service.service-variable h2 a:hover, .page-index .panel-service.service-variable h3 a:hover {
    top: -1px;
    background-color: #3f6ebe;
    background: linear-gradient(to bottom, #3f6ebe 0%, #3963AB 100%);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
.page-index .panel-service.service-variable section {
  position: relative;
  padding-top: 85px;
  margin-top: -85px;
  background-image: url("/img/ras/icon_service-variable-disc.png");
  background-repeat: no-repeat;
  background-position: 50% 0; }
.page-index .panel-service.service-variable hgroup:after {
  background-position: 0% 100%; }

.page-index .panel-service.service-graphic hgroup {
  border-top: 4px solid #387f11; }
.page-index .panel-service.service-graphic hgroup:after {
  background-image: url("/img/ras/bkgd_panel_graphic.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0; }
.page-index .panel-service.service-graphic h2 a, .page-index .panel-service.service-graphic h3 a {
  position: relative;
  color: white;
  font-size: 70%;
  background-color: #387f11;
  background: linear-gradient(to bottom, #387f11 0%, #2e690e 100%); }
  .page-index .panel-service.service-graphic h2 a:hover, .page-index .panel-service.service-graphic h3 a:hover {
    top: -1px;
    background-color: #429514;
    background: linear-gradient(to bottom, #429514 0%, #387f11 100%);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
.page-index .panel-service.service-graphic section {
  position: relative;
  padding-top: 85px;
  margin-top: -85px;
  background-image: url("/img/ras/icon_service-graphic-disc.png");
  background-repeat: no-repeat;
  background-position: 50% 0; }
.page-index .panel-service.service-graphic hgroup:after {
  background-position: 50% 40%; }

.page-index .panel-service.service-publish {
  margin: 0; }
  .page-index .panel-service.service-publish hgroup {
    border-top: 4px solid #A8305E; }
  .page-index .panel-service.service-publish hgroup:after {
    background-image: url("/img/ras/bkgd_panel_publish.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0; }
  .page-index .panel-service.service-publish h2 a, .page-index .panel-service.service-publish h3 a {
    position: relative;
    color: white;
    font-size: 70%;
    background-color: #A8305E;
    background: linear-gradient(to bottom, #A8305E 0%, #942a53 100%); }
    .page-index .panel-service.service-publish h2 a:hover, .page-index .panel-service.service-publish h3 a:hover {
      top: -1px;
      background-color: #bc3669;
      background: linear-gradient(to bottom, #bc3669 0%, #A8305E 100%);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
  .page-index .panel-service.service-publish section {
    position: relative;
    padding-top: 85px;
    margin-top: -85px;
    background-image: url("/img/ras/icon_service-publish-disc.png");
    background-repeat: no-repeat;
    background-position: 50% 0; }
  .page-index .panel-service.service-publish hgroup:after {
    background-position: 100% 0%; }

.page-index .panel-summary {
  max-width: 1200px;
  margin: 0 auto;
  height: 369px;
  margin: 0 auto;
  background-image: url("/img/ras/bkgd_panel_bottom.jpg");
  background-position: 100% 0;
  background-repeat: no-repeat; }
  .page-index .panel-summary section {
    position: absolute;
    height: 738px;
    top: 0;
    left: 0;
    margin: 0;
    margin-left: 40px;
    padding-left: 60px;
    background-color: transparent;
    background-image: url("/img/ras/butt_arrowRightRound.png");
    background-repeat: no-repeat;
    text-shadow: none;
    color: #5e5e5e; }
    .page-index .panel-summary section h1 {
      margin-top: 3px;
      font-size: 220%;
      font-family: Ubuntu, sans-serif; }
    .page-index .panel-summary section li {
      margin: 5px;
      list-style-type: disc;
      list-style-position: inside; }
    .page-index .panel-summary section p {
      width: 50%;
      margin: 0;
      margin-top: 1em;
      text-align: left; }
  .page-index .panel-summary nav {
    position: absolute;
    bottom: 10px;
    right: 30px;
    background-color: inherit; }
    .page-index .panel-summary nav li {
      margin: 20px 0; }
    .page-index .panel-summary nav li:first-of-type {
      margin: 0; }
  .page-index .panel-summary nav a {
    height: auto;
    padding: 0;
    margin: 0; }
    .page-index .panel-summary nav a h2 {
      padding: 5px;
      margin: 0;
      font-size: 140%;
      text-align: right;
      color: #d0d0d0;
      text-shadow: none; }

/*TOOD: the font size of the paragraph text (in the columns) starts
small at narrow screen sizes, then gets larger, then gets small again
with the start of two-column layout, then gets large at extremem
screen widths. But, the headers which span both columns also change
font size in propotion. They shouldnt change size, or should change
monotonically increasing. */
.column-wrap {
  position: relative;
  top: 8px;
  max-width: 1200px;
  margin: 0 auto; }

.column-side {
  float: left;
  width: 250px;
  margin-left: 25px; }

.column-main {
  width: auto;
  margin-left: 325px;
  margin-right: 50px; }

.column-main-left, .column-main-right {
  float: left;
  box-sizing: border-box;
  width: 100%;
  /* @if $breakpoint == "one-column" { */
  /* 	@media (min-width: $width-gutter-wide*2 + $width-column-side + $min-column-width*1) { */
  /* 	    @content; */
  /* 	} */
  /* } */
  /* @elseif $breakpoint == "one-column-wide" { */
  /* 	@media (min-width: $width-gutter-wide*2 + $width-column-side + $min-column-width*1.5) { */
  /* 	    @content; */
  /* 	} */
  /* } */
  /* @elseif $breakpoint == "two-column" { */
  /* 	@media (min-width: $width-gutter-wide*2 + $width-column-side + $min-column-width*2) { */
  /* 	    @content; */
  /* 	} */
  /* } */
  /* @elseif $breakpoint == "two-column-wide" { */
  /* 	@media (min-width: $width-gutter-wide*2 + $width-column-side + $min-column-width*3) { */
  /* 	    @content; */
  /* 	} */
  /* } */
  /* @else { */
  /* 	@warn "No such breakpoint `two-column`." */
  /* } */ }

.column-main-left {
  margin-bottom: 2em;
  /* @if $breakpoint == "one-column" { */
  /* 	@media (min-width: $width-gutter-wide*2 + $width-column-side + $min-column-width*1) { */
  /* 	    @content; */
  /* 	} */
  /* } */
  /* @elseif $breakpoint == "one-column-wide" { */
  /* 	@media (min-width: $width-gutter-wide*2 + $width-column-side + $min-column-width*1.5) { */
  /* 	    @content; */
  /* 	} */
  /* } */
  /* @elseif $breakpoint == "two-column" { */
  /* 	@media (min-width: $width-gutter-wide*2 + $width-column-side + $min-column-width*2) { */
  /* 	    @content; */
  /* 	} */
  /* } */
  /* @elseif $breakpoint == "two-column-wide" { */
  /* 	@media (min-width: $width-gutter-wide*2 + $width-column-side + $min-column-width*3) { */
  /* 	    @content; */
  /* 	} */
  /* } */
  /* @else { */
  /* 	@warn "No such breakpoint `two-column`." */
  /* } */ }

.column-main-right {
  /*	@include respond-to( one-column-wide ){
  	    padding-right: 15%;
  	}*/
  /* @if $breakpoint == "one-column" { */
  /* 	@media (min-width: $width-gutter-wide*2 + $width-column-side + $min-column-width*1) { */
  /* 	    @content; */
  /* 	} */
  /* } */
  /* @elseif $breakpoint == "one-column-wide" { */
  /* 	@media (min-width: $width-gutter-wide*2 + $width-column-side + $min-column-width*1.5) { */
  /* 	    @content; */
  /* 	} */
  /* } */
  /* @elseif $breakpoint == "two-column" { */
  /* 	@media (min-width: $width-gutter-wide*2 + $width-column-side + $min-column-width*2) { */
  /* 	    @content; */
  /* 	} */
  /* } */
  /* @elseif $breakpoint == "two-column-wide" { */
  /* 	@media (min-width: $width-gutter-wide*2 + $width-column-side + $min-column-width*3) { */
  /* 	    @content; */
  /* 	} */
  /* } */
  /* @else { */
  /* 	@warn "No such breakpoint `two-column`." */
  /* } */ }

.page-services .column-wrap {
  top: -8px; }

@keyframes submenu-detail-hover-on {
  0% {
    color: transparent; }
  100% {
    color: inherit; } }
nav.menu-side ul {
  position: relative; }
nav.menu-side hgroup {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  nav.menu-side hgroup h4 {
    display: none;
    font-weight: 300; }
nav.menu-side li {
  display: block;
  height: 82px;
  color: #777777; }
  nav.menu-side li:last-of-type {
    border: none; }
  nav.menu-side li a {
    display: block;
    height: 100%;
    box-sizing: border-box;
    padding: 0 16px 0 0;
    padding-right: 88px;
    background-repeat: no-repeat;
    color: inherit; }
  nav.menu-side li div {
    position: relative;
    top: 8.2px;
    height: 65.6px;
    margin-top: 8.2px;
    padding-left: 1em;
    border-left: 6px solid #7f7f7f; }
nav.menu-side li:hover hgroup h4 {
  display: inline-block;
  animation-name: submenu-detail-hover-on;
  animation-duration: 0.2s;
  animation-fill-mode: forwards; }

#main-menu-service-print a {
  background-image: url("/img/ras/icon_service-print-off.png");
  background-position: 180px 25px; }
#main-menu-service-print.current div {
  border-left-color: #f24932; }
#main-menu-service-print.current a {
  background-image: url("/img/ras/icon_service-print-on.png"); }
#main-menu-service-print.current hgroup h4 {
  display: inline-block;
  animation: none; }
#main-menu-service-print:hover div {
  border-left-color: #f24932; }

#main-menu-service-variable a {
  background-image: url("/img/ras/icon_service-variable-off.png");
  background-position: 178px 30px; }
#main-menu-service-variable.current div {
  border-left-color: #3963AB; }
#main-menu-service-variable.current a {
  background-image: url("/img/ras/icon_service-variable-on.png"); }
#main-menu-service-variable.current hgroup h4 {
  display: inline-block;
  animation: none; }
#main-menu-service-variable:hover div {
  border-left-color: #3963AB; }

#main-menu-service-graphic a {
  background-image: url("/img/ras/icon_service-graphic-off.png");
  background-position: 183px 30px; }
#main-menu-service-graphic.current div {
  border-left-color: #387f11; }
#main-menu-service-graphic.current a {
  background-image: url("/img/ras/icon_service-graphic-on.png"); }
#main-menu-service-graphic.current hgroup h4 {
  display: inline-block;
  animation: none; }
#main-menu-service-graphic:hover div {
  border-left-color: #387f11; }

#main-menu-service-publish a {
  background-image: url("/img/ras/icon_service-publish-off.png");
  background-position: 175px 28px; }
#main-menu-service-publish.current div {
  border-left-color: #A8305E; }
#main-menu-service-publish.current a {
  background-image: url("/img/ras/icon_service-publish-on.png"); }
#main-menu-service-publish.current hgroup h4 {
  display: inline-block;
  animation: none; }
#main-menu-service-publish:hover div {
  border-left-color: #A8305E; }

#main-menu-service-mail a {
  background-image: url("/img/ras/icon_service-mail-off.png");
  background-position: 182px 30px; }
#main-menu-service-mail.current div {
  border-left-color: #FFCC00; }
#main-menu-service-mail.current a {
  background-image: url("/img/ras/icon_service-mail-on.png"); }
#main-menu-service-mail.current hgroup h4 {
  display: inline-block;
  animation: none; }
#main-menu-service-mail:hover div {
  border-left-color: #FFCC00; }

#question-form {
  position: relative;
  margin-top: 250px;
  box-shadow: 0 0 5px 3px #c3c3c3; }
  #question-form h3 {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10%;
    font-size: 120%;
    background-color: #c3c3c3; }
  #question-form textarea {
    position: relative;
    box-sizing: border-box;
    width: 90%;
    margin-left: 9%;
    padding: 2px;
    border: none; }
  #question-form input {
    float: right;
    margin: 15px 0;
    padding: 0.5em;
    border: none;
    border-radius: 3px;
    background-color: #c3c3c3;
    background: linear-gradient(to bottom, #c3c3c3 0%, #b7b7b7 100%); }
    #question-form input:hover {
      background-color: #d0d0d0;
      background: linear-gradient(to bottom, #d0d0d0 0%, #c3c3c3 100%);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }

.template-service .column-main article h1 {
  font-family: Ubuntu;
  font-weight: 300; }

.template-service .column-main .panel-top {
  padding-top: 25px; }
  .template-service .column-main .panel-top h1 {
    font-weight: normal;
    font-size: 250%;
    padding-bottom: 25px;
    color: #4d4d4d; }
  .template-service .column-main .panel-top hgroup {
    margin-left: 25px;
    border-bottom: 5px solid #EE9F00; }
  .template-service .column-main .panel-top section {
    margin-left: 25px;
    font-family: Ubuntu, sans-serif;
    font-weight: 300; }
  .template-service .column-main .panel-top p {
    margin-top: 15px; }
  .template-service .column-main .panel-top section.lead-in {
    font-size: 160%; }
  .template-service .column-main .panel-top section.brief-summary {
    position: relative;
    margin-top: 35px;
    font-size: 120%; }

.page-services.template-service {
  /* section.brief-summary { */
  /* 	min-height: 200px - 20px; */
  /* } */
  /* section.brief-summary .command { */
  /* 	position: absolute; */
  /* 	top: -20px; */
  /* 	right: 0 - $width-gutter-wide*2; */
  /* 	padding: 0; */
  /* 	padding-top: 100px; */
  /* 	padding-left: 80px; */
  /* 	margin: 0; */
  /* 	width: 350px - 80px; */
  /* 	height: 200px - 100px; */
  /* 	font-size: 20px; */
  /* 	font-family: Ubuntu; */
  /* 	font-weight: 500; */
  /* 	background-color: $color-makeda-orange; */
  /* 	color: white; */
  /* } */
  /* section.brief-summary .command:before { */
  /* 	content: ''; */
  /* 	position: absolute; */
  /* 	top: 0; */
  /* 	right: 0; */
  /* 	width: 350px; */
  /* 	height: 200px; */
  /* 	background-image: url('/img/ras/bkgd_paperTornReveal.png'); */
  /* } */ }

.page-service-print.template-service .panel-top hgroup {
  border-bottom-color: #f24932; }

.page-service-variable.template-service .panel-top hgroup {
  border-bottom-color: #3963AB; }

.page-service-graphic.template-service .panel-top hgroup {
  border-bottom-color: #387f11; }

.page-service-publish.template-service .panel-top hgroup {
  border-bottom-color: #A8305E; }

.page-service-mail.template-service .panel-top hgroup {
  border-bottom-color: #FFCC00; }

.template-service .panel-main h1 {
  font-size: 220%;
  color: #5e5e5e; }
.template-service .panel-main h2 {
  font-size: 150%;
  margin-top: 25px;
  margin-bottom: 10px; }
.template-service .panel-main p {
  padding: 5px 0;
  text-align: justify; }
.template-service .panel-main article {
  margin: 25px 0;
  padding-left: 25px; }
  .template-service .panel-main article h1 {
    margin: 30px 0 15px 0; }
  .template-service .panel-main article ul {
    margin: 0 1em;
    list-style-type: disc; }
    .template-service .panel-main article ul li {
      margin: 1em 0; }
  .template-service .panel-main article ul.subtle {
    list-style-type: none; }
  .template-service .panel-main article img {
    width: 100%;
    padding: 0;
    padding-bottom: 10px; }

@keyframes background-on {
  0% {
    box-shadow: none; }
  100% {
    box-shadow: 0 0 5px 3px #c3c3c3; } }
@keyframes lighten-off {
  0% {
    background-color: rgba(255, 255, 255, 0.5); }
  100% {
    background-color: transparent; } }
.template-service section.blog-roll section {
  position: relative;
  padding: 0;
  margin: 50px 0; }
  .template-service section.blog-roll section:first-of-type {
    margin: 0; }
  .template-service section.blog-roll section a {
    position: relative;
    display: block;
    padding-left: 25%; }
  .template-service section.blog-roll section a:hover {
    text-decoration: none;
    box-shadow: 0 0 5px 3px #c3c3c3;
    animation-name: background-on;
    animation-duration: 0.2s; }
    .template-service section.blog-roll section a:hover .image:after {
      background-color: transparent;
      animation-name: lighten-off;
      animation-duration: 0.3s; }
  .template-service section.blog-roll section h2.title {
    margin: 15px;
    padding-top: 10px; }
  .template-service section.blog-roll section h4 {
    padding: 8px;
    padding-top: 0;
    padding-left: 20px;
    font-size: 80%;
    color: #444444; }
    .template-service section.blog-roll section h4 em {
      font-style: oblique; }
  .template-service section.blog-roll section p {
    margin: 15px;
    text-align: left; }
  .template-service section.blog-roll section div.category {
    height: 40px;
    background-color: #c3c3c3; }
    .template-service section.blog-roll section div.category img {
      float: left;
      padding-left: 12px; }
    .template-service section.blog-roll section div.category h4 {
      float: left;
      padding-right: 0;
      padding-top: 8px;
      font-size: 75%; }
  .template-service section.blog-roll section .image {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 25%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover; }
  .template-service section.blog-roll section .image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5); }

figure.svg {
  margin: 20px auto; }

figure.svg div {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  /* The padding-bottom should be the reciprocal of the SVG's aspect
     ratio, and it is set per-SVG below */ }
  figure.svg div svg {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%; }

#fig_info_serviceIntegrate {
  max-width: 650px; }
  #fig_info_serviceIntegrate div {
    padding-bottom: 116.67%; }

#fig_info_serviceIntegrate svg g.link .title, #fig_info_serviceIntegrate svg g.link .detail {
  fill: #777777 !important; }
#fig_info_serviceIntegrate svg a:hover {
  text-decoration: none; }
  #fig_info_serviceIntegrate svg a:hover .detail {
    fill: #333333 !important; }
#fig_info_serviceIntegrate svg a:hover #group-print .title {
  fill: #f24932 !important; }
#fig_info_serviceIntegrate svg a:hover #group-variable .title {
  fill: #3963AB !important; }
#fig_info_serviceIntegrate svg a:hover #group-graphic .title {
  fill: #387f11 !important; }
#fig_info_serviceIntegrate svg a:hover #group-publish .title {
  fill: #A8305E !important; }
#fig_info_serviceIntegrate svg a:hover #group-mail .title {
  fill: #FFCC00 !important; }

#fig_info_printProcess {
  max-width: 300px; }
  #fig_info_printProcess div {
    padding-bottom: 188.46%; }

.template-service table {
  margin: 1em; }
  .template-service table p {
    text-align: left; }

.template-service table.feature-matrix {
  table-layout: fixed; }
  .template-service table.feature-matrix img {
    display: block;
    padding: 0;
    margin: 0 auto;
    width: auto;
    height: auto; }
  .template-service table.feature-matrix td {
    padding: 20px;
    vertical-align: top;
    width: 50%; }
  .template-service table.feature-matrix td:first-child {
    border-right: 8px dotted white; }
  .template-service table.feature-matrix td.heading, .template-service table.feature-matrix td.deco {
    border: none;
    padding: 0;
    padding-top: 2em; }
  .template-service table.feature-matrix tr:nth-child(2n+2) {
    background-color: #e6e6e6; }
  .template-service table.feature-matrix td h1, .template-service table.feature-matrix td h2 {
    margin: 0;
    padding: 0;
    padding-bottom: 0.3em;
    margin-top: 5px;
    text-align: center;
    font-size: 160%;
    font-weight: 500;
    color: #4d4d4d; }
  .template-service table.feature-matrix td h1 {
    font-size: 180%; }
  .template-service table.feature-matrix td h2 {
    padding-top: 0.2em;
    background-color: #f2f2f2; }

#table_print-features {
  position: relative; }
  #table_print-features td.deco {
    padding: 0;
    position: absolute;
    top: 0.3em;
    width: 100%;
    height: 2em;
    font-size: 320%;
    text-align: center;
    color: #b3b3b3; }

body.page-requestQuote .column-main, body.page-contact .column-main {
  margin: 2em 4em; }
  body.page-requestQuote .column-main p, body.page-contact .column-main p {
    margin: 1em 0; }
  body.page-requestQuote .column-main textarea, body.page-requestQuote .column-main input[type="text"], body.page-contact .column-main textarea, body.page-contact .column-main input[type="text"] {
    width: 40em; }
  body.page-requestQuote .column-main dl, body.page-contact .column-main dl {
    margin: 2em 0;
    padding-top: 2em;
    border-top: 1px solid grey; }
  body.page-requestQuote .column-main dt, body.page-contact .column-main dt {
    font-weight: 700;
    font-size: 120%;
    margin-bottom: 0.4em; }
  body.page-requestQuote .column-main dd, body.page-contact .column-main dd {
    margin-bottom: 0.5em; }
    body.page-requestQuote .column-main dd p, body.page-contact .column-main dd p {
      margin: 0;
      padding: 0; }

#solution-inventory div.image {
  background-image: url("/img/ras/bkgd_solution-inventory.jpg");
  background-position: 0% 50%; }

#solution-delivery div.image {
  background-image: url("/img/ras/bkgd_solution-delivery.jpg");
  background-position: 0% 50%; }

#solution-pick-and-pack div.image {
  background-image: url("/img/ras/bkgd_solution-pick-and-pack.jpg");
  background-position: 0% 50%; }

#solution-project-management div.image {
  background-image: url("/img/ras/bkgd_solution-project-management.jpg");
  background-position: 0% 80%; }

img[src="/img/ras/icon_service-print-small.png"] {
  padding-top: 7px; }

img[src="/img/ras/icon_service-variable-small.png"] {
  padding-top: 10px; }

img[src="/img/ras/icon_service-graphic-small.png"] {
  padding-top: 10px; }

img[src="/img/ras/icon_service-publish-small.png"] {
  padding-top: 8px; }

img[src="/img/ras/icon_service-mail-small.png"] {
  padding-top: 10px; }

body {
  font-family: arial, helvetica, sans-serif;
  font-size: 14px; }

p {
  line-height: 130%; }

h1 {
  font-family: "Cinzel", "Georgia", serif; }

h2, h3 {
  font-family: Ubuntu, sans-serif;
  font-weight: 300; }

h4 {
  font-weight: 700;
  font-size: 110%; }

em {
  font-weight: 700; }

body {
  width: 100%;
  min-width: 780px; }

header, footer {
  position: relative;
  height: 82px;
  font-size: 16px; }
  header .container, footer .container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto; }
  header a.logo, footer a.logo {
    float: right;
    margin-left: 25px; }
  header.navigation, footer.navigation {
    background-color: #777777;
    background: linear-gradient(to bottom, #777777 0%, #6f6f6f 100%); }

header.logos h2 {
  position: absolute;
  right: 25px;
  top: 24px;
  font-size: 160%; }
header.logos a.logo {
  float: left;
  padding: 20px; }

footer.logos {
  color: #777777;
  font-size: 80%; }
  footer.logos p.copyright {
    float: left;
    padding: 10px;
    padding-left: 25px;
    margin-top: 40px; }
  footer.logos a.logo {
    margin: 20px;
    padding: 5px; }
  footer.logos a.logo[href='http://www.canadapost.ca/'] {
    margin-top: 25px; }

div.contact {
  float: right;
  margin-right: 25px;
  margin-top: 7px;
  color: white;
  font-size: 97%; }
  div.contact p {
    padding: 5px;
    padding-left: 50px;
    height: 26px;
    background-repeat: no-repeat;
    text-align: left;
    letter-spacing: 0.07em; }
  div.contact p.phone {
    background-image: url("/img/ras/icon_phone.png");
    background-position: 12px 5px; }
  div.contact p.email {
    background-image: url("/img/ras/icon_email.png");
    background-position: 0 6px; }
  div.contact a {
    text-decoration: none; }

nav a {
  color: white;
  text-decoration: none; }
  nav a h2 {
    font-size: 18px;
    margin-bottom: 5px; }
  nav a h4 {
    font-size: 12px; }

nav.menu-bar ul {
  display: block;
  margin-left: 25px; }
  nav.menu-bar ul li {
    display: block;
    float: left; }
  nav.menu-bar ul li a {
    display: block;
    position: relative;
    height: 26px;
    padding: 28px 16px; }
    nav.menu-bar ul li a h2 {
      position: relative; }
  nav.menu-bar ul li:hover a {
    background-color: #7f7f7f;
    background: linear-gradient(to bottom, #868686 0%, #636363 100%);
    box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.1); }
    nav.menu-bar ul li:hover a h2 {
      top: -1px; }
  nav.menu-bar ul li.current a {
    z-index: 1;
    top: -8px;
    border-top: 8px solid #7f7f7f;
    border-bottom: 8px solid #7f7f7f;
    background-color: #7f7f7f;
    box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.2); }
    nav.menu-bar ul li.current a h2 {
      color: black;
      top: -1px; }
  nav.menu-bar ul li.current:hover a {
    background: none;
    background-color: #7f7f7f; }

p.continuation-start {
  margin: 0; }

ul.continuation {
  padding: 0;
  margin: 0;
  list-style-type: none; }
  ul.continuation li {
    margin-left: 2em; }
  ul.continuation p.continuation-end {
    padding: 0;
    margin: 0;
    margin-left: -1em; }

/*# sourceMappingURL=style.css.map */