@charset "UTF-8";

  /* ====================== FIRST RESET ALL CODES ====================== */

  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td,img {margin:0;padding:0;}
  table {border-collapse:collapse;border-spacing:0;}
  fieldset,img {border:0;}
  address,legend,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
  ol,ul {list-style:none;}
  caption,th,legend {text-align:left;}
  h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
  q:before,q:after {content:'';}
  abbr,acronym {border:0;}

  /* ========================= GENERAL DISPLAY ====================== */

  * {
      margin:0; padding:0;
      font-size:100%;
  }

  body{
      background:#efefef url(/images/main/body_bg.gif) top repeat-x;
      text-align:center;
  }

  html, input, textarea
  {
      font-family:Tahoma;
      font-size:11px;
      line-height:1.273em;
      color:#626262;
  }

  input, select { vertical-align:middle; font-weight:normal;}

  a {color:#048eac;}
  a:hover{text-decoration:none;}
  strong {color:#363535;}

  p {text-align:justify;margin-bottom:10px;}
  .p {padding-top:5px;}
  .blue {color:#1c759c;}


  /* ============================= MAIN LAYOUT & HELPERS ====================== */

  h1,h2 {
      font-size: 26px;
      color: #205476;
      text-transform: uppercase;
      font-family: Arial;
      text-align: left;
      margin-bottom: 20px;
      border-bottom: 1px solid #205476; 
      padding-bottom: 15px;
      line-height: 26px;
      *margin-top: 5px;
  }
	h2{margin-bottom: 35px;}
  h3{font-size: 15px;color: #205476; text-transform:uppercase; font-family:Arial;text-align:left; margin:0px 0px 15px 0px;line-height:15px;}
  h4{font-size: 13px;color: #205476; text-transform:uppercase; font-family:Arial;text-align:left; margin:15px 0px 15px 0px;}
  h5{font-size: 12px;color: #205476; text-transform:uppercase; font-family:Arial;text-align:left;margin-bottom: 10px;}

  .titleBlack {color:black;}

  li { background:url(/images/main/list_bg.gif) no-repeat 0 8px; padding-left:16px;text-align: left;*padding-left:0px;}
  li a {color:#048eac; line-height:1.818em;text-align: center;}

  img {vertical-align:top;}
  a img { border:0;}

  ul { list-style:none;}


  .hidden {
      display : none;
  }
  strong {font-weight:bold;}
  .left { float:left;}
  .right {float:right;}
  .clear  { clear:both;}
  .uppercase{text-transform:uppercase;}
  .lowercase{text-transform:lowercase;}
  .underline{text-decoration: underline;}
  .capitalize{text-transform:capitalize;}
  .imgindent {margin:-6px 20px 0 0; float:left;}
  .imgindent2 {margin:-6px 20px 30px 0; float:left;height:160px;*margin:0px 20px 30px 0;}
	.normal {text-transform:none;}
  .tacenter {text-align:center;}
  .taleft {text-align: left;}
  .taright {text-align: right;}
  
  .date{text-align:left;text-transform:lowercase;font-size:10px;color:black;float:right;}
  .readMoreLeft{text-transform:lowercase;font-size:10px;float:left;margin-top:10px}
  .readMoreRight{text-transform:lowercase;font-size:10px;float:right;margin-top:10px}
  .goBackLink {
      background: #205476;
      float: right;
      font-size: 11px;
      position: relative;
      padding: 0px 8px;
      bottom: -15px;
      /bottom: 0px;
      
  }
  .goBackLink a{
      color: white;
      text-decoration: none;
  }
  .triple_small_content {
      float:left;
      margin:0 35px 10px 0;
      padding:0;
      width:220px;
  }
  .triple_small_content_last{
      float:left;
      margin:0 0 10px 0;
      padding:0;
      width:220px;	
  }
  .triple_small_content img,
  .triple_small_content_last img {margin-bottom:10px;}

  .double_small_content {
      float:left;
      margin:0 35px 0 0;
      padding:0;
      width:350px;
      
  }
  .double_small_content_last{
      float:right;
      margin:0;
      padding:0;
      width:350px;	

  }
  .flashNotice,.response {position:relative;background:#6699FF;color:white;text-align:left;padding:10px;}
  /* ============================= header ====================== */

  #header{width:814px;height:370px;margin:20px auto;position:relative;text-align:left;}

  #header #company {height:77px; width:100%;background:url(/images/main/logo-digital.gif) center left no-repeat;margin-left:10px;}
  #company .homeLink  {display:block;height:100%; width:30%; float:left;}
  #header #company .right {margin:6% 10px 0px 0px; width:300px;text-align:right;}
  #header #company .rightLoggedin {margin:6% 10px 0px 0px; width:290px;text-align:right;float:right;}
  #header #company .sessionInfo {margin:48px 0 0 335px; width: 220px;position:absolute;*margin:45px 0 0 100px}
  #header #banner {height:253px; width:814px;}
  #banner a  {display:block;height:100%; width:100%;background:url(/images/rotate/banner-digital.gif) center left no-repeat;margin-left:10px;}

  #header p {text-align:right;padding:47px 15px 0px 0px;}

  #header .menu_wrapper {background:url(/images/main/menu_bg_tall.gif) top left repeat-x;*position:relative}
  #header .menu_r {background:url(/images/main/menu_bg_r.gif) top right no-repeat;}
  #header .menu_l {background:url(/images/main/menu_bg_l.gif) top left no-repeat; width:100%; padding:19px 0px;}

  .menu_wrapper #menu { margin:0px auto; width:720px;}

  /* HORIZONTAL MENU LAYOUT */

  /* All <ul> tags in the menu including the first level */
  .menulist, .menulist  ul {margin: 0;list-style: none;}
  /*
  All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
  positioned relatively to correctly offset submenus. Also, they have overlapping borders.
  */
  .menulist li {
      float: left;
      display: block;
      position: relative;
      text-align: center;
      margin-top: 0px;
      margin-right: 1px;
      margin-bottom: 0px;
      margin-left: 1px;
      list-style:none;
      background:none;
      padding:0 11px;*padding:0 10px 0 10px;
  }
  .menulist ul>li:last-child {margin-bottom: -1px; /* Mozilla fix */}

  /* Links inside the menu */
  .menulist a {
      display: block;
      font-size:13px;
      text-transform:uppercase; 
      color:#000000; 
      text-decoration:none; 
      font-weight:bold; 
      line-height:1em; 
      font-size:10px;
      float:left;
  }
  .menulist li li a{color: #000000;padding: 15px 0;}
  .menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {color:#056f86}

  * html .menulist ul li {
      float: left;
      height: 1%;
  }
  * html .menulist ul a {
      height: 1%;
  }
  /* End Hacks */

  .menu_wrapper .last {border:none!important;}
  .menu_wrapper .active {color:#056f86;}

  /* ============================= DESIGN PAGE ====================== */

  div#container {
      position:relative;
      margin: 25px auto;
      width:814px;
      height:100%;	
  }
  div#content{width:774px;padding:20px;}

  /* HOME PAGE */
  div#content #homeWrapper h1  {border:none;padding-bottom:0px;}
  div#content #homeWrapper .colLeft{float:left; padding-right:25px; width:459px;}
  div#content #homeWrapper .colLeft .solutions{ margin-top:65px;}
  div#content #homeWrapper .colLeft .solutions .listBlockItem{ margin:20px 0px 10px 0px;}
  div#content #homeWrapper .colLeft .solutions .listBlockItem .itemRight	{ float:right;width:100%;}
	div#content #homeWrapper .colLeft .solutions #reasons_to_buy li {margin-bottom:10px; }
  div#content #homeWrapper .colRight{ float:right; width:280px;}
  div#content #homeWrapper .colRight .successStories {margin-top:62px;*margin-top:67px;}
	div#content #homeWrapper .colRight .successStories p {text-align: left;}
  div#content #homeWrapper .colRight .successStories .listBlockItem{ margin:35px 0px 60px 0px;}
  div#content #homeWrapper .colRight .successStories .listBlockItem img {float: right;margin: 0px 0px 5px 10px ;border: 4px solid #ccc;}
  div#content #homeWrapper .colRight .successStories a.unsubscribe {float: left; margin: 10px 0 0 14px;}

  /* ABOUT DIGITAL */


  #aboutWrapper .triple_small_content_last img {margin-bottom:18px;}

  /*REFERENCES & CASES CATEGORIES*/
  div#content #categoriesWrapper .references{ width:100%;}
  #categoriesWrapper ul#draggableList{ position: relative;margin: 0;list-style: none;}
  #categoriesWrapper ul#draggableList li{
    background: #D1D1D1;
    float: left;
    display: block;
    margin: 0 20px 20px 0;
    list-style: none !important;
    padding: 0px;
    width: 357px;
  }
  #categoriesWrapper ul#draggableList li img {width:60px;height:60px; float:left;margin:10px 15px 15px 10px;border: 4px solid #EFEFEF;}
  #categoriesWrapper ul#draggableList li p	{ padding:0 15px; margin: 0px;}
  #categoriesWrapper ul#draggableList li h4 {padding-top:10px;margin:0px;}
  #categoriesWrapper ul#draggableList li ul {
    width: 357px;
    text-align:center;
    list-style: none;
  }
  #categoriesWrapper ul#draggableList li ul li {display: inline; list-style-type: none;width:119px;background:none;padding:0px 0;margin: 0;line-height:10px;}
  #categoriesWrapper ul#draggableList li ul li a {display: block;color:white;background:#A3A3A3;padding:0;text-decoration:none;}
  #categoriesWrapper ul#draggableList li ul li a:hover {display: block;color:white;padding:0;background:#7C7C7C;}

  /*REFERENCES*/
  .referenceIllustration img{
      float: left;	
      margin:5px;
      border: 10px solid #999;;

  }
  .referenceIllustrationLast img {
      float: right;
      margin-top: 20px;
  }
  #referencesWrapper ul#draggableList{ position: relative;margin: 0;list-style: none;}
  #referencesWrapper ul#draggableList li{
    background: #D1D1D1;
    margin: 0 5px 10px 0;
    list-style: none !important;
    padding: 0px;
    cursor: move;
    height: 120px;
  }
  #referencesWrapper ul#draggableList li div.imgRef {float: left;width: 80px;height: 120px;padding: 0px;margin: 0px;}
  #referencesWrapper ul#draggableList li div.imgRef img {width:60px;height:60px; float:left;margin:10px 15px 15px 10px;border: 4px solid #EFEFEF;}
  #referencesWrapper ul#draggableList li p	{ width: 530px;padding:0 15px; margin: 0 20px 0 80px;}
  #referencesWrapper ul#draggableList li h4 {padding-top:10px;margin: 0 20px 5px 95px;}
  #referencesWrapper ul#draggableList ul {
    float: right;
    background: #A3A3A3;
    width: 80px;
    text-align:center;
    padding:0px;
    display:block;
    list-style: none;
    height: 120px;
    position: relative;}
  #referencesWrapper ul#draggableList ul.actions li { list-style-type: none;background:none;padding:0px 0;margin: 0;height: 60px;}
  #referencesWrapper ul#draggableList ul.actions li a {display: block;color:white;background:#A3A3A3;padding:20px 0;text-decoration:none;}
  #referencesWrapper ul#draggableList ul.actions li a:hover {display: block;color:white;padding:20px 0;background:#7C7C7C;}
  
  
  /*REFERENCE PICTURE AD*/
  #referenceEditWarpper ul#draggableList{ position: relative;margin: 0;list-style: none;}
  #referenceEditWarpper ul#draggableList li{
    float: left;
    display: block;
    width: 135px;
    margin: 0 25px 20px 0;
    list-style: none !important;
    background:none; 
    padding: 0px;   
  }
  #referenceEditWarpper ul#draggableList li img{
    float: left;
    margin-right: 10px;
    cursor: move;
  }
  .dragHandle {
    cursor: move;
  }
  
  /* SOLUTION & TECHNOLOGY */
  
  div#content #solutionsWrapper{width: 774px;}
  div#content #solutionsWrapper .listBlockItem{margin:10px 20px 20px 10px; float:left; width:370px;-width:360px;-margin: 0;}
  div#content #solutionsWrapper .listBlockItem .imgRef {width:60px; height:100%; float:left;margin:10px 15px 15px 10px;}
  div#content #solutionsWrapper .listBlockItem .itemRight	{ float:right;width:200px;padding:0 15px 15px 15px;}
  div#content #solutionsWrapper  .solutionsListBlockItem{ height:100%;margin:0px 0px 20px 0px;width:358px;}
  div#content #solutionsWrapper  .solutionsListBlockItem .itemRight	{ float:right;width:200px;}
  div#content .solutionsList {text-align:left; position:relative; list-style-position:inside;margin:10px 0 0 0px;}
	
  /*EMPLOYMENT*/
  
  div#content #employmentWrapper {}
  #employmentWrapper ul{margin:15px 0px;}
  #employmentWrapper li{background:transparent url(/images/main/list_bg.gif) no-repeat scroll 0 8px;padding-left:15px;text-align:left;
  }
  #employmentWrapper p a {margin-bottom:55px;}
	.job {
		text-align: left;
		margin-bottom: 20px;
	}
  /*CONTACT*/
  
  div#content #contactWrapper #adressLeft {float:left; width: 40%;border-right:1px solid #eee;padding-right:60px; *width: 50%;}
  div#content #contactWrapper #adressRight {float:left; width: 40%;padding-left:40px;/width: 38%; }
  
  
  a#training {background: #245E83;color:#fff; display: block;margin-top: 40px;width: 100%;padding: 10px;text-transform: uppercase;font-size: 15px;}
  a#training:hover {color:#fff;background: #307EB1;text-decoration: underline;}
  #trainingForm p {text-align: left;}
  
  /* PROMO PAGE */
  .contact ul{
      text-align: left;
      padding-left: 30px;
      list-style-type:none;
  }
  /*ADMIN*/

  div#adminWrapper #loginWrap {margin: 0 auto;background: #B9CECE; width: 100%; }
  div#adminWrapper #loginWrap .loginForm {padding:10px;background: #B9CECE; color: #424949; margin:10px auto 0;}
  
  /*ROUND CORNER CSS*/
  .rtop, .rbottom{display:block; background: #FFF}
  .rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background: #B9CECE}
  .r1{margin: 0 5px}
  .r2{margin: 0 3px}
  .r3{margin: 0 2px}
  .r4{margin: 0 1px; height: 2px}

  .login_label, .login_input, .login_error  {
      padding:10px;
      color:#000;
      text-align:left;
      float:left; 
      width:100px;
      font-size:20px;
      color:#64355A;
  }

  .login_input {
      width:200px;
  }

  .login_error {
      width:250px;
      color:#F00;
  }

  .login_input input {
      width:100%;
  }
	
	#mc_embed_signup {
		text-align: left;
	}
	#mc_embed_signup input {
		margin-top: 15px;
	}

  /* ============================= FOOTER ====================== */

  #container .footer {background:url(/images/main/menu_bg_tall.gif) top left repeat-x; border-top:5px solid #205476 ;margin-top:50px;height:48px;width:814px;*position:relative;}
  #container .footer_r {background:url(/images/main/menu_bg_r.gif) top right no-repeat;}
  #container .footer_l {background:url(/images/main/menu_bg_l.gif) top left no-repeat; width:100%; padding:17px 0px 17px 0px ;}

  .footer .ul { margin:0px auto; width:775px;}
  .footer li {background:none; border-right:1px solid #9faeb8; float:left; padding:0px 8px;*padding:0px 6px 0px 6px;}
  .footer li a {text-transform:lowercase; color:#000000; text-decoration:none; font-weight:normal; line-height:1em; font-size:10px;}
  .footer li a:hover {color:#056f86;}
  .footer .last {border:none;}
  .footer .active {color:#056f86;}