/*==================================
     Local Variables and Mixins.
  ==================================*/
/*  mixins only usefull on this page
  --------------------------------------------------------------------- */
/*==================================
      Base Modifiers- Rules across everything. ie font decloration. link styles. Etc.
  ==================================*/
#glass02 {
  top: 118px !important;
  left: 11.5% !important; }

#glass03 {
  display: none; }

/*==================================
    Layout
  ==================================*/
#contentbottomshadow {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px;
  height: 25px;
  background-position: top;
  background-repeat: repeat-x; }
  .contentcontainersm #contentbottomshadow, #contentbottomshadow {
    background-image: url("../images/sm_shadowbottom.png"); }
  .contentcontainermed #contentbottomshadow {
    background-image: url("../images/med_shadowbottom.png"); }
  .contentcontainerbig #contentbottomshadow {
    background-image: url("../images/big_shadowbottom.png"); }

#contentrightshadow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -25px;
  width: 25px;
  background-position: left;
  background-repeat: repeat-y; }
  .contentcontainersm #contentrightshadow, #contentrightshadow {
    background-image: url("../images/sm_shadowright.png"); }
    .lte6 .contentcontainersm #contentrightshadow, .lte6 #contentrightshadow {
      background-image: none; }
  .contentcontainermed #contentrightshadow {
    background-image: url("../images/med_shadowright.png"); }
  .contentcontainerbig #contentrightshadow {
    background-image: url("../images/big_shadowright.png"); }

#contenttopleftcorner {
  position: absolute;
  top: -1px;
  /*needs to be negative to hide edge better*/
  left: -1px;
  /*needs to be negative to hide edge better, by overlapping edge*/
  z-index: 10;
  width: 215px;
  height: 215px;
  background-repeat: no-repeat; }
  .contentcontainersm #contenttopleftcorner, #contenttopleftcorner {
    background-image: url("../images/sm_topleft.png"); }
    .lte6 .contentcontainersm #contenttopleftcorner, .lte6 #contenttopleftcorner {
      background-image: url("../images/sm_topleft.gif"); }
  .contentcontainermed #contenttopleftcorner {
    background-image: url("../images/med_topleft.png"); }
    .lte6 .contentcontainermed #contenttopleftcorner {
      background-image: url("../images/med_topleft.gif"); }
  .contentcontainerbig #contenttopleftcorner {
    background-image: url("../images/big_topleft.png"); }
    .lte6 .contentcontainerbig #contenttopleftcorner {
      background-image: url("../images/big_topleft.gif"); }

#contenttoprightcorner {
  z-index: 10;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -25px;
  width: 25px;
  background-position: top left;
  background-repeat: no-repeat; }
  .contentcontainersm #contenttoprightcorner, #contenttoprightcorner {
    background-image: url("../images/sm_topright.png"); }
    .lte6 .contentcontainersm #contenttoprightcorner, .lte6 #contenttoprightcorner {
      background-image: none; }
  .contentcontainermed #contenttoprightcorner {
    background-image: url("../images/med_topright.png"); }
  .contentcontainerbig #contenttoprightcorner {
    background-image: url("../images/big_topright.png"); }

#contentbottomrightcorner {
  position: absolute;
  right: -25px;
  bottom: -25px;
  z-index: 10;
  width: 140px;
  height: 140px;
  background-position: bottom right;
  background-repeat: no-repeat; }
  .contentcontainersm #contentbottomrightcorner, #contentbottomrightcorner {
    background-image: url("../images/sm_bottomright.png"); }
    .lte6 .contentcontainersm #contentbottomrightcorner, .lte6 #contentbottomrightcorner {
      right: 0px;
      bottom: 25px; }
  .contentcontainermed #contentbottomrightcorner {
    background-image: url("../images/med_bottomright.png"); }
    .lte6 .contentcontainermed #contentbottomrightcorner {
      background-image: url("../images/med_bottomright.gif"); }
  .contentcontainerbig #contentbottomrightcorner {
    background-image: url("../images/big_bottomright.png"); }
    .lte6 .contentcontainerbig #contentbottomrightcorner {
      background-image: url("../images/big_bottomright.gif"); }

.bottomrightwordwrap {
  float: right; }
  .contentcontainersm .bottomrightwordwrap, .bottomrightwordwrap {
    height: 35px;
    width: 40px; }
  .contentcontainermed .bottomrightwordwrap {
    height: 50px;
    width: 90px; }
  .contentcontainerbig .bottomrightwordwrap {
    height: 75px;
    width: 120px; }

#contentbottomleftcorner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px;
  height: 25px;
  z-index: 10;
  background-repeat: no-repeat; }
  .contentcontainersm #contentbottomleftcorner, #contentbottomleftcorner {
    background-image: url("../images/sm_bottomleft.png"); }
  .contentcontainermed #contentbottomleftcorner {
    background-image: url("../images/med_bottomleft.png"); }
  .contentcontainerbig #contentbottomleftcorner {
    background-image: url("../images/big_bottomleft.png"); }

#leftcolumn {
  position: relative;
  float: left; }
  .contentcontainersm #leftcolumn, #leftcolumn {
    width: 155px; }
  .contentcontainermed #leftcolumn {
    width: 232px; }
  .contentcontainerbig #leftcolumn {
    width: 310px; }

#leftcolumnbg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #d4a05f; }
  .contentcontainersm #leftcolumnbg, #leftcolumnbg {
    width: 155px; }
  .contentcontainermed #leftcolumnbg {
    width: 232px; }
  .contentcontainerbig #leftcolumnbg {
    width: 310px; }
  .lte6 #leftcolumnbg {
    height: 10000000px; }

#rightcolumn {
  position: relative; }
  .contentcontainersm #rightcolumn, #rightcolumn {
    margin-left: 155px; }
  .contentcontainermed #rightcolumn {
    margin-left: 232px; }
  .contentcontainerbig #rightcolumn {
    margin-left: 310px; }

#rightcoltop {
  overflow: hidden;
  background-color: #d4a05f; }
  .contentcontainersm #rightcoltop, #rightcoltop {
    height: 10px; }
  .contentcontainermed #rightcoltop {
    height: 15px; }
  .contentcontainerbig #rightcoltop {
    height: 20px; }

#rightcolhead {
  position: relative;
  z-index: 2; }

#rightcolmargin {
  padding-bottom: 20px;
  padding-top: 20px; }

#rightcolbot {
  position: relative;
  width: 100%;
  min-height: 20px; }
  .contentcontainersm #rightcolbot, #rightcolbot {
    padding-top: 205px; }
  .contentcontainermed #rightcolbot {
    padding-top: 300px; }
  .contentcontainerbig #rightcolbot {
    padding-top: 405px; }

.leftfromright {
  position: absolute;
  text-align: right;
  width: 210px;
  color: white; }
  .contentcontainersm .leftfromright, .leftfromright {
    left: -242px; }
    .lte6 .contentcontainersm .leftfromright, .lte6 .leftfromright {
      left: -272px; }
  .contentcontainermed .leftfromright {
    left: -254px; }
    .lte6 .contentcontainermed .leftfromright {
      left: -304px; }
  .contentcontainerbig .leftfromright {
    left: -275px; }
    .lte6 .contentcontainerbig .leftfromright {
      left: -335px; }

/*==================================
    Modules
  ==================================*/
/*  Name Area
  --------------------------------------------------------------------- */
#contactinfocontainer {
  position: relative; }
  .lte6 #contactinfocontainer {
    zoom: 1; }
  .contentcontainersm #contactinfocontainer, #contactinfocontainer {
    margin-left: 264px;
    margin-right: 30px; }
  .contentcontainermed #contactinfocontainer {
    margin-left: 382px;
    margin-right: 35px; }
  .contentcontainerbig #contactinfocontainer {
    margin-left: 500px;
    margin-right: 40px; }

#contactinfo {
  position: absolute;
  left: 0px;
  text-align: left;
  -webkit-transform: translateZ(0px); }
  .lte6 #contactinfo {
    zoom: 1;
    width: 600px; }

#resunamecontainer {
  display: table; }
  .lte7 #resunamecontainer {
    position: relative;
    top: 50%; }
  .lte6 #resunamecontainer {
    zoom: 1; }
  .contentcontainersm #resunamecontainer, #resunamecontainer {
    height: 137px; }
  .contentcontainermed #resunamecontainer {
    height: 206px; }
  .contentcontainerbig #resunamecontainer {
    height: 276px; }

#resuname {
  display: table-cell;
  vertical-align: middle; }
  .lte7 #resuname {
    position: relative;
    top: -50%; }

/*  Objective Area
  --------------------------------------------------------------------- */
#resuobjmargin {
  position: relative;
  margin-right: 25px; }
  .contentcontainersm #resuobjmargin, #resuobjmargin {
    margin-left: 225px; }
  .contentcontainermed #resuobjmargin {
    margin-left: 325px; }
  .contentcontainerbig #resuobjmargin {
    margin-left: 445px; }

#resuobj {
  position: absolute;
  display: table; }
  .lte7 #resuobj {
    position: absolute;
    display: block; }
  .contentcontainersm #resuobj, #resuobj {
    top: 110px;
    height: 105px; }
  .contentcontainermed #resuobj {
    top: 165px;
    height: 170px; }
  .contentcontainerbig #resuobj {
    top: 215px;
    height: 200px; }

#resuobjinner {
  display: table-cell;
  vertical-align: middle; }
  .lte7 #resuobjinner {
    position: relative;
    display: block;
    margin-top: inherit; }
  .lte7 .contentcontainersm #resuobjinner, .lte7 #resuobjinner {
    *clear: expression(
 style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"),
 style.clear = "none", 0
 ); }
  .lte7 .contentcontainermed #resuobjinner {
    *clear: expression(
 style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"),
 style.clear = "none", 0
 ); }
  .lte7 .contentcontainerbig #resuobjinner {
    *clear: expression(
 style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"),
 style.clear = "none", 0
 ); }

/*  Hoverlinks
  --------------------------------------------------------------------- */
/*.hoverlinkcontainer {
  position: relative;
  z-index: 2; //keeps in front of contactinfo
  .contentcontainersm &,&{
    margin-left:220px;
  }
  .contentcontainermed &{
    margin-left:320px;
  }
  .contentcontainerbig &{
    margin-left:420px;
  }
}   */
.hoverlinkscontainer {
  position: relative; }
  .contentcontainersm .hoverlinkscontainer, .hoverlinkscontainer {
    margin-top: 13px;
    margin-left: -49px; }
    .lte8 .contentcontainersm .hoverlinkscontainer, .lte8 .hoverlinkscontainer {
      margin-top: 10px; }
  .contentcontainermed .hoverlinkscontainer {
    margin-top: 13px;
    margin-left: -82px; }
    .lte8 .contentcontainermed .hoverlinkscontainer {
      margin-top: 10px; }
  .contentcontainerbig .hoverlinkscontainer {
    margin-top: 13px;
    margin-left: -108px; }
    .lte8 .contentcontainerbig .hoverlinkscontainer {
      margin-top: 10px; }

.linkpic {
  /**/
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: margin-left .3s 0s;
  -o-transition: margin-left .3s 0s;
  transition: margin-left .3s 0s; }
  .gte9 .contentcontainersm .linkpic, .nie .contentcontainersm .linkpic, .gte9 .linkpic, .nie .linkpic {
    margin-left: 49px; }
  .lte8 .contentcontainersm .linkpic, .lte8 .linkpic {
    margin-left: 0; }
  .contentcontainermed .linkpic {
    margin-left: 82px; }
    .lte8 .contentcontainermed .linkpic {
      margin-left: 0; }
  .contentcontainerbig .linkpic {
    margin-left: 108px; }
    .lte8 .contentcontainerbig .linkpic {
      margin-left: 0; }

.halflink {
  float: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .halflink:nth-child(n+2) .linkpic {
    margin-left: 0; }
  .lte8 .halflink {
    margin-right: 8px;
    line-height: 1; }

.ie7 #grsite, .ie7 #rightlink {
  margin-left: 8px; }

.gte9 .halflink:hover .linkpic, .gte9 .linkpic:focus, .nie .halflink:hover .linkpic, .nie .linkpic:focus {
  margin-left: 0px;
  -webkit-transition: margin-left .3s .4s;
  -o-transition: margin-left .3s .4s;
  transition: margin-left .3s .4s; }

.lte7 .linkpic {
  display: inline; }

.ie8 .linkpic {
  display: inline-block; }

.gte9 .linkpic img, .nie .linkpic img {
  height: 100%;
  width: 100%; }

.linkpic img, .linkpic .linkedin .image, .linkpic object, .linkpic {
  display: inline-block; }
  .contentcontainersm .linkpic img, .linkpic img, .contentcontainersm .linkpic .linkedin .image, .linkpic .linkedin .image, .contentcontainersm .linkpic object, .linkpic object, .contentcontainersm .linkpic, .linkpic {
    height: 30px; }
  .contentcontainermed .linkpic img, .contentcontainermed .linkpic .linkedin .image, .contentcontainermed .linkpic object, .contentcontainermed .linkpic {
    height: 50px; }
  .contentcontainerbig .linkpic img, .contentcontainerbig .linkpic .linkedin .image, .contentcontainerbig .linkpic object, .contentcontainerbig .linkpic {
    height: 65px; }

.contentcontainersm .linkpic .linkedin, .linkpic .linkedin, .contentcontainersm .linkpic .linkedin .image, .linkpic .linkedin .image {
  width: 30px; }

.contentcontainermed .linkpic .linkedin, .contentcontainermed .linkpic .linkedin .image {
  width: 50px; }

.contentcontainerbig .linkpic .linkedin, .contentcontainerbig .linkpic .linkedin .image {
  width: 65px; }

.contentcontainersm .linkpic .portfolio, .linkpic .portfolio, .contentcontainersm .linkpic .portfolio .image, .linkpic .portfolio .image {
  width: 39px; }

.contentcontainermed .linkpic .portfolio, .contentcontainermed .linkpic .portfolio .image {
  width: 66px; }

.contentcontainerbig .linkpic .portfolio, .contentcontainerbig .linkpic .portfolio .image {
  width: 86px; }

.contentcontainersm .linkpic .contact, .linkpic .contact, .contentcontainersm .linkpic .contact .image, .linkpic .contact .image {
  width: 48px; }

.contentcontainermed .linkpic .contact, .contentcontainermed .linkpic .contact .image {
  width: 79px; }

.contentcontainerbig .linkpic .contact, .contentcontainerbig .linkpic .contact .image {
  width: 103px; }

.linktext {
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  transition: all .3s 0s;
  /**/
  display: inline-block;
  vertical-align: middle;
  overflow: hidden; }
  .nie .linktext, .gte9 .linktext {
    max-width: 0; }
  .lte8 .linktext {
    display: none; }
  .ie8 .linktext.lowielink {
    display: inline-block; }
  .lte7 .linktext.lowielink {
    display: inline; }
  .contentcontainersm .linktext, .linktext {
    margin-left: 8px;
    line-height: 15px; }
  .contentcontainermed .linktext {
    margin-left: 12px;
    line-height: 25px; }
  .contentcontainerbig .linktext {
    margin-left: 15px;
    line-height: 32.5px; }
  .gte9 .linktext p, .nie .linktext p {
    /**/
    opacity: 0;
    white-space: nowrap;
    margin: 0;
    -webkit-transition: opacity 0s .4s;
    -o-transition: opacity 0s .4s;
    transition: opacity 0s .4s; }

.halflink:hover .linktext {
  -webkit-transition: all .3s .4s;
  -o-transition: all .3s .4s;
  transition: all .3s .4s; }
  .gte9 .contentcontainersm .halflink:hover .linktext, .nie .contentcontainersm .halflink:hover .linktext, .gte9 .halflink:hover .linktext, .nie .halflink:hover .linktext {
    max-width: 300px; }
  .gte9 .contentcontainermed .halflink:hover .linktext, .nie .contentcontainermed .halflink:hover .linktext {
    max-width: 450px; }
  .gte9 .contentcontainerbig .halflink:hover .linktext, .nie .contentcontainerbig .halflink:hover .linktext {
    max-width: 600px; }
  .halflink:hover .linktext p {
    opacity: 1;
    -webkit-transition: opacity 0s 0s;
    -o-transition: opacity 0s 0s;
    transition: opacity 0s 0s; }
    .contentcontainersm .halflink:hover .linktext p, .halflink:hover .linktext p {
      margin-right: 8px; }
    .contentcontainermed .halflink:hover .linktext p {
      margin-right: 12px; }
    .contentcontainerbig .halflink:hover .linktext p {
      margin-right: 15px; }

.gte8 .halflink:hover .linkpic, .nie .halflink:hover .linkpic {
  margin-left: 0px; }

.contentcontainersm #contact, #contact {
  top: 68px;
  background-image: url("../images/sm_contact.png"); }
  .lte6 .contentcontainersm #contact, .lte6 #contact {
    background-image: url("../images/sm_contact.gif"); }

.contentcontainermed #contact {
  top: 101px;
  background-image: url("../images/med_contact.png"); }
  .lte6 .contentcontainermed #contact {
    background-image: url("../images/med_contact.gif"); }

.contentcontainerbig #contact {
  top: 135px;
  background-image: url("../images/big_contact.png"); }
  .lte6 .contentcontainerbig #contact {
    background-image: url("../images/big_contact.gif"); }

.nonhoverlink {
  position: absolute;
  z-index: 2;
  display: none;
  width: 100%;
  overflow: hidden;
  text-align: center; }
  .lte6 .nonhoverlink {
    display: block; }
  .nonhoverlink:hover, .nonhoverlink:active {
    background-color: transparent; }
  .nonhoverlink img {
    width: 1000px;
    height: 1000px; }
  .contentcontainersm .nonhoverlink, .nonhoverlink {
    height: 36px; }
  .contentcontainermed .nonhoverlink {
    height: 60px; }
  .contentcontainerbig .nonhoverlink {
    height: 78px; }

.hoverlinkcenter {
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s; }
  .n7 .contentcontainersm .hoverlinkcenter, .hoverlinkcenter {
    height: 18px;
    height: 18px; }
  .n7 .contentcontainermed .hoverlinkcenter {
    height: 30px; }
  .n7 .contentcontainerbig .hoverlinkcenter {
    height: 39px; }
  .nie .hoverlink:hover .hoverlinkcenter, .gte8 .hoverlink:hover .hoverlinkcenter, .nie
  .hoverlink:active .hoverlinkcenter, .gte8
  .hoverlink:active .hoverlinkcenter {
    height: 0px; }

.hoverlinkwidth {
  z-index: 3;
  width: 100%;
  height: 0px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -ms-transition: all 0s ease 0s; }
  .ie6 .hoverlinkwidth {
    z-index: 1; }
  .n7 .hoverlinkwidth {
    float: right; }
  .ie7 .hoverlinkwidth {
    position: absolute;
    top: 0;
    right: 0px; }
  .hoverlink:hover .hoverlinkwidth,
  .hoverlink:active .hoverlinkwidth {
    -ms-transition: all .3s ease 0s; }
    .nie .contentcontainersm .hoverlink:hover .hoverlinkwidth, .gte8 .contentcontainersm .hoverlink:hover .hoverlinkwidth, .nie .hoverlink:hover .hoverlinkwidth, .gte8 .hoverlink:hover .hoverlinkwidth, .nie .contentcontainersm
    .hoverlink:active .hoverlinkwidth, .gte8 .contentcontainersm
    .hoverlink:active .hoverlinkwidth, .nie
    .hoverlink:active .hoverlinkwidth, .gte8
    .hoverlink:active .hoverlinkwidth {
      min-width: 200px;
      height: 36px; }
    .nie .contentcontainermed .hoverlink:hover .hoverlinkwidth, .gte8 .contentcontainermed .hoverlink:hover .hoverlinkwidth, .nie .contentcontainermed
    .hoverlink:active .hoverlinkwidth, .gte8 .contentcontainermed
    .hoverlink:active .hoverlinkwidth {
      min-width: 250px;
      height: 60px; }
    .nie .contentcontainerbig .hoverlink:hover .hoverlinkwidth, .gte8 .contentcontainerbig .hoverlink:hover .hoverlinkwidth, .nie .contentcontainerbig
    .hoverlink:active .hoverlinkwidth, .gte8 .contentcontainerbig
    .hoverlink:active .hoverlinkwidth {
      min-width: 300px;
      height: 78px; }

.hoverlinkinner {
  width: 0%;
  margin: auto;
  background-image: url("../images/trans90.png");
  font-size: 0;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -ms-transition: all 0s ease 0s; }
  .hoverlink:hover .hoverlinkinner,
  .hoverlink:active .hoverlinkinner {
    -ms-transition: all .3s ease 0s;
    font-size: .85em; }

/*  Metro Styles
  --------------------------------------------------------------------- */
/*==Universals==*/
.resubox {
  position: relative; }
  .lte7 .resubox {
    zoom: 1; }
  .lte6 .resubox {
    width: 100%; }
  .contentcontainersm .resubox, .resubox {
    margin-left: -15px;
    padding-left: 15px; }
  .contentcontainermed .resubox {
    margin-left: -22px;
    padding-left: 22px; }
  .contentcontainerbig .resubox {
    margin-left: -32px;
    padding-left: 32px; }
  .resubox .orange {
    z-index: -1; }
  .resubox .blue {
    z-index: 2; }
  .resubox .all {
    z-index: 1; }

.resuinfobox {
  position: relative; }
  .contentcontainersm .resuinfobox, .resuinfobox {
    padding-left: 35px; }
  .contentcontainermed .resuinfobox {
    padding-left: 57px; }
  .contentcontainerbig .resuinfobox {
    padding-left: 82px; }

.contentcontainersm .subresuinfobox, .subresuinfobox {
  padding-left: 13px; }

.contentcontainermed .subresuinfobox {
  padding-left: 20px; }

.contentcontainerbig .subresuinfobox {
  padding-left: 29px; }

/*==Parens==*/
@-webkit-keyframes smparorange {
  0% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  40% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    -webkit-transform: translate(6px,0) scale(1.5,1.5);
    transform: translate(6px,0) scale(1.5,1.5);
    opacity: 0; } }

@-moz-keyframes smparorange {
  0% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  40% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    -webkit-transform: translate(6px,0) scale(1.5,1.5);
    transform: translate(6px,0) scale(1.5,1.5);
    opacity: 0; } }

@-o-keyframes smparorange {
  0% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  40% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    -webkit-transform: translate(6px,0) scale(1.5,1.5);
    transform: translate(6px,0) scale(1.5,1.5);
    opacity: 0; } }

@keyframes smparorange {
  0% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  40% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    -webkit-transform: translate(6px,0) scale(1.5,1.5);
    transform: translate(6px,0) scale(1.5,1.5);
    opacity: 0; } }

@-webkit-keyframes smparblue {
  0% {
    -webkit-transform: translate(12px,0) scale(1.5,1.5);
    transform: translate(12px,0) scale(1.5,1.5);
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes smparblue {
  0% {
    -webkit-transform: translate(12px,0) scale(1.5,1.5);
    transform: translate(12px,0) scale(1.5,1.5);
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-o-keyframes smparblue {
  0% {
    -webkit-transform: translate(12px,0) scale(1.5,1.5);
    transform: translate(12px,0) scale(1.5,1.5);
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes smparblue {
  0% {
    -webkit-transform: translate(12px,0) scale(1.5,1.5);
    transform: translate(12px,0) scale(1.5,1.5);
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes medparorange {
  0% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  40% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    -webkit-transform: translate(10px,0) scale(1.5,1.5);
    transform: translate(10px,0) scale(1.5,1.5);
    opacity: 0; } }

@-moz-keyframes medparorange {
  0% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  40% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    -webkit-transform: translate(10px,0) scale(1.5,1.5);
    transform: translate(10px,0) scale(1.5,1.5);
    opacity: 0; } }

@-o-keyframes medparorange {
  0% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  40% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    -webkit-transform: translate(10px,0) scale(1.5,1.5);
    transform: translate(10px,0) scale(1.5,1.5);
    opacity: 0; } }

@keyframes medparorange {
  0% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  40% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    -webkit-transform: translate(10px,0) scale(1.5,1.5);
    transform: translate(10px,0) scale(1.5,1.5);
    opacity: 0; } }

@-webkit-keyframes medparblue {
  0% {
    -webkit-transform: translate(20px,0) scale(1.5,1.5);
    transform: translate(20px,0) scale(1.5,1.5);
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes medparblue {
  0% {
    -webkit-transform: translate(20px,0) scale(1.5,1.5);
    transform: translate(20px,0) scale(1.5,1.5);
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-o-keyframes medparblue {
  0% {
    -webkit-transform: translate(20px,0) scale(1.5,1.5);
    transform: translate(20px,0) scale(1.5,1.5);
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes medparblue {
  0% {
    -webkit-transform: translate(20px,0) scale(1.5,1.5);
    transform: translate(20px,0) scale(1.5,1.5);
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes bigparorange {
  0% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  40% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    -webkit-transform: translate(10px,0) scale(1.5,1.5);
    transform: translate(10px,0) scale(1.5,1.5);
    opacity: 0; } }

@-moz-keyframes bigparorange {
  0% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  40% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    -webkit-transform: translate(10px,0) scale(1.5,1.5);
    transform: translate(10px,0) scale(1.5,1.5);
    opacity: 0; } }

@-o-keyframes bigparorange {
  0% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  40% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    -webkit-transform: translate(10px,0) scale(1.5,1.5);
    transform: translate(10px,0) scale(1.5,1.5);
    opacity: 0; } }

@keyframes bigparorange {
  0% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  40% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    -webkit-transform: translate(10px,0) scale(1.5,1.5);
    transform: translate(10px,0) scale(1.5,1.5);
    opacity: 0; } }

@-webkit-keyframes bigparblue {
  0% {
    -webkit-transform: translate(20px,0) scale(1.5,1.5);
    transform: translate(20px,0) scale(1.5,1.5);
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes bigparblue {
  0% {
    -webkit-transform: translate(20px,0) scale(1.5,1.5);
    transform: translate(20px,0) scale(1.5,1.5);
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-o-keyframes bigparblue {
  0% {
    -webkit-transform: translate(20px,0) scale(1.5,1.5);
    transform: translate(20px,0) scale(1.5,1.5);
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes bigparblue {
  0% {
    -webkit-transform: translate(20px,0) scale(1.5,1.5);
    transform: translate(20px,0) scale(1.5,1.5);
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    -webkit-transform: translate(0,0) scale(1,1);
    transform: translate(0,0) scale(1,1);
    opacity: 1; }
  100% {
    opacity: 0; } }

.parbox img {
  position: absolute;
  left: 0px;
  display: block;
  background-repeat: no-repeat;
  height: 100%; }
  .nie .parbox img, .gte10 .parbox img {
    background-size: 100% 100%; }
  .nie .parbox img, .gte10 .parbox img {
    max-height: 160px; }
  .contentcontainersm .parbox img, .parbox img {
    width: 40px; }
    .lte9 .contentcontainersm .parbox img, .lte9 .parbox img {
      height: 126px; }
  .contentcontainermed .parbox img {
    width: 60px; }
    .lte9 .contentcontainermed .parbox img {
      height: 188px; }
  .contentcontainerbig .parbox img {
    width: 81px; }
    .lte9 .contentcontainerbig .parbox img {
      height: 250px; }

.gte10 .contentcontainersm .parbox .orange, .nie .contentcontainersm .parbox .orange, .gte10 .parbox .orange, .nie .parbox .orange {
  background-image: url("../images/sm_par_orange.png"); }

.ie8 .contentcontainersm .parbox .orange, .ie7 .contentcontainersm .parbox .orange, .ie9 .contentcontainersm .parbox .orange, .ie8 .parbox .orange, .ie7 .parbox .orange, .ie9 .parbox .orange {
  left: -10.5px;
  top: -31px;
  width: 61px;
  height: 186px;
  background-image: url("../images/sm_par_orange_sprite.png"); }

.gte10 .contentcontainermed .parbox .orange, .nie .contentcontainermed .parbox .orange {
  background-image: url("../images/med_par_orange.png"); }

.ie8 .contentcontainermed .parbox .orange, .ie7 .contentcontainermed .parbox .orange, .ie9 .contentcontainermed .parbox .orange {
  left: -16px;
  top: -46.5px;
  width: 92px;
  height: 279px;
  /*test*/
  background-image: url("../images/med_par_orange_sprite.png"); }

.gte10 .contentcontainerbig .parbox .orange, .nie .contentcontainerbig .parbox .orange {
  background-image: url("../images/big_par_orange.png"); }

.ie8 .contentcontainerbig .parbox .orange, .ie7 .contentcontainerbig .parbox .orange, .ie9 .contentcontainerbig .parbox .orange {
  left: -20.5px;
  top: -62px;
  width: 122px;
  height: 372px;
  background-image: url("../images/big_par_orange_sprite.png"); }

.contentcontainersm .parbox.hover .orange, .parbox.hover .orange {
  -webkit-animation: smparorange 0.5s ease 0s 1 normal none;
  -moz-animation: smparorange 0.5s ease 0s 1 normal none;
  -o-animation: smparorange 0.5s ease 0s 1 normal none;
  animation: smparorange 0.5s ease 0s 1 normal none; }

.contentcontainermed .parbox.hover .orange {
  -webkit-animation: medparorange 0.5s ease 0s 1 normal none;
  -moz-animation: medparorange 0.5s ease 0s 1 normal none;
  -o-animation: medparorange 0.5s ease 0s 1 normal none;
  animation: medparorange 0.5s ease 0s 1 normal none; }

.contentcontainerbig .parbox.hover .orange {
  -webkit-animation: bigparorange 0.5s ease 0s 1 normal none;
  -moz-animation: bigparorange 0.5s ease 0s 1 normal none;
  -o-animation: bigparorange 0.5s ease 0s 1 normal none;
  animation: bigparorange 0.5s ease 0s 1 normal none; }

.gte10 .contentcontainersm .parbox .blue, .nie .contentcontainersm .parbox .blue, .gte10 .parbox .blue, .nie .parbox .blue {
  background-image: url("../images/sm_par_blue.png"); }

.ie8 .contentcontainersm .parbox .blue, .ie7 .contentcontainersm .parbox .blue, .ie9 .contentcontainersm .parbox .blue, .ie8 .parbox .blue, .ie7 .parbox .blue, .ie9 .parbox .blue {
  left: -10.5px;
  top: -31px;
  width: 61px;
  height: 186px;
  background-image: url("../images/sm_par_blue_sprite.png"); }

.gte10 .contentcontainermed .parbox .blue, .nie .contentcontainermed .parbox .blue {
  background-image: url("../images/med_par_blue.png"); }

.ie8 .contentcontainermed .parbox .blue, .ie7 .contentcontainermed .parbox .blue, .ie9 .contentcontainermed .parbox .blue {
  left: -16px;
  top: -46.5px;
  width: 92px;
  height: 279px;
  background-image: url("../images/med_par_blue_sprite.png"); }

.gte10 .contentcontainerbig .parbox .blue, .nie .contentcontainerbig .parbox .blue {
  background-image: url("../images/big_par_blue.png"); }

.ie8 .contentcontainerbig .parbox .blue, .ie7 .contentcontainerbig .parbox .blue, .ie9 .contentcontainerbig .parbox .blue {
  left: -20.5px;
  top: -62px;
  width: 122px;
  height: 372px;
  background-image: url("../images/big_par_blue_sprite.png"); }

.contentcontainersm .parbox.hover .blue, .parbox.hover .blue {
  -webkit-animation: smparblue 0.5s ease 0s 1 normal none;
  -moz-animation: smparblue 0.5s ease 0s 1 normal none;
  -o-animation: smparblue 0.5s ease 0s 1 normal none;
  animation: smparblue 0.5s ease 0s 1 normal none; }

.contentcontainermed .parbox.hover .blue {
  -webkit-animation: bigparblue 0.5s ease 0s 1 normal none;
  -moz-animation: bigparblue 0.5s ease 0s 1 normal none;
  -o-animation: bigparblue 0.5s ease 0s 1 normal none;
  animation: bigparblue 0.5s ease 0s 1 normal none; }

.contentcontainerbig .parbox.hover .blue {
  -webkit-animation: bigparblue 0.5s ease 0s 1 normal none;
  -moz-animation: bigparblue 0.5s ease 0s 1 normal none;
  -o-animation: bigparblue 0.5s ease 0s 1 normal none;
  animation: bigparblue 0.5s ease 0s 1 normal none; }

.lte6 .parbox img {
  background-image: none; }

.contentcontainersm .parbox .all, .parbox .all {
  background-image: url("../images/sm_par_all.png"); }
  .lte6 .contentcontainersm .parbox .all, .lte6 .parbox .all {
    background-image: url("../images/sm_par_all.gif"); }

.contentcontainermed .parbox .all {
  background-image: url("../images/med_par_all.png"); }
  .lte6 .contentcontainermed .parbox .all {
    background-image: url("../images/med_par_all.gif"); }

.contentcontainerbig .parbox .all {
  background-image: url("../images/big_par_all.png"); }
  .lte6 .contentcontainerbig .parbox .all {
    background-image: url("../images/big_par_all.gif"); }

/*==Dots==*/
@-webkit-keyframes dotorange {
  0% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1; }
  40% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2,2);
    transform: scale(2,2);
    opacity: 0; } }

@-moz-keyframes dotorange {
  0% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1; }
  40% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2,2);
    transform: scale(2,2);
    opacity: 0; } }

@-o-keyframes dotorange {
  0% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1; }
  40% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2,2);
    transform: scale(2,2);
    opacity: 0; } }

@keyframes dotorange {
  0% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1; }
  40% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2,2);
    transform: scale(2,2);
    opacity: 0; } }

@-webkit-keyframes dotblue {
  0% {
    -webkit-transform: scale(2,2);
    transform: scale(2,2);
    opacity: 0; }
  25% {
    opacity: 1; }
  75% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes dotblue {
  0% {
    -webkit-transform: scale(2,2);
    transform: scale(2,2);
    opacity: 0; }
  25% {
    opacity: 1; }
  75% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-o-keyframes dotblue {
  0% {
    -webkit-transform: scale(2,2);
    transform: scale(2,2);
    opacity: 0; }
  25% {
    opacity: 1; }
  75% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes dotblue {
  0% {
    -webkit-transform: scale(2,2);
    transform: scale(2,2);
    opacity: 0; }
  25% {
    opacity: 1; }
  75% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1; }
  100% {
    opacity: 0; } }

.dotbox {
  background-position: left;
  background-repeat: repeat-y; }
  .contentcontainersm .dotbox, .dotbox {
    background-size: 32px 2px; }
    .contentcontainersm .dotbox img, .dotbox img {
      width: 32px;
      height: 32px; }
    .gte10 .contentcontainersm .dotbox .orange, .nie .contentcontainersm .dotbox .orange, .gte10 .dotbox .orange, .nie .dotbox .orange {
      background-image: url("../images/sm_dot_orange.png"); }
    .ie8 .contentcontainersm .dotbox .orange, .ie7 .contentcontainersm .dotbox .orange, .ie9 .contentcontainersm .dotbox .orange, .ie8 .dotbox .orange, .ie7 .dotbox .orange, .ie9 .dotbox .orange {
      left: -16px;
      top: -16px;
      width: 64px;
      height: 64px;
      background-image: url("../images/sm_dot_orange_sprite.png"); }
    .gte10 .contentcontainersm .dotbox .blue, .nie .contentcontainersm .dotbox .blue, .gte10 .dotbox .blue, .nie .dotbox .blue {
      background-image: url("../images/sm_dot_blue.png"); }
    .ie8 .contentcontainersm .dotbox .blue, .ie7 .contentcontainersm .dotbox .blue, .ie9 .contentcontainersm .dotbox .blue, .ie8 .dotbox .blue, .ie7 .dotbox .blue, .ie9 .dotbox .blue {
      left: -16px;
      top: -16px;
      width: 64px;
      height: 64px;
      background-image: url("../images/sm_dot_blue_sprite.png"); }
    .contentcontainersm .dotbox .resuinfobox, .dotbox .resuinfobox {
      top: -15px;
      /*should equal -(1/2 line height of first line + small adjustment)  also: should match .dotbot .resuinfobox{margin-bottom} */
      min-height: 20px; }
  .contentcontainermed .dotbox {
    background-size: 48px 2px; }
    .contentcontainermed .dotbox img {
      width: 48px;
      height: 48px; }
    .gte10 .contentcontainermed .dotbox .orange, .nie .contentcontainermed .dotbox .orange {
      background-image: url("../images/med_dot_orange.png"); }
    .ie8 .contentcontainermed .dotbox .orange, .ie7 .contentcontainermed .dotbox .orange, .ie9 .contentcontainermed .dotbox .orange {
      left: -24px;
      top: -24px;
      width: 96px;
      height: 96px;
      background-image: url("../images/med_dot_orange_sprite.png"); }
    .gte10 .contentcontainermed .dotbox .blue, .nie .contentcontainermed .dotbox .blue {
      background-image: url("../images/med_dot_blue.png"); }
    .ie8 .contentcontainermed .dotbox .blue, .ie7 .contentcontainermed .dotbox .blue, .ie9 .contentcontainermed .dotbox .blue {
      left: -24px;
      top: -24px;
      width: 96px;
      height: 96px;
      background-image: url("../images/med_dot_blue_sprite.png"); }
    .contentcontainermed .dotbox .resuinfobox {
      top: -22px;
      /*should equal -(1/2 line height of first line + small adjustment)  also: should match .dotbot .resuinfobox{margin-bottom} */
      min-height: 30px; }
  .contentcontainerbig .dotbox {
    background-size: 64px 2px; }
    .contentcontainerbig .dotbox img {
      width: 64px;
      height: 64px; }
    .gte10 .contentcontainerbig .dotbox .orange, .nie .contentcontainerbig .dotbox .orange {
      background-image: url("../images/big_dot_orange.png"); }
    .ie8 .contentcontainerbig .dotbox .orange, .ie7 .contentcontainerbig .dotbox .orange, .ie9 .contentcontainerbig .dotbox .orange {
      left: -32px;
      top: -32px;
      width: 128px;
      height: 128px;
      background-image: url("../images/big_dot_orange_sprite.png"); }
    .gte10 .contentcontainerbig .dotbox .blue, .nie .contentcontainerbig .dotbox .blue {
      background-image: url("../images/big_dot_blue.png"); }
    .ie8 .contentcontainerbig .dotbox .blue, .ie7 .contentcontainerbig .dotbox .blue, .ie9 .contentcontainerbig .dotbox .blue {
      left: -32px;
      top: -32px;
      width: 128px;
      height: 128px;
      background-image: url("../images/big_dot_blue_sprite.png"); }
    .contentcontainerbig .dotbox .resuinfobox {
      top: -30px;
      /*should equal -(1/2 line height of first line + small adjustment)  also: should match .dotbot .resuinfobox{margin-bottom} */
      min-height: 40px; }
  .dotbox > img {
    position: absolute;
    left: 0px;
    display: block;
    background-repeat: no-repeat; }
  .dotbox.hover .orange {
    -webkit-animation: dotorange 0.5s ease 0s 1 normal none;
    -moz-animation: dotorange 0.5s ease 0s 1 normal none;
    -o-animation: dotorange 0.5s ease 0s 1 normal none;
    animation: dotorange 0.5s ease 0s 1 normal none; }
  .dotbox.hover .blue {
    -webkit-animation: dotblue 0.5s ease 0s 1 normal none;
    -moz-animation: dotblue 0.5s ease 0s 1 normal none;
    -o-animation: dotblue 0.5s ease 0s 1 normal none;
    animation: dotblue 0.5s ease 0s 1 normal none; }

.subdot {
  position: relative; }

.ie6 .orange,
.ie6 .blue, .ie7 .orange {
  display: none !important; }

.contentcontainersm .dottop, .dottop {
  background-image: url("../images/sm_dot_line.png");
  /*needs this to be here instead of .dotbox so that .bot can not have*/
  margin-top: 18px;
  /*should match .dotbox .resuinfobox{top} plus .sectionheading {margin-bottom}, should only exist in top. moves the top of a .dotbox grouping down so no content overlaps*/ }
  .gte10 .contentcontainersm .dottop .orange, .nie .contentcontainersm .dottop .orange, .gte10 .contentcontainersm .dottop .blue, .nie .contentcontainersm .dottop .blue, .gte10 .dottop .orange, .nie .dottop .orange, .gte10 .dottop .blue, .nie .dottop .blue {
    top: -19px; }
  .ie8 .contentcontainersm .dottop .orange, .ie7 .contentcontainersm .dottop .orange, .ie9 .contentcontainersm .dottop .orange, .ie8 .contentcontainersm .dottop .blue, .ie7 .contentcontainersm .dottop .blue, .ie9 .contentcontainersm .dottop .blue, .ie8 .dottop .orange, .ie7 .dottop .orange, .ie9 .dottop .orange, .ie8 .dottop .blue, .ie7 .dottop .blue, .ie9 .dottop .blue {
    top: -35px; }
  .lte6 .contentcontainersm .dottop .orange, .lte6 .contentcontainersm .dottop .blue, .lte6 .dottop .orange, .lte6 .dottop .blue {
    display: none; }
  .contentcontainersm .dottop .all, .dottop .all {
    position: absolute;
    left: 0;
    top: -19px;
    background-image: url("../images/sm_dot_top.png"); }
    .lte6 .contentcontainersm .dottop .all, .lte6 .dottop .all {
      background-image: url("../images/sm_dot_top.gif"); }
  .lte6 .contentcontainersm .dottop, .lte6 .dottop {
    background-image: url("../images/sm_dot_line.gif");
    /*needs this to be here instead of .dotbox so that .bot can not have*/ }

.contentcontainermed .dottop {
  background-image: url("../images/med_dot_line.png");
  /*needs this to be here instead of .dotbox so that .bot can not have*/
  margin-top: 26px;
  /*should match .dotbox .resuinfobox{top} plus .sectionheading {margin-bottom}, should only exist in top. moves the top of a .dotbox grouping down so no content overlaps*/ }
  .gte10 .contentcontainermed .dottop .orange, .nie .contentcontainermed .dottop .orange, .gte10 .contentcontainermed .dottop .blue, .nie .contentcontainermed .dottop .blue {
    top: -29px; }
  .ie8 .contentcontainermed .dottop .orange, .ie7 .contentcontainermed .dottop .orange, .ie9 .contentcontainermed .dottop .orange, .ie8 .contentcontainermed .dottop .blue, .ie7 .contentcontainermed .dottop .blue, .ie9 .contentcontainermed .dottop .blue {
    top: -53px; }
  .lte6 .contentcontainermed .dottop .orange, .lte6 .contentcontainermed .dottop .blue {
    display: none; }
  .contentcontainermed .dottop .all {
    position: absolute;
    left: 0;
    top: -29px;
    background-image: url("../images/med_dot_top.png"); }
    .lte6 .contentcontainermed .dottop .all {
      background-image: url("../images/med_dot_top.gif"); }
  .lte6 .contentcontainermed .dottop {
    background-image: url("../images/med_dot_line.gif");
    /*needs this to be here instead of .dotbox so that .bot can not have*/ }

.contentcontainerbig .dottop {
  background-image: url("../images/big_dot_line.png");
  /*needs this to be here instead of .dotbox so that .bot can not have*/
  margin-top: 35px;
  /*should match .dotbox .resuinfobox{top} plus .sectionheading {margin-bottom}, should only exist in top. moves the top of a .dotbox grouping down so no content overlaps*/ }
  .gte10 .contentcontainerbig .dottop .orange, .nie .contentcontainerbig .dottop .orange, .gte10 .contentcontainerbig .dottop .blue, .nie .contentcontainerbig .dottop .blue {
    top: -38px; }
  .ie8 .contentcontainerbig .dottop .orange, .ie7 .contentcontainerbig .dottop .orange, .ie9 .contentcontainerbig .dottop .orange, .ie8 .contentcontainerbig .dottop .blue, .ie7 .contentcontainerbig .dottop .blue, .ie9 .contentcontainerbig .dottop .blue {
    top: -70px; }
  .lte6 .contentcontainerbig .dottop .orange, .lte6 .contentcontainerbig .dottop .blue {
    display: none; }
  .contentcontainerbig .dottop .all {
    position: absolute;
    left: 0;
    top: -38px;
    background-image: url("../images/big_dot_top.png"); }
    .lte6 .contentcontainerbig .dottop .all {
      background-image: url("../images/big_dot_top.gif"); }
  .lte6 .contentcontainerbig .dottop {
    background-image: url("../images/big_dot_line.gif");
    /*needs this to be here instead of .dotbox so that .bot can not have*/ }

.contentcontainersm .dotmid, .dotmid {
  background-image: url("../images/sm_dot_line.png");
  /*needs this to be here instead of .dotbox so that .bot can not have*/ }
  .gte10 .contentcontainersm .dotmid .orange, .nie .contentcontainersm .dotmid .orange, .gte10 .contentcontainersm .dotmid .blue, .nie .contentcontainersm .dotmid .blue, .gte10 .dotmid .orange, .nie .dotmid .orange, .gte10 .dotmid .blue, .nie .dotmid .blue {
    top: -20px; }
  .ie8 .contentcontainersm .dotmid .orange, .ie7 .contentcontainersm .dotmid .orange, .ie9 .contentcontainersm .dotmid .orange, .ie8 .contentcontainersm .dotmid .blue, .ie7 .contentcontainersm .dotmid .blue, .ie9 .contentcontainersm .dotmid .blue, .ie8 .dotmid .orange, .ie7 .dotmid .orange, .ie9 .dotmid .orange, .ie8 .dotmid .blue, .ie7 .dotmid .blue, .ie9 .dotmid .blue {
    top: -36px; }
  .lte6 .contentcontainersm .dotmid .orange, .lte6 .contentcontainersm .dotmid .blue, .lte6 .dotmid .orange, .lte6 .dotmid .blue {
    display: none; }
  .contentcontainersm .dotmid .all, .dotmid .all {
    position: absolute;
    left: 0;
    top: -20px;
    background-image: url("../images/sm_dot_mid.png"); }
    .lte6 .contentcontainersm .dotmid .all, .lte6 .dotmid .all {
      background-image: url("../images/sm_dot_mid.gif"); }
  .lte6 .contentcontainersm .dotmid, .lte6 .dotmid {
    background-image: url("../images/sm_dot_line.gif");
    /*needs this to be here instead of .dotbox so that .bot can not have*/ }

.contentcontainermed .dotmid {
  background-image: url("../images/med_dot_line.png");
  /*needs this to be here instead of .dotbox so that .bot can not have*/ }
  .gte10 .contentcontainermed .dotmid .orange, .nie .contentcontainermed .dotmid .orange, .gte10 .contentcontainermed .dotmid .blue, .nie .contentcontainermed .dotmid .blue {
    top: -30px; }
  .ie8 .contentcontainermed .dotmid .orange, .ie7 .contentcontainermed .dotmid .orange, .ie9 .contentcontainermed .dotmid .orange, .ie8 .contentcontainermed .dotmid .blue, .ie7 .contentcontainermed .dotmid .blue, .ie9 .contentcontainermed .dotmid .blue {
    top: -54px; }
  .lte6 .contentcontainermed .dotmid .orange, .lte6 .contentcontainermed .dotmid .blue {
    display: none; }
  .contentcontainermed .dotmid .all {
    position: absolute;
    left: 0;
    top: -30px;
    background-image: url("../images/med_dot_mid.png"); }
    .lte6 .contentcontainermed .dotmid .all {
      background-image: url("../images/med_dot_mid.gif"); }
  .lte6 .contentcontainermed .dotmid {
    background-image: url("../images/med_dot_line.gif");
    /*needs this to be here instead of .dotbox so that .bot can not have*/ }

.contentcontainerbig .dotmid {
  background-image: url("../images/big_dot_line.png");
  /*needs this to be here instead of .dotbox so that .bot can not have*/ }
  .gte10 .contentcontainerbig .dotmid .orange, .nie .contentcontainerbig .dotmid .orange, .gte10 .contentcontainerbig .dotmid .blue, .nie .contentcontainerbig .dotmid .blue {
    top: -38px; }
  .ie8 .contentcontainerbig .dotmid .orange, .ie7 .contentcontainerbig .dotmid .orange, .ie9 .contentcontainerbig .dotmid .orange, .ie8 .contentcontainerbig .dotmid .blue, .ie7 .contentcontainerbig .dotmid .blue, .ie9 .contentcontainerbig .dotmid .blue {
    top: -70px; }
  .lte6 .contentcontainerbig .dotmid .orange, .lte6 .contentcontainerbig .dotmid .blue {
    display: none; }
  .contentcontainerbig .dotmid .all {
    position: absolute;
    left: 0;
    top: -38px;
    background-image: url("../images/big_dot_mid.png"); }
    .lte6 .contentcontainerbig .dotmid .all {
      background-image: url("../images/big_dot_mid.gif"); }
  .lte6 .contentcontainerbig .dotmid {
    background-image: url("../images/big_dot_line.gif");
    /*needs this to be here instead of .dotbox so that .bot can not have*/ }

.gte10 .contentcontainersm .dotbot .orange, .nie .contentcontainersm .dotbot .orange, .gte10 .contentcontainersm .dotbot .blue, .nie .contentcontainersm .dotbot .blue, .gte10 .dotbot .orange, .nie .dotbot .orange, .gte10 .dotbot .blue, .nie .dotbot .blue {
  top: -17px; }

.ie8 .contentcontainersm .dotbot .orange, .ie7 .contentcontainersm .dotbot .orange, .ie9 .contentcontainersm .dotbot .orange, .ie8 .contentcontainersm .dotbot .blue, .ie7 .contentcontainersm .dotbot .blue, .ie9 .contentcontainersm .dotbot .blue, .ie8 .dotbot .orange, .ie7 .dotbot .orange, .ie9 .dotbot .orange, .ie8 .dotbot .blue, .ie7 .dotbot .blue, .ie9 .dotbot .blue {
  top: -33px; }

.lte6 .contentcontainersm .dotbot .orange, .lte6 .contentcontainersm .dotbot .blue, .lte6 .dotbot .orange, .lte6 .dotbot .blue {
  display: none; }

.contentcontainersm .dotbot .all, .dotbot .all {
  position: absolute;
  left: 0;
  top: -17px;
  background-image: url("../images/sm_dot_bot.png"); }
  .lte6 .contentcontainersm .dotbot .all, .lte6 .dotbot .all {
    background-image: url("../images/sm_dot_bot.gif"); }

.contentcontainersm .dotbot .resuinfobox, .dotbot .resuinfobox {
  margin-bottom: -15px;
  /*need to match .dotbox .resuinfobox{top}*/ }

.gte10 .contentcontainermed .dotbot .orange, .nie .contentcontainermed .dotbot .orange, .gte10 .contentcontainermed .dotbot .blue, .nie .contentcontainermed .dotbot .blue {
  top: -26px; }

.ie8 .contentcontainermed .dotbot .orange, .ie7 .contentcontainermed .dotbot .orange, .ie9 .contentcontainermed .dotbot .orange, .ie8 .contentcontainermed .dotbot .blue, .ie7 .contentcontainermed .dotbot .blue, .ie9 .contentcontainermed .dotbot .blue {
  top: -50px; }

.lte6 .contentcontainermed .dotbot .orange, .lte6 .contentcontainermed .dotbot .blue {
  display: none; }

.contentcontainermed .dotbot .all {
  position: absolute;
  left: 0;
  top: -26px;
  background-image: url("../images/med_dot_bot.png"); }
  .lte6 .contentcontainermed .dotbot .all {
    background-image: url("../images/med_dot_bot.gif"); }

.contentcontainermed .dotbot .resuinfobox {
  margin-bottom: -22px;
  /*need to match .dotbox .resuinfobox{top}*/ }

.gte10 .contentcontainerbig .dotbot .orange, .nie .contentcontainerbig .dotbot .orange, .gte10 .contentcontainerbig .dotbot .blue, .nie .contentcontainerbig .dotbot .blue {
  top: -35px; }

.ie8 .contentcontainerbig .dotbot .orange, .ie7 .contentcontainerbig .dotbot .orange, .ie9 .contentcontainerbig .dotbot .orange, .ie8 .contentcontainerbig .dotbot .blue, .ie7 .contentcontainerbig .dotbot .blue, .ie9 .contentcontainerbig .dotbot .blue {
  top: -67px; }

.lte6 .contentcontainerbig .dotbot .orange, .lte6 .contentcontainerbig .dotbot .blue {
  display: none; }

.contentcontainerbig .dotbot .all {
  position: absolute;
  left: 0;
  top: -35px;
  background-image: url("../images/big_dot_bot.png"); }
  .lte6 .contentcontainerbig .dotbot .all {
    background-image: url("../images/big_dot_bot.gif"); }

.contentcontainerbig .dotbot .resuinfobox {
  margin-bottom: -30px;
  /*need to match .dotbox .resuinfobox{top}*/ }

.contentcontainersm .suball, .suball {
  background-image: url(../images/sm_dot_bluewhite.png);
  background-repeat: no-repeat;
  top: -7px;
  left: -50px;
  position: absolute; }
  .lte6 .contentcontainersm .suball, .lte6 .suball {
    display: none; }

.contentcontainermed .suball {
  background-image: url(../images/med_dot_bluewhite.png);
  top: -9px;
  left: -79px; }
  .lte6 .contentcontainermed .suball {
    display: none; }

.contentcontainerbig .suball {
  background-image: url(../images/big_dot_bluewhite.png);
  top: -12px;
  left: -114px; }
  .lte6 .contentcontainerbig .suball {
    display: none; }

/*  Skills
  --------------------------------------------------------------------- */
/*==Layout==*/
#skillcontainerouter {
  position: absolute;
  z-index: 15;
  overflow: hidden;
  background-repeat: no-repeat; }
  .contentcontainersm #skillcontainerouter, #skillcontainerouter {
    top: 0px;
    left: 7px;
    width: 362px;
    height: 221px;
    background-image: url("../images/sm_skills_bg.png"); }
    .lte8 .contentcontainersm #skillcontainerouter, .lte8 #skillcontainerouter {
      background-image: url("../images/sm_skills.gif"); }
  .contentcontainermed #skillcontainerouter {
    top: 1px;
    left: 15px;
    width: 542px;
    height: 331px;
    background-image: url("../images/med_skills_bg.png"); }
    .lte8 .contentcontainermed #skillcontainerouter {
      background-image: url("../images/med_skills.gif"); }
  .contentcontainerbig #skillcontainerouter {
    top: 1px;
    left: 15px;
    width: 723px;
    height: 441px;
    background-image: url("../images/big_skills_bg.png"); }
    .lte8 .contentcontainerbig #skillcontainerouter {
      background-image: url("../images/big_skills.gif"); }

#skillcontainerinner {
  position: absolute;
  padding: 43px 0 0px 0; }
  .lte8 #skillcontainerinner {
    display: none; }
  .contentcontainersm #skillcontainerinner, #skillcontainerinner {
    top: 10px;
    left: 8px;
    right: 14px;
    bottom: 14px;
    padding: 21px 0 0 0; }
  .contentcontainermed #skillcontainerinner {
    top: 14px;
    left: 12px;
    right: 21px;
    bottom: 21px;
    padding: 32px 0 0 0; }
  .contentcontainerbig #skillcontainerinner {
    top: 19px;
    left: 16px;
    right: 27px;
    bottom: 27px;
    padding: 43px 0 0 0; }

#skillsmaintitle {
  position: absolute;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }
  .contentcontainersm #skillsmaintitle, #skillsmaintitle {
    left: 22px;
    bottom: 145px;
    font-size: 17px; }
  .contentcontainermed #skillsmaintitle {
    left: 34px;
    bottom: 221px;
    font-size: 22px; }
  .contentcontainerbig #skillsmaintitle {
    left: 45px;
    bottom: 295px;
    font-size: 35px; }

#skillsmaintitle.hide {
  visibility: hidden; }

#skillsmaintitle.unhide {
  visibility: visible; }

.skilllefttitle {
  float: left;
  clear: both;
  text-align: right;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden; }
  .contentcontainersm .skilllefttitle, .skilllefttitle {
    width: 105px;
    height: 22px;
    padding-right: 7px;
    line-height: 25px;
    font-size: 10px; }
    .contentcontainersm .skilllefttitle.minusone, .skilllefttitle.minusone {
      width: 83px; }
    .contentcontainersm .skilllefttitle.minuszero, .skilllefttitle.minuszero {
      width: 63px; }
  .contentcontainermed .skilllefttitle {
    width: 158px;
    height: 32px;
    padding-right: 10px;
    line-height: 38px;
    font-size: 17px; }
    .contentcontainermed .skilllefttitle.minusone {
      width: 125px; }
    .contentcontainermed .skilllefttitle.minuszero {
      width: 95px; }
  .contentcontainerbig .skilllefttitle {
    width: 211px;
    height: 43px;
    padding-right: 15px;
    line-height: 50px;
    font-size: 22px; }
    .contentcontainerbig .skilllefttitle.minusone {
      width: 166px; }
    .contentcontainerbig .skilllefttitle.minuszero {
      width: 126px; }

.skillrightgraphcontainer {
  position: relative;
  float: left; }
  .contentcontainersm .skillrightgraphcontainer, .skillrightgraphcontainer {
    width: 185px;
    height: 18px;
    margin-bottom: -3px;
    border-top: 3px solid #d4a05f;
    border-left: 3px solid #d4a05f;
    border-right: 3px solid #d4a05f;
    border-bottom: 3px solid #d4a05f; }
  .contentcontainermed .skillrightgraphcontainer {
    width: 278px;
    height: 24px;
    margin-bottom: -5px;
    border-top: 5px solid #d4a05f;
    border-left: 5px solid #d4a05f;
    border-right: 5px solid #d4a05f;
    border-bottom: 5px solid #d4a05f; }
  .contentcontainerbig .skillrightgraphcontainer {
    width: 371px;
    height: 36px;
    margin-bottom: -7px;
    border-top: 7px solid #d4a05f;
    border-left: 7px solid #d4a05f;
    border-right: 7px solid #d4a05f;
    border-bottom: 7px solid #d4a05f; }

.barbg {
  position: absolute;
  background-color: #add2eb; }
  .contentcontainersm .barbg, .barbg {
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    -webkit-box-shadow: 1px 1px 1px #888888;
    box-shadow: 1px 1px 1px #888888; }
  .contentcontainermed .barbg {
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    -webkit-box-shadow: 2px 2px 2px #888888;
    box-shadow: 2px 2px 2px #888888; }
  .contentcontainerbig .barbg {
    top: 9px;
    left: 9px;
    right: 9px;
    bottom: 9px;
    -webkit-box-shadow: 2px 2px 2px #888888;
    box-shadow: 2px 2px 2px #888888; }

/*==Bars==*/
@-webkit-keyframes smbarbounce {
  0% {
    right: 100%;
    border-right: 0px solid transparent; }
  10% {
    border-right: 9px solid transparent; }
  30% {
    right: 0%; }
  60% {
    right: 50%; } }

@-moz-keyframes smbarbounce {
  0% {
    right: 100%;
    border-right: 0px solid transparent; }
  10% {
    border-right: 9px solid transparent; }
  30% {
    right: 0%; }
  60% {
    right: 50%; } }

@-o-keyframes smbarbounce {
  0% {
    right: 100%;
    border-right: 0px solid transparent; }
  10% {
    border-right: 9px solid transparent; }
  30% {
    right: 0%; }
  60% {
    right: 50%; } }

@keyframes smbarbounce {
  0% {
    right: 100%;
    border-right: 0px solid transparent; }
  10% {
    border-right: 9px solid transparent; }
  30% {
    right: 0%; }
  60% {
    right: 50%; } }

@-webkit-keyframes medbarbounce {
  0% {
    right: 100%;
    border-right: 0px solid transparent; }
  10% {
    border-right: 12px solid transparent; }
  30% {
    right: 0%; }
  60% {
    right: 50%; } }

@-moz-keyframes medbarbounce {
  0% {
    right: 100%;
    border-right: 0px solid transparent; }
  10% {
    border-right: 12px solid transparent; }
  30% {
    right: 0%; }
  60% {
    right: 50%; } }

@-o-keyframes medbarbounce {
  0% {
    right: 100%;
    border-right: 0px solid transparent; }
  10% {
    border-right: 12px solid transparent; }
  30% {
    right: 0%; }
  60% {
    right: 50%; } }

@keyframes medbarbounce {
  0% {
    right: 100%;
    border-right: 0px solid transparent; }
  10% {
    border-right: 12px solid transparent; }
  30% {
    right: 0%; }
  60% {
    right: 50%; } }

@-webkit-keyframes bigbarbounce {
  0% {
    right: 100%;
    border-right: 0px solid transparent; }
  10% {
    border-right: 18px solid transparent; }
  30% {
    right: 0%; }
  60% {
    right: 50%; } }

@-moz-keyframes bigbarbounce {
  0% {
    right: 100%;
    border-right: 0px solid transparent; }
  10% {
    border-right: 18px solid transparent; }
  30% {
    right: 0%; }
  60% {
    right: 50%; } }

@-o-keyframes bigbarbounce {
  0% {
    right: 100%;
    border-right: 0px solid transparent; }
  10% {
    border-right: 18px solid transparent; }
  30% {
    right: 0%; }
  60% {
    right: 50%; } }

@keyframes bigbarbounce {
  0% {
    right: 100%;
    border-right: 0px solid transparent; }
  10% {
    border-right: 18px solid transparent; }
  30% {
    right: 0%; }
  60% {
    right: 50%; } }

.bar {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }
  .contentcontainersm .bar, .bar {
    border-top: 10px solid #4b9ad9;
    border-right: 10px solid transparent; }
  .contentcontainermed .bar {
    border-top: 12px solid #4b9ad9;
    border-right: 12px solid transparent; }
  .contentcontainerbig .bar {
    border-top: 18px solid #4b9ad9;
    border-right: 18px solid transparent; }

.bar.p50 {
  right: 46%; }

.bar.p55 {
  right: 41%; }

.bar.p60 {
  right: 36%; }

.bar.p65 {
  right: 31%; }

.bar.p70 {
  right: 26%; }

.bar.p75 {
  right: 21%; }

.bar.p80 {
  right: 16%; }

.bar.p85 {
  right: 11%; }

.bar.p90 {
  right: 6%; }

.bar.p95 {
  right: 1%; }

.bar.p100 {
  right: 0%;
  border-top: 0px solid #4b9ad9;
  border-right: 0px solid transparent; }

.bar.p105 {
  right: -9%; }

.bar.p110 {
  right: -14%; }

.bar.p115 {
  right: -19%; }

.bar.p120 {
  right: -24%; }

.bar.p125 {
  right: -29%; }

.barhoverarea {
  position: relative; }
  .contentcontainersm .barhoverarea.hover .bar, .barhoverarea.hover .bar {
    -webkit-animation: smbarbounce 1.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal none;
    -moz-animation: smbarbounce 1.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal none;
    -o-animation: smbarbounce 1.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal none;
    animation: smbarbounce 1.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal none; }
  .contentcontainermed .barhoverarea.hover .bar {
    -webkit-animation: medbarbounce 1.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal none;
    -moz-animation: medbarbounce 1.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal none;
    -o-animation: medbarbounce 1.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal none;
    animation: medbarbounce 1.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal none; }
  .contentcontainerbig .barhoverarea.hover .bar {
    -webkit-animation: bigbarbounce 1.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal none;
    -moz-animation: bigbarbounce 1.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal none;
    -o-animation: bigbarbounce 1.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal none;
    animation: bigbarbounce 1.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal none; }

.miniportfolio {
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 0px;
  max-height: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  .miniportfolio a {
    margin-right: 20px; }
  .miniportfolio.show {
    padding-top: 20px;
    padding-bottom: 20px;
    max-height: 300px; }

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