*{
    font-family: Arial !important;
}
a,div{
    font-size: 12px;
    }
a{
    color: #f78f1e;
    text-decoration: none;
}
body{
    background:url('../images/bg.png') repeat 0 0 #f7f7f7;
    margin: 0px;
    padding: 0px;
}

#top{
    background: #FFF;
    border-bottom: 1px solid #dbdbdb;  
    
}
#fixed{   
    position:fixed;
    width: 100%;
    height: 116px;
    margin: 0px;
    top: 0px;    
    z-index: 1000;        
}

#langChanger{
    font-family: tahoma !important;
    margin-top: -2px;
}
#wrapper{
    width: 960px;
    margin: 110px auto 0;
    overflow: hidden;
    min-height: 400px;
    position: relative;
}
.formContainer{
    width: 578px;
    float: left;
    padding: 10px 0;
    background: url('../images/body_bg.png') repeat 0 0 transparent !important;
 }
.contactWidth{
  width: 350px !important;  
  float: right !important;
}
.billWidth{
  width: 728px !important;  
}
#logo{   
    float: left;
     /* Lang */
    margin: 20px 0 0 0px; 
}

#header{
    height: 85px;
    padding:0 0 0 0;
    width: 960px;
    margin: auto;
    margin-top: 0;
}

#search{
    margin: 20px 0 0 0;
    width: 270px;
      /* Lang */
    float:right;
    color: #FFFFFF;
    vertical-align: middle;
}

#search span{
    float:left;
    margin: 5px 0 0 0;
}

#search a{
    text-decoration: none;
}

#search .socialIcons{
    margin: 0px;
    float: left;
    color:#666666;
    width: auto;
}

#search .socialIcons img {
    margin: 0px 2px;
    float: left;
}

#search .socialIcons a {
   padding:0px 0px;
}

#search .topMenuContent{    
     height: 20px;
     line-height: 20px;
     margin: 0 auto 5px;    
}

#search>.topMenuContent>a{
    float:right;
    color:#848386;
    text-decoration: none;
    padding: 0  5px;
    font-size: 12px;
}
#search .topMenuContent span{
    float:right;
    color:#848386;
    padding: 0  5px;
    font-size: 12px;
}


#searchBox{
     padding: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    background-color: FFF;
    margin: 0px;
    width: 170px;
    height: 20px;
    /* Lang */
    float:right;
    background: #FFF;
    overflow: hidden;
    clear: both;
}
#searchBox input[type=text]{
    border:0;
    width: 125px;
    color:#a9a9a9;
    height: 17px;
    font-size: 12px;
    background-color: #fff;    
    padding: 2px 5px;
    outline: none;
}
#searchBox input[type=image]{
    margin: 0 0 0 2px; 
    /* Lang */
    float: right;
    width: 28px;
}


.searchResults li{
    padding: 5px 0 0 0;
}

.searchResults a{
    color: #333;
}


.topMenu{
    height: 37px;
    width:450px;
    float: right;
    margin: 10px 11px 0 0;
}

.noBGColor{
    background: none;
    background-color:transparent;
}
.links{
    margin: 3px 0 0 0;
    /* Lang */
    float: right;
}
/* ---- */ 

#menuContainer{
  width: 960px;
  height: 30px;
  margin: 0px auto 0px;
  background: #727374;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);	
  -moz-opacity:0.9;
  -khtml-opacity: 0.9;    
  opacity: 0.9;
}

#menu *{
    font-family:  Arial;
}

#menu{
    height: 30px;
    padding: 0px 20px;
    font-family: Arial;
    float: left;
}

.horizontal ul{
    border: none;
    list-style-type: none;
    padding: 0;
    margin: 0;

}
.horizontal ul li{
    float:left;
    position: relative;
    z-index: 1000;
}
.horizontal>ul>li{
    margin: 0 0 0 0px;    
}

.horizontal>ul>li>ul{
 
}

.horizontal ul li a{
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0px none;
    color:#FFF;
    padding: 2px 15px 2px 15px;
    font-size: 14px;
}
.horizontal>ul>li>a{
    padding: 0px 20px;
    height: 30px;
    line-height: 30px;
    font-family:   Museo500-Regular !important;
 }


.horizontal>ul>li>a:hover{
    color:#FFF;
    background-color: #f78f1e;
}
.horizontal>ul>li>a.hover{
    color:#FFF;
    background-color: #f78f1e;
}
.horizontal>ul>li>a.activemenu{
    color:#FFF;
    background-color: #f78f1e;
}

.horizontal li li{
    float: none;
    margin-bottom: 0px;
    color:#FFFFFF;
}
.horizontal li li.last{
}
.horizontal>ul>li .last a{
    border-bottom: none; 
}
.horizontal>ul>li .last a:hover{
    border-bottom: none; 
}
.horizontal li.last>ul{
   /* left: 0px; */
}
.horizontal ul li ul{
    position: absolute;
    top: 30px;
    left: -1px;
    margin-top: 0px;
    color:#FFFFFF;
}

.horizontal>ul>li ul li a{
    font-size: 12px;
}
.horizontal ul ul ul{
    top:0px;
    left: 170px;
    margin-top: 0px;
    color:#FFFFFF;
}

.horizontal ul li li a{
    /*    border:  0px solid #004990;*/
    border-top: none;

}

.horizontal ul li:first-child>a{
    /*    border-left: 0px solid #004990;*/
}
.horizontal ul li a.first{
    /*    border-left: 0px solid #004990;*/
}
.horizontal ul li li a.first{
    /*    border-top: 1px solid trasparent;*/
}
.horizontal ul li li:first-child>a{
    /*    border-top: 1px solid trasparent;*/
}




/*here we use a little CSS to make a basic/backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.Flickering never happens in these browsers*/
.mlmenu li ul{
    display: none;
}
.mlmenu li:hover>ul{
    display: block;
}
/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
.accessible li ul{
    display: block;
}
/*Code to show an element has a child*/
.mlmenu.plus li a:first-child:not(:last-child):after{
    content: '+';
}
.plus a span{
    padding-left: 0em;
}
.noshow{
    visibility: hidden;
}
/*colors for menu*/

.pink li a:hover,.pink li a.first:hover,.pink .trail a.hover{

}

.pink li:first-child>a:hover{
}
.pink ul ul ul {
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    
}

.pink li ul{
    background-color: #575757;
    color: #FFF;
    padding: 0px;
    min-width: 170px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border:0px solid #7e8083;   
  }

  .pink li ul li a{
    background-color: transparent;
    border-bottom: 1px solid #787b81;
    color: #FFF;
    padding: 9px 10px !important;
    
}
.pink li ul li a:hover{    
    color: #f78f1e;
    border-bottom: 1px solid #787b81;
    
}
.pink li ul li a.hover{
    /*    background-color: #333;*/
    /*    color: #000;*/
}
.pink li ul li a:hover,.pink li ul li a.first:hover,.pink .trail a.hover{

}

.pink ul{
    text-decoration:none;
    font-size:12px;
    font-family:Arial;
}


.home{
    background: url('../images/menu/home.png') no-repeat 50% 5px transparent;
    text-indent: -999px;
    width: 48px;
    padding: 0 10px;
   
}
.home:hover{
    background: url('../images/menu/home_over.png') no-repeat 50% 5px transparent;
     text-indent: -999px;
}


/* ---*/
#slider{
    text-align: center;
    width: 900px;
    height: 280px;
    position: relative;
    /*    background-image:url(../images/pie_07.png);*/
    background-repeat:no;
    position: relative;
}

#slider img{ }

#slider .resetPos{
    position: absolute;
    cursor: pointer;
}


#slider .box{
    position: absolute;
    top: 59px;
    right: 410px;
    width: 426px;
}
#slider .box .title{
    height: 50px;
    line-height: 50px;
    text-align: left;
    vertical-align: middle;
    padding-left:20px;
    background-color:#0a80be;
    color:#fff;
    font-size: 18px;
}


#innerPager{
    position: relative;   
    top: 10px;
    width: 100px;
    height: 18px;
    z-index: 1000;   
    margin: 0 auto;
}

.innerPagerLeft{
    text-align: center;    
}

.innerPagerLeft a{
    width: 10px;
    height: 10px;
    background:url(../images/dotes_pager.png) no-repeat -20px -1px;
    display: inline-block;   
    margin: 0 3px;
}

.innerPagerLeft a:hover{
    background:url(../images/dotes_pager.png) no-repeat 0px -1px;
}

.innerPagerLeft a.activePageInner{
    background:url(../images/dotes_pager.png) no-repeat 0px -1px;
}


#innerArrows{
    position: absolute;
    right: 20px;
    top: 85px;
    width: 96%;
    height: 18px;
    z-index: 1000;  
}

.innerPagerLeftArrow{
    background: url(../images/banner_arrows.png) no-repeat 0 -46px;
    height: 35px;
    width: 25px;
    float: left;
    display: block;
    margin: 0px;
    cursor: pointer;
}

.innerPagerLeftArrow:hover{
    background: url(../images/banner_arrows.png) no-repeat 0 0px ;    
}
.innerPagerRightArrow{
    background: url(../images/banner_arrows.png) no-repeat -36px -46px;
    height: 35px;
    width: 25px;
    float: right;
    display: block;
    margin: 0px;
    cursor: pointer;
}

.innerPagerRightArrow:hover{
    background: url(../images/banner_arrows.png) no-repeat -36px 0 ;    
}

.icons{
    overflow: hidden;
}
.icons .icon{
    text-align: center;
    float: left;
    margin:5px 5px 5px 23px;
    width: 147px;
}

.icons .ititle{
    text-align: center;
    font-size: 12px;
}

.icons a{ 
    color:#184C81;
    text-decoration: none;
}


.marginBody{
    margin: 10px  ;
}

.footerContainer{
     width: 100% !important;
     border-top: 1px solid #dbdbdb;
     height: 50px;
    
}
.footer{
    width: 960px !important; 
    margin: auto;
    padding: 0px !important;
    line-height: 20px !important;
    font-size: 11px;
    color:#f1f1f1;
   }

.footer .rightLinks {  
    float: right;
    font-size: 11px;
    color:#88898c;
    margin: 15px 0 0 0;
    text-align: right;  
}

.footer .Links {
    float: right;
    font-size: 11px;
    color:#88898c;
    margin: 0px;
    text-align: right;  
}

.footer .rightLinks a{
 
    padding:0px 5px 0 5px;
    text-decoration: none;
    font-size: 11px;
    color:#88898c;
    float: left;
}

.footer .rightLinks img{
 
}
.footer .rightLinks span {
     float: left;
     padding:0px 5px 0 5px;
 }

.footer .leftLinks {    
    width: auto;
    float: left;
    font-size: 11px;
    color:#88898c;
    margin: 15px 0 0 0;
    text-align: left;
  
}

.footer .leftLinks a{ 
    padding:4px 5px 0 5px;
    text-decoration: none;
    font-size: 11px;
    color:#88898c;
}

.recentContainer{
     background: url('../images/recent_bg.png') repeat 0 0 transparent;
     width: 100% !important;
     height: 230px;    
}
.recent{
    width: 960px !important; 
    margin: auto;
    padding: 0px !important;   
    font-size: 11px;
    color:#f1f1f1;
    line-height: 18px;
 }
 
 .recent .title{   
    color: #7E7F82;
    font-family: Museo500-Regular !important;
    font-size: 24px;
    padding: 5px;     
 }
 
 .recent .recentData{  
     line-height: 0px;
 }
 
#zoom{
    transform:rotate(0deg);
    -ms-transform:rotate(0deg); /* IE 9 */
    -moz-transform:rotate(0deg); /* Firefox */
    -webkit-transform:rotate(0deg); /* Safari and Chrome */
    -o-transform:rotate(0deg); /* Opera */
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    position: relative;
    top: 1px;

}
#zoom:hover{
    transform:rotate(360deg);
    -ms-transform:rotate(360deg); /* IE 9 */
    -moz-transform:rotate(360deg); /* Firefox */
    -webkit-transform:rotate(360deg); /* Safari and Chrome */
    -o-transform:rotate(360deg); /* Opera */
}


/* Inner Pages */
#left{
    width: 170px !important;
    float: left;
    padding: 15px;
    margin-top: 0px;
}
#left a{
    background: url('../images/sept.png') repeat-x 100% 100% transparent;        
    padding: 8px 0 8px 5px ;
    clear: both;
    display: block;
    color: #6a6a6a;
    text-decoration: none;
}
#left a.active{    
    color: #ef9430;
}

/*//Right*/
#right{
    width: 750px;
    min-height: 350px;
    float: right;
    /* Langs */ 
    margin: 0 2px 0  0px;
}

.rborder5px{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.rborder3px{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.line{
    height: 1px;
    border-top:1px solid #c9c9c9; 
    margin: 5px 0px;
    background: #fff;
}
.nav{
    width: 100%;
    height: 36px;
    color: #fff;
    clear: both;
    background: #f78f1e;
    line-height: 36px;
}

 .breadcrumb{
    float: left;
    padding: 0;
    color: #6a6a6a;
    height: 20px;
    margin: 0 0 5px 20px;
}
.nav .title{
    font-family:   Museo500-Regular !important;
    color: #fff !important;   
    margin: 0px 0px 0px 15px;
    padding: 0px !important;
    text-transform:uppercase;
}
 .breadcrumb a{
    color: #6a6a6a;
    text-decoration: none;
    font-size:10px;
}
.fullCol .body{
    margin: auto;
    clear: both;
    width: 938px !important;
    overflow:hidden;
    line-height: 24px;
    padding: 15px;
}
.coll1 ul, .coll1 ol {
    list-style-type: square;
    padding: 2px 0px 2px 20px; 
}

.coll1 .nav  .body br{
    clear: both;
    width: 874px;
    padding: 5px 0 5px 0 ;
}


.bodyContent{
    float: left;
    margin: 12px 0 0 0;
    width: 160px;
}

/* */
.intd{ position: absolute; left: 0;top: 0; z-index: 100;}

#brightSlider{ position: absolute; left:  0px;top: 0px; z-index: -1;}
.none{ display: none; }

.loading{
    width: 100%;
    top: 100px;
    position: relative;
    text-align: center;
}

.ajaxLoading{ margin: 0 0 0 325px; }

.news{
    margin: 10px;
}
.news_row{
    border-bottom: 1px dotted #ccc;
    padding: 10px 0 5px 10px ;
    display: block;
    color: #333;
}
.news_row a{
    text-decoration: none;
    color:#333;
}
.title{ 
    font-size: 16px;
    font-weight: normal;
    color: #184C81;}

.showMore{
    text-align: center;
    padding: 5px  0px 5px   0px ;
    background-color: #eee;    
    border: 1px solid #999;
    cursor: pointer;
    margin: auto;
    margin-top: 20px;
}
.more_news_title{
    padding: 10px 0 10px 10px ;
    background-color:#f3f3f3;
    border-bottom: 1px dashed #ccc;
    color:#333;
    font-size: 18px;
}

#newsBody{
    clear: both;
    padding:  0px 0 10px 10px;
    min-height: 400px;
}

#newsBody .title{
    font-size: 16px;
    font-family: Arial ;
    padding: 0px 0 5px 0 ;
}
#newsBody .body{
    /* Lang*/
    padding: 0 0 0  0px;
}
#newsBody .date{
    font-size: 10px;
    font-style: italic;
    color: #d92837;
    padding:0 0 5px 0;
}

.siteMap a{
    color: #333;

}
.siteMap>ul{
    list-style-type: square;
    /* Lang */ 
    padding: 5px  10px  5px  15px ;
}
.siteMap  ul{
}
.siteMap>ul>li{
    list-style-type: square;
    /* Lang */ 
    padding: 3px 0 3px 0  ;

}
.siteMap>ul>li>ul{
    list-style-type: square;

    /* Lang */ 
    padding: 5px  10px  5px  20px ;
}
.siteMap>ul>li>ul>li{
    /* Lang */ 
    padding: 5px  0px  0px  0px ;
}

.sitemap_title{
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    padding: 3px 0 10px 0 ;
}


/* REPORTS */
.reports{
    padding:  0px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    margin: auto;
    position: relative;
    margin-top: 10px;
}
.reports>a{
    overflow: hidden;
    float: left;
}
.reports .rbody{
    overflow: hidden;
    width: 565px;
    float: right;
}

.reports .stitle{
    font-size: 16px;
    font-weight: bold;
    padding:  0px 0 10px 0;
}
.reports .rbody p{
    /*    font-size: 12px;*/
    clear: both;
}

.reports .rbody{
    line-height: 23px;
}
.reports .date1{
    position: absolute;
    bottom:13px;
    right:168px;
    color:#696969;
    padding: 0 2px 0 0 ;
}

.reports .date2{
    color:#696969;
    padding: 0 2px 0 0 ;
}


.reports .date {
    color:#696969;
    padding: 5px 0px 0 0 ;
    display: block;
}
.reports .body p{
    /*    font-size: 12px;*/
    clear: both;
}
.reports  .img1{
    float: left !important;
    margin: 0px  0px  5px  0px !important ;
    width: 71px;
    height: 88px;
    cursor: pointer;
}
.reports  .img1 img{
    width: 71px;
    height: 88px;
}
.reports .body *{
    font-size: 12px;
}
.reports .rTitle{
    padding:  0px 0  0px 10px;
    width: 656px;
    float: left;
}

/* Pager */ 

.pager{
    text-align: center;
    padding: 16px 0 0 0 ;
/*    direction: rtl;*/
    width: 99%;
}

.pager a{
    text-align: center;
    padding: 0 3px 0  3px;
}
.pager a.active{
    font-weight: bold;
}
.pager a.current{
    font-weight: bold;
}

.catTitle{  font-weight: bold; font-size: 16px; padding:0px 0px 10px 4px; color: #333;  font-family: Arial; color: #666;  }


 /*Top Links*/ 
 
 .topLinks{
      float: right;
 }
 .topLinks a{
      text-decoration: none;
 }
 .topLinks span{
      color: #0080c4;
      padding: 0 2px 0 2px;
 }



/* Contact US */

.feedBackTable{
    padding: 10px 0 10px 0 ;
    float: left;
    width:100%
}
.feedBackTable td{
    padding: 5px 15px 5px 25px ;
}

.feedBackTable td input[type=text]
{
    padding: 2px 3px 0px 3px ;
    width: 250px;
    border:1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
}
.feedBackTable td  select
{
    padding: 2px 3px 0px 3px ;
    width: 250px;
    border:1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.feedBackTable td  textarea
{
    padding: 2px 3px 0px 3px ;
    width:250px;
    border:1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
}
.feedBackTable td input[type=submit]
{
    padding: 5px;
    border:1px solid #999;
    width: 100px;
    cursor: pointer;
}

.feedBackTable .red{
    color: red;
}
.Specifications{
    padding: 10px 0 10px 0 ;
    float: left;
    width:100%
}
.Specifications td{
    padding: 10px 10px 5px 25px ;
    vertical-align: top;
    width: 150px;
    }
.Specifications .Title{
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    border-bottom: 2px solid #00bce4;
    width: 95%;
    padding-left: 0px;
    float: right;
}

.Specifications td input[type=text]
{
    padding: 2px 3px 0px 3px ;
    width: 120px;
    border:1px solid #999;
    background-image:url(../images/field_bg.png);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
}


 .Specifications td textarea
{
    padding: 2px 3px 0px 3px ;
    width: 150px;
    height: 50px;
    border:1px solid #999;
    background-image:url(../images/field_bg.png);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
}

.errors{
    display: block; 
    width:100%;
    padding:10px; 
    border:1px solid red; 
}

.errorLine{
    font-weight: bold;
    color:red;
    padding: 0 0 0 25px;
}

#contactForm2 h2{
     padding: 0 0 0 20px ; 
     color: green;
}
.feedBackTitle{
    font-size: 14px;
    font-weight: bold;
    color:#184C81;
     padding: 10px 10px  0px 10px; 
}
.feedBackText{
    padding: 10px 10px  0px 10px;
    line-height: 20px;
}

.capaF{
    float: left; margin: 0px 0px 0 5px; 
}

.capa{
     float: left; margin: 12px 0  0px 0px ;
     width: 120px !important;
}
.sep{ border: 1px solid #184C81;}


.first_main_block{
    margin-left: 0 !important;
}



.wide_block{
    width: 100%;
    overflow: hidden;
    
}
.didYouKnowBlock{
    height: 30px;
    display: table;
    padding:10px 0 10px 0;
}


.wide_block .didYouKnow{
    height: 32px;
    width: 63px;
    color: #0080c4;
    font-size: 14px;
    border-right: 2px solid #717073;
    vertical-align: middle;
    display: table-cell;
    padding: 0 5px 0 15px;
}

.wide_block .desc{
    margin: 0px 0 0 0;
    width: auto;
    color: #666666;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px 0 12px;
    overflow: hidden;
    height: 32px;
    
}

.leftBlock{
    width: 600px;
    float: left;
    padding:15px 15px  15px 15px;
    height: 200px;
}
.leftBlock .title{
    width: 390px;
    padding: 0px 0 10px 10px ;
    float: left;
    color:#0080c4;
    font-weight: bold;
}
.leftBlock .desc{
    width: 390px;
    padding: 0px 0 10px 10px ;
    float: left;
    line-height: 24px;
}

.rightBlock{
    padding: 15px 10px 15px 10px ;
    width:237px;
    float:right;
    height: 200px;
}

.rightBlock div.title{
    color:#0080C4;
    font-weight: normal;
    font-size: 14px;
}
.rightBlock div.date{
    color:#0080c4;
}

img.thumb{
    float: left;
    margin: 0px 0 0 0;
}

a.find_more{
    clear: both; 
    display: block;
    color:#0080c4;
}

.rightBlockList li{
    padding: 12px 0 0px 0 ;
}
/* Staff */ 
.staffCat{
    width: 200px;
    min-height: 200px;
    float: left;
}

.staffCat ul,.staffCat li{
    list-style-type: none;
    cursor: pointer;
    list-style-image: none;
    padding: 0;
    margin: 0;
}
.staffCat ul{
    padding: 0 !important;
    margin: 0 !important;
}
.staffCat li{
    padding: 0 ;
    margin: 0;
    border-bottom:1px solid #d6d6d8;
}
.staffCat a{
    padding: 3px 0 3px 8% ;
    margin: 0;
    color:#333 !important;
    width: 92%;
    display: block
}

.staffCat a:hover{
    background-color:#f3f3f3;
}
.staffCat .selectedLink{
    background-color:#f3f3f3 ;
    text-decoration: underline;
}
.staff_info{
    margin: 0 0 0 20px;
    width: 718px;
    float: right;
}
.thumb{
    float: left;
}
.loading2{
    display: block;
    margin: auto;
    padding: 10px 0 10px 0 ;
}
.staff_bio{
    width: 565px;
    float: right;
}

.staff_bio .title{
    border-bottom:1px dotted #999;
    width:100%;
    float: left;
    font-weight: bold;
}
.staff_bio .bio{
    clear: both;
    width: 100%;
    padding: 5px 0 0 0 ;
    font-style: normal;
/*    font-weight: bold;*/
    font-size: 12px;
    color: #666;
}

.staff_full_bio{
    clear: both;
}

/* GALLERY */ 
.galleryCat{ top:10px !important; right: 15px !important; left: auto;}
.album{
    margin: auto;
    border-bottom:1px solid #ccc ;
    overflow: hidden;
    width: 100%;
    padding:10px 0  10px 0 ;
}

.album .thumb{
    float: left;
    overflow: hidden;
    height:100px;
    width: 128px;
    position: absolute;
    left: 0;
    top: 0;

}
.album .container{
    padding: 0px 10px 0px 0px ;
    float: left;
    width: 75%;
}
.album .container .title{
    font-weight: bold;
    padding: 0 0 5px 0;
}
.album .container .title a {
    color: #333;
}
.album .container .date{
    font-style: italic;
    font-size: 10px;
    color: #999;
}

.thumbCont{
    overflow: hidden;
    display: block;
    float: left;
    width: 128px;
    height: 100px;
    cursor: pointer;
    padding: 0px 10px 0px 10px ;
    margin:  0px 0 0 0;
    position: relative;
}

.thumbCont .pic{
    z-index: 1000;
    background-color: #000;
    position: absolute;
    width: 128px;
    height: 100px;
    left: 0;
    top: 0;
}
/* DROPDOWN */

.selectBox{
    position: absolute !important;
    right: 0;
    top:0px;
}
.selectBox-dropdown span{
    
}
/* Dropdown control */
.selectBox-dropdown {
	min-width: 150px;
         
	position: relative;
	border: solid 1px #BBB;
	line-height:  16px !important;
	text-decoration: none;
	text-align: left;
	color: #000;
	outline: none;
	vertical-align: middle;
 	background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0); 
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	cursor: default;
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
	border-color: #666;
}

.selectBox-dropdown.selectBox-menuShowing {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.selectBox-dropdown .selectBox-label {
	padding: 2px 8px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}

.selectBox-dropdown .selectBox-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 100%;
	background: url(../images/dArrow.png) 49% center no-repeat;
	border-left: solid 1px #BBB;
}

/* Dropdown menu */
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	max-height: 200px;
	min-height: 1em;
	border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */
	background: #FFF;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	overflow: auto;
}


/* Inline control */
.selectBox-inline {
	min-width: 150px;
	outline: none;
	border: solid 1px #BBB;
	background: #FFF;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: auto;
}

.selectBox-inline:focus {
	border-color: #666;
}


/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
}

.selectBox-options LI A {
	padding: 0.5em ;
	white-space: nowrap;
	overflow: hidden;
	background: 6px center no-repeat;
}

.selectBox-options LI.selectBox-hover A {
	background-color: #EEE;
                
}

.selectBox-options LI.selectBox-disabled A {
	color: #888;
	background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
	background-color: #C8DEF4;
}

.selectBox-options .selectBox-optgroup {
	color: #666;
	background: #EEE;
	font-weight: bold;
	padding: 0 .3em;
	white-space: nowrap;
}


/* Disabled state */
.selectBox.selectBox-disabled {
	color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}

.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
	background-color: transparent !important;
}

/* Pager */ 
.cycle_pager{
    margin: auto;
    width: 100%;
    text-align: center;
    float: left;
    margin-top: -4px;
}
.cycle_pager a{
    width: 7px;
    height: 8px;
    background-image:url(../images/spot_off.png);
    display: inline-block;
    background-repeat:no-repeat;
    margin: 2px;
}
.cycle_pager a:hover{
    background-image:url(../images/spot_on.png);
}
.cycle_pager a.activeSlide{
    background-image:url(../images/spot_on.png);
}

.column{
    float: left;
    margin-left: 16px;
}
.colmargin{
 margin:0 25px !important; 
}

.noLeftMargin{
    margin-left: 0 !important; 
}
.noRightMargin{
    margin-right: 0 !important; 
}

.coll1{
    width:960px;
    margin-left:0px !important;
}
.coll2{  
   background: url('../images/box_bg.png') repeat 0 0 transparent !important;
}
.coll3{
    width:200px;
    margin-left:0px !important;    
}
.coll4{
    width:340px;
}

.whiteBlockHeight1{
    width:958px!important;
    min-height: 250px;
    padding: 0px !important;
    position: relative;
    border-top: 0px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
 }

.whiteBlockHeight2{  
    background: transparent !important;   
    width: 245px!important;
    margin: 0px;
    padding: 10px 20px 20px 20px !important;
    position: relative;
}
.whiteBlockHeight3{
     background: transparent !important;
 }
 
 .whiteBlockHeight4{  
    background: transparent !important;   
    width: 285px!important;
    margin: 0px;
    padding: 10px 0 0 0 !important;
    position: relative;
}

.whiteBlock{
    background-color:#FFF;
    padding: 10px 10px;
    width: 151px;
    clear: both;
    overflow: hidden;
}
.whiteBlock .title{
    color:#333333;
    padding:0 0 10px 0;
    font-weight: bold;
    font-size: 16px;
}

.whiteBlock .hometitle{
    font-family:  Museo500-Regular !important;
    color:#7e7f82;
    padding:0 0 8px 0;    
    font-size: 24px;
    border-bottom: 1px solid #d7d7d7;
}

.whiteBlock .hometitle .icon{   
    width: 32px;
    height: 30px;
    display: inline-block;
    margin: 0 10px 0 0;
    position: relative;
    top: 4px;
}
.welcome{
     background: url('../images/icons.png') no-repeat 0 0px transparent;
}

.media{
     background: url('../images/icons.png') no-repeat -33px 2px transparent;
}

.why{
     background: url('../images/icons.png') no-repeat -69px 2px transparent;
}

.whiteBlock .body{
    color:#908f90;
    line-height: 20px;
    padding: 20px 15px;
    float: left;
    width: 928px;
    min-height: 400px;
    background: url('../images/body_bg.png') repeat 0 0 transparent !important;
}
.whiteBlock .smallbody{
    color:#908f90;
    line-height: 20px;
    padding: 8px 0 0 0;
    height: 157px;
    overflow: hidden;
}
.apps{
    width: 284px;
    height: 185px !important;        
    background: url('../images/apps.png') repeat 0 50% transparent !important;
    padding: 0px !important;
}


.appsTitle{
    padding: 0 20px 8px 20px !important;
}

.appsIcon{
    width: 284px;
    height: 185px !important;       
    background: url('../images/apps_over.png') repeat 0 -3px transparent !important;   
    cursor: pointer;
    display: block;
}

.appsIcon:hover{       
    background: url('../images/apps_over.png') repeat 0 189px transparent !important;   
   
}

.whiteBlock .readmore{
   width: 100px;
   height: 40px;
   position:absolute;
   text-align: right;
   color:#5b5b5b;
   text-decoration: none;
   line-height: 40px;
   right: 20px;
   bottom: 10px;
}  

.whiteBlock .img{
    display: block;
    float: right;
  
}  

.whiteBlock .img1{
    display: block;
    float: right;
    margin-top: -20px;
  
}  

.whiteBlock ul{
    list-style: square;
    padding: 5px 5px 5px 15px;    
}


.orange{
    color: #f89e3c !important;
}

.blue{
    color: #04b2d9 !important;
}
.purple{
    color: #722b89 !important;
}
.red{
     color: #d92837 !important; 
}
.noPadding{
   padding: 0 !important;  
}
.sliderHomeBLock{
    padding: 0px;
    height: 298px !important;
    width: 958px !important;   
    position: relative;
    background-color: #fff;
    border: 1px solid #9b9b9b;     
}
.sliderInnerBLock{
    padding: 0px;
    height: 198px !important;
    width: 958px !important;
    position: relative;
    background-color: #fff;
    border: 1px solid #9c9d9e;
}

#innerSlider{
    width: 958px;
    height: 198px;
    float: left;
    margin: 0px ;
    overflow: hidden;  
}

.topshadow{
  background: url(../images/banner_shadow.png) center bottom  -15px no-repeat; 
  height: 25px;
  width: 960px;
}
.botshadow{
  background: url(../images/bot_shadow.png) center bottom  3px no-repeat; 
  height: 12px;
  width: 296px;
  position: relative;
  bottom: 0px;
}
.slider{   
    height: auto !important;
    margin: 0px;
  }

.arrow{
    z-index: 100;
    width: 95%;
    top: 135px;
    right: 23px;
    position:absolute;
    margin:0px auto;
    height: 35px;
}
.prev{
    background: url(../images/banner_arrows.png) no-repeat 0 -46px;
    height: 35px;
    width: 25px;
    float: left;
    display: block;
    margin: 0px;
    cursor: pointer;
}

.prev:hover{
    background: url(../images/banner_arrows.png) no-repeat 0 0px ;    
}
.next{
    background: url(../images/banner_arrows.png) no-repeat -36px -46px;
    height: 35px;
    width: 25px;
    float: right;
    display: block;
    margin: 0px;
    cursor: pointer;
}

.next:hover{
    background: url(../images/banner_arrows.png) no-repeat -36px 0 ;    
}

.pagerCon{
    z-index: 100;
    width: 150px;
    top: 15px;
    position:relative;
    margin:0px auto;
    height: 15px;
}

.slider_pager{
    width: 90%;
    margin:0px auto;
    text-align: center;  
     }
.slider_pager a{
    width: 10px;
    height: 10px;
    background:url(../images/dotes_pager.png) no-repeat -20px -1px;
    display: inline-block;   
    margin: 0 3px;
}
.slider_pager a:hover{
    background:url(../images/dotes_pager.png) no-repeat 0px -1px;
}
.slider_pager a.activeSlide{
    background:url(../images/dotes_pager.png) no-repeat 0px -1px;
}

.lineHeight20{
    line-height: 20px;
}

.lineHeight18{
    line-height: 18px;
}

.videos_block{
    color:#247ca5;
}

.videos_block li{
    padding: 5px 0 5px 0 ;
}
.videos_block li a {
    color:#247ca5;
    text-decoration: none;
}
.videos_block li a:hover {
    text-decoration:underline;
}

/************************************
GENERAL STYLING
************************************/

.clearfix {	display: inline-block;}
.clearfix:after {	content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}


.round-corners, .rounded {

    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;

}
.flipped
{
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

}
.selected
{
    opacity:1!important;
    filter:alpha(opacity=100)!important;
}
/************************************
SLIDER STYLING
************************************/

#arrowleft
{
    cursor:pointer;
}

.mda {
    color: #FFF;
}

.codesnip {
    color: #CCC;
    font-size:12px;
}
#transitionsCon
{
    display:block;
    height:auto;
}
.bullet
{
    /*position:absolute;*/
    cursor:pointer;
}

.extended
{
    width:790px;
    opacity:1!important;
    filter:alpha(opacity=100)!important;

}

.one_third{
    width:32%;
    margin-right:2%;
    float:left;
}
.last{
    margin-right:0;
}
.feature img{
    opacity:0.5;
}
.selected img{
    opacity:1;
}
.more-button{
    padding:10px 5px;
    background:#C03;
    width:80px;
    text-align:center;
    border-radius:5px;
    margin: 10px 0;
    text-transform:uppercase;
    font-size:10px;
    text-decoration:none;
    color:#ddd;
    display:block;
}
.scroller-gallery { background:#fff; padding-top:1px; }

.boxgrid{ 
    width: 210px; 
    height: 220px; 
    margin:0px; 
    float:left; 
    background:#5a5a5a; 
    border: solid 1px #dddddd; 
    overflow: hidden; 
    position: relative; 
    line-height: 16px;
}
.boxgrid img{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    border: 0;
    cursor: pointer;
}
.boxgrid div{ 
    padding:10px 10px 0  10px; 
    color:#fff; 
    font-weight:normal; 
    line-height: 16px;
 }

.boxcaption{ 
    float: left; 
    position: absolute; 
    background: #5a5a5a; 
    height: 100px; 
    width: 100%; 
    opacity: .8; 
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
    top: 260;
    left: 0;
}
.caption .boxcaption {
    top: 220;
    left: 0;
}
.boxgrid a{ color:#f78f1e; text-decoration: none; }
.boxgrid h3{ margin: 10px 10px 0 10px; color:#FFF; font:16px Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }


#scrollbar1 { width: 940px; margin: 0px; }
#scrollbar1 .viewport { 
    width: 938px;
    height: 490px;
    overflow: hidden;
    position: relative;
}
#scrollbar1 .overview { 
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0; 
    margin: 0; 
    width: 1640px;
}
#scrollbar1 .scrollbar{ 
    background: #ebebeb url(../images/scroll_bg.png) repeat-x 0 0;
    position: relative; 
    background-position: 0 0;
    width: 940px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#scrollbar1 .track { 
   
    height: 14px;
    width:100%;
    position: relative;
    padding: 0 1px;
}

#scrollbar1 .thumb { 
    background: url('../images/scroll_arrow.png') no-repeat  50%, url('../images/move_bg.png') repeat-x  #adabac;
    height: 14px;
    width: 29px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#scrollbar1 .disable { display: none; }

.noSelect { 
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

#Locations{
    color: #6a6a6a;
    background: #d8d8d8;
    padding:5px 5px 10px 10px;
    line-height: 20px;
    
}

#Locations a{
    color: #6a6a6a;
    text-decoration: none;
    background: #c6c6c6;
    width: 55px;
    text-align: center;
    float: left;
    margin: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 11px;
} 

#Locations a:hover{
    color: #f78f1e;
    text-decoration: none;
    background: #fff; 
} 

.location{
   
    position :relative !important;
    right: 2px !important;
    top: 0px !important;
}

#locSelect{
  padding:10px 13px 5px 13px;  
  clear: both;
}


.board{
    height: auto;
    background: transparent;
}

.board .title{
    background: transparent;
    padding: 5px 10px 5px 5px;
    color: #808185;
    font-size: 16px;
    width: 725px;    
} 

.board .locate{
    color: #f78f1e;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 10px 0px 0px;
    float: left;
} 

.board .body{
    width: 713px;
    float: right;
    text-align: left;
    margin: 10px 10px;
    padding: 0px !important;
    min-height: 200px !important;        
} 
.board .thumb{
   float: left;
   width: 100%;
} 

.board .thumb img{
  margin: 0  15px 0px 5px; 
  float: left;
} 

.above-overlay-description{
    position: relative;
    overflow: hidden;
       
}
.overlay-description{    
    background: url('../images/portBg.png') repeat 0 0 transparent ;
    position: absolute;
    left: -454px;
    width: 100%;
    height: 100%;
    display: none;
}
.txt{
    color: #fff;
    font-size: 12px;
    font-family: Arial;
    padding: 10px;
    line-height: 18px;
    
}

#loading{
text-align: center;
width: 100%;
padding: 5px 0;
height: 17px;
display:none;
/*background-color: #f78f1e;
  */  
}
#loading span{
    
    color: #f78f1e;
    font-size: 14px;
}

#loading img {

}


#load{
width: 100%;
padding: 5px 0;
position: relative;
top: 100px;
}

#loadmore{
text-align: center;
width: 100%;
padding: 0 0 5px 0;
cursor: pointer;
height: 27px;
position: relative;
top: -5px;
background: url('../images/loadmore.png') no-repeat 50% 3px transparent;
}

#loadmore:hover{
background-position: 50% -32px;  
}

.fixedWidth{
    width: 285px;    
}

.homePortfolio{
    
}

.homePortfolio .homeBox {
    background: none repeat scroll 0 0 #D8D5D2;
    border-radius: 0 0 0 0;
    float: left;
    font-size: 11px;   
    margin: 0 0 0 20px;
    padding: 0;
}
.homePortfolio .col6 { width: 225px; height: 150px;  border:none; }
.homePortfolio .col6 img { width: 223px; height:148px; border:1px solid #b4b4b4; }

.homePortfolio .above-overlay-description{
    position: relative;
    overflow: hidden;    
}
.homePortfolio .overlay-description{    
    background: url('../images/portBg.png') repeat 0 0 transparent ;
    position: absolute;
    left: -225px;
    width: 100%;
    height: 100%;
    display: none;
}

.homePortfolio .plus{
    position: absolute;
    overflow: hidden; 
    width: 32px;
    height: 32px;
    background: url('../images/plus.png') no-repeat 0 0 #828282;   
    right: 0px;
    bottom: 0px;
}

#profile {
    background: url("../images/profile.png") no-repeat scroll 50% 3px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 30px;
    padding: 0 0 5px;
    position: relative;
    text-align: center;
    text-indent: -9999px;
    top: -10px;
    width: 140px;
}

#profile:hover{
background-position: 50% -30px;  
}