/* Reset Styles */ html,body,div,span,iframe,h1,h2,h4,h5,h6,p,a,ul,li,form,label{margin:0;padding:0;font-size:100%;vertical-align:baseline;font-style:normal;color:#353434;} img{margin:0;padding:0;border:0;outline:0;} h1,h4,h5,h6{font-weight:normal;} ul{list-style:none;} :focus{outline:0;} a{text-decoration: none;} /* useful styles */ .clear{clear:both;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .center { margin: 0 auto; }  /* site main styles */ p { text-align: right; } div, p, input, textarea, select, a { font-family: Arial; direction: rtl; font-size: 13px; } input, textarea { color: #272727; } html{overflow-y:scroll;}    body {   font-family: Arial, Helvetica, sans-serif;   font-size: 14px;   background-color: #e9e9e9;   background-image: url('/images/BG_grayscale.gif');   background-position: center top;   background-repeat: no-repeat;   margin: 0;   padding: 0;   text-align: center;   color: #000000;   line-height: 150%; } #container {   width: 961px;   margin: 0 auto;   padding-top: 0;   text-align: right;   direction: rtl; }  #grey-line {   width: 961px;   height: 7px;   background-color: #e9e9e9;   margin-bottom: 3px; } #red-line {   width: 961px;   height: 7px;   background-color: #e40613;   margin-bottom: 3px; } #green-line {   width: 961px;   height: 7px;   background-color: #3baa34;   margin-bottom: 3px; } #pink-line {   width: 961px;   height: 7px;   background-color: #e71873;   margin-bottom: 3px; } #light-orange-line {   width: 961px;   height: 7px;   background-color: #fcc014;   margin-bottom: 3px; } #orange-line {   width: 961px;   height: 7px;   background-color: #ff6d00;   margin-bottom: 3px; } #blue-line {   width: 961px;   height: 7px;   background-color: #009fe3;   margin-bottom: 3px; } #top-line {   width: 961px;   height: 7px;   margin-bottom: 3px; }  #logo-quote {   height: 60px;   padding: 16px;   direction: rtl; }    #logo-qoute .quote p , #logo-qoute .quote p strong {   text-align: right;   direction: rtl; }     .logo {   float: left;   width: 178px;   height: 57px; } .quote {   width: 325px;   color: #515151; }   #topNav {   margin: 0;   padding: 0;   list-style-type: none;   width: 961px;   height: 55px;   background-color: #2a2a2a;   color: #ffffff;   text-align: right;   font-family: 'ReformaRegular' , Arial, sans-serif;   font-size: 16px;   padding-top: 15px; }   #topNav a {   font-family: 'ReformaRegular' ,Arial,sans-serif;   color: white;   font-size: 16px;   text-decoration: none;   float: right;   width: 100%;    } #topNav a:hover {   color: #515151; }  #topNav ul li {   width: 110px; } #topNav li {   margin: 0;   padding: 0;   padding-right: 10px;   list-style-type: none;   border-right: 1px solid #515151;   float: right; }  #topNav ul {   margin: 0;   padding: 0;   list-style-type: none;   display: inline; }  #topNav.active li {   list-style-type: none;   border-right: none; }    /*#mainAni {   width: 100%;   background-color: #ffffff;   border: 1px solid #f2f2f2; }  /*#mainAniContent {   margin: 20px;   width: 921px;   height: 290px; }*/    #left-read-more {   margin-left: 20px;   padding-bottom: 20px;   margin-bottom: 20px; }  #left-read-more a {   color: #000000;   font-weight: bold;   float: left; }       .boxes .box {   width: 307px;   float: right;   margin-top: 16px;   border: 1px solid #f2f2f2;   background-color: white; } .boxes .image-header {   height: 100px; } .boxes .image-header img {   float: right;   margin: 10px; } .boxes .image-header .title {   float: right;   margin-top: 40px;   font-family: Arial;   font-size: 16px;   font-weight: bold;   margin-top: 35px;   width: 200px; } .boxes .image-header .title a {   font-size: 16px; }  #box2 {   margin-right: 16px;   margin-left: 16px; } .content {   margin: 0 20px 20px 20px;   height: 190px; } #box1 p, #box2 p, #box3 p {   margin: 0 20px 20px 20px;   height: 190px; }  .midboxes {   width: 100%;   background-color: #ffffff;   height: 205px; }   #midbox1 {   width: 287px;   float: right;   border: 1px solid #f2f2f2;   height: 167px;   margin-bottom: 15px;   margin-left: 15px;   margin-right: 20px;   margin-top: 20px;   z-index: 0; } #midbox2 {   width: 308px;   float: right;   background-color: #e9e9e9;   border: 1px solid #f2f2f2;   height: 167px;   margin-bottom: 15px;   margin-top: 20px; } #midbox3 {   width: 287px;   float: left;   background-color: #e9e9e9;   border: 1px solid #f2f2f2;   margin-top: 20px;   height: 167px;   margin-left: 20px;   margin-right: 15px;   margin-bottom: 15px; }  .midbox h3 {   color: #2a2a2a;   font-family: Arial;   font-size: 16px;   padding-right: 20px;   margin-bottom: 0; }  .midbox-clients {   color: #ffffff;   background-color: #2a2a2a;   height: 25px;   padding-right: 10px;   font-weight: bold;   cursor: pointer;   margin-top: 20px; }   #NameTB, #SiteTB, #MailTB, #phoneTB {   width: 180px;   height: 18px;   margin-bottom: 2px;   direction: rtl;   font-size: 12px; } #NameTB {   margin-top: 4px; }   #footer {   width: 921px;   text-align: right;   margin-top: 16px;   color: #ffffff;   background-color: #2a2a2a;   padding-top: 20px;   padding-left: 20px;   padding-right: 20px; }  #footer span {   color: #ffffff; }   #footer-free-text {   /* color: #ffffff;*/  /* background-color: #2a2a2a;*/   padding-left: 20px;   padding-right: 20px;   padding-bottom: 10px;   float: right;   width: 921px;   direction: rtl; } #footer-free-text p {    direction: rtl; } #footer li {   width: 180px; } #footer li a {   width: 140px;   float: right; } #footer li img { } #footer li .textofimage {   float: left; }  .footerBox {   width: 180px;   float: right;   background-color: #2a2a2a;   min-height: 170px;   color: #ffffff;   margin-bottom: 20px; }  #footer h3 {   color: white;   font-family: Arial;   font-size: 16px; }  #footer a {   color: white;   text-decoration: none; } #footer a:hover {   color: #515151; }  #footer ul {   padding: 0; } #footer li {   list-style-type: none; } #footer p {   color: #ffffff;   font-size: 14px; } #mailinglist {   width: 961px;   height: 25px;   background-color: #2a2a2a;   margin-top: 16px;   color: white;   font-family: 'ReformaRegular' , Arial, sans-serif;   font-size: 16px;   text-align: left; } #copyrightsWrapper {   float: left;   color: #353434;   font-size: 10px;   margin-top: 10px; } #biomediaCredit {   float: right;   color: #353434;   font-size: 10px;   width: 961px;   margin-top: -20px; } #rights {   float: left;   color: #353434;   font-size: 10px; } #biomediaCredit a {   font-size: 10px; }  @font-face {   font-family: 'ReformaRegular';   src: url('ReformaRegular.eot');   /* src: url('css/ReformaRegular.eot?#iefix') format('embedded-opentype'), url('css/ReformaRegular.woff') format('woff'), url('css/ReformaRegular.ttf') format('truetype'), url('css/ReformaRegular.svg#webfont') format('svg');*/ }  p {   margin-bottom: 5px;   margin-top: 0; }   #arrow {   float: left;   text-align: left;   padding-right: 10px; }  .send {   text-align: left;   font-weight: bold;   margin-top: -2px; } .clearfloat {   clear: both;   height: 0;   font-size: 1px;   line-height: 0px; } #breadcrumbs {   color: #353434; }  #BigContentBox {   width: 610px;   background-color: #FFFFFF;   padding-right: 20px;   padding-top: 20px;   padding-bottom: 20px;   color: #000000;   font-size: 14px;   float: left; } #BigContentBox p {   color: #000000;   font-size: 14px; } #RegularHtmlBox {   width: 610px;   background-color: #FFFFFF;   padding-right: 20px;   padding-top: 20px;   margin-bottom: 20px;   float: left;   direction: rtl;    padding-bottom: 10px; } #left-column {   float: left;   width: 610px; } #right-column {   width: 270px;   float: right; } #footer {   float: right; } #BigContentBox .middle-col-title {   font-size: 18px;   font-weight: bold;   margin-bottom: 20px;   font-family: Arial;   margin-top: 30px;   float: right;   direction: rtl; } #BigContentBox .BigContentBox-fulltext, #BigContentBox .BigContentBox-fulltext p, #RegularHtmlBox p, #RegularHtmlBox .FullText, #RegularHtmlBox .FullText p {   color: #353434;   font-size: 14px;   padding-left: 20px;   direction: rtl;   margin-bottom: 10px; } #BigContentBox .the-video .video-div {   float: right;   background-color: #E9E9E9;   padding: 20px;   margin-bottom: 10px;     direction: rtl; } #BigContentBox .the-video {   margin-top: 40px; } #BigContentBox a, #BigContentBox p a, #BigContentBox .BigContentBox-fulltext a, #BigContentBox .BigContentBox-fulltext p a {   color: #019be3; } #head-block {   height: 90px; } #head-block img {   padding-left: 20px;   padding-bottom: 20px;   float: right; } #block-top-img1 {   float: right; }  #block-top-img1 img {   width: 184px;   height: 98px; }  #breadcrumbs {   margin-top: 20px;   direction: rtl; } #home-client-cont {   height: 85px;   width: 287px;   position: relative;   cursor: pointer;   direction: ltr; } #home-client-cont .right-arrow {   background-image: url("/images/arrow-grey-light-right.gif");   height: 22px;   width: 22px;   z-index: 100;   position: absolute;   float: left;   margin-left: 265px;   margin-top: 35px;   cursor: pointer; } #home-client-cont .left-arrow {   background-image: url("/images/arrow-grey-light-left.gif");   height: 22px;   width: 22px;   float: left;   z-index: 100;   position: absolute;   margin-top: 35px;   cursor: pointer;  }    /* ul.slideshow {   list-style: none;   width: 287px;   height: 90px;   overflow: hidden;   position: relative;   margin: 0;   padding: 0; }  ul.slideshow li {   position: absolute;   left: 0;   right: 0; }  ul.slideshow li.show { }  ul img {   border: none; } */        #slideshow {   list-style: none;   width: 287px;   height: 90px;   overflow: hidden;   position: relative;   margin: 0;   padding: 0; }   #slideshow img {   position:absolute;   top:0;   left:0;   z-index:8;   opacity:0.0; } #slideshow img.active {   z-index:10;   opacity:1.0; } #slideshow IMG.last-active {   z-index:9; }       #floating-fb-icon {   width: 55px;   height: 55px;   position: fixed;   margin-top: 160px;   left: 0;   background-color: #000000; } #tag-div {   height: 30px;   font-size: 14px;     width: 450px; } #tag-div a {   font-size: 14px; } #tag-div .tag-header {   color: #1f83bf;   background-color: #e9e9e9;   width: 40px;   float: right;   direction: rtl;   height: 20px; } #tag-div .tag-contnent {   font-size: 14px;   color: #393939;   float: right;   direction: rtl;   margin-right: 20px; } #tag-div .tag-contnent a:hover {   text-decoration: underline; } #prevtext {   width: 550px;   direction: rtl;   background-color: #E9E9E9;   margin-left: 10px;   margin-top: 10px;   margin-bottom: 10px;   float: right; } #read-more a {   color: #1F83BF;   font-size: 14px;   text-decoration: underline;   float: right;   direction: rtl;   margin-bottom: 20px; } #tag-title-id {   float: right;   width: 600px; }    h2 {   font-weight: normal;   /*font-weight: bold;*/   margin-bottom: 10px;   font-size: 16px;  /* color: #666666;*/ }  #social-content {  float: left;  width:180px;  height:20px;   }  #social-content a {   float: left;   width: 80px; }   #master-cont   {     width:960px;     height: 340px;   }    .panel1 {   height: 290px;   width: 184px; }  .panel2 {   height: 290px;   width: 184px;   background-color: #2a2a2a;   color:#FFFFFF;   cursor: pointer; } .panel2 p {   margin: 20px;   color: #FFFFFF;   direction: rtl;   line-height: 15px; } .panel2 a {   color: #FFFFFF; } .panel2 img {   margin: 20px;    margin-right: 20px; }  .quickFlip {   height: 290px;   width: 184px;    float: right; } #one {   background-image: url('/images/1.jpg'); } #two {     background-image: url('/images/2.jpg'); } #three {     background-image: url('/images/3.jpg'); } #four {     background-image: url('/images/4.jpg'); } #five {     background-image: url('/images/5.jpg'); }   /*#load-indicator {   display: none;   width: 200px;   float: left;   background-color: #FFFFFF;   height: 100px;   position: absolute;   top: 50%;   left:50%;   z-index: 200;   border: 2px;   border-color: #515151;   border-style: solid; } */  #load-indicator {   display: none;   float: left;    z-index: 200;   width: 16px;   height: 16px;    /*border: 2px;   border-color: #515151;   border-style: solid; background-color: #FFFFFF; width: 200px; height: 100px; top: 50%;   left:50%; */ }    @font-face {   font-family: 'ReformaRegular';   src: url('/css/reformaregular-webfont.eot');   src: url('/css/reformaregular-webfont.eot?#iefix') format('embedded-opentype'),      url('/css/reformaregular-webfont.woff') format('woff'),      url('/css/reformaregular-webfont.ttf') format('truetype'),      url('/css/reformaregular-webfont.svg#ReformaRegular') format('svg');   font-weight: normal;   font-style: normal;  }