/*
Theme Name: dempartners
Description: dempartners, Artisteer-generated Drupal theme.
Version: 1.0
Author: Artisteer
Author URI: http://artisteer.com/
*/

/* begin Page */
/* Created by Artisteer v3.1.0.56366 */


#art-main, table
{

   font-style: normal;
   font-weight: normal;
   font-size: 13px;
}

h1, h2, h3, h4, h5, h6, p, a
{
   margin: 0;
   padding: 0;
}

hr { display: block; width: 100%; height: 5px; border: 0px solid #BBB; border-top: 1px solid #BBB; }

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent-body,
ul.art-vmenu a 
{
   text-align: left;
}

.art-postcontent p
{
   margin: 12px 0;
}

.tab-wrapper-inner { width: 970px; text-align: right; margin: 0 auto; }
.tab-wrapper { background-color: #056DA3; padding-top: 4px; }

.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
.art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
.art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
.art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
.art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
.art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
.art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover,
.art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
{

   font-style: normal;
   font-weight: 300;
   font-size: 30px;
   text-decoration: none;
}

.art-postcontent a
{
   text-decoration: none;
   color: #2D5E7B;
}

.art-postcontent a:link
{
   text-decoration: none;
   color: #336699;
}

.art-postcontent a:visited, .art-postcontent a.visited
{

}

.art-postcontent  a:hover, .art-postcontent a.hover
{

}

.art-postcontent h1
{
   margin: 10px 0 10px;
   font-size: 26px;
}

.art-blockcontent h1
{
   margin: 10px 0 0;
   font-size: 26px;
}

.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited 
{
   font-size: 26px;
}

.art-postcontent h2
{

}

.art-blockcontent h2
{
   margin: 10px 0 0;
}

.art-postcontent h3
{
   color: #3F5469;
   margin: 10px 0 0;
   font-size: 18px;
}

.art-blockcontent h3
{
   margin: 10px 0 0;
   font-size: 18px;
}

.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited 
{
   font-size: 18px;
}

.art-postcontent h4
{
   color: #394D60;
   margin: 10px 0 0;
   font-size: 16px;
}

.art-blockcontent h4
{
   margin: 10px 0 0;
   font-size: 16px;
}

.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited 
{
   font-size: 16px;
}

.art-postcontent h5
{
   color: #394D60;
   margin: 10px 0 0;
   font-size: 14px;
}

.art-blockcontent h5
{
   margin: 10px 0 0;
   font-size: 14px;
}

.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited 
{
   font-size: 14px;
}

.art-postcontent h6
{
   color: #54708C;
   margin: 10px 0 0;
   font-size: 13px;
}

.art-blockcontent h6
{
   margin: 10px 0 0;
   font-size: 13px;
}

.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited 
{
   font-size: 13px;
}

ul
{
   list-style: disk;
}

ol
{
   list-style-position: outside;
}

html, body
{
   height:100%;
}

#art-main
{
   position: relative;
   z-index: 0;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}

body
{
   padding: 0;
   margin:0;
   min-width: 680px;
   color: #0D1216;
   background-color: #fff;
}

.cleared
{
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   overflow:hidden;
}

.reset-box
{
   overflow:hidden;
   display:table;
}

form
{
   padding: 0 !important;
   margin: 0 !important;
}

.examplesection
{
   position: relative;
   width: 100%;
   background-color: #3f3f3f;
}

table.position {
   width: 970px;
   display: block;
   margin: 0 auto;
}

/* Start Box */
.art-box, .art-box-body {
   margin:0 auto;
   position:relative;
}
.art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat: no-repeat;
   line-height:0;
}
.art-box:before,.art-box-body:before{
   left:0;
}
.art-box:after,.art-box-body:after{
   right:0;
}
.art-box:before {
   overflow:hidden;
   background-position: bottom left;
   direction: ltr;
   z-index:-3;
}
.art-box:after {
   background-position: bottom right;
   z-index:-3;
}
.art-box-body:before, .art-box-body:after {
   background-repeat:repeat-y;
}
.art-box-body:before {
   background-position: top left;
   z-index:-3;
}
.art-box-body:after {
   background-position: top right;
   z-index:-3;
}

.art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after {
   z-index:-2;
}
.art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {
   z-index:-1;
}
/* End Box */

/* Start Bar */
.art-bar {
   position:relative;
}
.art-bar:before, .art-bar:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat:repeat;
   z-index:-1;
}
.art-bar:before {
   left:0;
   background-position: top left;
}
.art-bar:after {
   right:0;
   background-position: top right;
}
/* End Bar */

li h1, .art-postcontent li h1, .art-blockcontent-body li h1 
{
   margin:1px;
} 
li h2, .art-postcontent li h2, .art-blockcontent-body li h2 
{
   margin:1px;
} 
li h3, .art-postcontent li h3, .art-blockcontent-body li h3 
{
   margin:1px;
} 
li h4, .art-postcontent li h4, .art-blockcontent-body li h4 
{
   margin:1px;
} 
li h5, .art-postcontent li h5, .art-blockcontent-body li h5 
{
   margin:1px;
} 
li h6, .art-postcontent li h6, .art-blockcontent-body li h6 
{
   margin:1px;
} 
li p, .art-postcontent li p, .art-blockcontent-body li p 
{
   margin:1px;
}

/* Image Assist module support */
body.img_assist
{
   background-color: #F9FAFB !important;
   color: #0D1216;
}
/* end Page */

/* begin Box, Sheet */
.art-sheet
{
   margin-top: 0;
   margin-bottom: 0;
   cursor:auto;
}
.art-sheet-body 
{
   padding:0;
   padding-top:0;
   padding-bottom:0;
}
.art-sheet:before,.art-sheet-body:before{
   right:0;
}
.art-sheet-body:after{
   width: 0;
   top:0;
   bottom:0;
   background: #fff;
}
.art-sheet-body:before{
   top:0;
   bottom:0;
   background: #fff;
}

/* end Box, Sheet */

/* begin Header */
div.art-header
{
   margin: 0 auto;
   position: relative;
   width:100%;
   height: 85px;
   margin-top: 0;
   margin-bottom: 0;
}

/* end Header */

/* begin Logo */
div.art-logo
{
   display: block;
   position: absolute;
   top: 33px;
   left: 0;
   margin-left: 12px;
   background: url('images/democracy-partners-logo.svg') no-repeat;
   background-size: 265px; 
   padding-left: 290px;
   height: 150px;
}

.header-link { text-decoration: none; }

.art-logo-text
{
   display: block;
   text-align: left;
   font-weight: normal;
   font-size: 20px;
   padding: 0;
   margin: 0;
   color: #207EBC !important;
}
.art-logo-text a,
.art-logo-text a:link,
.art-logo-text a:visited,
.art-logo-text a:hover
{
   font-weight: normal;
   font-size: 20px;
   padding: 0;
   margin: 0;
   color: #207EBC !important;
}

/* end Logo */

/* begin Menu */
/* menu structure */

ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.art-hmenu, ul.art-hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.art-hmenu li
{
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   float: left;
   position: relative;
   z-index: 5;
   background: none;
}

ul.art-hmenu li:hover{
   z-index: 10000;
   white-space: normal;
}
ul.art-hmenu li li{
   float: none;
   width: auto;
}
ul.art-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
ul.art-hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}
ul.art-hmenu:after, ul.art-hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}
ul.art-hmenu, ul.art-hmenu ul {
   min-height: 0;
}

ul.art-hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

ul.art-hmenu ul.art-hmenu-left-to-right {
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}
ul.art-hmenu ul.art-hmenu-right-to-left {
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

ul.art-hmenu ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
   margin-left: -11px;
   z-index: -1;
}

ul.art-hmenu ul ul.art-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
   margin-left: -11px;
}

ul.art-hmenu ul ul.art-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -10px 0 0;
   margin-right: -11px;
}

ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
   left: auto;
   right: 100%;
}

ul.art-hmenu{
   position:relative;
   padding: 0 0 0 0;
   float: left;
   left: 50%;
}
div.art-nav-center{
   position: relative;
   float: right;
   right: 50%;
}

.firefox2 ul ul.art-hmenu{
   float: none;
}
/* end menu structure */

/* menu bar */

.super-headwrap {
      width: 970px;
   margin: 0 auto;
}

.art-nav
{
   margin:0 auto;
   min-height: 27px;
   z-index: 100;
   margin-top: 0;
   margin-bottom: 0;
   width: 680px;
   float: right;
}

.art-nav:before, .art-nav:after{
   background-image: url('images/nav.png');
}
.art-nav:before{
   right: 0;
}
.art-nav:after{
   width: 0;
}
/* end menu bar */
.art-nav-outer{
   position:absolute;
   width:100%;
}

.art-hmenu-extra1
{
   position : absolute;
   left: 0;
   top: 0;
   width: auto;
   height: 27px;
   background-position: center;
}

.art-hmenu-extra2
{
   position: absolute;
   right: 0;
   top: 0;
   width: auto;
   height: 27px;
   background-position: center;
}

/* end Menu */

/* begin MenuItem */
ul.art-hmenu>li>a
{
   position: relative;
   display: block;
   height: 27px;
   cursor: pointer;
   text-decoration: none;
   color: #FFFFFF;
   padding: 0 17px;
   line-height: 27px;
   text-align: center;
}

ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after
{
   position: absolute;
   display: block;
   content:' ';
   top: 0;
   bottom:0;
   z-index: -1;
   background-image: url('images/menuitem.png');
}

ul.art-hmenu>li>a:before
{
   left: 0;
   right: 0;
   background-position: top left;
}

ul.art-hmenu>li>a:after
{
   width: 0;
   right: 0;
   background-position: top right;
}

.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{

   font-variant: normal;
   font-weight: 900;
   text-align: left;
   text-decoration: none;
   text-transform: uppercase;
}

ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {
   background-position: center left;
}
ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {
   background-position: center right;
}
ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{
   color: #FFFFFF;
}

/* end MenuItem */

/* begin MenuSeparator */

ul.art-hmenu>li {
   margin-left:0;
}
ul.art-hmenu>li:first-child {
   margin-left:0;
}

/* end MenuSeparator */

/* begin MenuSubItem */
.art-hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 20px;
   background-image: url('images/subitem.png');
   background-position: left top;
   background-repeat: repeat-x;
   border-width: 1px;
   border-style: solid;
   border-top-width: 0;
   border-color: #FEF2D2;
   min-width: 7em;
   text-align: left;
   text-decoration: none;
   line-height: 20px;
   color: #FFFFFF;

   margin:0;
   padding: 0 8px;
}

.art-hmenu ul>li:first-child>a
{
   border-top-width: 1px;
}

.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active
{
   text-align: left;
   text-decoration: none;
   line-height: 20px;
   color: #FFFFFF;

   margin:0;
   padding: 0 8px;
}

.art-hmenu ul li a:hover
{
   color: #FFFFFF;
   background-position: left bottom;
   border-color: #FB722D;
   border-top-width: 1px !important;
}

.art-hmenu ul li a.art-hmenu-before-hovered
{
   border-bottom-width: 0 !important;
}

.art-hmenu ul li:hover>a
{
   color: #FFFFFF;
   background-position: left bottom;
   border-color: #FB722D;
   border-top-width: 1px !important;
}

/* end MenuSubItem */

/* begin Layout */
.art-layout-wrapper
{
   position:relative;
   margin:0 auto 0 auto;
}

.art-content-layout
{
   display: table;
   table-layout: fixed;
   border-collapse: collapse;
   width: 100% !important;
}

.art-content-layout-row {
   display: table-row;
}

.art-layout-cell
{
   display: table-cell;
   vertical-align: top;
}
/* end Layout */

/* begin Box, Block */
.art-block
{
   margin: 0px;
}
.art-block-body 
{
   padding:0;
}

div.art-block img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 0;
   margin: 0;
}

#banner1, #banner2, #banner3, #banner4, #banner5, #banner6
{
   margin: 10px;
}

/* end Box, Block */

/* begin BlockHeader */
.art-blockheader {
   margin-bottom: 0;
   min-height: 26px;
   line-height:26px;
}

.art-blockheader .t
{
   min-height: 26px;
   line-height:26px;
   color: #5E7D9C;
   font-size: 14px;
   margin:0;
   padding: 0 5px 0 5px;
   white-space: nowrap;
}

.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited, 
.art-blockheader .t a:hover
{
   color: #5E7D9C;
   font-size: 14px;
}

.art-blockheader .t h2.subject
{
   height: 26px;
   font-size: 14px;
   margin:0;
   white-space: nowrap;
   line-height: 26px;
}

/* end BlockHeader */

/* begin Box, BlockContent */
.art-blockcontent
{
   width: 100% !important;
}
.art-blockcontent-body 
{
   padding:5px;
   color: #2C3B49;

   font-size: 12px;
}
.art-blockcontent-body table,
.art-blockcontent-body li, 
.art-blockcontent-body a,
.art-blockcontent-body a:link,
.art-blockcontent-body a:visited,
.art-blockcontent-body a:hover
{
   color: #2C3B49;

   font-size: 12px;
}

.art-blockcontent-body p
{
   margin: 12px 0;
}

.art-blockcontent-body a, .art-blockcontent-body a:link
{
   color: #333;
   text-decoration: none;
}

.art-blockcontent-body a:visited, .art-blockcontent-body a.visited
{
   text-decoration: none;
}

.art-blockcontent-body a:hover, .art-blockcontent-body a.hover
{
   color: #3D7EA4;
   text-decoration: none;
}

.art-blockcontent-body ul li
{
   font-size: 13px;
   line-height: 125%;
   color: #394D60;
   margin: 5px 0 15px 10px;
   padding: 0 0 0 12px;
}

.art-blockcontent-body .calendar-calendar td a:visited, .art-blockcontent-body .calendar-calendar td a.visited
{
   color: #2D5E7B;
}

.art-blockcontent-body .links li
{
   background-image: none;
   display: block;
}

.art-blockcontent-body .calendar-calendar td a:hover
{
   text-decoration: underline;
}

.art-blockcontent-body table td.mini a
{
   font-weight: normal;
}

.art-blockcontent-body table td div.mini-day-on a
{
   text-decoration: underline;
}

.art-blockcontent-body .calendar-calendar td a
{
   text-decoration: none;
}

/* BEGIN Recipe module support */
.recipe-summary .art-blockcontent-body, .recipe-description .art-blockcontent-body,
.recipe-ingredients .art-blockcontent-body, .recipe-instructions .art-blockcontent-body
{
   padding: 0;
}
/* END Recipe module support *//* end Box, BlockContent */

/* begin Button */
span.art-button-wrapper>a.art-button,
span.art-button-wrapper>a.art-button:link,
span.art-button-wrapper>input.art-button,
span.art-button-wrapper>button.art-button
{
   text-decoration: none;

   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   position:relative;
   top:0;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #222 !important;
   width: auto;
   outline: none;
   border: none;
   background: #ccc;
   line-height: 28px;
   height: 28px;
   margin: 0 !important;
   padding: 0 16px !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
}

.art-button img, span.art-button-wrapper img
{
   margin: 0;
   vertical-align: middle;
}

span.art-button-wrapper
{
   vertical-align: middle;
   display: inline-block;
   position: relative;
   height: 28px;
   overflow: hidden;
   white-space: nowrap;
   text-indent: 0;
   width: auto;

   padding: 0;
   z-index: 0;
   margin: 0 5px 0 0;
}

.firefox2 span.art-button-wrapper
{
   display: block;
   float: left;
}

input, select, textarea
{
   vertical-align: middle;

   font-style: normal;
   font-weight: normal;
   font-size: 12px;
}

div.art-block select 
{
   width:96%;
}

span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link
{
   color: #000 !important;
   background-color: #C7C7C7;
   text-decoration: none !important;
}

span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link
{
   color: #333 !important;
   background-color: #DDDDDD;
}

span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r
{
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: 0;
   padding: 0;
   background-image: url('images/button.png');
   background-repeat: no-repeat;
}

span.art-button-wrapper>span.art-button-l
{
   left: 0;
   right: 10px;
   background-position: top left;
}

span.art-button-wrapper>span.art-button-r
{
   width: 10px;
   right: 0;
   background-position: top right;
}

span.art-button-wrapper.hover>span.art-button-l
{
   background-position: center left;
}

span.art-button-wrapper.hover>span.art-button-r
{
   background-position: center right;
}

span.art-button-wrapper.active>span.art-button-l
{
   background-position: bottom left;
}

span.art-button-wrapper.active>span.art-button-r
{
   background-position: bottom right;
}

span.art-button-wrapper input
{
   float: none !important;
}
/* end Button */

/* begin Box, Post */


.not-front .art-post
{
   width: 100%;
   position: relative;
   background-color: #f1f1f1;

}
.not-front .art-post-body
{
   padding:0px;
   width: 970px;
   margin: 0 auto;
   background: rgba(0, 0, 0, 0.04);
}
.not-front .art-post-inner {
   width: 620px;
   float: right;
   padding: 30px;
   background-color: rgba(0, 0, 0, 0.04);
}

a img
{
   border: 0;
}

img.art-article, .art-block img, .art-footer img
{
   margin: 7px 7px 7px 7px;
}

.art-metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}

.art-article table, table.art-article
{
   border-collapse: collapse;
   margin: 1px;
}

.art-post .art-content-layout-br
{
   height: 0;
}

.art-article th, .art-article td
{
   padding: 2px;
   border: solid 1px #8099B3;
   vertical-align: top;
   text-align: left;
}

.art-article th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre
{
   overflow: auto;
   padding: 0.1em;
}

fieldset
{
   margin: 1em 0;
   padding: 1em;
   border: solid 1px #8099B3;
   width: 95%;
   display: block;
}

/* BEGIN Flatcomments module support */

.comment-folded
{
   margin: 0;
}

#comments .box span.art-button-wrapper
{
   margin: 0;
}

#comments .art-postcontent, #comments .art-postcontent p
{
   text-align: left;
}

/* END Flatcomments module support */
/* end Box, Post */

/* begin PostHeaderIcon */
.art-postheader
{
   color: #333;
   margin: 5px 0;
   line-height: 1em;
   font-size: 30px;
}

.art-postheader a, 
.art-postheader a:link, 
.art-postheader a:visited,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a.hovered
{
   font-size: 20px;
}

.art-postheader a, .art-postheader a:link
{
   text-align: left;
   text-decoration: none;
   color: #275068;
}

.art-postheader a:visited, .art-postheader a.visited
{
   color: #587593;
}

.art-postheader a:hover,  .art-postheader a.hovered
{
   color: #3D7EA4;
}

/* end PostHeaderIcon */

/* begin PostBullets */
.art-postcontent ol, .art-postcontent ul
{
   margin: 1em 0 1em 2em;
   padding: 0;
}

.art-postcontent li
{
   font-size: 13px;
   color: #2C3B49;
}

.art-postcontent li ol, .art-post li ul
{
   margin: 0.5em 0 0.5em 2em;
   padding: 0;
}

.art-postcontent ol>li
{
   background: none;
   padding-left: 0;
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.art-postcontent ul>li
{
   list-style: disk;
}

.mceContentBody ul li, ol ul li
{
   list-style: disk;
}

.theme-selector .operations li, .theme-selector .operations li.first, .theme-selector .operations li.last
{
   padding-left: 13px;
   margin-right: 5px;
}

.theme-selector .operations li, .theme-selector .operations li.first, .theme-selector .operations li.last
{
   margin-right: 5px;
}
/* end PostBullets */

/* begin PostQuote */
blockquote,
blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover
{
   color: #1E0A01;
   font-style: italic;
   font-weight: normal;
   text-align: left;
}

/* Override native 'p' margins*/
blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer blockquote p
{
   margin: 0;
   margin: 5px 0;
}

blockquote
{
   background-color:  rgba(250, 251, 252, 0.43);
   background-image: url('images/postquote.png');
   background-position: left top;
   background-repeat: no-repeat;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
   margin: 10px !important;
   margin-left: 50px  !important;
   padding: 10px !important;
   padding-left: 38px !important;
   border: 1px solid rgba(51, 102, 153, 0.36);
   border-radius: 2px;
}

.art-postcontent blockquote
{
   margin: 10px !important;
   margin-left: 50px  !important;
   padding: 10px !important;
   padding-left: 38px !important;
}

/* end PostQuote */

/* begin Footer */
.art-footer
{
   position: relative;
   margin-top:0;
   margin-bottom:0;
   width: 100%;
}

.art-footer-body
{
   position:relative;
   padding: 20px;
   color: #93A8BE;
   font-size: 11px;
}

.art-footer-body ul li
{

}

.art-footer-body:before
{
   position: absolute;
   content:' ';
   z-index:-2;
   left:0;
   right:0;
   top:0;
   bottom:0;
   background-image: url('images/footer.png');
   background-position:bottom left;
}

.art-footer-text p
{
   padding:0;
   margin:0;
   text-align: center;
}

.art-footer-body a,
.art-footer-body a:link,
.art-footer-body a:visited,
.art-footer-body a:hover,
.art-footer-body td, 
.art-footer-body th,
.art-footer-body caption
{
   color: #93A8BE;
   font-size: 11px;
}

.art-footer-text
{
   padding-left: 10px;
   padding-right: 10px;
   text-align: center;
}

.art-footer-body a,
.art-footer-body a:link
{
   color: #7DB1CF;
   text-decoration: none;
}

.art-footer-body a:visited
{
   color: #8FA6BC;
}

.art-footer-body a:hover
{
   color: #D2E4EE;
   text-decoration: underline;
}

div.art-footer img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 0;
   margin: 0;
}/* end Footer */

/* begin PageFooter */
.art-page-footer, 
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover
{

   font-size: 10px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #A6C9DE;
}

.art-page-footer
{
   position: relative;
   z-index: 10;
   padding: 1em;
   text-align: center;
   text-decoration: none;
   color: #8FA6BC;
}
/* end PageFooter */

/*
** HTML elements
*/

/* BEGIN FCKEditor, CKEditor, TinyMCE modules support*/
body.art-body-nostyle, body.cke_show_borders, #tinymce body, #tinymce body.mceContentBody, body.mceContentBody, #edit-body
{
   background-image: none;
   background-color: #F1F1F1 !important;

   font-style: normal;
   font-weight: normal;
   font-size: 13px;
}
/* END FCKEditor, CKEditor modules support*/

table
{
   width: 100%;
}

.item-list ul li, .menu ul li,
ul li.expanded, ul li.leaf, ul li.collapsed,
li.expanded, li.leaf, li.collapsed
{
   text-align: left;
   list-style-type: none;
   list-style-image: none;
}

ul.arttabs_primary, ul.arttabs_secondary, .links, img.service-links
{
   padding-left: 0;
   margin-left: 0;
}

ul.arttabs_primary li, ul.arttabs_secondary li
{
   background-image: none;
   float: right;
   display: inline;
}

ul.links
{
   overflow: hidden;
}

ul.links li, .block ul
{
   display: block;
   background-image: none;
   padding: 0;
}

ul.menu li a.active
{
   font-weight: bold;
}

#tinymce body ul, #tinymce body.mceContentBody ul, body.mceContentBody ul
{
   margin: 1em 0 1em 2em;
}

li.messages
{
   margin: 5px 0;
}

#user-login-form
{
   text-align: left;
}

#user-login-form ul li
{
   background-image: none;
   padding-left: 0;
}

/* Fix fieldset for IE8 and FFox */
fieldset legend
{
   display: block;
}

.breadcrumb
{
   display: block;
   padding-bottom: .7em;
   margin: 1em 0 0 0.7em;
}

#edit-name, #edit-pass, #edit-mail
{
   width: 90%;
}

#preview-args
{
   width: auto;
}

.tags
{
   float: left;
}

.messages
{
max-width: 908px;
min-width: 550px;
margin: 20px auto !important;
text-align: center;
padding: 5px;
}

.status
{
   border: 1px solid #090;
   background: #C9FBC8;
   margin: 5px 0;
}

tr.even, tr.odd
{
   background-color: transparent;
}

#forum .links li
{
   float: none;
   clear: both;
}

#forum table
{
   width: auto;
   margin-top: 15px;
}

#forum td.container
{
   padding-top: 15px;
   border-left: none;
   border-right: none;
   font-weight: bold;
}

#forum td.active
{
   background-color: transparent;
}

#forum td.forum, #forum td.topics, #forum td.posts, #forum td.last-reply
{
   padding-top: 4px;
   padding-bottom: 4px;
}

.forum-topic-navigation
{
   border-top: 0 transparent;
   border-bottom: 0 transparent;
}

.forum-topic-navigation .topic-previous
{
   text-align: left;
   float: left;
}

.forum-topic-navigation .topic-next
{
   text-align: right;
   float: right;
}

.read_more
{
   margin: 5px 0;
   text-align: left;
}

.sticky-table H2
{
   font-size: 10px;
}

#footer
{
   text-align: center;
}

.filefield-upload .art-button-wrapper
{
   top: 10px;
}

.uc_out_of_stock_throbbing
{
   position: absolute;
   z-index: 1;
   top: 16%;
   left: 3px;
   margin: 0;
   padding: 0;
}

.profile h3
{
   border-bottom: 0 none;
   margin-bottom: 1em;
}

/* BEGIN Image Attach module fix */
img.image
{
   margin: 0;
}

.image-attach-teaser
{
   width: auto;
}
/* END Image Attach module fix */

/* BEGIN ImageField module fix */
img.imagefield
{
   margin: 0;
}
/* END ImageField module fix */

/* BEGIN Support User picture */
.picture, .comment .submitted
{
   clear: right;
   float: right;
}
/* END Support User picture */

/* BEGIN Support Nodeblock module */
.art-block-body .art-post
{
   margin: 0;
}
/* END Support Nodeblock module */

/* BEGIN Support floating panels in IE8 */
.panel-col-last
{
   clear: right;
}
/* END Support floating panels in IE8 */

/* BEGIN Support FCKEditor text alignment */
.rteleft
{
   text-align: left !important;
}

.rteright
{
   text-align: right !important;
}

.rtecenter
{
   text-align: center !important;
}

.rtejustify
{
   text-align: justify !important;
}
/* END Support FCKEditor text alignment */

/* BEGIN Set background color for sticky table */
table.sticky-header
{
   background-color: #F1F1F1 !important;
}
/* END Set background color for sticky table */

/* BEGIN Set alignment for radio buttons */
input.form-radio, input.form-checkbox
{
   margin: 0 0 2px;
   vertical-align: baseline;
}
/* END Set alignment for radio buttons*/

/* BEGIN Move bradcrumb from separate post */
h2.with-tabs
{
   margin-top: 0;
   margin-bottom: 0;
}

/* END Move bradcrumb from separate post */

/* BEGIN Increasing distance between buttons */

/* END Increasing distance between buttons */

/* BEGIN Page validation fix */
.half-width
{
   background-color:rgba(200,200,200,0.02);
}

.third-width
{
   width: 33%;
}

.two-thirds-width
{
   width: 67%;
}
/* END Page validation fix */

/* BEGIN FckEditor bug with link disappearing fixed */
#switch_oFCK_1
{
   display: block !important;
}
/* END FckEditor bug with link disappearing fixed */

.art-postcontent .calendar-calendar ul li, .art-postcontent .calendar-calendar ol ul li,
.art-postcontent div.view div.views-admin-links ul li, .art-postcontent div.view div.views-admin-links ol ul li
{
   background-image: none;
   padding: 2px;
}

.date-heading h3
{
   text-align: center;
}

.art-postcontent ul.arttabs_primary li, .art-postcontent ul.arttabs_secondary li
{
   background-repeat: no-repeat;
   background-image: none;
}

tbody, tbody th, tr.even, tr.odd
{
   border: none;
}

/* BEGIN Contextual links styles in Drupal 7 */

ul.contextual-links li
{
   background-image: none !important;
   padding-left: 4px !important;
}

ul.contextual-links li a
{

   font-style: normal !important;
   font-weight: normal !important;
   font-size: 12px !important;
   text-align: left !important;
   text-decoration: none !important;
}

/* END Contextual links styles in Drupal 7*/

/* BEGIN Taxonomy terms Artisteer styles in Drupal 7 */
.art-tags, .art-tags .field, .art-tags .field .field-label,
.art-tags .field .field-items, .art-tags .field .field-items .field-item
{
   display: inline;
}

.art-tags .field-item a:after
{
   content: ', ';
}

.art-tags .field-item:last-child a:after
{
   content: '';
}
/* END Taxonomy terms Artisteer styles in Drupal 7 */

/* BEGIN Action links support in Drupal7 */
.art-post ul.action-links li
{
   background-image: none;
   list-style-type: none;
}

.art-post ul.action-links a
{
   background: url("images/addicon.png") no-repeat scroll 0 transparent;
   background-position: center left;
   line-height: 30px;
   padding-left: 15px;
}
/* END Action links support in Drupal7 */

/* BEGIN Overlay module support */
#overlay #overlay-content #art-page-background-middle-texture
{
   background-image: none;
}

#overlay-tabs li a, #overlay-tabs li a:active, #overlay-tabs li a:visited, #overlay-tabs li a:hover
{
   background-color: transparent;
   font-weight: normal;
}
/* END Overlay module support */

/* BEGIN Front page list view support */
#first-time ol
{
   list-style-position: outside;
}
/* END Front page list view support */

/* BEGIN Rtl support in Admin menu */
#toolbar, #toolbar *
{
   text-align: left;
}

#toolbar ul li, #toolbar ul li a {
   float: left;
}

/* END Rtl support in Admin menu */

/* BEGIN Rtl support for Contextual links */
a.contextual-links-trigger
{
   text-indent: 90px !important;
}
/* END Rtl support for Contextual links */

.region {
   position: relative;
}

.section-title {
font-size: 38px !important;
line-height: 38px !important;
font-weight: normal !important;
color: #fff;
text-transform: uppercase !important;
letter-spacing: -3px !important;
}

#block-views-partners-block-block {
   width: 100%;
   margin: 0px;
   background-color: #fff;
   position: relative;
}

#block-views-associates-block-block {
   width: 100%;
   margin: 0px;
   background-color: #E4E4E4;
   position: relative;
}

#block-views-servblock-block {
   width: 100%;
   margin: 0px;
   background-color: #dbdad4;
   position: relative;
}

#block-views-servblock-block:after, #block-views-partners-block-block:after {
   content: "";
   display: block;
   clear: both;
}

.partner-name a {
   color: #333;
   text-decoration: none;
   display: block;
   margin-top: 10px;
}

.partners .views-row {
   width: 145px;
   padding: 0 10px 20px;
   text-align: center;
   display: inline-block;
   font: bold 11px/14px Verdana, arial, sans-serif;
}

.services, .partners {
 width: 968px;
 margin: 0 auto;
 min-height: 50px;
 white-space: nowrap;
 background: rgba(0,0,0,0.04);
}

.services .views-field-field-icon-image div a img { 
width: 70px; height: 70px; }

.field-name-field-icon-image div div img {
width: 90px; height: 90px; }

.view-header, .services .view-header, .partners .view-header {
   width: 245px;
   display: inline-block;
   white-space: normal;
   color: rgba(0,0,0,0.5);
   font-size: 14px;
   padding: 5px 20px 0px 20px;
   vertical-align: top;
}
.portfolio-menu {
   padding: 5px 17px 25px;
   color: #ccc;
}
.portfolio-menu h2 {
font-size: 38px;
line-height: 38px;
font-weight: normal;
color: #fff;
text-transform: uppercase;
letter-spacing: -1px;
display: block;
margin-bottom: 20px;
}

.portfolio-menu ul {
   list-style: none;
   padding: 0px;
   margin: 0px -22px 0px -25px;
}
.portfolio-menu ul li a {
   display: block;
   background: url(images/tab-link-bg.png) repeat-y 0 0;
   border-radius: 8px 0 0 8px;
   text-decoration: none;
}
.portfolio-menu ul li a:hover, .portfolio-menu  ul li a.active {
   background: url(images/tab-link-hover.png) repeat-y 0 0;
}
.portfolio-menu ul li a span {
   display: block;
   margin-left: 10px;
   padding: 10px 0 10px 60px;
   font: 26px/36px "gotham_lightregular", arial, sans-serif;
   color: #f2f2f2;
   text-transform: uppercase;
}

.portfolio-menu  ul li a.video span {
   background: url(images/tab-icon1.png) no-repeat 0 center; 
}
.portfolio-menu  ul li a.web span {
   background: url(images/tab-icon2.png) no-repeat 0 center; 
}
.portfolio-menu  ul li a.mail span {
   background: url(images/tab-icon3.png) no-repeat 0 center; 
}
.portfolio-menu  ul li a.clients span {
   background: url(images/tab-icon-clients.png) no-repeat 0 center; 
}

div#block-views-portfolio-web-block, div#block-views-portfolio-mail-block {
    min-height: 550px;
}

.services .view-header ul {
   list-style: disc !important;
   padding: 0px 0px 0px 20px;
}
.services .view-header li {
   list-style: normal;
   font: italic 12px/20px Verdana, arial, sans-serif;
}
.services .view-content {
   width: 620px;
   padding: 30px;
  display: inline-block;
   background: rgba(0,0,0,0.03);
   vertical-align: top;
   min-height: 610px;
   white-space: normal;
}
.partners .view-content {
   width: 680px;
   padding: 30px 0px;
  display: inline-block;
   background: rgba(0,0,0,0.03);
   vertical-align: top;
   min-height: 450px;
   white-space: normal;
}

.partners.associates .view-content {
   width: 680px;
   padding: 30px 0px;
  display: inline-block;
   background: rgba(0,0,0,0.03);
   vertical-align: top;
   min-height: 50px;
   white-space: normal;
}

.services .field-content {
   display: inline-block;
   width: 120px;
   white-space: normal !important;
   text-align: center;
}
.services .field-content a {
   text-decoration: none;
   font-size: 10px;
   font-weight: bold;
   font-family: verdana;
   color: #fff;
}
.services .views-row {

   display: inline-block;
   width: 125px;
   padding: 0 12px 43px;
   vertical-align: top;
   text-align: center;
}

.field-name-field-icon-image {
   position: absolute;
   top: 25px;
   left: 180px;
}

.clear { clear: both; }

.shell {
   width: 940px; 
   margin: 0 auto;
   padding: 0px 25px;
}

.footer .f-col {
   float: left;
   display: inline;
   width: 295px;
   padding: 58px 0 45px;
   text-align: left;
   color: #fff;
   font-size: 14px;
}

.footer h2 {
   font-size: 38px;
   line-height: 38px;
   font-weight: normal;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: -1px;
}

.footer p {
font-size: 14px;
line-height: 23px;
padding-bottom: 25px;
text-align: left;
}

.footer h6, .footer h6 a {
   font-size: 18px !important;
   line-height: 20px !important;
   font-weight: normal !important;
   letter-spacing: -1px !important;
   color: #fff !important;
}

.partner-pic, body.node-type-partner .field-name-field-picture .field-item,
body.node-type-associate .field-name-field-picture .field-item  {
   width: 108px;
   height: 108px;
   overflow: hidden;
   -webkit-border-radius: 54px;
   -moz-border-radius: 54px;
   border-radius: 54px;
   padding: 0px;
   margin: 0 auto;

}

.partner-pic img, body.node-type-partner .field-name-field-picture .field-item img,
body.node-type-associate .field-name-field-picture .field-item img {
   width: 108px;
   height: 108px;
      -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   filter: grayscale(100%);
}

body.node-type-partner .field-name-field-picture .field-item,
body.node-type-associate .field-name-field-picture .field-item {
   position: absolute;
   left: 155px; 
   top: 30px;
}

body.node-type-partner .view-header {
   padding-top: 25px;
}

body.node-type-partner .view-header  .section-title {
   margin-bottom: 10px;
}

body.node-type-partner .view-header a {
   color: #336699;
   text-decoration: none;
   display: block;
   text-align: left;
}

.partner-pic a img, body.node-type-partner .field-name-field-picture .field-item img,
body.node-type-associate .field-name-field-picture .field-item img {
   width: 108px;
   height: 108px;
   padding: 0px;
   margin: 0px;
}

.footer h5 {
   padding-top: 33px;
   font-size: 24px;
   line-height: 26px;
   font-weight: normal;
}

.bp, .copy { 
   display: block;
   clear: both; 
   padding-left: 295px !important;
}

.vid-thumb-wrap { 
    width: 120px;
    display: inline-block !important;
    height: 120px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    position: relative;
    margin: 10px;
    vertical-align: top;
    overflow: hidden;
   }

.vid-thumb {
    width: 200px !important;
    height: auto;
    -webkit-filter: brightness(50%);
    filter: brightness(0.5);
    position: absolute;
    z-index: 5;
    top: -15px;
    left: -30px;
    cursor: pointer;
    max-width: 200px !important;
    max-height: 200px !important;
}

.vid-title {
    display: block;
    color: #fff;
    width: 120px;
    height: 52px;
    margin: 0 auto;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    font-style: italic;
    position: absolute;
    z-index: 600;
    top: 45px;
    left: 0px;
    cursor: pointer;
}
.views_slideshow_pager_field_item {
   display: inline-block;
}

#block-views-portfolio-video-block, #block-views-portfolio-web-block, #block-views-portfolio-mail-block {
   background-color: #333;
background-color: rgba(0,0,0,0.05);
color: #fff;
width: 620px;
padding: 10px 30px;
}

#block-views-portfolio-web-block img, #block-views-portfolio-mail-block img {
   width: 100px; height: 120px;
}

.view-portfolio-web .view-header, .view-portfolio-mail .view-header {
   width: 550px;
   color: #fff;
   font-size: 110%;
   line-height: 20px;
}
.view-portfolio-web .view-header a, .view-portfolio-mail .view-header a {
   color: #33A3FF;
   font-size: 110%;
}

.view-portfolio-video { 
width: 610px;
margin: 0 auto;
padding: 50px 0px 10px;
 }

 .top-slider {
   width: 882px;
   height: 380px;
 }

 #block-views-top-slider-block
 {
   background-color: #2184c5;
 }
.view-top-slider {
   margin: 0 auto;
   width: 970px;
   min-height: 450px;
   background-color: rgba(1, 17, 77, 0.12);
   position: relative;
 }
 .view-top-slider .view-content {
   width: 230px;
   padding: 30px;
   background-color: rgba(255, 255, 255, 0.06);
   min-height: 450px;
 }
 .top-slider-slide {
   border: 15px solid #fff;
   height: 375px;
   overflow: hidden;
   width: 882px;
   margin-bottom: 15px;
 }

 .view-top-slider .views_slideshow_pager_field_item .views-content-title {
   display: inline-block;
   margin: 10px 2px;
   background-color: #fff;
   text-indent: -5000px;
   overflow: hidden;
   width: 12px; height: 12px;
   border-radius: 20px;
   border: 2px solid #fff;
   z-index: 900000;
 }
  .view-top-slider .views_slideshow_pager_field_item.active .views-content-title {
   background-color: #336699;
  }
  .view-top-slider .views-slideshow-controls-bottom {
   margin-left: 280px;
   width: 400px;
   position: absolute;
   top: 450px;

  }
   .view-top-slider .views-slideshow-cycle-main-frame-row-item
   {
     position: relative;
   }
   .view-top-slider .views-slideshow-cycle-main-frame-row-item div
   {
      position: absolute;
      top: 0px;
      left: 0px;
   }
   .view-top-slider .views-slideshow-cycle-main-frame-row-item div div.slide-text
   {
      width: 400px;
      position: absolute;
      top: 100px;
      left: 40px; 
      font-size: 150%;
      color: #fff; 
        }

   .view-top-slider .views-slideshow-cycle-main-frame-row-item div div.slide-text a {
            color: #fff !important; 
   }



.view-top-slider .view-header {
   padding: 0px; height: 0px;
   display: block;
}
.slider-title {
   position: absolute !important;
   bottom: 20px;
   left: 30px;
   font-size: 38px !important;
line-height: 38px !important;
font-weight: normal !important;
color: #fff !important;
text-transform: uppercase !important;
letter-spacing: -3px !important;
}

/* BLOG PAGE */

.field-name-field-email-all-materials-to { margin-top: 50px; }

.page-blog h1.title {
   display: block;
   position: absolute;
   top: 25px;
   left: 20px;
   font-size: 45px;
   line-height: 38px;
   font-weight: normal;
   color: rgba(153, 153, 153, 0.9);
   text-transform: uppercase;
   letter-spacing: -1px;
}

.page-blog .view-content ul, .page-blog .view-content ul li {
margin: 0px 0px 50px 0px;
padding: 0px;
position: relative;
}

.page-blog .views-field-title {
   font-size: 30px;
   font-weight: 300;
   padding-bottom: 10px;
}

.page-blog .views-field-body {
   font-size: 14px;
   line-height: 20px;
   color: #333;
}

.blog-date, .date-display-single {
color: rgba(153, 153, 153, 0.75);
display: block;
width: 150px;
position: absolute;
left: -309px;
top: 43px;
text-align: right;
}
.date-display-single { 
left: 8px;
top: 75px;
}

body.page-blog .date-display-single { 
left: 0px;
top: 0px;
}


.char5, .char6 {
   font-size: 145%;
   font-weight: bold;
   display: inline-block;
   line-height: 36px;
   height: 36px;
}
.char8, .char9, .char10, .char11 {
   font-size: 65%;
   font-weight: bold;
   position: relative;
   top: -3px;
}  

.node-type-article .art-article p {
font-size: 14px;
line-height: 20px;
color: #333;
}

#first-time { display: none; }

.comment {
   position: relative;
}
.comment .user-picture {
   overflow: hidden;
   width: 100px;
   height: 100px;
   border-radius: 150px;
   position: absolute;
   left: -150px;
   top: 0px;
   background-color: #fff;
}
.comment .user-picture img {
   width: 100px;
         -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   filter: grayscale(100%);

}
ul.inline { padding: 0px !important; margin: 10px 0px !important;}
.inline li { display: inline-block !important; margin: 0px 5px 0px 0px;}
.comment .inline li a { 
display: inline-block;
padding: 3px 8px;
font-size: 9px;
margin: 10px 0px;
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px -2px rgba(51, 51, 51, 0.37);
border-radius: 2px; 
color: #666;
background-color: rgba(255,255,255,0.2);
font-weight: bold;
text-transform: uppercase;
}

.comment .content {
   display: block;
   padding: 20px 0px !important;
   border-bottom: 1px solid #999;
   margin-bottom: -5px;
}

.comment {
   min-height: 130px;
}

.comment .submitted {
   width: 150px;
   color: rgba(0,0,0,0);

}

.indented .comment h3 .permalink {
   margin-left: 5px;
   border-left: 1px solid #336699;
   padding-left: 10px;
}

.indented .comment h3 .permalink:before {
   content: "Reply:";
   display: inline-block;
   padding-right: 5px;
   color: #336699;
}

.comment .submitted .permalink {
   display: none;
}
.comment .new {
   display: none;
}
.submitted .username { 
   display: block; 
   width: 135px;
   position: absolute;
   left: -300px;
   text-align: right;
   font-size: 12px;
   color: #666 !important;
   top: 40px;}

.indented { margin: 0px !important;}

.contextual-links-region { position: static !important; }


.comment-wrapper .art-postheader {
   margin-top: 50px;
}

.comment-wrapper ul.inline, ul.links.inline {
   float: right;
}

.blog-meta {
   display: inline-block;
   padding-right: 10px;
   padding-top: 5px;
   margin: 5px -3px 0px 0px !important;
}
.last-meta:after {
   content: "";
   display: block;
   height: 1px;
   width: 620px;
   position: absolute;
   bottom: 20px;
   left: 0px;
   background-color: #999;
}

.article-user-picture {
   overflow: hidden;
   width: 100px;
   height: 100px;
   border-radius: 150px;
   position: absolute;
   left: 170px;
   top: 22px;
   background-color: #fff;
            -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   filter: grayscale(100%);
}

* { -webkit-font-smoothing: antialiased; }

.f-col ul { list-style: none; margin-top: 10px; }
.f-col ul li a {
display: block;
padding: 5px 0 5px 46px;
font-size: 12px;
line-height: 23px !important;
color: #fff !important;
margin: 10px 0px;
background: url('images/social-icons.png') no-repeat 0 0;
}

a.twitter {
background-position: 0 -42px !important; }
a.youtube {
background-position: 0 -83px !important; }
a.linkedin {
background-position: 0 bottom !important; }

.associates .view-header {
  width: 248px;
  display: inline-block;
  white-space: normal;
  color: rgba(0,0,0,0.5);
  font-size: 14px;
  padding: 5px 20px 0px 20px;
  vertical-align: top;
}

body.node-type-article .art-logo, body.page-blog .art-logo, body.page-authors .art-logo, body.node-type-webform .art-logo, body.page-user .art-logo, body.page-jobs .art-logo {
   display: block;
   position: absolute;
   top: 33px;
   left: 0;
   margin-left: 12px;
   background: url('images/democracy-notes-logo.svg') no-repeat;
   background-size: 250px; 
   padding-left: 290px;
   height: 150px;
}

body.node-type-article .region-user4, body.page-blog .region-user4, body.page-authors .region-user4, body.node-type-webform .region-user4, body.page-user .region-user4, body.page-jobs .region-user4 { display: none; }

.field-name-field-sidebar-content {
   width: 250px;
   padding: 30px 20px;
   position: absolute;
   left: 0px;
   top: 0px; 
}

.field-name-field-sidebar-content img {
   min-width: 240px;
   margin: 0 auto;
}

.field-name-field-sidebar-content a.book {
   display: block;
   height: 200px;
   overflow: hidden;
   width: 200px;
   border-radius: 200px;
   margin: 0 auto;
   margin-bottom: 30px;
}
.field-name-field-sidebar-content a.book img {
   width: 200px;
}
.user-picture, .field-name-field-company-logo, .views-field-field-company-logo {
   width: 100px;
   height: 100px;
   margin: 0 auto;
   border-radius: 60px;
   overflow: hidden;
}
.field-name-field-company-logo img , .views-field-field-company-logo img{
   width: 100px; height: 100px;
}

.page-blog .user-picture, .views-field-field-company-logo {
   position: absolute;
   left: -150px;
   top: -5px;
}

.field-name-field-company-logo {
   position: absolute;
   left: 155px;
   top: 35px;
}

.art-post-body { position: relative; }

.user-picture img {
   width: 100px; height: auto;
}
.page-user .user-picture {
   margin: 0px 0px 20px 20px !important;
}
.views-view-grid {
   border: 0px;
}
.views-view-grid tbody tr td { 
text-align: center;
border: 0px; 
height: 150px;
}

.page-user .view-content ul li a {
   display: block;
font-size: 20px;
margin-bottom: 20px;
color: #336699;
}

.page-user .view-content ul li a:before {
   content: "- ";
}

.view-content a:link, .view-content a:visited { color: #333 !important; }
.view-content a:hover { color: #336699 !important; }

#block-user-login {
   background-color: #f1f1f1;
}

#block-user-login #user-login-form {
   width: 910px;
   padding: 30px !important;
   margin: 0 auto !important;
   background-color: #fcfcfc;
   border-bottom: 20px solid #f1f1f1;
   
}
#block-user-login #user-login-form div:first-child {
   width: 620px;
   margin: 0px 0px 0px auto;
   text-align: left;
}
#block-user-login #user-login-form li 
{display: inline-block; 
margin: 0px 10px 0px 0px;}

#block-user-login #user-login-form a {
   color: #336699; 
}

#edit-field-about-me-und-0-format { display: none;}

#imageDataContainer { height: 50px !important; background-color: #f1f1f1 !important;}

.author-name {
   position: absolute;
top:25px;
left: -308px;
text-align: right;
width: 150px;
font-weight: bold;
color: #666;
}

.author-name-single {
   position: absolute;
top: 56px;
left: 9px;
text-align: right;
width: 150px;
font-weight: bold;
color: #666;
}

.author-name-single a, .author-name a { color: #333; text-decoration: none;}
.author-name-single a:hover, .author-name a:hover { color: #336699; text-decoration: none;}

.user-pic { margin-bottom: 5px;}


/* JOBS PAGE */

.view-jobs { min-height: 600px; }
.page-jobs .views-row { width: 620px; position: relative; margin-left: -30px; margin-bottom: 40px;  }
.page-jobs .views-field-body {  font-family: 'Lato'; font-size: 14px; line-height: 20px;  }
.page-jobs .views-field-title { font-size: 30px; font-weight: 300; padding-bottom: 10px;}
.node-type-job-listing .field-name-body { font-family: 'Lato'; font-size: 14px; line-height: 20px; }



@media (max-width: 950px) {


   .half-width { background: none; }

   .view-portfolio-web .view-header, .view-portfolio-mail .view-header { width: auto !important; }

   body, .art-nav, .partners .view-content, .view-portfolio-video, table.position { min-width: 100px !important; width: 100% !important; }
   .view-top-slider, .services, .partners, .shell { width: 100%; }
   .view-header, .services .view-header, .partners .view-header { width: 90%; }
   .view-content { display: block !important; width: 100% !important;}
   #block-views-top-slider-block { display: none; }
   body.front td { display: table-row; width: 100%; }
   body.front tr { width: 50% !important;  display: table-cell; }

   iframe { width: 600px !important; height: 360px !important; } 
    #views_slideshow_cycle_teaser_section_portfolio_video-block { height: 370px !important;}

   .view-header p, .view-header br, .view-header center  { display: none; }
   .view-header { padding: 10px 20px 20px !important;}
   .portfolio-menu.view-header { padding: 10px 20px 0px !important;}
   .shell { padding: 0px !important; }
   .views-view-grid td { display: inline-block !important;  width: 45% !important; padding: 5px; }
   #block-views-portfolio-video-block, #block-views-portfolio-web-block, #block-views-portfolio-mail-block {
      width: 100% !important; padding: 0px 10px 20px !important; background: none;  
   }

   .bp, .copy { display: block;  clear: both;  padding-left: 0px !important;}

   .f-col:nth-of-type(2), .f-col:nth-of-type(3) { display: none; }
   .views_slideshow_pager_field_item  { display: block; float: left; margin: 5px -5px 5px 0px; }
   .views-slideshow-controls-bottom { width: 100%; }

   div.art-header { height: 112px; }


   .art-nav-center { float: none !important; }

   .art-nav-outer { position: relative !important; background-color: #3880C8;}

      .art-nav-outer li { float: none !important; }

   .art-logo-text, body.front .art-nav { display: none; }

   .header-link { display: block; width: 100%; height: 111px; position: absolute; top: 0px; left: 0px; z-index: 500;}

   .not-front .art-post-body { width: 100% !important; }
   .not-front .art-post-inner { width: 87% !important; background: none; float: none;}
   .art-postheader:before {content:" "; display: block; width: 111px; height: 111px; float: left;  }
   .field-name-field-icon-image {  position: absolute;  top: 60px;  left: 45px; }

   body.node-type-partner .field-name-field-picture .field-item,
   body.node-type-associate .field-name-field-picture .field-item { position: absolute; left: 16px; top: 40px;}


   .art-blockcontent-body ul li { display: block; }
   .portfolio-menu ul li a span { padding: 8px 6px; }

   a.hometab { width: 108px; display: inline-block !important; border-radius: 20px !important; text-align: center; float: left; margin: 0px 8px 15px 0px;  }
   .portfolio-menu ul li a span { background: none !important; margin: 0px !important; font-size: 20px;  }
   a.clients { 
    text-align: center;
    border-radius: 20px !important;
    clear: both;
    padding: 0px;
    width: 340px;
    /* margin: 0 auto; */
    background: #336699 !important;
     }
   a.clients span { padding: 0px;}
   .resp_break { display: block; }

}


@media (max-width: 400px) {
 iframe { width: 345px !important; height: 230px !important; } 
 #views_slideshow_cycle_teaser_section_portfolio_video-block { height: 250px !important;}
.views_slideshow_pager_field_item  { display: block; float: left; margin: 5px 20px 5px 0px; }
}