/*  IMPORT FONTS  ========================================== */
@font-face {
    font-family: 'din-regularregular';
    src: url('../fonts/dinr__-webfont.eot');
    src: url('../fonts/dinr__-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/dinr__-webfont.woff') format('woff'),
        url('../fonts/dinr__-webfont.ttf') format('truetype'),
        url('../fonts/dinr__-webfont.svg#din-regularregular') format('svg');
    font-weight: normal;
    font-style: normal; }
@font-face {
    font-family: 'din-mediumregular';
    src: url('../fonts/dinm__-webfont.eot');
    src: url('../fonts/dinm__-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/dinm__-webfont.woff') format('woff'),
        url('../fonts/dinm__-webfont.ttf') format('truetype'),
        url('../fonts/dinm__-webfont.svg#din-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal; }
@font-face {
    font-family: 'din-boldregular';
    src: url('../fonts/dinb__-webfont.eot');
    src: url('../fonts/dinb__-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/dinb__-webfont.woff') format('woff'),
        url('../fonts/dinb__-webfont.ttf') format('truetype'),
        url('../fonts/dinb__-webfont.svg#din-boldregular') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'proxima_novalight';
    src: url('../fonts/proximanova-light-webfont-webfont.eot');
    src: url('../fonts/proximanova-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-light-webfont-webfont.woff') format('woff'),
        url('../fonts/proximanova-light-webfont-webfont.ttf') format('truetype'),
        url('../fonts/proximanova-light-webfont-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*  GLOBAL OBJECTS ======================================== */
.clear { clear: both !important; }
.floatleft { float: left; }
.floatright { float: right; }
ul { list-style:none; }


/* BASIC PAGE SETUP ======================================= */
body { 
    margin:0 auto; padding:0; color: #3c3d3d; font-size:13px;
    text-align: left; background:#edf0f5; font-family: 'proxima_novalight';  }
button, input, select, textarea { font-family :Arial, Helvetica, sans-serif; color : #333; }
input {
    line-height:normal; font-size:12px; font-family: 'din-regularregular'; color:#c1c1c1;
    border:1px solid #999; background:#fff;
    -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px; }
textarea {
    line-height:normal; font-size:12px; color:#c1c1c1;
    border:1px solid #999; background:#fff; resize:none; overflow:auto;
    -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px; }
ul { float:left; width:100%; padding:0 0 15px 0; }
ul li {
    padding:5px 0 5px 20px; float:left; }

/* TABLES ============================================================================= */

table { 
    border-collapse : collapse;
    border-spacing : 0;
    margin-bottom : 1.4em; 
    width : 100%; }

th, td, caption { padding : .25em 10px .25em 5px; }
tfoot { font-style : italic; }
caption {background-color : transparent; }

.container {
    width:980px; margin:0 auto; }

/*  HEADINGS  ============================================= */
h1, h2, h3, h4, h5, h6 {
    color: #3c3d3d;
    letter-spacing: -1px;
    font-weight : normal;
    margin-top: 10px; }
h1 {
    font-family: 'din-boldregular'; font-size:23px; color:#334d6c; text-transform:uppercase;
    padding:0 0 20px 0; margin:0; line-height:18px; }
h2 { font-size:18px; color:#3c3d3d;  padding:0 0 8px 0; }
h3 { font-size:16px; color:#3c3d3d; padding:0 0 8px 0; }
h4 { font-size:16px; padding:0 0 8px 0; font-family: 'din-mediumregular'; color: #fff; text-transform: uppercase; }
h5 { font-size:14px; padding:0 0 8px 0; }
h6 { font-size:13px; padding:0 0 8px 0; }

p { font-size:15px; line-height:20px; padding:0 0 20px 0; margin:0; color: #676767; }

/* LINKS ================================================== */
a { 
    color : #cc1122;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none; }

a:visited { color: #334d6c; }
a:focus { outline: thin dotted; color: rgb(0,0,0); }
a:hover, a:active { outline: 0; color: #dd2233; }

a img { border:none; outline:none; }

/*  MAIN LAYOUT	=========================================== */
.contaciner {
    width: 1000px; margin: 0 auto; }

#menu_area { float: left; width: 100%; background:#fff; border-top: 4px solid #e06909; }
#menu_area nav { width: 1000px; margin: 0 auto; }
#menu_area nav ul { margin: 0; padding: 0; }
#menu_area nav ul li {
    margin: 0; padding: 0; display: block;float: left;
    border-left: 1px solid #d8dde6; position:relative; }
#menu_area nav ul li a {
    text-transform: uppercase; font-size: 14px; padding: 18px 14px 18px 15px; display: block;
    font-family: 'din-mediumregular'; /*color: #535758;*/ color: #000; }
#menu_area nav ul li a:hover { color: #e06909;}
#menu_area nav ul li:first-child { border-left: none; }

/*submenu*/
#menu_area #nav a.selected { background:#f10300; color:#fff;  }
/* submenu, it's hidden by default */
#menu_area #nav ul {
    display:none; width:250px; 
    position:absolute; left:0px; top:50px;z-index:1050;
    margin:0; padding:0; border-bottom:3px solid #fff; border-top:1px solid #d8dde6;  }
#menu_area #nav ul li {
    padding:0; margin:0;
    float:left; clear:both; display:block; background:#598fce;
    border-bottom:1px solid #d8dde6; border-left:none; border-right:none; border-top:none; }

/* display block will make the link fill the whole area of LI */
#menu_area #nav ul li a {
    display:block; width:210px;
    padding:12px 20px 10px 20px; margin: 0;
    border:none; background:#fff; line-height: 16px;
    font-family: 'din-mediumregular';  /*color: #535758;*/ color: #000; font-size: 13px; }
#menu_area #nav ul a:hover {
    color:#e06909; background:#fff; }


#header_area {
    width:100%; float:left; margin:0; padding:0;
    background: #edf0f5 url(../images/header_shadow.png) top left repeat-x; }
header{
    width: 1000px; height: 144px; margin: 0 auto; }
#logo { float: left; width: 512px; height: 145px; }
#logo a {
    float: left; display: block; width: 380px; height: 90px; padding: 54px 0 0 120px;
    background: url(../images/logo.png) 0px 24px no-repeat; line-height: 26px;
    text-align: left; font-size: 24px; color: #393c3d; font-family: 'din-boldregular'; }
#logo a span {
    clear: both; float: left; color: #4b4b4b; font-size: 14px; font-family: 'din-mediumregular'; }

.top_search {
    float: right; width: 150px; height: 28px; padding: 10px 20px 0 40px; margin: 54px 0 0;
    background: url(../images/top_search.png) no-repeat; }
.top_search input[type="text"] {
    width: 100%; height: 18px; background: #fff; border: none; outline: none;
    font-size: 14px; color: #7d7d7d; font-family: 'proxima_novalight'; }
.help_links { float: right; width: 220px; margin: 60px 10px 0 0;}
.help_links ul { margin: 0;padding: 0;}
.help_links ul li { float: right; margin: 0; padding: 0 0 5px 20px; font-family: 'din-mediumregular'; }
.help_links ul li a { font-family: 'proxima_novalight'; font-size: 12px; color: #000; }

#banner_area {
    width:100%; float:left; margin:0; padding:0;
    background: url(../images/banner_bg.jpg) center top no-repeat; }
.banner {
    width: 1000px; margin: 0 auto; }
.bnr_slide {
    width: 512px; height: 490px; float: left; overflow: hidden; }
.bnr_slide img { float: left; width: 100%; }

.bnr_date { width: 100%; }
.bnr_date-left {
    width: 132px; height: 80px; padding: 44px 0; float: left; border-right:1px solid #3f628a; background: #334d6c;}
.bnr_date-left h1 {
    font-family: 'din-boldregular'; margin: 0;padding: 0; line-height: 46px;
    width: 100%; font-size: 51px; color: #fff; text-align: center; float: left; clear: both;  }
.bnr_date-left h2 {
    margin: 0;padding: 0;line-height: 25px;
    width: 100%;text-align: center; color: #8098b5; float: left; clear: both; font-family: 'din-mediumregular'; }
.bnr_date-left span {
    clear: both;
    text-align: center; color: #fff; text-transform: uppercase; display: block; font-family: 'din-mediumregular'; }

.bnr_date-detail {
    width: 319px; height: 84px; padding: 44px 30px 40px 30px;
    background: #e06909; float: left;}
.bnr_date-detail h1 {
    margin: 0; padding: 0 0 16px 0;
    color: #fff; font-family: 'din-boldregular'; font-size: 31px; line-height: 26px; }
.bnr_date-detail p {
    line-height: 20px; margin: 0;padding: 0;
    color: #fff; font-family: 'proxima_novalight'; font-size: 15px;}
.bnr_date-detail a { color:#fff; text-decoration:underline; }


.bnr_details { width: 488px; float: left; margin: 0;padding: 0; }
.bnr_thumb { width: 204px; height: 162px; text-align: left; float: left; }
.bnr_detail {  width: 216px; height: 92px; float: left; background:#2a4b71; padding: 35px 34px; }
.bnr_detail:hover { background: #fff !important; }
.bnr_detail:hover h1 {color: #565656 !important;}
.bnr_detail:hover a { color: #e06909 !important;}


.bnr_detail h1 {
    font-family: 'din-boldregular'; font-size: 22px; line-height: 24px;
    color: #fff; margin: 0;padding: 0 0 10px 0; }
.bnr_detail a { float: left; color: #fff; font-family: 'proxima_novalight'; font-size: 14px;  }
.bnr_detail a:hover { color: #e06909;}

#bnr_thumb2 { width: 284px; }
#bnr_thumb2 img { width: 100%; }
#bnr_detail2 { background: #4a4e4f; width: 136px; }
#bnr_detail3 { background-image:url(../images/bnr_thumb3.jpg); padding-top: 39px;height: 92px; }


#page-contant { clear: both; float: left; width: 100%; padding:20px 0 34px 0; }
.welcome_bx { float: left; background: #fff; width: 455px; padding:30px 35px; }
.welcome_bx h1 { line-height:24px; }
.welcome_bx p { margin: 0;padding: 0;}

.course_detail {
    width: 227px; float: left; background: #fff; margin: 0 10px; text-align: center;
    border-bottom: 3px solid #f9e3d1; }
.course_detail img { float: left; }
.course_detail span { padding: 19px 0; float: left; width: 100%; font-family: 'din-boldregular'; font-size: 15px; text-align: center; color: #000; line-height: 18px;}

.download_link {
    width: 227px; float: left; background: #fff; margin: 0; text-align: center;
    border-bottom: 3px solid #f9e3d1; }
.download_link img { float: left; }
.download_link span { padding: 19px 0; float: left; width: 100%; font-family: 'din-boldregular'; font-size: 15px; text-align: center; color: #000; line-height: 18px;}
.client_area { float: left; width: 100%; clear: both; padding:20px 0 0 0;}
.client_area ul { margin: 0;padding: 0;}
.client_area ul li {
    width: 194px; text-align: center;
    margin: 0; padding: 0 7px 0 0; float: left;  }
.client_area ul li:last-child { padding: 0;}

.client { 
    width:154px;
    min-height: 154px;
    padding: 0 20px; 
    /*background: #fff url(../images/header_shadow.png) 0px 152px repeat-x;*/
    background: #fff;
    /*border-bottom: 1px solid #e1e3e7;*/
}
.client img { padding: 26px 0 50px 0;}
.client p{
    font-family: 'din-boldregular';
    font-size: 14px;
    color: #334d6c;
    text-transform: uppercase;
    padding-top: 35px;
    min-height: 68px;
    line-height: 18px;
    padding-bottom: 0px;
}
.client button{
    background: transparent;
    border: 1px solid #2a4b71;
    padding: 5px 10px;
    color: black;
    cursor: pointer;
}
.client:hover{
    background: #2a4b71;
    /*cursor: pointer;*/
}
.client:hover p a{
    color: white;
}
.client:hover button{
    background: #2a4b71;
    color: white;
    border-color: white;
}
.client p a { color: #334d6c; font-family: 'din-boldregular';}
.client a span { color: #8f8f8f; font-family: 'din-mediumregular'; font-size: 12px;  }
/* checking cursor */

#footer_area {
    float: left; width: 100%; clear: both;background: #334d6c; padding:60px 0 0 ; }
footer {
    width:1000px; margin:0 auto; padding:0px 0 70px; }
#ftr_menu { margin: 0;padding: 0;}
.ftr_menu { width: 184px; float: left; padding: 0 0 0 20px; }
.ftr_menu h4 { width: 100; border-bottom: 1px solid #fff; margin: 0 0 20px 0; padding: 0 0 20px 0; }
.ftr_menu ul { margin: 0;padding: 0;}
.ftr_menu ul li {margin: 0;padding: 7px 0;float: left; clear: both; background: none; }
.ftr_menu ul li a { color: #fff; font-size: 13px; font-family: 'din-regularregular'; }

.ftr_strip {
    width: 100%; height: 30px; padding: 20px 0; float: left; clear: both; background: #fff;
    font-family: 'din-regularregular'; font-size: 13px; line-height: 34px; color:#334d6c; }
.ftr_strip ul { width: 153px; float: right; margin: 0;padding: 0;
                background: url(../images/ftr_social.jpg) top right no-repeat;}
.ftr_strip ul li { float: right; display: block; padding: 0 0 0 9px; margin: 0; }
.ftr_strip ul li a {width: 28px; height: 28px; padding: 0;margin: 0; display: block; text-indent: 200px; overflow: hidden; }

/*--------------------------------------------------*/
/*---------------- INNER PAGE ----------------------*/

.inr_banner { width: 1000px; margin: 0 auto; height: 330px; }

#page_left { float: left; width: 620px; background: #fff; padding: 40px; min-height: 450px;}
h3 { font-family: 'din-boldregular'; font-size: 15px; text-align: left; color: #334d6c; line-height: 18px; }
#page_left h4 {
    margin: 0; padding: 0 0 5px 0;
    font-family: 'din-mediumregular'; font-size: 15px; text-align: left; color: #334d6c; line-height: 17px;}
#page_left h5 {
    margin: 0; padding: 0;
    font-family: 'din-mediumregular'; font-size: 14px; text-align: left; color: #565656; line-height: 17px;}
#page_left ul { width: 100%; float: left;}
#page_left ul li {
    padding-bottom: 10px; line-height: 18px; font-size: 14px;
    float: left; clear: both;
    background: url(../images/list_arrow.png) 0px 8px no-repeat; }

#page_right { float: right; width: 286px; }
.inr_download { float: left; width: 286px; background: #fff; margin: 0 0 10px 0; }
.inr_download img { float: left; }
.inr_download span { padding: 19px 0 0 20px; float: left; font-family: 'din-boldregular'; font-size: 15px; text-align: left; color: #000; line-height: 18px; }

.glry_sec {
    width: 266px; float:left; padding:20px 0 20px 20px;
    background:#fff;}
#page_right h2 {
    font-family: 'din-boldregular'; font-size:18px; color:#334d6c; text-transform:uppercase;
    padding:0 0 15px 0; margin:0; line-height:18px;}
.glry_sec ul { margin:0; padding:0; width:100%; float:left; }
.glry_sec ul li { margin:0; padding:0 15px 15px 0; float:left; display:block; }
.glry_sec ul li a { float:left;}
.glry_sec ul li a img { border:none; outline:none; float:left; width:115px; height:80px; }
.glry_sec .btn { 
    margin:0 24px 0 0; display:block;
    font-family: 'din-boldregular'; color:#535758; text-decoration:underline; font-size:12px; text-align:right; float:right; clear:both; }
.glry_sec a:hover { color:#e06909;}

/*---------------------------------------------*/
/*---------------- DOWNLOADS PAGE ----------------*/
#page_left ul.downloads-list li {
    padding-bottom: 10px;  line-height: 18px; font-size: 14px;
    float: left; clear: both;
    background: url(../images/dwnld_arrow.png) 0px 8px no-repeat; }
#page_left ul.downloads-list li a {
    color: #3c3d3d; text-decoration: underline; font-family: 'din-mediumregular'; }
#page_left ul.downloads-list li a:hover { text-decoration: none; }


/*---------------------------------------------*/
/*---------------- CONTACT PAGE ----------------*/
.cntct_adrs {
    width: 286px; float: left; padding:0 30px 0 0; }
.cntct_frm {
    width: 288px; float: right; }
.cntct_frm input[type="text"] {
    width: 278px; height: 12px; float: left; padding:10px; margin: 0 0 14px 0;
    font-size: 13px; font-family: 'proxima_novalight'; color: #9e9e9e;
    outline: none; border: 1px solid #b9bdc1; }
.cntct_frm textarea {
    width: 278px; height:90px; float: left; padding:10px; margin: 0 0 14px 0;
    font-size: 13px; font-family: 'proxima_novalight'; color: #9e9e9e;
    outline: none; border: 1px solid #b9bdc1; overflow: auto; resize:none; }
.cntct_frm input[type="image"] {
    border: none; float: right;
    -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }

/*---------------------------------------------*/
/*----------------- NEWS PAGE -----------------*/

ul.news { width:100%; float:left; margin:0; padding:0; }
ul.news li {
    margin:0; padding:10px 0 0; background:none !important;
    border-bottom:1px dotted #999; }
ul.news li:first-child {
    padding:0; }

/*-----------------------------------------------*/
/*----------------- GALLERY PAGE ----------------*/
#gallery {
    width:100%; }
#gallery ul {
    margin:0; padding:0; }
#gallery ul li {
    margin:0; padding:0 15px 15px 0; float:left; display:block; clear:none;
    background:none !important; }
#gallery ul li a img {
    float: left; width:140px; height:94px; }


table {
    width: 100%;
    border: 1px solid #fff;
    text-align: left;
    background-color:#C4FCFC;

    border: 1px solid #fff;
    border-collapse:collapse;
    margin-bottom:25px;
}
th {
    font-weight: bold;
    color:#fff;
    background-color:#4EC0FA;
    border: 2px solid #fff;
    border-collapse:collapse;
    padding:13px; 
    font-size:18px;
}
td{
    padding:8px; 
    border: 2px solid #fff;
    border-collapse:collapse;
    color:#000;
    font-size:15px;

}


/****************************************/

#menu_area nav ul li .sub-menu { margin: 0; padding: 0; }
#menu_area nav ul li .sub-menu li {
    margin: 0; padding: 0; display: block;float: left;
    border-left: 1px solid #d8dde6; position:relative; }
#menu_area nav ul li .sub-menu li a {
    text-transform: uppercase; font-size: 14px; padding: 18px 14px 18px 15px; display: block;
    font-family: 'din-mediumregular'; /*color: #535758;*/ color: #000; }
#menu_area nav ul li .sub-menu li a:hover { color: #e06909;}
#menu_area nav ul li .sub-menu li:first-child { border-left: none; }

/*submenu*/
#menu_area #nav a.selected { background:#f10300; color:#fff;  }
/* submenu, it's hidden by default */
#menu_area #nav ul li .sub-menu {
    top: -1px;
    display:none !important;
    left:250px;
    border-left:1px solid #d8dde6;  }
#menu_area #nav ul li:hover .sub-menu{
    display: block !important;
}

#menu_area #nav ul li .sub-menu li a:hover {
    color:#e06909; background:#fff; }
.list li ul{
    padding-bottom: 0px;
}
.list li ul li{
    background: none !important;
    list-style: circle;
    padding-left: 0px;
    margin-left: 30px;
    padding: 5px 0;
    padding-bottom: 5px !important;
}
.ca p{
    padding-bottom: 10px;
}
#ezioCaption1{
    height: 325px;
}
.bnr_date-detail p span{
    color: white !important;
}