/*
    Document   : style
    Created on : 15/05/2011, 12:48:45 م
    Author     : salah
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/** color reference
website-bg :#52bed9
menu-text-color :#52bed9
submenu-item-text-color :#7d7d7d
submenu-item-text-color-hover :#6b6a6a
submenu-bg :#dfdfde

*/

@font-face
{
    font-family: mypro;
    src: url('fonts/MyriadPro-Regular.otf');
}
@font-face
{
    font-family: ff_din_bold;
    src: url('fonts/ff_din_bold-webfont.ttf');
}
@font-face
{
    font-family: ff_din_regular;
    src: url('fonts/ff_din_regular-webfont.ttf');
}

root {
    display: block;
}
body{
    font-family: tahoma;
    font-size: 10pt;
    background-color: #eeece4;
    color: #666;
    direction: ltr;
}
.spacer{
    clear:both !important;
    line-height:0px !important;
    height:0px !important;
    margin: 0px !important;
    font-size: 0px !important;
    padding:0px !important;
    border:0px none !important;
    display: block !important;
    float:none !important;
}
a{
    text-decoration: none;
    color: #1c6e85;
}
a:hover{
    color: #49a1b9;
}
.site_width{
    width: 962px;
    margin: 0px auto
}
#outer-container{
    overflow: hidden;
    margin: 0px auto;
    /*    background-color: #fff;*/
}
#outer-container.home{
    overflow: visible;
}
#top-header{
    /*    height: 33px;*/
    /*    padding: 7px 228px 0 7px;*/
    /*    background-color: #fff;*/
    position: relative;
    margin-bottom: 10px;
}
#top-header,
#top-header a
{
    color: #6e6e6e;
}
#top-header a:hover
{
    color: #1C6E85;
}
#top-header h1{
    float: left;
    width: 240px;
}
#top-header h1 #text{
    display: none;
}
#top-header ul{
    list-style: none;
    display: block;
    float: left;
    padding: 0;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
#language a{
    color: #33869c
}
#top-header ul ul{
    display: none;
}
#top-header ul li{
    display: inline-block;
    height: 15px;
    line-height: 1.1;
    font-size: 8.5pt;
    padding: 0px 5px;
}
#top-header ul li:first-child{
    border-left: none 0px;
}

#main-menu{
    display: block;
   /* padding: 0px 20px;*/
    height: 41px;
    border: 0px;
    z-index: 888;
    /*width: auto;*/
    float: left;
    position: relative;
}
#menu-search{
    background-color: #3f3f3f ;
    padding: 0px;
    height: 41px;
    margin-bottom: 10px;
    z-index: 800;
}
#main-menu li{
    list-style: none;
    float: left;
    height: 19px;
    color: white;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    padding: 12px 10px 10px;
    /*    margin-left: 15px;*/
}
#main-menu li a{
    color: #fff;
    font-size: 15px;
}
#main-menu li:first-child{
    /*border-right: 0px none;*/
    /*background: none;*/
}
#main-menu li span a{
    color: #fff;
    padding: 0px 10px;
    display: block;
    height: 15px;
}
#main-menu li span{
    display: block;
    height: 30px;
    padding-right: 3px;
}
#main-menu li:hover{
    color: #33869C;
    background-color: #494948;
    /*    background: url(images/menu-left-bg.png) top left no-repeat;*/
}
#main-menu li:hover span{
    background: url(images/menu-right-bg.png) top right no-repeat;
}
#main-menu li:hover span a{
    /*    background-color: #7c7c7c;*/
}

#main-menu li:hover a{
    color: #33869C;
}
#main-menu li:hover ul a{
    color: #e0ded3;
}
#main-menu li a:hover{
    color: #33869C;
}
#main-menu li ul{
    position: absolute;
    top: 41px;
    left:0px;
    float: none;
    text-align: left;
    display: none;
    z-index: 88;
    padding: 0px;
    width: 300px;
    /*    height: 1px; */
    /*    overflow: hidden;*/
    background-color: #333;
    filter: alpha(opacity=88);
    -moz-opacity: .88;
    -webkit-opacity: .88;
    KhtmlOpacity: .88;
    opacity: .95;
    transition: 0.5s;
    -moz-transition: 0.5s; /* Firefox 4 */
    -webkit-transition: 0.5s; /* Safari and Chrome */
    -o-transition: 0.5s; /* Opera */
    /*margin-top: 5px;
    background: url(images/dm-top-curv.png) top center  no-repeat transparent;*/

}
#main-menu li:hover > ul,
#main-menu li.active > ul
{
    display: block;
    height: auto;
}

#main-menu li ul li ul{
    left:162px;
    top: 0px;
    display: none
}
#main-menu li ul li:hover > ul{
    display: block
}
#main-menu ul li{
    border-top: 0px none;
    margin-left: 0px;
    display: block;
    float: none;
    font-weight: normal;
    padding: 0px;
    height: auto;
    /*    background-color: #3a3a3a;*/
}
#main-menu ul li a{
    color: #fff;
    background:none transparent;
    display: block;
    /*    height: 10px;*/
    line-height: 1;
    font-size: 12px;
    padding: 10px 5px 10px 14px;
    /*    border-bottom: 5px solid #575757*/
}

#main-menu ul li:hover{

    border-top: 0px none;
}
#main-menu ul li.first{
    height: 4px;
    /*    background: url(images/dm-top-curv.png) bottom center  no-repeat transparent;*/
}
#main-menu ul li.last{
    height: 4px;
    /*    background: url(images/dm-btm-curv.png) top center  no-repeat transparent;*/
}

#main-menu ul li a:hover{
    color: #e0ded3;
    background-color: #33869C;
}

#menu-search form{
    display: block;
    float: right;
    width: 266px;
    height: 33px;
    padding-top: 8px;
    background: url(images/search_bg.png) right no-repeat;
    /*    border: 1px solid #b5b5b5;*/
}
#menu-search form a{
    height: 25px;
    width: 48px;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
}
#menu-search form input{
    background: none;
    width: 200px;
    font-size: 11px;
    height: 15px;
    float: left;
    border: 0px none;
    padding: 5px;
    background-color: #fff;
}

#header{
    background:  url(images/main-slides-bg.png) top right no-repeat ;
    /*    margin-bottom: -5px;*/
    position: relative;
    margin-bottom: 12px;
}
#header.inner{
    /*    background: none transparent ;*/
    margin-bottom: 0px;
}

#logo-side,

#slides{
    position: relative;
    height: 300px;
    overflow: hidden;
    float: left;
    width: 636px;
    z-index: 400
}
#slides-text-area{
    width: 256px;
    height: 190px;
    float: right;
    margin: 33px 35px 0;
    overflow: hidden;
    position: relative;
}
#slides-text-area div{
    position: absolute;
    top:0px;
    left:0px;
    color: #fff;
    height: 190px;
    width: 256px;
    overflow: hidden;
}
#slides-text-area div a{
    color: #fff;
}
#slides-text-area a.find-more{
    padding-top: 5px;
    display: block;
    color: #C69110;
    font-weight: bold;
}
#slides-text-area h3 {
    font-size: 20px;
    margin-bottom: 10px
}
#slides-text-area h3 {
    line-height: 1.2;
    margin-bottom: 5px
}
#slides .slide{
    /*    float: left;*/
    width: 636px;
    height: 300px;
    position: relative;
    z-index: 500;

}

#slides .slide img{
    display: block;
    width: 636px;
    height: 300px;
    position: absolute;
    top: 0px;
    left:0px;
    z-index: 230;
}
#slides .slide div{
    display: none;
    width: 256px;
    float: right;
    padding: 50px 35px;
    z-index: 250;
    position: absolute;
    right: 0px;
}
#slides .slide div a{
    color: #fff;
}



#slides-cont{
    position: relative;
}
#next,
#prev
{
    background: url("images/next.png") no-repeat scroll center center transparent;
    display: block;
    height: 21px;
    width: 21px;
    top: 250px;
    right: 50px;
    position: absolute;
    text-indent: -9999px;
}
#prev
{
    background: url("images/prev.png") no-repeat scroll center center transparent;
    right: 270px;
    z-index: 250;
}
#prev:hover
{
    background: url("images/prev-hover.png") no-repeat scroll center center transparent;
}
#next:hover
{
    background: url("images/next-hover.png") no-repeat scroll center center transparent;
}


#logo-side{
    width: 228px;
    height: 370px;
    padding-top: 60px;
    position: relative;
}
#header.inner #slides-side{
    height: 230px;
}
#header.inner #logo-side{
    height: 170px;
}
#logo-side ul{
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: inherit;
}
#logo-side ul li{
    display: block;
    margin-bottom: 2px;
    background-image: url(images/menu-item-bg-hover.png);
}
#logo-side ul li:last-child{
    margin-bottom: 0px;
}
#logo-side ul li a{
    background: #006885 url(images/menu-item-bg.png) top right no-repeat ;
    background: rgba(15, 92, 114, 0.55);;
    height: 20px;
    color: #fff;
    font-size: 18px;
    padding: 15px 10px;
    display: block;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
#logo-side ul li a:hover{
    background-image: url(images/menu-item-bg-hover.png);
    background: rgba(100, 125, 175, 0);
}
#logo-side ul li a:active{
    background-image: url(images/menu-item-bg-focus.png);
    background: rgba(100, 125, 175, 0);
}

#header h1{
    display: block;
}
#header h1 a#img{
    height: 93px;
    display: block;
    position: relative;
}
#header h1 a#img img{
    display: block;
    margin: 0 auto;
}
#header h1 a#text{
    display: none;
}
#header-shadow{
    height: 6px;
    width: 804px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url(images/header-shadow-bg.png) bottom right no-repeat transparent;
}


#home-slides{
    height: 308px;
    margin-bottom: 10px;
}

#featured-subjects{
    /*    height: 91px;
        padding: 0 30px 0 30px;*/
    position: relative;
    overflow: hidden;
    clear: both;
    padding: 0 0 20px 0;
}
#featured-slides,
#featured-subjects .warp{
    float: left;
    width: 780px;
    height: 75px;
    overflow: hidden;
    position: relative;
    padding: 0;
    margin-right: 10px;
}

#prev-page,
#next-page{
    display: block;
    float: left;
    width: 42px;
    height: 75px;
    text-indent: -9999px;
    overflow: hidden;
    margin-top: 0;
    margin-right: 10px;
    margin-left: 40px;
    padding-left: 0px;
    padding-right: 1px;
    background-image: url(images/next-page.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0px;
}
#next-page{
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 1px;
    padding-right: 0px;
    background-image: url(images/prev-page.png);
    background-position: 100% 0px;
}
#next-page:hover{
    background-image: url(images/prev-page-hover.png);
}
#prev-page:hover{
    background-image: url(images/next-page-hover.png);
}
#prev-int,
#next-int{
    display: block;
    width: 25px;
    height: 45px;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 888;
    position: absolute;
    background-color: #e5e2d5;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    top:70px;
}
#prev-int{
    left: -5px;
    background: #e5e2d5 url(images/sections_slider_right.png) center no-repeat;
}
#prev-int:hover{
    left: 0px;
    background-color: #dbd8cc;
}
#next-int{
    right: -5px;
    background: #e5e2d5 url(images/sections_slider_left.png) center no-repeat;
}
#next-int:hover{
    right: 0px;
    background-color: #dbd8cc;
}

#intervention h2,#news h2,
#featured-subjects h2{
    padding: 20px;
    background: url(images/sections-header-bg.png) center repeat-x;
}
#news h2{
    padding: 15px 20px;
}

#news h2 a,
#intervention h2 a,
#featured-subjects h2 a{
    font-size: 16px;
    font-weight: normal;
    background-color: white;
    padding: 5px 10px;
}
#news h2 a{
    padding: 0px 10px;
}

#gallery h2 a,#video h2 a{
    font-size: 16px;
    font-weight: normal;
    background-color: white;
    padding: 5px 10px;
}



#featured-subjects ul{
    list-style: none;
    display: block;
    height: 75px;
    overflow: hidden;
}
#featured-subjects ul li{
    list-style: none;
    display: block;
    height: 75px;
    float: left;
    width: 180px;
}
#featured-subjects ul li img{
    width: 130px;
    height: 75px;
    display: block;
    margin: 0px auto;

}
#featured-subjects ul li.first img{
    border-left: 1px solid #dfdfdf;
}
#intervention{
    /*    float: left;*/
    /*    width: 637px;*/
    border-right: 1px solid #dfdfdf;
    /*    height: 155px;*/
    position: relative;
    z-index: 650;
    overflow: hidden;
}
#intervention-gallery-cont{
    padding-top: 12px;
}

#intervention,#news,#video-gallery, #featured-subjects{
    background-color: #fff;
}

#int-slides{
    padding: 0px 10px 20px;
    height: 81px;
    float: left;
    z-index: 700;
    margin: 0 0 0 40px;
    width: 859px;
    position: relative;
    overflow: hidden;
    /*    background-color: #c9c9c9;*/
}
#int-slides div{
    overflow: hidden;
    height: 81px;
    position: relative;
    /*    background-color: #fff;*/
}
#intervention ul{
    z-index: 701;
    list-style: none;
    display: block;
    height: 81px;
    overflow: hidden;
    list-style: none;

}
#intervention ul li{
    z-index: 702;
    list-style: none;
    display: block;
    height: 81px;
    float: left;
    width: 125px;
    padding-top: 4px;
    /*    background-color: #fff;*/
}
#intervention ul li a{
    z-index: 703;

    height: 77px;
    width: 100px;
    margin: 0px;
    background-color: #33869c;
    overflow: hidden;
}
#intervention ul li a{
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    position: relative;
    display: block;
}

#intervention ul li a:hover{
    color: #eee;
    background-color: #1b6275;
    /*    padding: 2px;*/
    -webkit-box-shadow: 4px 4px 0px #ccc;
    -moz-box-shadow: 4px 4px 0px #ccc;
    -o-box-shadow: 4px 4px 0px #ccc;
    box-shadow: 4px 4px 0px #ccc;
    margin-top: -4px;
}
#intervention ul li a img{
    display: block;
    height: 60px;
    width: 100px;
}
#intervention ul li a span{
    display: block;
    color: #fff;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    padding:2px;
    font-size: 11px;
    text-align: center;
    z-index: 800;
    line-height: 1.2;
}
#intervention ul li a:hover span{
    display: block;
    opacity:0.85;
}

.cont-rows{
    border-bottom: 1px solid #dfdfdf;
    padding: 10px 0;
}
#news-video-cont{
    /*    margin-left: 24px;*/
    padding: 10px 0px;
    width: 975px;
    float: right;

}
#news{
    float: left;
    width: 543px;
    height: 325px;
    margin-right: 6px;
    margin-left: 14px;
    position: relative;
}
.ver-shadow{
    background: url(images/ver-shadow.png) left top no-repeat;
    width: 9px;
    height: 258px;
    position: absolute;
    left:267px;
    bottom: 0px;
    z-index: 520;
}
.main-title{
    display: block;
    float: left;
    width: 214px;
    margin-right: 20px;
    background-color: #dedede;
    text-align: center;
}
.main-title span{
    padding: 5px;
    color: #757575;
    display: block;
}

#latest-news-date{
    background: url(images/home-date-bg.png) left top no-repeat;
    display: block;
    padding-left: 14px;
    width: 150px;
    height: 45px;
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    color: white;
    position: absolute;
    top: 41px;
    left:-14px;

}

/*.news-list span{
    display: block;
}
.news-list li.first a{
    color: #c69110;
}
.news-list li.first a:hover{
    color: #9b7009;
}
.news-list li.first a.big{
    font-size: 16px;
    padding: 7px 0px;
    display: block;
}*/

.news-list{
    display: block;
    float: left;
    width: 267px;
    height: 230px;
    z-index: 220;
    margin-top: 58px;
}
.archive,
.news-list li{
    border-top: 1px solid #dfdfdf;
    list-style: none;
}
.news-list li:last-child{

}
.archive a,
.news-list li a{
    color: #c69110;
    font-weight: bold;
    font-size: 11px;
    padding: 15px 10px;
    display: block;
    cursor: pointer;
}
.news-list li a:hover{
    background-color: #eee;
}
.archive{
    display: block;
    padding:11px 10px 14px 16px;
    background: none;
    position: absolute;
    width: 241px;
    bottom: 0px;
}
.archive a{
    background: url(images/archive.png) left center no-repeat transparent;
    color: #888;
    padding-left: 30px;
}

#news-images{
    float: left;
    width: 275px;
    height: 258px;
    overflow: hidden;
    margin-top: 20px;
}
#news-images div{
    width: 275px;
    height: 258px;
    position: relative;
}
#news-images div.social{
    bottom: 0px;
    width: 245px;
    height: 19px;
    position: absolute;
    padding: 13px 15px 13px 15px;
}

#news-images div h3{
    display: none;
}
#news-images div p{
    display: block;
    padding: 10px;
}
#news-images div img{
    display: block;
    height: 210px;
    width: 275px;
}

#video-gallery{
    float: left;
    width: 412px;
    height: 325px;
    overflow: hidden;
}
/*#gallery h2,#video h2{
    display: block;
    padding: 0px 0px 5px 0px;
}*/
#video-gallery-slides h2{
    display: none;
}
#video-gallery-slides a.explore{
    margin-top: 15px;
    display: inline-block;
    padding: 10px;
    background-color: #C42126;
    color: white;
    font-family: ff_din_bold;
    height: 10px;
    line-height: 0.7;
    text-transform: uppercase;
}
#video-gallery-slides a.explore:hover{
    background-color: #9a191d;
    color: #ddd;
}

#video-gallery ul{
    display: block;
    padding: 0;
}
#video-gallery ul li{
    display: block;
    float: left;
    width: 160px;
    height: 39px;
    font-family: ff_din_bold;
    padding-left: 45px;
}
#video-gallery ul li a{
    display: block;
    height: 14px;
    padding: 15px 18px 10px 0px;
    text-transform: uppercase;
    color: #555;
}
#video-gallery ul li a:hover{
    color: #999;
}
#video-gallery ul li#video-sel{
    background: url(images/videoicon.png) 110px center no-repeat;
    border-right: 2px solid #eeece4;
    text-align: right;
}
#video-gallery ul li#video-sel.active{
    background: url(images/videoicon-active.png) 110px center no-repeat;
}
#video-gallery ul li#video-sel.active a{
    /*    background: url(images/gallery-seperator-left.png) right center no-repeat;    */
    color: #c42126;
}

#video-gallery ul li.active a{
    color: #c42126;
}
#video-gallery ul li#gallery-sel a{

}
#video-gallery ul li#gallery-sel.active a{
    /*    background: url(images/gallery-seperator-right.png) left center no-repeat;    */
    color: #c42126;
}
#video-gallery ul li#gallery-sel{
    background: url(images/galleryicon.png) 14px center no-repeat;


}
#video-gallery ul li#gallery-sel.active{
    background: url(images/galleryicon-active.png) 14px center no-repeat;
}







#video,#gallery{
    float: left;
    width: 380px;
    padding:16px 16px 0;
    position: relative;
    text-align: right;
}
#video a img.video-overlay{
    position: absolute;
    top: 0px;
    left: 0px;
    opacity:0.5;
    transition: 1s;
    -ms-transition:  1s;
    -moz-transition:  1s; /* Firefox 4 */
    -webkit-transition:  1s; /* Safari and Chrome */
    -o-transition:  1s; /* Opera */

}
#video a:hover img.video-overlay{
    opacity:0.9;
}
#gallery-page.video .content li a{
    position: relative;
    overflow: hidden;
}
#gallery-page.video .content li a img.video-overlay{
    position: absolute;
    top: 5px;
    left: 5px;
    opacity:0.5;
    transition: 1s;
    -ms-transition:  1s;
    -moz-transition:  1s; /* Firefox 4 */
    -webkit-transition:  1s; /* Safari and Chrome */
    -o-transition:  1s; /* Opera */

}
#gallery-page.video .content li a:hover img.video-overlay{
    opacity:0.9;
}

#intervention-gallery-cont{
    /*    margin-left: 9px;*/
}

#gallery img{
    width: 380px;
    height: 223px;

}
#gallery-body{
    background-color: #fff;
}
#gallery-page{
    padding: 20px;
}
#gallery-page h1{
    display: block;
    background: url(images/photo-gallery.png) top left no-repeat;
    text-indent: -9999px;
    height: 43px;
    width: 162px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}
#gallery-search{
    margin-top: 13px;
    width: 730px;
    height: 24px;
    padding: 3px 10px;
    float: left;
    background-color: #868686;
}
#gallery-search a.section{
    display: block;
    float: left;
    padding: 5px 20px;
    color: #fff;
    background: url(images/gallery-section.png) center left no-repeat;
}
#gallery-search a.section.active{
    background: url(images/gallery-section-active.png) center left no-repeat;
}
#gallery-search a.section:hover{
    color: #CCC;
}
#gallery-search form{
    display: block;
    float: right;
    width: 211px;
}
#gallery-search form input{
    display: block;
    float: left;
    width: 155px;
    height: 13px;
    border: 0px none;
    padding: 5px;
}
#gallery-search form a#search-button{
    display: block;
    float: left;
    width: 36px;
    height: 13px;
    font-size: 11px;
    padding: 5px;
    color: #636363;
    background: url(images/gallery-search-btn.png) center left no-repeat;
}
#gallery-search form a#search-button:hover{
    color: #000000;
}
#gallery-page .sections,
#gallery-page .content
{
    display: block;
    width: 162px;
    z-index: 199;
    margin-top: 10px;
    float: left;
    list-style: none;
}
#gallery-page .content{
    display: block;
    width: 750px;
}
#gallery-page .sections{
    margin-right: 10px;
}
#gallery-page .sections li{
    display: block;
    width: 162px;
    position: relative;
    background-color: #89898a;
    height: 34px;
    border-bottom: 1px dotted #acacac;
    overflow: visible;
    z-index: 200;
}
#gallery-page .sections li:hover{
    background-color: #cccccc;
}
#gallery-page .sections li.active:hover{
    background-color: #89898a;
}
#gallery-page .sections li a{
    display: block;
    position: absolute;
    top: 0px;
    left:0px;
    color: #fff;
    height: 14px;
    width: 142px;
    padding: 10px;
    z-index: 201;
}
#gallery-page .sections li.active{
    z-index: 400;
    height: 30px;
}
#gallery-page .sections li.active a{
    top: 0px;
    left:-3px;
    width: 148px;
    color: #fff;
    height: 21px;
    background: url(images/gallery_active_section.png) top left no-repeat;
    z-index: 401;
}

#gallery-page .content li a{
    background-color: #868686;
    display: block;
    float: left;
    padding: 5px;
    height: 90px;
    width: 140px;
    margin-right: 50px;
    margin-bottom: 20px
}
#gallery-page .content li a:hover{
    background-color: #cccccc;
    display: block;
    float: left;
    padding: 5px;
    height: 90px;
    width: 140px;
}
#gallery-page .content li.last a{
    margin-right: 0;
}
#gallery-page .content li a img{
    display: block;
    height: 90px;
    width: 140px;
}
.paging{
    /*    margin-left: 400px;*/
    padding: 10px 0px;
    text-align: center;
    vertical-align: middle;
    clear: both;
}
#inner-news .paging{
    /*    margin-left: 300px;*/
    text-align: center;
}

.paging a,
.paging strong{
    display:inline-block;
    text-decoration: none;
    color: #828282;
    font-family: ff_din_regular;
    padding: 10px 15px;
    border-right: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    vertical-align: middle;
}

.paging strong:first-child{
    border-left: 1px solid #D9D9D9;
}

.paging a{
    /*    background:url(images/pagination-sprit.png) repeat-x -165px 50%;    */
}
.paging a:hover{
    /*    color: #047e9b;*/
    background-color: #ccc;
}
.paging .prev a,
.paging .next a{
    /*    text-indent: -9999px;*/
    overflow: hidden;
}
.paging .next a{
    border-left: 0px solid #D9D9D9;
}

.paging .prev a{
    border-left: 1px solid #D9D9D9;
}
.paging strong{
    color: #ccc;
}
.paging span{
    display: inline-block;
    vertical-align: middle;
}
.paging span:first-child{
    border-left: 0px none;
}


#contact-slider{
    display: block;
    float: left;
    width: 57px;
    margin-right: 30px;
    list-style: none;
    padding-left: 15px;
}
#contact-slider li a{
    display: block;
    height: 59px;
    margin-bottom: 1px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background-color: #1e1e1e;
    background-repeat: no-repeat;
    background-position: center
}
#contact-slider li a:hover,
#contact-slider li.active a,
#contact-slider li a.active{
    background-color: #11657d;
}

#contact-slider li a#location{
    background-image: url(images/contact-location.png);
}
#contact-slider li a#form{
    background-image: url(images/contact-form.png);
}
#contact-slider li a#social{
    background-image: url(images/contact-social.png);
}

#contacts{
    float: left;
    width: 810px;
    /*    padding: 20px;*/
    position: relative;
    overflow: hidden;
    background:#d9d9d9 url(images/content-bg.png) no-repeat left top ;
}
#contacts div.slide{
    height: 282px;
    padding: 0 20px;
}

#social-sec{
    padding: 10px 20px 0;
    list-style: none;
}
#social-sec a{
    display: block;
    height: 32px;
    padding: 10px 10px 10px 115px;
    background-color: #efefef;
    margin-bottom: 15px;
}
#social-sec a#twitter{
    background: #efefef url(images/contact-twitter.png) left center no-repeat
}
#social-sec a#facebook{
    background: #efefef url(images/contact-facebook.png) left center no-repeat
}
#social-sec a#youtube{
    background: #efefef url(images/contact-youtube.png) left center no-repeat
}
#social-sec a#picasa{
    background: #efefef url(images/contact-picasa.png) left center no-repeat
}






#About{
    float: left;
    width: 197px;
    padding: 45px 20px 10px;
    height: 253px;
    background: url(images/about-bg.png) left top no-repeat;
    overflow:hidden;
}
#About h2{
    margin-bottom: 15px;
}
#About p{
    line-height: 1.2;

}
#About #more{
    display: block;
    text-align: right;
    margin-top: 15px;
    font-weight: bold
}
#twitter{
    border: 1px solid #e0e0e0;
    height: 14px;
    background: url(images/twitter-label.png) left center no-repeat;
    padding: 7px 5px 7px 125px;
}
#sections {
    background: url("images/content-bg.png") no-repeat scroll center bottom;
}
#sections img{
    border: 1px solid #e0e0e0;
    float: right;
    width:150px;
}
#sections div{
    width: 233px;
    float: left;
    line-height: 1.2;
    padding: 15px 20px 15px 15px;
    background: url(images/sections-bg.png) left top no-repeat;
}
#sections div:first-child{
    width: 248px;
    background: none;
    padding-left:0px;
}
#sections div:last-child{
    width: 409px;
    padding-right: 0px;
}

#sections div h2{
    margin-bottom: 7px;
}
#footer-section{
    position: relative;
    z-index: 300;
}
#news-letter{
    height: 27px;
    padding: 13px 25px;
    background: url(images/footer-top-bg.png) left top repeat-x;
    font-size: 11px;
    z-index: 302;
    position: relative;
}

#news-letter form{
    display: block;
    float: right;
    height: 29px;
    width: 193px;
    /*    position: relative;*/
}
#powered-by-onegraphics{
    padding: 10px 0;
    color: #ccc;
    text-align: center;
    font-size:11px;
}
#powered-by-onegraphics a{
    color: #ccc;
}
#powered-by-onegraphics a:hover{
    color: #eee;
}
#news-letter form .spinner2{
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 162px;
    top: 4px;
    background: url(images/footer-top-bg.png) left bottom no-repeat
}

#news-letter input{
    padding: 5px;
    display: block;
    background: url(images/news_letter_email_bg.png) center center no-repeat;
    height: 19px;
    width: 183px;
    border: 0px;
    font-size: 17px;
    color: #02819f;
    float: left;
    /*    font-weight: bold;*/
    font-family: arial
}
::-webkit-input-placeholder  { color:#ccc; }
#news-letter input:placeholder,
#news-letter input:-moz-placeholder,
#news-letter input::-webkit-input-placeholder {
    color:#ccc;
}
#news-letter input:focus{
    background: url(images/news_letter_email_bg-active.png) center center no-repeat;
    /*    color: #eee;*/
}
#news-letter form a{
    display: block;
    float: left;
    height: 13px;
    width: 17px;
    text-indent: -9999px;
    overflow: hidden;
}
#news-letter form span{
    font-size: 11px;
    color: white;
    line-height: 1.3;
    padding-top: 0;
}

a#view-online{
    display: block;
    height: 68px;
    width: 103px;
    background: url(images/view-newsletter-btn.png) center center no-repeat;
    text-indent: -9999px;
    position: absolute;
    top: 25px;
    right: 30px;
    z-index: 301;
    transition: 1s;
    -ms-transition:  1s;
    -moz-transition:  1s; /* Firefox 4 */
    -webkit-transition:  1s; /* Safari and Chrome */
    -o-transition:  1s; /* Opera */
}
a#view-online:hover{
    top: 50px;


}
#view-newsletter-btn-shade{
    display: block;
    height: 5px;
    width: 146px;
    background: url(images/view-newsletter-btn-shade.png) center center no-repeat;
    text-indent: -9999px;
    position: absolute;
    top: 53px;
    right: -13px;
    z-index: 303
}

#news-letter span,
#footer span{
    font-weight: bold;
    color: #ccc;
    /*    padding-right: 10px;*/
}
#news-letter span{
    color: #fff;
    display: inline-block;
    padding: 7px 5px 0px;
}
#news-letter #singup{
    display: block;
    height: 29px;
    width: 129px;
    background: url(images/singup.png) left top no-repeat;
    text-indent: -9999px;
    position: absolute;
    top: 13px;
    right: 227px;
    padding: 0px;
    z-index: 303;
    cursor: pointer;
}
#news-letter #singup:hover{
    background: url(images/singup-hover.png) left top no-repeat;
}
#footer div{
    float: left;
    margin-right: 40px;
    width: 171px;
}
#footer div#related-sites{
    width: 230px;
}
#footer div#social{
    padding: 35px 40px 12px 0px;
    margin-right: 0px;
    float: right;
    width: 170px;
}

#footer div#social h4{
    display: block;
    text-align: center;
    margin-bottom: 15px;
    color: #919191;
}

.social{
    float: left;
    width: 28px;
    height: 22px;
    padding: 3px;
    position: relative;
    opacity:0.5;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;

}
.social:hover{
    opacity:1;
}
#news-letter ul,
#footer ul{
    color: #dedede;
    padding: 10px 0;
    list-style: none;
}

#news-letter ul{
    display: inline;
}
#news-letter ul li{
    /*    float: left;*/
    display: inline-block;
    list-style: none;
    padding: 7px 5px 0px;
    font-weight: normal;
}
#news-letter ul li a{
    color: #fff;
}
#footer{
    clear: both;
    background: #888888 url(images/footer-bottom-bg.png) left top repeat-x;
    padding: 20px 30px;
}
#footer ul li:first-child{
    padding-left: 0px;
}
#footer ul li:last-child{
    border-right: 0px none;
}
#footer ul li{
    margin-bottom: 8px;
}
#footer ul li a{
    color: #cfcfcf;
}
#footer ul li a:hover{
    color: #a9a8a8;

}

#footer #copyrights{
    color: #cfcfcf;
    line-height: 1.4;
}
#footer #developer{
    display: block;
    clear: both;
    padding-bottom: 20px;
}
#footer #developer a{
    color: #F7A922
}


#content-header{
    display: block;
    background-color: #991d21;
    padding: 45px 0px;
}
#content-header{
    font-size: 25pt;
    color: #fff;
}
#content-body{
    float: left;
    width: 734px;
    background-color: #fff;
    /*    border-bottom: 1px solid #dfdfdf;*/
}
.newsletters #content-body{
    width: 100%;
}
#content-body.contact{
    float: none;
    width: auto;
    background-color: #fff;
    padding: 20px;
    overflow: hidden;
    position: relative;
    /*    border-bottom: 1px solid #dfdfdf;*/
}
#nav{
    padding: 15px 0px 0px 30px;
}
#content-body #section-header{
    border-left-width: 20px;
    border-left-style: solid;
    font-size: 25px;
    font-weight: normal;
    margin: 20px 0;
    text-transform: uppercase;
    display: block;
    line-height: 1;
    padding-left: 3px;
}
#content-body.contact #section-header{
    border-left-width: 0px;
    border-left-style: none;
    font-size: 25px;
    font-weight: normal;
    margin: 20px 0 10px;
    text-transform: none;
    display: block;
    line-height: 1;
    padding-left: 100px;
}





#content{
    padding: 0 0 10px 0;
}
#content.page_content{
    padding: 10px 30px;
    line-height: 1.3;
}
#content.page_content .snippet{
    padding: 10px;
    background-color: #e9e9e9;
    font-weight: bold;
}
#content.page_content #content-image{
    float: right;
    margin: 10px 0 10px 10px;
    /*    border: 5px solid #fff;
        box-shadow: -2px 2px 10px #666;
        -webkit-box-shadow: -2px 2px 10px #666;
        -moz-box-shadow: -2px 2px 10px #666;
        -o-box-shadow: -2px 2px 10px #666;
        -ms-box-shadow: -2px 2px 10px #666;*/
}

#content.section-cont p{
    line-height: 1.4;
    padding: 10px 0;
}
#content.section-cont h2{
    font-family: serif;
    font-size: 16px;
    margin: 5px 0;
}
#content.section-cont span {
    border-bottom: 1px solid #7D7D7D;
    clear: both;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-align: right;
}
#right-col{
    float: right;
    width: 228px;
    position: relative;
}
#right-col #drop-shadow{
    width: 5px;
    height: 395px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(images/content-bg.png) top center no-repeat;

}
#right-col h2,
#right-col ul
{
    display: block;
    background-color: #1C6E85;
    list-style: none;
    padding: 10px;
}
#right-col h2 a
{
    color: #fff;
    font-size: 18px;
    text-shadow:#ccc;
}
#right-col ul
{
    padding-bottom: 40px;
}
#right-col ul li:first-child
{
    border-top: 1px solid #5da0b7;
}
#right-col ul li
{
    display: block;
    padding: 8px;
    border-bottom: 1px solid #5da0b7;
}
#right-col ul li a
{
    color: #fff;
}
#center-content
{
    background-color: #d5d5d5;
}
#right-col #ads
{
    padding: 15px 0;
}
#right-col #ads img
{
    display: block;
    border: 3px solid #acacac;
    margin: 0px auto;
    width: 203px;
    height: 53px;
    margin-bottom: 10px;
}

#inner-news{
    float: left;
    width: 617px;
    width: 704px;
    background-color: #fff;
    padding-left: 30px;
}
#inner-news ul{
    display: block;

}
#inner-news h2{
    display: block;
    border-top: 1px solid #dfdfdf;
    padding: 10px 0;
}
#inner-news h2 a{
    font-size: 14px;
    color: #5f5f5f;
    font-weight: normal;
}
#inner-news h2{
    display: block;
    border-top: 1px solid #dfdfdf;
    padding: 10px 0;
}
#inner-news ul li{
    float: left;
    display: block;
    list-style: none;
    padding: 0px 15px 15px 10px;
    border-left: 1px solid #dfdfdf;
    width: 180px;
    width: 209px;
    font-size: 9px;
    line-height: 1.4;
    color: #939393;
}
#inner-news ul li.first{
    border-left: 0px none;
}
#inner-news ul li a{
    color: #b44040;
    padding-bottom: 5px;
    display: block;
}

#inner-bottom-ad{
    float: left;
    width: 315px;
    border-top: 1px solid #dfdfdf;
}
#inner-bottom-ad img{
    display: block;
    margin: 0px auto;
    width: 315px;
    height: 140px;
}

#side-menu{
    background: #ededed url(images/side-menu-bg.png) top center no-repeat;
    padding: 20px 15px 30px 20px;
    margin-bottom: 5px;
}
#side-menu h2{
    font-size: 16pt;
    font-weight: normal;
    margin-bottom: 30px;
}

#side-menu ul{
    padding: 0px;
    list-style: none;
}
#side-menu ul li{
    display: block;
    border-bottom: 1px solid #908b8b;
    padding: 5px 0px;
}
#content-section{
    background: url(images/content-bg.png) bottom center no-repeat;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.contact #right-col{
    width: 270px;
}
.contact #side-menu{
    background-image: none;
    padding: 50px 15px 40px 20px;
}
.contact #side-menu h2{
    background: url(images/contact-details.png) top left no-repeat;
    display: block;
    text-indent: -9999px;
    height: 20px;
}
.contact #side-menu p{
    padding: 15px 10px;
    background-color: #fff;
    font-size: 10.5pt;
    line-height: 1.3;
}
.contact #content-body{
    width: 690px;
}
.contact #content{
    padding-right: 0px;

}
#get-in-touch{
    padding: 35px 21px 10px 10px;
    color: #545454;
}
#address{
    padding: 40px;
}
#address div h3{
    color: #1c6e85;
    font-size: 16px;
    margin-bottom: 10px;
}
#address div{
    float: left;
    width: 320px;
    padding: 20px;
}
#address div.left{
    border-right: 1px solid #5e5e5e
}
#address div.right{
    width: 289px;
    padding: 0 20px;
}
#contacts span.arrow{
    left: 0px;
    top: 0px;
    height: 59px;
    width: 28px;
    position: absolute;
    overflow: hidden;
    text-indent: -999px;
    background: url(images/contact-slider.png) top left no-repeat;
}
#contacts span.arrow.form{
    top: 345px;
}
#contacts span.arrow.social{
    top: 685px;
}
#get-in-touch div{
    float: left;
    width: 369px;
}
#get-in-touch span#note{
    padding: 10px 10px 10px 65px;
    color: #11657d;
    display: block;
}
#join-us{
    float: left;
    width: 165px;
    background: url(images/join-us.png) top left no-repeat;
    padding: 35px 0 0;
    margin-bottom: 20px;
}
#get-in-touch label,
#get-in-touch input,
#get-in-touch select,
#get-in-touch textarea{
    display: block;
    width: 60px;
    float: left;
    height: 14px;
    padding: 0px;
    margin-bottom: 8px;
    padding: 5px 5px 5px 0px;
}
#get-in-touch label[for=Company],
#get-in-touch label[for=Email]
{
    width: 60px;
}
#get-in-touch label{
    text-align: right;
}
#get-in-touch input,
#get-in-touch select,
#get-in-touch textarea{
    padding: 5px;
    width: 270px;
    height: 16px;
    font-family: tahoma;
    border: 0px none;
    float: left;
    box-sizing: content-box;
    box-sizing: content-box;
    -moz-box-sizing:content-box;
    -o-box-sizing:content-box;
    -ms-box-sizing:content-box;
    -webkit-box-sizing:content-box;
}
#get-in-touch div span{
    display: block;
    width: 10px;
    padding-left: 4px;
    float: left;
    line-height: 2.5;
    height: 24px;
}
#get-in-touch input.val_req,
#get-in-touch textarea.val_req{
    background-color:#FAA;
}
#get-in-touch input:focus,
#get-in-touch select:focus,
#get-in-touch textarea:focus{
    background-color: #11657d;
    color: #fff;
}
#get-in-touch textarea{
    width: 280px;
    height: 152px;
}
#get-in-touch #submit,
#get-in-touch #reset{
    float: right;
    width: 91px;
    height: 26px;
    border:0px none;
    margin-right: 13px;
    background: url(images/contact-submit.png) center center no-repeat;
    color: #fff;
}
#get-in-touch #reset{
    background: url(images/contact-reset.png) center center no-repeat;
}

#get-in-touch #submit:hover,
#get-in-touch #reset:hover{
    background: url(images/contact-submit-hover.png) center center no-repeat;
    cursor: pointer;
}

#get-in-touch #reset:hover{
    background: url(images/contact-reset-hover.png) center center no-repeat;
}

#get-in-touch .error{
    color: #991d21;
    display: block;
}
#error_message{
    color: #991d21;
    padding: 10px;
    border: 1px solid #bd484d;
    margin-bottom: 10px;
}
#error_message h3{
    padding: 5px;

}
#join-us div{
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
    border-bottom:  1px solid #ededed;
    padding: 10px;
}
#join-us span{
    display: block;
    margin-bottom: 15px;
    color: #5e5e5e;
}
#join-us a{
    display: block;
    margin-bottom: 5px;
    height: 15px;
    color: #5e5e5e;
    padding: 5px 0 5px 25px;
}
#join-us a:hover{
    color: #8e8e8e;
}
#join-us a#linkin-icon{
    background: url(images/linkin.png) left no-repeat;
}
#join-us a#twitter-icon{
    background: url(images/twitter.png) left no-repeat;
}
#join-us a#facebook-icon{
    background: url(images/facebook.png) left no-repeat;
}
#join-us a#youtube-icon{
    background: url(images/youtube.png) left no-repeat;
}

#partners{
    padding: 25px 30px 5px 30px;
    height:100px;
    background: url(images/partners-logos.png) top center no-repeat;
}
#partners div{
    position: relative;
    display: block;
    width: 900px;
    height: 115px;
    float: left;
    overflow: hidden;
    z-index: 200;
    margin: auto;
}
#partners ul li {
    display: block;
    float: left;
    height: 115px;
    overflow: hidden;
    position: relative;
    padding: 0px 0px;
    /*width: 275px;*/
}
#partners p{
    display: block;
    padding: 0px;
}
#partners p a{
    display: block;
    width: 170px;
    height: 115px;
    float: left;
    text-align: center;
    position: relative;
}
#partners p a img{
    position: absolute;
    left: 0px;
    top: 0px;
}
#partners #next-logo,
#partners #prev-logo
{
    background: #ffffff url("images/logos-next.png") no-repeat scroll center center;
    display: block;
    height: 115px;
    width: 14px;
    text-indent: -9999px;
    position: absolute;
    top:10px;
    right: 15px;
    z-index: 202;
}
#partners #prev-logo
{
    background: #ffffff url("images/logos-prev.png") no-repeat scroll center center ;
    right: 935px;
    z-index: 201;
}


/******* typo ********/gallery
.page_content {
    color:#7d7d7d;
    font-size:12px;
    line-height: 1.6;
    padding:0px 20px 20px;
}
.page_content table td{
    border: 1px solid #575757;
    border-collapse: collapse;
    padding: 2px;
}
.page_content .highlight-1 {
    background-color:#FFFFDA;
}
.page_content .highlight-2  {
    background-color:#F1F1F1;
}
.page_content .highlight-3  {
    background-color:#272727;
    color:#FFFFFF;
}
.page_content .highlight-4 {
    background-color:#3e5877;
    color:#FFFFFF;
}

.page_content .highlight-1,.page_content .highlight-2, .page_content .highlight-3, .page_content .highlight-4 {
    padding:1px 5px;
}

.page_content span.color-1 {
    background-color:#FFFFEE;
    border-bottom:1px solid #E9E9A1;
    border-top:1px solid #E9E9A1;
    color:#666666;
}
.page_content span.color-2 {
    background-color:#3e5877;
    border-bottom:1px solid #1A5EA1;
    border-top:1px solid #1A5EA1;
    color:#FFFFFF;
}

.page_content span.color-1,
.page_content span.color-2 {
    display:block;
    margin-bottom:10px;
    line-height: 1.3;
    padding:5px 10px;
}
.page_content ul,
.page_content ol,
.page_content p,
.page_content pre,
.page_content blockquote,
.page_content h1,
.page_content h2,
.page_content h3,
.page_content h4,
.page_content h5,
.page_content h6 {
    margin:1em 0;
    padding:0;
}
.page_content .info,
.page_content .tips,
.page_content .warning,
.page_content .email,
.page_content .help,
.page_content .feed,
.page_content .pdf,
.page_content .doc,
.page_content .ppt,
.page_content .xls,
.page_content h1,
.page_content h2,
.page_content h3,
.page_content h4,
.page_content h5,
.page_content h6,
.page_content h1 a,
.page_content h2 a,
.page_content h3 a,
.page_content h4 a,
.page_content h5 a,
.page_content h6 a{
    color:#3d3d3d;
    line-height: 1.3;
    text-decoration:none;
}
#section-cont{
    padding: 10px;
}
#section-cont h2{
    font-size: 16px;
    margin: 5px 0px;
    font-family: serif;
}
#section-cont p{
    padding: 10px 0px;
    line-height: 1.4;
}
#section-cont span{
    clear: both;
    text-align: left;
    display: block;
    border-bottom: solid #7d7d7d 1px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
#section-cont span:last-child{
    border-bottom:none 0px;
}
#section-cont h2 a,
#section-cont span a{
    color: #3e5877;
}
#section-cont h2 a:hover,
#section-cont span a:hover{
    color: #6F8EB5;
}
.page_content.search_page h3{
    margin:0.5em 0;
}
.page_content.search_page h3 a{
    font-size:16px;
    font-weight:normal;
}
.page_content.search_page p{
    border-bottom:1px solid #CCC;
    padding-bottom:10px;
    margin:0;
}
.page_content a:hover{
    color:#6F8EB5;
}
.page_content .img-border {
    border:5px solid #B9B7B5;
}
.page_content h1 {
    font-size:170%;
}
.page_content h2 {
    font-size:125%;
}
.page_content h3 {
    font-size:120%;
}
.page_content h4 {
    font-size:115%;
}
.page_content h5 {
    font-size:110%;
}


.page_content ol{
    list-style:decimal;
}
.page_content ol li{
    margin-left:35px;
}
.page_content ul{
    list-style: none outside;
}
.page_content ul li {
    background:url("images/bullet.gif") no-repeat scroll left 5px transparent;
    padding-left:20px;
    margin-left: 0px;
}
#related_sections.page_content ul li {
    background:url("images/bullet.gif") no-repeat scroll left 5px transparent;
    padding-left:20px;
}
.page_content.form ul li {
    background:none;
    padding-left:30px;
}

.page_content .info,
.page_content .tips,
.page_content .warning,
.page_content .email,
.page_content .help,
.page_content .feed,
.page_content .pdf,
.page_content .doc,
.page_content .ppt,
.page_content .xls{
    padding-left:30px;
}
.page_content .info  {
    background:url(images/info.gif) no-repeat scroll left top transparent;
}
.page_content .tips {
    background:url(images/tips.gif) no-repeat scroll left top transparent;
}
.page_content .warning  {
    background:url(images/warning.gif) no-repeat scroll left top transparent;
    color:#CC0000;
}
.page_content .email  {
    background:url(images/email.gif) no-repeat scroll left top transparent;
}
.page_content .help  {
    background:url(images/help.gif) no-repeat scroll left top transparent;
}
.page_content .feed  {
    background:url(images/feed.gif) no-repeat scroll left top transparent;
}
.page_content .pdf  {
    background:url(images/pdf.jpg) no-repeat scroll left top transparent;
}
.page_content .doc  {
    background:url(images/doc.jpg) no-repeat scroll left top transparent;
}
.page_content .ppt  {
    background:url(images/ppt.jpg) no-repeat scroll left top transparent;
}
.page_content .xls  {
    background:url(images/xls.jpg) no-repeat scroll left top transparent;
}

.page_content div.bubble1,.page_content  div.bubble2, .page_content div.bubble3, .page_content div.bubble4 {
    margin:15px 0;
}
.page_content div.bubble1 span.author, .page_content div.bubble2 span.author, .page_content div.bubble3 span.author, .page_content div.bubble4 span.author {
    font-weight:bold;
    margin-left:10px;
    padding-left:0;
}
.page_content div.bubble1 div {
    background:url(images/bub1-br.gif) no-repeat scroll left bottom transparent;
    margin:0;
    width:100%;
}
.page_content div.bubble1 div div {
    background:url(images/bub1-bl.gif) no-repeat scroll right bottom transparent;
}
.page_content div.bubble1 div div div {
    background:url(images/bub1-tr.gif) no-repeat scroll left top transparent;
}
.page_content div.bubble1 div div div div {
    background:url(images/bub1-tl.gif) no-repeat scroll right top transparent;
}
.page_content div.bubble1 div div div div div {
    margin:0;
    padding:10px 15px 20px;
    width:auto;
}

/******* typo end ********/
#issues-master{
    position: relative;
    padding-top: 45px;
}
#years{
    list-style: none;
    /*    position: absolute;
        top: 0px;
        left:0px;*/
}
#years li{
    list-style: none;
    display: inline-block;
    padding: 8px;
    background: none #cccccc;
    margin-bottom: 5px;
}
#years li a{
    color: #fff;
    font-weight: bold;
}
#years li.selected,
#years li:hover{
    background-color: #0b5e74;
}
.news #years li.selected,
.news #years li:hover{
    background-color: #a32828;
}
#years li.selected a,
#years li:hover a{
    color: #fff;
}
#issues-cont{
    background: url(images/issues.png) top left no-repeat;
    padding-top: 38px;
}
.news #issues-cont{
    background: none;
    padding-top: 5px;
}
#issues-cont div{
    background: url(images/issue_files_bg.png) left center repeat-y;
}
.news #issues-cont div{
    background: none;;
}
#issues{
    display: block;
    margin: 0px;
}
#issues li{
    display: block;
    width: 674px;
    background: none transparent;
    padding: 0px;
    float: left;
}
#issues li a{
    display: block;
    border-bottom: 1px dotted #7f7f7f;
    padding: 10px;
    color: #7f7f7f;
    background-position: 550px 10px;
    background-repeat: no-repeat;
}
#issues li a.pdf{
    background-image: url(images/pdf.png);
}
#issues li a.doc,
#issues li a.docx{
    background-image: url(images/doc.png);
}
.news #issues li a{
    background-image: url(images/news-icon.png);
    background-position: right center;
    padding-right: 25px;
    border-bottom: 1px solid #e9e9e9;
}

#issues li a:hover{
    color: #333;
}
#issues li a span{
    display: block;
    float: right;
    font-weight: bold;
}
.news #issues li a span{
    float: left;
    margin-right: 10px;
}

.spinner img{
    display: block;
    margin: 20px auto;
}
.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -38px; /* half width of the spinner gif */
    margin-top: -20px; /* half height of the spinner gif */
    text-align:center;
    padding: 0;
    z-index:9999;
    overflow: auto;
    width: 75px;
    height: 75px;
    background-color: #fff;
    opacity: 0.8;
    display: none;
}
#map{
    position: fixed;top: 0px;left: 0px;width: 100%; height:100%;z-index: 5000;background-color: #333;padding: 100px 0px;display: none
}
#map-holder{
    width: 700px;height: 500px;z-index: 5001;background-color: #fff;padding: 0px 20px 20px;border: 1px solid #0081c7;margin: 0px auto
}
#map-canvas{
    width: 700px; height: 470px
}
#open-map{
    cursor: pointer;
    border: 1px solid #ccc;
}
#close-map{
    display: block;
    padding: 10px 0;
    color: #525252;
    text-align: right;
}
#language-message{
    padding: 20px;
    position: fixed;
    top:250px;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    background:rgba(22,22,22,0.7);
    z-index: 99999;
    opacity: 0;
    display: none;
}
#language-message div{
    padding: 0px;
    /*    background-color: #fff;*/
    font-size: 18px;
    text-align: center;
    line-height: 1.4;
    color: #fff;
}
#site-map h2{
    font-weight: 500;
    font-size: 14px;
}
.vacancy h2.vacancy-title,
.vacancy div.vacancy-details{
    display:block;
    margin: 5px 0;
    background-color: #eee;
    padding: 10px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.vacancy.js div.vacancy-details{
    display: none;
    padding: 10px 30px;
}
.vacancies-count{
    padding: 40px 20px;
    text-align: center;
    font-size: 13px;
    line-height: 1.3;
    font-weight: bold;
    /*    border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;*/
    margin: 10px;
    background-color: #fefefe;
}
.vacancies-count.available{
    font-size: 25px;
}
#video-cover{
    width: 93%;
    height: 78%;
    /*    background-image: url(images/play.png);
        background-repeat: no-repeat;
        background-position: center;*/
    position: absolute;
    cursor: pointer;
    z-index: 3;
    transition: all .5s;
    -webkit-transition: all .3s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;

}
#video-cover:hover img{
    -webkit-transform: scale(1.1);
}
#video-cover:hover {
    -webkit-transform: scale(1.1);

}
#player{
    position: relative;
    z-index: 0;
}
#video-cover img{
    margin-top: 25%;
    margin-right: 40%;
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}
#video-gallery .caroufredsel_wrapper{
    overflow: visible !important;
}
#image-v:hover{
    opacity: .5;
}
#image-v{
    position: absolute;
    width: 380px;
    height: 223px;
    z-index: 2;
    background: #ccc;
}
#video #bg{
    background: #000;
    width: 92%;
    height: 78%;
    position: absolute;
    z-index: 1;
}

.pagination{
    padding: 10px 0px;
    text-align: center;
}
.pagination a,
.pagination strong{
    display:inline-block;
    /*    float:left;*/
    width:35px;
    height: 20px;
    color: #868686;
    text-align: center;
    font-size: 16px;
}
.pagination .prev a,
.pagination .next a{
    text-indent: -9999px;
    overflow: hidden;
}
.pagination .next a{
    background:url(images/gallery-right-arraw-hover.png) no-repeat center;
}
.pagination .next a:hover{
    background:url(images/gallery-right-arraw.png) no-repeat center;
}
.pagination .prev a{
    background:url(images/gallery-left-arraw.png) no-repeat center;
}
.pagination .prev a:hover{
    background:url(images/gallery-left-arraw-hover.png) no-repeat center;
}

.pagination {
    text-align: center;
    margin: 10px 0 0;
}
.pagination a {
    background-color: white;
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    display: inline-block;
    padding: 5px;
}
.pagination a.selected {
    background-color: #ce071e;
    cursor: default;
    color: #fff;
}