/*************************************************************
 * author: Frontenders.com
 * contact: contact at frontenders dot com
 * description: css for all media types
 *************************************************************/
@media screen,projection {
   /* reset
    * based on Eric Meyer's reset.css
    * http://meyerweb.com/
    *************************************************************/
   body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, font, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   b, u, i, center,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend, button,
   table, caption, tbody, tfoot, thead, tr/*, th, td*/ {
       margin: 0;
       padding: 0;
       border: 0;
       outline: 0;
       font-size: 100%;
       vertical-align: baseline;
       background: transparent;
   }
   body { line-height: 1; }
   ol, ul { list-style: none; }
   blockquote, q { quotes: none; }
   /* remember to define focus styles! */
   :focus { outline: 0; }
   
   /* remember to highlight inserts somehow! */
   ins { text-decoration: none; }
   del { text-decoration: line-through; }
   
   /* tables still need 'cellspacing="0"' in the markup */
   table {
       border-collapse: collapse;
       border-spacing: 0;
   }
   /* /reset
    *****************************************************/
   
   /* global elements
    *****************************************************/
   html { height: 100%; }
   body {
       background: #fff;
       color: #1e1e20;
       font: 62.5%/1 Verdana, Arial, sans-serif;
       height: 100%;
   }
   a { text-decoration: none; }
   a:hover {  }
   p, h1, h2, h3, h4, h5, h6, ul, ol { margin: 0 0 1em; }
   h1 {
      color: #2079a6;
      font-size: 1.5em;
   }
   strong { font-weight: bold; }
   #primary a img { border: 0; }
   /* /global elements
    *****************************************************/
   
   /* common elements
    *****************************************************/
   .cols, form .item, form .button { overflow: hidden; }
   .col { float: left; }
   .l { float: left; }
   .r { float: right; }
   .print { display: none; }
   .ir {
       display: block;
       overflow: hidden;
       position: relative;
   }
   .ir span {
       cursor: pointer;
       left: 0;
       height: 100%;
       position: absolute;
       top: 0;
       width: 100%;
   }
   /* /common elements
    *****************************************************/
   
   /* base layout
    *****************************************************/
   .container {
      margin: 0 auto;
      width: 950px;
   }
   #branding {
      
   }
   #branding .container { height: 105px; }
   #wrap {
      background: #39c url(../img/bg-wrap.png) repeat-x 0 0;
      padding: 5px 0 0;
   }
   #content {
   	padding-bottom: 30px;
      background: #fff url(../img/bg-content.png) no-repeat 50% 100%;
      font-size: 1.2em;
      line-height: 1.5;
      overflow: hidden;
   }
   #content_blog {
   	padding-bottom: 30px;
      background: #fff url(../img/bg-content.png) no-repeat 50% 100%;
      font-size: 1.2em;
      line-height: 1.5;
   }
   .home #content {
      background: #fff url(../img/bg-home-content.png) repeat-x 0 0;
      overflow: visible;
   }
   .home #content .container {
      padding: 27px 0 0;
   }
   #primary {
      float: right;
      padding: 40px 40px 0;
      width: 645px;
   }
   .home #primary {
      float: none;
      padding: 0;
      width: auto;
   }
   #secondary {
      float: left;
      width: 225px;
   }
   #footer {
      background: #fff;
      clear: both;
      color: #616265;
      font-size: 1.1em;
   }
   #footer .container {
      overflow: hidden;
      padding: 20px 0;
   }
   .home #footer {
      text-align: center;
   }
   /* /base layout
    *****************************************************/
   
   /* branding elements
    *****************************************************/
   #site {
      display: inline;
      float: left;
      height: 64px;
      margin: 18px 0 0 20px;
      width: 200px;
   }
   #welcome {
      clear: right;
      color: #2079a6;
      float: right;
      font-size: 1.8em;
      padding: 50px 10px 5px 0;
   }
   /* /branding elements
    *****************************************************/
   
   /* nav elements
    *****************************************************/
   #userMenu {
      float: right;
      font-size: 1.1em;
      margin: 15px 0 0;
   }
   #userMenu li {
      background: transparent url(../img/sep-grey-dot.gif) no-repeat 0 50%;
      float: left;
      padding: 0 5px 0 8px;
      position: relative;
   }
   #userMenu li.first { background: none; }
   #userMenu a {
      border: 1px solid #fff;
      border-width: 1px 1px 0;
      color: #1e1e20;
      padding: 8px 5px 0;
      position: relative;
      z-index: 10;
   }
   #userMenu a span {
      background: transparent url(../img/bg-dropdown.gif) no-repeat 100% 50%;
      padding: 0 10px 0 0;
   }
   #userMenu a:hover, #userMenu .dropdown:hover a, #userMenu .hover a {
      color: #1b719c;
      padding-bottom: 9px;
      text-decoration: underline;
   }
   #userMenu .dropdown a:hover, #userMenu .dropdown:hover a, #userMenu .hover a {
      background: transparent url(../img/bg-user-menu-item.png) repeat-x 0 0;
      border-color: #dbdbd9;
      color: #1e1e20;
      text-decoration: none;
   }
   #userMenu ul {
      border: 1px solid #d6d6d4;
      display: none;
      position: absolute;
      right: 5px;
      top: 20px;
      z-index: 5;
   }
   #userMenu .dropdown:hover ul, #userMenu .dropdown.hover ul { display: block; }
   #userMenu .dropdown li {
      background: no-repeat;
      float: none;
      padding: 0;
      position: static;
   }
   #userMenu .dropdown li a, #userMenu .dropdown:hover li a, #userMenu .hover.dropdown li a {
      background: #fff;
      border: none;
      color: #1e1e20;
      display: block;
      float: none;
      padding: 5px 15px 5px 5px;
      position: static;
      white-space: nowrap;
      width: auto;
   }
   #userMenu .hover.dropdown li a:hover { padding-bottom: 5px; }
   #userMenu .dropdown li a span {
      background: transparent url(../img/sep-black-dot.gif) no-repeat 0 50%;
      display: block;
      padding: 2px 0 2px 10px;
   }
   #userMenu .dropdown li a:hover {
      background: transparent url(../img/bg-user-menu-item.png) repeat-x 0 100%;
   }
   
   #mainMenu {
      background: #cbcac8 url(../img/bg-main-menu.png) repeat-x 0 -3px;
      border-top: 1px solid #e5e5e5;
      height: 39px;
   }
   #mainMenu li {
      background: transparent url(../img/sep-main-menu-item.png) no-repeat 100% 50%;
      float: left;
      font-size: 1.2em;
      padding: 0 1px 0 0;
      position: relative;
   }
   #mainMenu a {
      background: transparent url(../img/bg-main-menu-item-hover.png) repeat-x 0 -100px;
      color: #1e1e20;
      float: left;
      padding: 13px 20px 14px;
   }
   #mainMenu li.active a { background: #e9e9e9; }
   #mainMenu a:hover, #mainMenu li li:hover a, #mainMenu li li.hover a, #mainMenu li.active:hover a:hover {
      background-image: url(../img/bg-main-menu-item-hover.png);
      background-color: #39c;
      background-position: 0 0;
   }
   #mainMenu ul ul {
      background: transparent url(../img/bg-main-menu-dropdown.png) no-repeat 0 100%;
      border-top: 1px solid #232426;
      display: none;
      padding: 0 1px 14px;
      position: absolute;
      top: 100%;
      width: 143px;
      z-index: 1000;
   }
   #mainMenu li:hover ul, #mainMenu li.hover ul { display: block; }
   #mainMenu li li {
      background: #fff;
      float: none;
      font-size: 1em;
      padding: 0;
      position: static;
   }
#mainMenu li li a {}
   #mainMenu li li a, #mainMenu li li:hover a, #mainMenu li li.hover a, #mainMenu li.active li a {
      background: #fff;
      background: transparent url(../img/sep-grey-dot.gif) no-repeat .8em 1em;      
      display: block;
      float: none;
      padding: 9px 20px 10px;
   }
   #mainMenu li li a:hover, #mainMenu li.active:hover li a:hover {
      background-color: #a3d3eb;
      background-image: transparent url(../img/sep-grey-dot.gif) no-repeat .8em 1em;
   }
   
   #subTop {
   		background: transparent url(../img/bg-submenu-top.png) no-repeat -1px 100%;

   		height: 18px;
   		margin-top: 40px;
   		padding: 0;
   }
   
   
   #subMenu {
      background: transparent url(../img/bg-submenu.png) no-repeat 0 100%;
      line-height: 1;
      margin-top: 0;
      padding: 0 6px 25px 6px;
   }
   #subMenu li { padding: 3px 0 0; }
   #subMenu a {
      background: transparent url(../img/sep-grey-dot.gif) no-repeat 23px 50%;
      color: #1e1e20;
      display: block;
      padding: 5px 0 5px 33px;
   }
   #subMenu a:hover { background-color: #a3d3eb; }
   #subMenu li.active a { background-color: #e2e1dd; }
   #subMenu li.active li a { background-color: #fff; }
   #subMenu li.active li a:hover { background-color: #a3d3eb; }
   #subMenu ul { margin: 0; }
   #subMenu li li a {
      background-position: 56px 50%;
      padding: 5px 0 5px 66px;
   }
   /* /nav elements
    *****************************************************/
   
   /* content elements
    *****************************************************/
   #featured {
      background: #262626;
      height: 318px;
      overflow: hidden;
   }
   #news {
      background: #cbcac8 url(../img/bg-news.png) repeat-x 0 0;
      height: 39px;
      margin: 5px 0 0;
   }
   .home .box {
      background: transparent url(../img/bg-home-box-wide.png) no-repeat 0 0;
      float: left;
      width: 475px;
   }
   .home .box .bg {
      background: transparent url(../img/bg-home-box-wide.png) no-repeat -475px 100%;
      padding: 0 0 10px 5px;
      position: relative;
   }
   .box p { margin: 0; }
   #bProductHighlight {
      background-image: url(../img/bg-home-box.png);
      width: 459px;
   }
   #bProductHighlight .bg {
      background-image: url(../img/bg-home-box.png);
      background-position: -459px 100%;
   }
   #bProductHighlight .inner {
      background: transparent url(../img/bg-product-highlight.jpg) no-repeat 0 2px;
      height: 166px;
      padding: 25px 20px 10px 255px;
   }
   #bPartnerUpdate { margin: 0 0 11px 16px; }
   #bPartnerUpdate .inner {
      background: transparent url(../img/bg-partner-update.jpg) no-repeat 0 2px;
      height: 64px;
      padding: 16px 20px 10px 205px;
   }
   #bWrenBlogs { margin: 0 0 0 16px; }
   #bWrenBlogs .inner {
      height: 64px;
      padding: 16px 20px 10px 25px;
   }
   .box h2 {
      color: #2079a6;
      font-size: 1.5em;
      font-weight: bold;
      line-height: 1.334;
      margin: 0;
   }
   #content .learnMore {
      background: #2079a6 url(../img/bg-learn-more.png) no-repeat 0 0;
      bottom: 25px;
      color: #fff;
      font-size: 0.917em;
      font-weight: bold;
      height: 21px;
      line-height: 21px;
      right: 25px;
      position: absolute;
      text-decoration: none;
   }
   #content sup {
      position: relative;
	  bottom: 5px;
	  font-size: smaller;
   }
   #content sub {
      position: relative;
	  bottom: -2px;
	  font-size: smaller;
   }
   #bPartnerUpdate .learnMore {
      bottom: 20px;
      right: 15px;
   }
   #bPartnerUpdate p, #bWrenBlogs p { font-size: 0.912em; }
   #content .learnMore span {
      background: transparent url(../img/bg-learn-more.png) no-repeat 100% 0;
      color: #fff;
      display: block;
      padding: 0 14px 0 6px;
   }
   #content .learnMore:hover {
      background-position: 0 -42px;
      text-decoration: none;
   }
   #content .learnMore:hover span { background-position: 100% -42px; }
   
   #content .chooseBlog {
      bottom: 35px;
      position: absolute;
      right: 12px;
   }
   #content .chooseBlog a {
      background: transparent url(../img/bg-choose-blog.png) no-repeat 0 0;
      color: #1e1e20;
      font-size: 0.917em;
      display: block;
      height: 34px;
      line-height: 34px;
      padding: 0 0 0 36px;
      width: 113px;
      text-decoration: none;
	  font-weight: normal;
   }
   #content .chooseBlog a:hover, #content .chooseBlog:hover a {
      background-position: -149px 0;
      color: #1e1e20;
      text-decoration: none;
	  font-weight: normal;
   }
   .chooseBlog ul {
      border: 1px solid #bdbdbd;
      display: none;
      margin: -5px 0 0 16px;
      position: absolute;
   }
   .chooseBlog:hover ul, .chooseBlog.hover ul { display: block; }
   #content .chooseBlog li {
      background: none;
      margin: 0;
      padding: 0;
   }
   #content .chooseBlog li a, #content .chooseBlog:hover li a, #content .chooseBlog.hover li a {
      background: #fff url(../img/sep-black-dot.gif) no-repeat 9px 50%;
      height: auto;
      line-height: 1.5;
      padding: 5px 10px 5px 18px;
      width: auto;
      white-space: nowrap;
   }
   #content .chooseBlog li a:hover {
      background-color: #eaeae8;
      background-position: 9px 50%;
      color: #1e1e20;
      text-decoration: none;
   }
   
   #primary a {
      color: #1e1e20;
      text-decoration: none;
      font-weight: bold;
   }
   #primary a:hover {
      color: #1b719c;
      text-decoration: none;
      font-weight: bold;
   }
   #primary li {
      background: transparent url(../img/sep-content-li.png) no-repeat 0 .5em;
      margin: 0 0 1em;
      padding: 0 0 0 10px;
   }
   #primary .downloads li {
      background: transparent;
      padding: 0;
   }
   #primary .downloads a {
      background: transparent url(../img/bg-downloads-item.png) no-repeat -800px 0;
      padding: 2px 0 2px 25px;
   }
   #primary .downloads a:hover { background-position: 0 0; }

   #breadcrumb { margin-left: -6px; }   
   #breadcrumb li {
      background: transparent url(../img/sep-breadcrumb.png) no-repeat 0 50%;
      display: inline;
      font-size: 0.917em;
      margin: 0 0 0 6px;
      padding: 0 0 0 10px;
   }
   #breadcrumb li.first {
      background: none;
      padding: 0;
   }
   #breadcrumb a {
      color: #1e1e20;
      text-decoration: none;
      font-weight: normal;
   }
   #breadcrumb a:hover {
      color: #1b719c;
      text-decoration: none; 
      font-weight: normal;
   }
   
   #secondary .box {
      background: transparent url(../img/bg-box-narrow.png) no-repeat 0 0;
      margin: 0 0 1em;
   }
   #secondary .box .bg {
      background: transparent url(../img/bg-box-narrow.png) no-repeat -225px 100%;
      padding: 10px 16px 20px;
      position: relative;
   }
   #secondary .box h2 {
      font-size: 1.167em;
      line-height: 1.286;
      margin: 0;
   }
   #secondary #bEncapsulonVideo {
      background: #2f92c3 url(../img/bg-encapsulon-video.jpg) no-repeat 0 0;
   }
   
   .no_subs{height: 40px;}
	  
   #bEncapsulonVideo a {
      background: transparent url(../img/bg-video-more.gif) no-repeat -98px 105px;
      color: #fff;
      display: block;
      height: 76px;
      overflow: hidden;
      padding: 64px 10px 0 20px;
   }
   #bEncapsulonVideo a:hover {
      background-position: 202px 105px;
      color: #d8d6d6;
   }
   #secondary #bCheckVideo .bg {
      padding-bottom: 55px;
   }
   #bCheckVideo .learnMore {
      bottom: 20px;
      right: 20px;
   }
   #secondary .box-sticky {
      background: #105d84 url(../img/bg-sticky-box.png) repeat-y -225px 0;
   }
   .box-sticky .t { background: transparent url(../img/bg-sticky-box.png) no-repeat 0 0; }
   .box-sticky .b { background: transparent url(../img/bg-sticky-box.png) no-repeat -450px 100%; }
   .box-sticky strong, .box-sticky b {
      background: transparent url(../img/bg-video-more.gif) no-repeat -300px 3px;
      padding: 0 1px;
   }
   .box-sticky a:hover strong, .box-sticky a:hover b { background-position: 0 3px; }
   .box-sticky {
      color: #d8d6d6;
   }
   .box-sticky h2 { color: #d8d6d6; }
   .box-sticky a {
      color: #fff;
      display: block;
      padding: 18px 10px 25px 20px;
   }
   .box-sticky a:hover { color: #d8d6d6; }
   .box-sticky span {
      display: block;
   }
   #secondary #bResources .bg {
      padding: 3px 6px 10px;
   }
   #secondary #bResources h2 {
      background: #e1e1e0 url(../img/bg-resources-title.png) no-repeat 0 0;
      color: #1e1e20;
      font-size: 0.917em;
      line-height: 1;
      padding: 8px 10px;
   }
   #bResources h2 span {
      float: right;
      font-weight: normal;
   }
   #bResources h2 a {
      color: #1e1e20;
   }
   #bResources h2 a:hover {
      color: #1b719c;
      text-decoration: underline;
   }
   #bResources ul {
      margin: 0;
      overflow: hidden;
   }
   #bResources li {
      border-top: 1px solid #bdbdbd;
      float: left;
      line-height: 1;
      width: 213px;
   }
   #bResources li a {
      background: transparent url(../img/bg-resources-link.png) no-repeat 0 -1px;
      color: #2079a6;
      display: block;
      padding: 6px 10px;
   }
   #bResources li a:hover {
      background-color: #afd9ee;
      color: #0d4f70;
   }
   #bResources li.open a {
      background: #d6d6d4 url(../img/bg-resources-link.png) no-repeat -213px -1px;
      cursor: default;
   }
   #bResources li.open a:hover { color: #2079a6; }
   #bResources li li { border: none; }
   #bResources li.open li a {
      background: #edecea url(../img/sep-breadcrumb.png) no-repeat 10px 50%;
      color: #1e1e20;
      cursor: pointer;
      padding: 8px 10px 8px 23px;
   }
   #bResources li.open li a:hover {
      color: #1b719c;
      text-decoration: underline;
   }
   #bResources li ul { display: none; }
   /* /content elements
    *****************************************************/
   
   /* footer elements
    *****************************************************/
   #footer .menu {
      float: left;
      padding: 0 0 2px;
   }
   #footer .menu li {
      display: inline;
      padding: 0 0 2px;
   }
   #footer p {
      float: right;
      margin: 0;
      padding: 0 0 2px;
   }
   .home #footer p {
      float: none;
      text-align: center;
   }
   #footer a {
      background: transparent url(../img/sep-grey-dot.gif) no-repeat 100% 0.5em;
      color: #616265;
      margin: 0 5px 0 0;
      padding: 0 9px 0 0;
   }
   #footer .last a { background: none; }
   #footer a:hover {
      color: #1b719c;
      text-decoration: underline;
   }
   /* /footer elements
    *****************************************************/
}
@media print {
    body {
        color: #000;
        font: 12pt/1.5 Verdana,sans-serif;
    }
    a { color: #000; }
    #mainMenu, #secondary { display: none; }
    #siteName { font-size: 120%; }
    .print { display: block; }
}

   /* nathan's elements
    *****************************************************/

.submit_input { border: 2px solid #666; background: #2079a6; color: #fff; }
.submit_input:hover { border: 2px solid #cccccc; background: #2daff2; color: #fff; }
.submit_input:active { border: 2px solid #666; background: #afd9ee; color: #000; }

#contact_table { border-right:1px dotted #000; padding-right: 15px; }
#contact_right { padding-left: 15px; }

.box_container { width: 225px; min-height: 30px;; margin: 30px; position: relative;  }
.box_content { padding: 10px 20px 10px 20px; }
.box_top { background-image:url(../Content/images/box_top.png); height: 10px; display: block!important; }
.box_mid { background-image: url(../Content/images/box_mid.png); background-repeat: no-repeat; }
.box_bottom { background-image:url(../Content/images/box_bottom.png); height: 16px; display: block; }

a.box_link, a.box_link h2 { color: #fff; text-decoration: none; }
a.box_link .pointer { background: url(../Content/images/pointer.gif) 0 -12px no-repeat; display: block; width: 7px; height: 12px; float: right; margin-top: 5px; }
a:hover.box_link, a:hover.box_link h2 { color: #d8d6d6; text-decoration: none; }
a:hover.box_link .pointer { background: url(../Content/images/pointer.gif) 0 0 no-repeat; display: block; width: 7px; height: 12px; float: right; margin-top: 5px; }


#articles { width: 645px; }
.date {  font-size: 12px;  font-weight: bold;  font-family: Helvetica, Verdana, Arial, sans-serif; padding-top: 3px; }
.title { color: #2079a6; font-size: 16px;  font-weight: bold;  font-family: Helvetica, Verdana, Arial, sans-serif; padding:10px 10px 0 0; }
.baseborder { /* border-bottom: 3px solid #2079a6; */ }
#details { width: 645px;}


   #secondary .box-sticky2 {
      background: #105d84 url(../img/bg-sticky-box2.png) repeat-y -225px 0;
   }
   .box-sticky2 .t { background: transparent url(../img/bg-sticky-box2.png) no-repeat 0 0; }
   .box-sticky2 .b { background: transparent url(../img/bg-sticky-box2.png) no-repeat -450px 100%; }
   .box-sticky2 strong, .box-sticky b {
      background: transparent url(../img/bg-video-more.gif) no-repeat -300px 3px;
      padding: 0 1px;
   }
   .box-sticky2 a:hover strong, .box-sticky a:hover b { background-position: 0 3px; }
   .box-sticky {
      color: #d8d6d6;
   }
   .box-sticky2 h2 { color: #d8d6d6; }
   .box-sticky2 a {
      color: #fff;
      display: block;
      padding: 70px 10px 25px 20px;
   }
   .box-sticky2 a:hover { color: #d8d6d6; }
   .box-sticky2 span {
      display: block;
   }


   /* /nathan's elements
    *****************************************************/