html{
   height:100%;
}

body {
   background: #000;
   color:#8f8f8f;
   font:500 16px "Myriad Pro", Helvetica, "Trebuchet MS", Arial;
   letter-spacing:-1px;
   height:100%;
   text-align: center;
   margin:0;
   padding:0;
   text-transform:lowercase;
   word-spacing:3px;
}

a
{
  outline: none;
}

/* --- START GENERAL --- */
   a{color:#707070;}
   a:hover{text-decoration:none}
   h1, h2, h3, p, form, input{margin:0;}
   h2{padding:0 0 15px;font-size:19px;font-weight:500;}
   p{padding:0 0 10px;}
   .br5{display:block;padding:0 0 10px;}
   .dvd5, .dvd10, .dvd20{display:block;padding:0;margin:0;}
   .dvd5{height:5px;}
   .dvd10{height:10px;}
   .dvd20{height:20px;}
   .left{float:left;}
   .right{float:right;}
   .clear{clear:both;}
   .displaynone{display:none;}
   .darker{color:#707070;}
   .emailSend{color:#fff !important;}
   .emailError{color:red !important;}
   .bigger{font-size:18px !important;}
   .margin0{margin:0 !important;}
   .marginTop20{margin-top:20px !important;}
   .paddingTop5{padding-top:5px !important;}
   .paddingTop25{padding-top:25px !important;}
   .paddingBtm0{padding-bottom:0 !important;}
   .spacing10{display:inline-block;width:10px;}
   .underline{text-decoration:underline;}
/* --- END GENERAL --- */



/* IE 6 HACK BACKGROUND START */
   * html #popup, * html .listing{
      background:#000;
   }
   * html #tabRssContainer .right #rss, * html #tabRssContainer .left .tabs{
      background:#aaa;
   }
/* IE 6 HACK BACKGROUND END */



/* --- START CONTAINER LIQUID --- */

   #container{
      min-height:100%;
      margin:0 auto;
      min-width:990px;
      position:relative;
      padding:0;
      width:100%;
   }

   #min{
      text-align:left;
   }

   /* IE HACK START */
      * html body{
        background:url(images/home_bg.gif) no-repeat;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home_bg.jpg',sizingMethod='scale');
      }

      * html #width{
         padding: 0 0 0 990px;
      }

      * html #min{
         margin-left:-990px;
         position:relative;
      }

      * html #width, * html #min, * html #layout{
         height:1px;
      }
   /* IE HACK END */

/* --- END CONTAINER LIQUID --- */



/* --- START HEADER --- */

   #header{
      height:51px;
      background:#000;
      padding:20px 34px 0;
      border-bottom:1px solid #373737;
   }

   #header span, #work, #blog, 
   #solution, #about, #contact {
      display:block;
      height:32px;
      text-indent:-9999px;
      float:left;
   }

   #header .divider36{width:36px;}
   #header .divider37{width:37px;}

   #header span.logo{
      background:url(images/evodence.gif) no-repeat;
      width:178px;
      padding:0 1px 0;
      cursor:pointer;
   }

   #header #work{background:url(images/work.gif) no-repeat;width:65px;}
   #header a#work:hover, .workH {background:url(images/work_o.gif) no-repeat !important;}

   #header #solution {background:url(images/solutions.gif) no-repeat;width:103px;}
   #header a#solution:hover, .solutionH {background:url(images/solutions_o.gif) no-repeat !important;}

   #header #about{background:url(images/about.gif) no-repeat;width:70px;}
   #header a#about:hover, .aboutH{background:url(images/about_o.gif) no-repeat !important;}

   #header #contact{background:url(images/contact.gif) no-repeat;width:87px;}
   #header a#contact:hover, .contactH {background:url(images/contact_o.gif) no-repeat !important;}

   #header #blog{background:url(images/blog.gif) no-repeat;width:87px;}
   #header a#blog:hover, .blogH {background:url(images/blog_o.gif) no-repeat !important;}

/* --- END HEADER --- */



/* --- START SUBMENU --- */

   #submenu{
      background:url(images/submenu-bg.gif) repeat-x;
      height:38px;
      border-bottom:1px solid #000;
      padding:12px 0 0;
   }

   #submenu ul{
      list-style:none;
      margin:0;
      padding:0 0 0 39px;
   }

   #submenu li{
      float:left;
      padding:0 25px 0 0;
   }

   #submenu li a{
      color:#707070;
      text-decoration:none;
   }

   #submenu li a:hover, #submenu .right a:hover{
      color:#fff;
   }

/* --- END SUBMENU --- */



/* --- START BODY CONTAINER DIV --- */

   .background{
      height:auto;
      left:0;
      position:fixed;
      top:0;
      width:100%;
      z-index:-1;
   }

   #body{
      margin:0 auto;
      min-height:500px;
      padding:10px 0 100px;
      position:relative;
      width:979px;
   }

   #body a{
      color:#8f8f8f;
   }

   #welcome, .listing, #contemporary, #allListingContainer, 
   #infoContainer, #tabRssContainer{
      margin:0 auto;
   }

   /* --- START WELCOME --- */
      #welcome{
         height:70px;
         padding:33px 0 0;
         width:979px;
      }

      #welcome span, #welcome a{
         display:block;
         text-indent:-9999px;
      }

      #welcome .left span{
         background:url(images/aesthetic_communication.png) no-repeat;
         height:26px;
         margin:30px 0 0;
         width:325px;
      }

      #welcome .right span{
         background:url(images/welcome.png) no-repeat;
         height:23px;
         margin:0 0 20px;
         width:111px;
      }

      #welcome .right a{
         background:url(images/who_we_are.png) right top no-repeat;
         height:12px;
         width:111px;
      }
	  
	.aboutText{
	   font: 16px "Myriad Pro", Helvetica, "Trebuchet MS", Arial;
	   letter-spacing:-1px;
	   word-spacing:3px;
	   padding-right:3px;
	   margin-right:10px;
	   top:7px;
	   line-height: 30px;
	}
   /* --- END WELCOME --- */


   /* --- START POPUP --- */

      #popup{
         background:url(images/popup_bg.png) repeat;
         display:none;
         height:846px;
         left:0;
         padding:10px 10px 0 0;
         position:absolute;
         text-align:right;
         top:113px;
         width:969px;
         z-index:500;
      }

      .popup{
         cursor:pointer;
      }

      * html #popup{
         height:844px;
      }

      #popup .evodenceIs{
         background:url(images/EVODENCE_is.png) no-repeat;
         display:block;
         height:439px;
         text-indent:-9999px;
         width:841px;
      }

      #popup div{
         padding:10px 60px 50px;
         text-align:left;
      }

      #popup a{
         display:inline-block;
         font-size:20px;
         margin:20px 0 0;
         padding:30px 0;
         text-transform:uppercase;
      }

      #popup #close{
         background:url(images/close_x.png) right top no-repeat;
         cursor:pointer;
         display:block;
         float:right;
         height:10px;
         padding:0 0 40px 60px;
         width:8px;
      }

   /* --- END POPUP --- */



   /* --- START LISTING --- */
      #allListingContainer{
         height:180px;
         width:979px;
      }

      .listing{
         background:#222;
         height:80px;
         width:979px;
      }

      .listing .left{
         padding:10px 0 0 10px;
      }

      .listing .right{
         padding:1px 10px 0 0 !important;
      }

      .listing .right .swfReplace span{
         margin:0;
         padding:0;
      }

      .listing .left img{
         cursor:pointer;
      }

      .name{
         text-align:right;
      }

      .name span{
         margin:12px 0 0;
         display:block;
      }
   /* --- END LISTING --- */


   /* --- START CONTEMPORARY DIV --- */
      #contemporary{
         padding:10px 0 0 10px;
         width:969px;
      }

      #contemporary span{
         background:url(images/contemporary_media.png) no-repeat;
         display:block;
         height:29px;
         text-indent:-9999px;
         width:254px;
      }
   /* --- END CONTEMPORARY DIV  --- */


   /* --- START INFO CONTAINER DIV --- */
      #infoContainer{
         padding:30px 0 0;
         width:979px;
         text-transform:none;
      }

      * html .iboxL, * html .iboxC, * html .iboxR{
         background:#111;
      }

      .iboxL, .iboxC, .iboxR{
         background:url(images/ibox.png) repeat;
         float:left;
         min-height:240px;
         height:auto !important;
         height:240px;
      }

      .iboxC, .iboxR{
         padding:10px 8px 20px;
         width:307px;
      }

      .iboxBtm{
         min-height:280px;
         height:auto !important;
         height:280px;
      }

      .iboxL{
         margin:0 5px 0 0;
         padding:15px 10px;
         width:303px;
      }

      .iboxC{margin:0 5px 0 0;}
      .iboxR{margin:0;}

      .iboxC .testimonial, .iboxC .blog, .iboxR .worldRecord,
      .iboxR .evo, .iboxR .world1st{
         display:block;
         text-indent:-9999px;
      }

      .blackBox, .whiteBox{
         height:30px;
         width:307px;
         overflow:hidden;
      }

      .blackBox{
         background:url(images/title_black_bg.png) no-repeat;
         margin:0;
         padding:0;
      }

      .whiteBox{
         background:url(images/title_white_bg.png) repeat-x;
         padding:0 0 10px;
      }

      .blackBox .right{
         padding:5px 5px 0;
      }

      .blackBox .right img, .prevNextNews img, .prevNextPress img{
         cursor:pointer;
      }

      /* --- START NEWS AND PRESS BOXES DIV --- */
         .iboxL .news, .iboxL .press{
            display:block;
            text-indent:-9999px;
            margin:4px 0;
            padding:0 0 9px;
         }

         .iboxL .news{
            width:51px;
            height:14px;
            background:url(images/news.png) no-repeat;
			cursor:pointer;
         }

         .iboxL .press{
            background:url(images/press.png) no-repeat;
            cursor:pointer;
            height:18px;
            width:53px;
         }

         .iboxL .items{margin:0 0 15px;}
         .iboxL .items2{margin:0 0 15px;}

         .items span, .items2 span, .items p a{text-transform:lowercase;}
         .items p, .items2 p{padding:0;}
         .items p a, .items2 p a{color:#bcbcbc !important;font-size:17px;text-decoration:none;}
         .items p a:hover, .items2 p a:hover{text-decoration:underline;}

         .lighterColor{color:#bcbcbc}
         .mlighterColor{color:#dcdcdc;}

         .items span, .items2 span, .small{
            color:#8f8f8f;
            font-size:15px;
         }
      /* --- END NEWS AND PRESS BOXES DIV --- */

      .smaller{
         font-size:14px;
         color:#8f8f8f;
      }

      .iboxC .testimonial{
         background:url(images/testimonials.png) no-repeat;
         cursor:pointer;
         height:30px;
         width:122px;
      }

      .iboxC .blog{
         width:55px;
         height:30px;
         background:url(images/facts.png) no-repeat;
      }

      .isectionTestimonial{padding:8px 4px 0 5px;}
      .isectionBlog{padding:8px 0 0 5px;}

      .wrldSection{padding:0 8px 28px 10px;}
      .wrldSection a{margin:5px 0 0;}

      .iboxR .world1st{
         width:266px;
         height:29px;
         background:url(images/web_design_development.png) no-repeat;
      }

      .iboxR .worldRecord{
         width:128px;
         height:29px;
         background:url(images/world_1st.png) no-repeat;
      }

      .iboxR .evo{
         width:204px;
         height:29px;
         background:url(images/evo_dynamic_image-title.png) no-repeat;
      }

      .glysection img{padding:0 0 3px;}
      .glysectionText{padding:0 0 0 5px;}

      #prevNextEvoWork{padding:5px 5px 0 0;}

   /* --- END INFO CONTAINER DIV  --- */

/* --- END BODY CONTAINER DIV --- */



/* --- START TABS & RSS CONTAINER DIV --- */

   #tabRssContainer{
      width:979px;
      padding:20px 0;
   }

   * html #tabRssContainer *{
      position:relative;
      z-index:800;
   }


   #tabRssContainer .updates{
      background:url(images/updates.png) no-repeat;
      display:block;
      height:22px;
      text-indent:-9999px;
      margin:10px 0 7px;
      width:74px;
   }

   #tabRssContainer .left{
      min-height:300px;
      width:635px;
   }

   #tabRssContainer .right{
      min-height:300px;
      width:323px;
   }

   * html #tabRssContainer .left .tabs, * html #tabRssContainer .right #rss{
      background:#000;
   }

   #tabRssContainer .left .tabs, #tabRssContainer .right #rss{
      background:url(images/panel_lighter.png) repeat;
      min-height:190px;
      height:auto !important;
      height:190px;
      padding:20px;
   }

   #tabRssContainer .left .tabs{
      width:610px;
   }

   #tabRssContainer .right #rss{
      width:285px;
   }

   /* --- START TABS --- */
      #tabsPanel{
         list-style:none;
         padding:0;
         margin:0;
      }

      * html #tabsPanel li{
         background:#222;
      }

      #tabsPanel li{
         background:url(images/tab_bg_white.png) repeat-x;
         float:left;
         font-size:19px;
         margin:0 1px -2px 0;
      }

      * html #tabsPanel .active{
         background:#000 !important;
      }

      #tabsPanel .active{
         background:url(images/tab_bg_black.png) repeat-x !important;
      }

      #tabsPanel .active a{
         color:#fff !important;
      }

      #tabsPanel li a{
         color:#aaa;
         display:block;
         padding:8px 18px 10px;
         text-decoration:none;
         text-transform:none;
      }

      #tabsPanel li a:hover{
         color:#fff;
      }

      .tabs h2{
         color:#c8c8c8;
         line-height:19px;
      }

      .tabs span, .tabs p{
         font-size:15px;
         color:#aaa;
      }

      .tabs a, .tabs .contactUs{
         color:#aaa !important;
         cursor:pointer;
         font-size:17px;
         text-decoration:underline;
      }

      .tabs a:hover{
         text-decoration:none;
      }
   /* --- END TABS --- */


   /* --- START RSS --- */
      #rssDiv{
         background:url(images/rss_icon.png) left center no-repeat;
         padding:20px 0 18px 52px;
      }

      #rssDiv a{
         text-decoration:none;
         text-transform:none;
         color:#c8c8c8 !important;
      }

      #rssDiv a:hover{
         color:#fff !important;
      }

      #rssDiv span{
         display:inline;
         padding:0 10px;
      }

      #rss span{
         font-size:17px;
         color:#c8c8c8;
      }

      #rss .input, #rss .Uninput{
         background:#212121;
         border:1px solid #4d4d4d;
         color:#aaa;
         font-size:15px;
         font-style:italic;
         height:19px;
         margin:0;
         padding:4px;
      }

      #rss .input{
         width:185px;
      }

      #rss .Uninput{
         width:171px;
      }

      #rss #message, #rss #messageUn{
         color:#fff;
      }

      #rss .submit, #rss .submitUn{
         border:0;
         cursor:pointer;
         height:27px;
      }

      #rss .submit{
         background:url(images/btn_subscribe.png) no-repeat;
         width:71px;
      }

      #rss .submitUn{
         background:url(images/btn_unsubscribe.png) no-repeat;
         width:85px;
      }

      #rss #forms{
         margin:0;
         padding:0 0 30px;
      }

      #rss #unSubscribe{
         padding:30px 0 0;
      }

         #forms .foleft, #forms .foright{
            height:30px;
            min-height:30px;
         }

         #forms .foleft {width:196px;}
         #forms .foright{width:80px;}

         #unSubscribe .usleft, #forms .foleft{float:left;}
         #unSubscribe .usright, #forms .foright{float:right;}

   /* --- END RSS --- */


/* --- END TABS & RSS CONTAINER DIV --- */


/* --- START FOOTER DIV --- */
   #footer{
      background:url(images/footer-bg.gif) repeat-x;
      position:absolute;
      bottom:0;
      font-size:14px;
      height:27px;
      width:100%;
      padding:6px 0 0;
      text-transform:none;
   }

   #footer .left{padding:0 0 0 30px;color:#a8a8a8;}
   #footer .left a{color:#a8a8a8 !important;text-decoration:none;}
   #footer .left a:hover{color:#fff !important;}

   #footer .time{
      color:#696969;
      font:500 13px Helvetica, "Trebuchet MS", Arial;
      word-spacing:0;
   }

   #footer .time a{
      color:#696969 !important;
      font-size:12px !important;
      text-decoration:underline;
   }

   #footer .time a:hover{color:#696969 !important;text-decoration:none;}
   #footer .right{padding:0 30px 0 0;word-spacing:1px;}
   #footer .right a{text-decoration: none;}
   #footer .right, #footer .right a{
      color: #4a4a4a !important;
      font: 500 13px "Trebuchet MS", Arial, Helvetica !important;
   }
   #footer .right a:hover{text-decoration:underline;}

/* --- END FOOTER DIV --- */



/* --- END IE6 PNG FIX --- */
      * html #welcome .left span, * html #welcome .right span, * html #welcome .right a, 
      * html #contemporary span, * html .iboxL .news, * html .iboxL .press, 
      * html #tabRssContainer .updates, * html #popup .evodenceIs{
         background:url(images/blank.gif) repeat;
      }

      * html #welcome .left span{
         filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/aesthetic_communication.png', sizingMethod='scale');
      }
      * html #welcome .right span{
         filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/welcome.png', sizingMethod='scale');
      }
      * html #welcome .right a{
         background-position:right;
         filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/who_we_are.png', sizingMethod='crop');
      }
      * html #contemporary span{
         filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/contemporary_media.png', sizingMethod='scale');
      }
      * html .iboxL .news{
         filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/news.png', sizingMethod='crop');
      }
      * html .iboxL .press{
         filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/press.png', sizingMethod='crop');
      }
      * html #tabRssContainer .updates{
         filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/updates.png', sizingMethod='crop');
      }
      * html #popup .evodenceIs{
         filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/EVODENCE_is.png', sizingMethod='crop');
      }
      * html #popup #close{
         background:url(images/blank.gif) right repeat;
         filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/close_x.png', sizingMethod='crop');
      }
      * html .pfix{
         behavior: url("iepngfix.htc");
      }
/* --- END IE6 PNG FIX --- */