/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0
    }
input[type=text]:focus, input[type=text]:active, textarea:focus, textarea:active, input[type=password]:focus, input[type=password]:active {
    outline: none !important
    }
li {
    list-style: none
    }
select:focus {
    outline: none
    }
blockquote, q {
    quotes: none
    }
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none
    }
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
    }
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
    }
del {
    text-decoration: line-through
    }
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
    }
input, select {
    vertical-align: middle
    }
a:hover, a:active {
    outline: none
    }
nav ul, nav li {
    margin: 0;
    list-style: none;
    list-style-image: none
    }
small {
    font-size: 85%
    }
strong, th {
    font-weight: bold
    }
.block {
    display: block
    }
.relative {
    position: relative
    }
.absolute {
    position: absolute
    }
textarea {
    overflow: auto
    }
input[type="radio"] {
    vertical-align: text-bottom
    }
input[type="checkbox"] {
    vertical-align: bottom
    }
.ie7 input[type="checkbox"] {
    vretical-align: baseline
    }
label, input[type="button"], input[type="submit"], input[type="image"], button {
    cursor: pointer
    }
button, input, select, textarea {
    margin: 0;
    padding: 0
    }
input:invalid, textarea:invalid {
    border-radius: 1px;
    -moz-box-shadow: 0 0 5px red;
    -webkit-box-shadow: 0 0 5px red;
    box-shadow: 0 0 5px red
    }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
    background-color: #f0dddd
    }
::-moz-selection {
    background: #636363;
    color: #fff;
    text-shadow: none
    }
::selection {
    background: #636363;
    color: #fff;
    text-shadow: none
    }
.ie7 img {
    -ms-interpolation-mode: bicubic
    }
a {
    text-decoration: none;
    outline: none;
    color: inherit
    }
.clear {
    clear: both;
    height: 0;
    display: block
    }
.left {
    float: left
    }
.right {
    float: right
    }
/* Reset */
.preload, .preload img {
    display: none !important;
    visibility: hidden;
    width: 0;
    height: 0
    }
/**
* Non-semantic helper classes: please define your styles before this section.
 */
/*test*/
.mceContentBody li, .mceContentBody ul {
    margin-left: 15px;
    list-style: disc
    }
.mceContentBody ol li, .mceContentBody ol {
    margin-left: 15px;
    list-style: decimal
    }
body {
    background: #EBEBEB;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
    }
#content {
    width: 960px;
    margin: 0 auto;
    height: 100%;
    background: #fff
    }
header {
    width: 960px;
    min-height: 202px
    }
#header {
    height: 156px;
    background: url(../images/top_bg.png) repeat-x;
    width: 960px
    }
#top {
    background: url(../images/line.png) repeat-x bottom;
    height: 40px;
    padding: 0 25px;
    width: 910px
    }
#top menu {
    padding-top: 13px
    }
#top menu ul li {
    font-size: 13px;
    float: left;
    color: #191919;
    font-weight: bold;
    margin-right: 6px
    }
#top menu ul li a {
    color: #191919
    }
#top menu ul li a:hover {
    text-decoration: underline
    }
#top_links a {
    height: 21px;
    background-color: #ef8a00;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    margin-top: 7px;
    text-indent: 10px;
    padding-top: 4px;
    padding-right: 9px;
    display: block;
    float: left;
    font-size: 13px;
    margin-left: 10px;
    position: relative
    }
#top_links a.contact {
    text-indent: 16px
    }
#top_links a span {
    background: url(../images/icons.png) -262px 0 scroll no-repeat;
    width: 26px;
    height: 36px;
    display: block;
    position: absolute;
    left: -14px;
    top: -5px
    }
#top_links a:hover {
    color: #ef8a00;
    background-color: #fff
    }
#logos {
    height: 85px;
    padding: 15px 25px;
    height: 85px;
    width: 910px
    }
#logos a.right {
    margin-top: 7px
    }
#main_menu {
    width: 960px;
    min-height: 30px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#383838), to(#0f1010));
    background: -webkit-linear-gradient(top, #383838, #0f1010);
    background: -moz-linear-gradient(top, #383838, #0f1010);
    background: -ms-linear-gradient(top, #383838, #0f1010);
    background: -o-linear-gradient(top, #383838, #0f1010)
    }
#main_menu .menu {
    padding: 0 20px;
    height: 46px;
    padding-top: 0
    }
#main_menu .menu a.right {
    width: 100px;
    height: 27px;
    display: block;
    background: url(../images/icons.png) no-repeat scroll -319px 0;
    text-indent: -9999px;
    margin-top: 12px
    }
#main_menu .menu a.right:hover {
    background-position: -319px -30px
    }
#main_menu .menu ul li {
    float: left;
    margin-right: 15px;
    padding-right: 15px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 1px;
    position: relative;
    height: 28px
    }
#main_menu .menu ul li a {
    display: block;
    height: 35px;
    text-transform: uppercase;
    padding-top: 12px
    }
#main_menu .menu ul li h5 {
    color: #faba00
    }
#main_menu .menu ul li a p {
    float: left;
    color: #fff
    }
#main_menu .menu ul li:last-child {
    background: none
    }
#main_menu .menu ul li span {
    display: block;
    float: right;
    width: 7px;
    height: 5px;
    background: url(../images/icons.png) no-repeat scroll -434px 0;
    margin-top: 9px;
    margin-left: 6px
    }
#main_menu .menu ul li:hover a p, #main_menu .menu ul li.current a p {
    color: #faba00
    }
#main_menu .menu ul li:hover span, #main_menu .menu ul li.current span {
    background-position: -435px -7px
    }
#main_menu .menu ul ul {
    position: absolute;
    left: -20px;
    display: none;
    top: 46px;
    z-index: 1000;
    padding: 17px 12px;
    width: 250px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#212121));
    background: -webkit-linear-gradient(top, #252525, #212121);
    background: -moz-linear-gradient(top, #252525, #212121);
    background: -ms-linear-gradient(top, #252525, #212121);
    background: -o-linear-gradient(top, #252525, #212121)
    }
#main_menu .menu ul ul.one {
    width: 100px
    }
#main_menu .menu ul ul.two {
    width: 200px
    }
#main_menu .menu ul ul.three {
    width: 150px
    }
#main_menu .menu ul ul li {
    float: none;
    background: none;
    font-weight: normal;
    font-size: 13px;
    padding-right: 0;
    margin-right: 0
    }
#main_menu .menu ul ul li:hover a, #main_menu .menu ul ul li a {
    color: #fff !important;
    display: inline;
    text-transform: none
    }
#main_menu .menu ul ul li a:hover, #main_menu .menu ul ul li.current a {
    color: #faba00 !important
    }
#main_menu h1 {
    color: #fefefe;
    padding: 3px 0 15px 12px
    }
#slid_online {
    width: 960px;
    height: 391px;
    background: url(../images/slid_bottom_bg.png) repeat-x bottom;
    padding-bottom: 11px
    }
#slidshow {
    width: 809px;
    height: 391px
    }
#slidshow div.txt {
    height: 387px;
    width: 248px;
    padding: 12px 25px
    }
#slidshow div.txt h2 {
    font-size: 25px;
    color: #fff;
    line-height: 36px;
    padding-bottom: 10px
    }
#slidshow div.txt p {
    font-size: 13px;
    color: #64B3FF;
    line-height: 22px
    }
a.more {
    color: #fff;
    line-height: 16px;
    padding: 5px 30px 5px 7px;
    font-size: 13px;
    background-color: #191919;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: 600;
    margin: 12px 0 0;
    display: inline-block;
    position: relative
    }
a.more span.arrow {
    position: absolute;
    display: block;
    width: 15px;
    height: 11px;
    background: url(../images/icons.png) 0 0;
    top: 9px;
    right: 9px;
    text-indent: -9999px
    }
a.more:hover {
    color: #191919;
    background-color: #faba00;
    text-decoration: none
    }
a.more:hover span.arrow {
    background-position: -18px 0
    }
#slidshow div.img {
    width: 511px;
    height: 391px
    }
#online {
    width: 103px;
    height: 367px;
    background: #191919;
    padding: 14px 24px 10px
    }
#online h3 {
    font-size: 23px;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
    text-shadow: 1px 1px 1px #050505
    }
#online h3 span {
    font-size: 18px
    }
#online ul li {
    margin-bottom: 5px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    font-weight: bold;
    width: 102px;
    height: 31px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 16px;
    padding: 35px 0
    }
#online ul li span {
    font-size: 11px;
    letter-spacing: -0.5px
    }
#online ul li.online_01 {
    background: url(../images/icons.png) no-repeat 0 -65px;
    text-shadow: 1px 1px 1px #BF8C04
    }
#online ul li.online_02 {
    background: url(../images/icons.png) no-repeat -110px -65px;
    text-shadow: 1px 1px 1px #CC5127
    }
#online ul li.online_03 {
    background: url(../images/icons.png) no-repeat -217px -65px;
    text-shadow: 1px 1px 1px #0D5578
    }
#online ul li.online_03 span {
    font-size: 9px
    }
#content_data {
    width: 910px;
    margin: 0 auto;
    border-bottom: 7px solid #F2F2F2;
    padding: 30px 0
    }
#content_left {
    width: 636px
    }
#content_left ul.video_banner {
    height: 200px;
    margin-bottom: 20px
    }
#content_left ul.video_banner li {
    margin-left: 25px;
    width: 291px;
    height: 200px
    }
#content_left ul.video_banner li.banner {
    background: url(../images/banner_img.jpg) no-repeat scroll 0 0 transparent
    }
#content_left ul.video_banner li:first-child {
    margin-left: 0
    }
#content_left ul.video_banner li span.bg {
    width: 291px;
    height: 200px;
    top: 0;
    left: 0;
    background: url(../images/img_bg.png) no-repeat
    }
#content_left ul.video_banner li a.banner {
    margin: 5px 0 0 5px;
    position: relative;
    z-index: 10;
    display: block
    }
#content_left ul.video_banner li span.video {
    width: 66px;
    height: 66px;
    background: url(../images/icons.png) -334px -63px no-repeat;
    top: 68px;
    left: 113px
    }
#content_left ul.video_banner li:hover span.video {
    background-position: -332px -133px
    }
#content_left ul.facebook_test li {
    margin-left: 25px;
    width: 291px;
    height: 433px
    }
#content_left ul.facebook_test li:first-child {
    margin-left: 0
    }
#content_left ul.facebook_test li span {
    width: 291px;
    height: 283px;
    top: 0;
    left: 0;
    background: url(../images/test_bg.png) no-repeat
    }
#content_left ul.facebook_test li div {
    width: 271px;
    height: 415px;
    padding: 10px;
    background: url(../images/test_bg.png) no-repeat
    }
#content_left ul.facebook_test li p {
    font-size: 14px;
    color: #191919;
    line-height: 22px
    }
#content_left ul.facebook_test li span.name {
    font-size: 12px;
    color: #A1A1A1;
    font-style: italic;
    line-height: 22px;
    width: auto;
    height: auto;
    background: none
    }
#content_left ul.facebook_test li a {
    font-size: 14px;
    color: #003F7C;
    font-weight: bold;
    padding-top: 8px
    }
#content_left ul.facebook_test li a:hover {
    text-decoration: underline
    }
#content_left ul.facebook_test li.testimonials {
    background: url(../images/test_img.jpg) no-repeat right bottom
    }
#content_right {
    width: 273px
    }
#content_right div.courses {
    width: 273px;
    background: url(../images/block_bg.png) no-repeat top;
    padding-top: 30px;
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 15px;
    margin-bottom: 15px
    }
#content_right div.courses h4 {
    font-size: 18px;
    font-weight: bold;
    color: #191919;
    background: url(../images/course_icon.png) no-repeat left 3px;
    padding-left: 30px;
    padding-bottom: 15px
    }
#content_right div.courses ul li {
    border-top: 1px solid #f0f0f0;
    padding-top: 10px;
    margin-bottom: 10px
    }
#content_right div.courses ul li:first-child {
    border: none;
    padding-top: 0
    }
#content_right div.courses ul li span.date {
    background: url(../images/calendar_icon.png) no-repeat left 3px;
    height: 45px;
    padding-right: 10px;
    border-right: 1px solid #f0f0f0;
    margin-right: 10px;
    padding-left: 18px;
    font-size: 15px;
    font-weight: bold;
    color: #E43316
    }
#content_right div.courses ul li span.date span {
    font-size: 14px;
    color: #A1A1A1
    }
#content_right div.courses ul li p {
    font-size: 14px;
    color: #191919;
    float: left;
    width: 180px;
    line-height: 20px
    }
a.more_classes {
    font-size: 11px;
    color: #003F7C
    }
a.more_classes:hover {
    text-decoration: underline
    }
#content_right div.courses ul li p a:hover {
    text-decoration: underline
    }
#content_right div.news {
    width: 273px;
    padding-top: 30px;
    background: url(../images/block_bg.png) no-repeat top;
    padding-top: 30px;
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 13px;
    margin-bottom: 20px
    }
#content_right div.news h4 {
    font-size: 18px;
    font-weight: bold;
    color: #191919;
    padding-left: 30px;
    padding-bottom: 10px;
    position: relative
    }
#content_right div.news h4 span.news_icon {
    position: absolute;
    display: block;
    width: 26px;
    height: 19px;
    background: url(../images/icons.png) no-repeat scroll -422px -13px;
    top: 1px;
    left: 0
    }
#content_right div.news h5 {
    font-size: 16px;
    color: #BA296D
    }
#content_right div.news span.date {
    font-size: 11px;
    color: #A1A1A1;
    margin-top: 2px;
    margin-bottom: 6px;
    display: block
    }
#content_right div.news div.img {
    width: 95px;
    height: 71px
    }
#content_right div.news div.img span {
    width: 95px;
    height: 71px;
    background: url(../images/news_bg.png) no-repeat;
    top: 0;
    left: 0;
    margin-right: 8px
    }
#content_right div.news p {
    font-size: 13px;
    color: #191919;
    line-height: 20px;
    width: 170px;
    margin-top: -5px;
    margin-left: 0
    }
#content_right div.news p a {
    color: #003F7C
    }
#content_right div.news p a:hover {
    text-decoration: underline
    }
#services {
    width: 910px;
    margin: 0 auto;
    border-bottom: 7px solid #F2F2F2;
    padding: 30px 0
    }
#services ul li {
    background: url(../images/services_bg.jpg) no-repeat;
    width: 181px;
    height: 94px;
    margin-left: 30px;
    padding: 12px;
    float: left
    }
#services ul li:first-child {
    margin-left: 0
    }
#services ul li h5 {
    font-size: 16px;
    color: #191919;
    font-weight: bold;
    padding-bottom: 6px
    }
#services ul li h5 a:hover {
    text-decoration: underline
    }
#services ul li.serv_01 span {
    width: 52px;
    height: 67px;
    margin-right: 6px;
    background-position: 0 -173px
    }
#services ul li.serv_02 span {
    width: 68px;
    height: 68px;
    margin-right: 6px;
    background-position: -58px -175px
    }
#services ul li.serv_03 span {
    width: 67px;
    height: 67px;
    margin-left: 6px;
    background-position: -140px -177px
    }
#services ul li.serv_04 span {
    width: 82px;
    height: 68px;
    margin-left: 3px;
    background-position: -213px -176px
    }
#services ul li p {
    font-size: 11px;
    float: left;
    color: #191919;
    padding-top: 10px
    }
#services ul li p a {
    color: #003F7C;
    text-decoration: underline
    }
#services ul li p a:hover {
    text-decoration: none
    }
#services ul li span {
    float: left;
    background: url(../images/icons.png) no-repeat scroll;
    text-indent: -9999px
    }
#services ul li.serv_01 p {
    width: 123px
    }
#services ul li.serv_02 p {
    width: 107px
    }
#services ul li.serv_03 p {
    width: 108px
    }
#services ul li.serv_04 p {
    width: 96px
    }
footer {
    width: 916px;
    height: 235px;
    background: url(../images/footer_bg.png) repeat-x;
    padding: 84px 22px 0
    }
#footer_left {
    width: 455px;
    height: 225px
    }
#footer_left ul li {
    width: 90px;
    margin-right: 31px;
    float: left;
    margin-bottom: 10px
    }
#footer_left ul li a {
    font-size: 13px;
    color: #191919
    }
#footer_left ul li a:hover {
    text-decoration: underline
    }
#footer_left span {
    color: #7E6212;
    font-size: 12px;
    bottom: 12px
    }
#footer_left span a:hover {
    text-decoration: underline
    }
#footer_right {
    height: 245px;
    position: relative;
    margin-top: -16px;
    width: 448px
    }
#footer_right ul li {
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    cursor: pointer;
    float: left;
    height: 55px;
    position: relative;
    width: 133px;
    background-color: #fff;
    padding: 4px 7px
    }
#footer_right ul li img {
    height: 55px;
    display: block;
    margin: 0 auto
    }
#footer_right ul li a {
    display: block
    }
#footer_right ul li:hover span.banner_hover {
    display: block
    }
#footer_right ul li span.banner_hover {
    background: url(../images/banner_hover.png) repeat scroll 0 0 transparent;
    display: none;
    height: 63px;
    left: 0;
    position: absolute;
    top: 0;
    width: 147px
    }
#footer_right ul li span.banner_hover span {
    color: #7D7D7D;
    display: block;
    font-size: 13px;
    padding: 0 5px;
    text-align: center
    }
#footer_right ul li span.banner_hover span:first-child {
    color: #262A2E;
    font-size: 13px;
    font-weight: 600;
    padding-top: 6px
    }
#footer_right a.block {
    bottom: 12px;
    right: 0;
    width: 255px;
    height: 33px;
    display: block;
    background: url(../images/icons.png) no-repeat scroll 0 -23px;
    text-indent: -9999px
    }
#social {
    width: 220px;
    height: 98px;
    background: #fff;
    margin: 0 auto;
    margin-top: -16px
    }
#social a.download {
    color: #fff;
    padding: 5px 26px 5px 9px;
    font-size: 13px;
    background-color: #191919;
    width: 160px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: 600;
    margin: 12px 0 0;
    margin: 0 auto;
    display: block;
    position: relative
    }
#social a.download:hover {
    color: #191919;
    background-color: #faba00;
    text-decoration: none
    }
#social a.download span {
    position: absolute;
    display: block;
    width: 12px;
    height: 16px;
    background: url(../images/icons.png) no-repeat scroll -114px 0;
    top: 5px;
    right: 12px;
    text-indent: -9999px
    }
#social a.download:hover span {
    background-position: -127px 0
    }
#social ul {
    width: 130px;
    margin: 0 auto;
    height: 23px
    }
#social ul {
    margin-top: 14px
    }
#social ul li {
    width: 23px;
    height: 23px;
    margin-left: 10px;
    float: left
    }
#social ul li:first-child {
    margin-left: 0
    }
#social ul li a {
    display: block;
    width: 23px;
    height: 23px;
    background: url(../images/icons.png) no-repeat scroll;
    text-indent: -9999px
    }
#social ul li.fb a {
    background-position: -39px 0
    }
#social ul li.linkden a {
    background: url(../images/link.jpg)
    }
#social ul li.fb:hover a {
    background-position: -143px 0
    }
#social ul li.twitter a {
    background-position: -65px 0
    }
#social ul li.twitter:hover a {
    background-position: -174px 0
    }
#social ul li.link a {
    background-position: -91px 0
    }
#social ul li.link:hover a {
    background-position: -206px 0
    }
#map {
    width: 960px;
    height: 220px;
    background: url(../images/slid_bottom_bg.png) repeat-x scroll left top transparent;
    padding-top: 11px
    }
#map_container {
    width: 960px;
    height: 220px
    }
#contact_content {
    width: 910px;
    margin: 0 auto;
    padding: 30px 0
    }
#contact_left {
    width: 405px;
    border-right: 7px solid #EBEBEB;
    margin-right: 38px
    }
#contact_content h4 {
    color: #B9276F;
    padding-bottom: 10px
    }
#contact_left p {
    font-size: 18px;
    color: #191919;
    line-height: 30px
    }
#contact_left ul li {
    margin: 25px 0
    }
#contact_left ul li h5 {
    padding-left: 26px;
    color: #003F7C
    }
#contact_left ul li h5 span {
    color: #191919;
    font-weight: normal
    }
#contact_left ul li h5 span a:hover {
    text-decoration: underline
    }
#contact_left ul li p {
    padding-left: 26px;
    padding-top: 8px;
    font-size: 16px;
    color: #191919;
    line-height: 30px
    }
#contact_left ul li.contact_01 h5 {
    background: url(../images/contact_icons.png) no-repeat 0 0
    }
#contact_left ul li.contact_02 h5 {
    background: url(../images/contact_icons.png) no-repeat 0 -24px
    }
#contact_left ul li.contact_03 h5 {
    background: url(../images/contact_icons.png) no-repeat 0 -40px
    }
#contact_left ul li.contact_04 h5 {
    background: url(../images/contact_icons.png) no-repeat 0 -60px
    }
#contact_left ul li.contact_05 h5 {
    background: url(../images/contact_icons.png) no-repeat 0 -81px
    }
#contact_left ul li.contact_06 h5 {
    background: url(../images/contact_icons.png) no-repeat 0 -102px
    }
#contact_right {
    width: 460px
    }
#contact_right p {
    font-size: 14px;
    color: #191919;
    line-height: 24px;
    padding-bottom: 20px
    }
#contact_right span {
    font-size: 12px;
    color: #191919;
    padding-bottom: 8px
    }
#contact_form {
    border: 1px solid #ebebeb;
    background-color: #fcfcfc;
    padding: 4px;
    width: 450px
    }
#contact_form > div {
    background-color: #f2f2f2;
    padding: 20px
    }
#contact_form label {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #191919;
    padding-top: 8px;
    width: 124px
    }
#contact_form input[type="text"] {
    display: block;
    margin-bottom: 22px;
    float: right;
    padding: 5px 8px;
    width: 266px;
    height: 22px;
    background: #fff;
    border: 1px solid #d4d4d4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    color: #191919
    }
#contact_form input[type="text"].LV_invalid_field {
    border: 1px solid #f00
    }
#contact_form input[type="text"].LV_valid_field {
    border: 1px solid #16D562
    }
.LV_validation_message {
    display: none !important
    }
#contact_form textarea {
    display: block;
    margin-bottom: 22px;
    float: right;
    width: 266px;
    height: 100px;
    padding: 8px;
    background: #fff;
    border: 1px solid #d4d4d4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    color: #191919
    }
#contact_form textarea.LV_invalid_field {
    border: 1px solid #f00
    }
#contact_form textarea.LV_valid_field {
    border: 1px solid #16D562
    }
#contact_form .newListSelected {
    float: right;
    margin-bottom: 22px;
    width: 282px;
    height: 32px;
    position: relative
    }
#contact_form .selectedTxt {
    width: 225px;
    height: 23px;
    background: #fff url(../images/big_select.png) no-repeat 242px center;
    padding: 8px 45px 2px 10px;
    display: block;
    border: 1px solid #d4d4d4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    color: #191919;
    cursor: pointer
    }
#contact_form input[type="submit"] {
    color: #fff;
    float: right;
    padding: 5px 30px 5px 7px;
    font-size: 13px;
    background: #191919 url(../images/icons.png) no-repeat 104px 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: 600;
    border: none;
    display: inline-block
    }
#contact_form input[type="submit"]:hover {
    color: #191919;
    background: #faba00 url(../images/icons.png) no-repeat 92px 10px;
    text-decoration: none
    }
/* PrettyPhotos */
div.light_rounded .pp_top .pp_left {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat
    }
div.light_rounded .pp_top .pp_middle {
    background: #fff
    }
div.light_rounded .pp_top .pp_right {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat
    }
div.light_rounded .pp_content .ppt {
    color: #000
    }
div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right {
    background: #fff
    }
div.light_rounded .pp_content {
    background-color: #fff
    }
div.light_rounded .pp_next:hover {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
    }
div.light_rounded .pp_previous:hover {
    background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
    }
div.light_rounded .pp_expand {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
    }
div.light_rounded .pp_expand:hover {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
    }
div.light_rounded .pp_contract {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
    }
div.light_rounded .pp_contract:hover {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
    }
div.light_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer
    }
div.light_rounded #pp_full_res .pp_inline {
    color: #000
    }
div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
    }
div.light_rounded .pp_nav .pp_play {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
    }
div.light_rounded .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
    }
div.light_rounded .pp_arrow_previous {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat
    }
div.light_rounded .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
    }
div.light_rounded .pp_arrow_next {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat
    }
div.light_rounded .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
    }
div.light_rounded .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat
    }
div.light_rounded .pp_bottom .pp_middle {
    background: #fff
    }
div.light_rounded .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat
    }
div.light_rounded .pp_loaderIcon {
    background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat
    }
div.dark_rounded .pp_top .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat
    }
div.dark_rounded .pp_top .pp_middle {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
    }
div.dark_rounded .pp_top .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat
    }
div.dark_rounded .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y
    }
div.dark_rounded .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y
    }
div.dark_rounded .pp_content {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
    }
div.dark_rounded .pp_next:hover {
    background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
    }
div.dark_rounded .pp_previous:hover {
    background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
    }
div.dark_rounded .pp_expand {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
    }
div.dark_rounded .pp_expand:hover {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
    }
div.dark_rounded .pp_contract {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
    }
div.dark_rounded .pp_contract:hover {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
    }
div.dark_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer
    }
div.dark_rounded .currentTextHolder {
    color: #c4c4c4
    }
div.dark_rounded .pp_description {
    color: #fff
    }
div.dark_rounded #pp_full_res .pp_inline {
    color: #fff
    }
div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
    }
div.dark_rounded .pp_nav .pp_play {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
    }
div.dark_rounded .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
    }
div.dark_rounded .pp_arrow_previous {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat
    }
div.dark_rounded .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
    }
div.dark_rounded .pp_arrow_next {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat
    }
div.dark_rounded .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
    }
div.dark_rounded .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat
    }
div.dark_rounded .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
    }
div.dark_rounded .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat
    }
div.dark_rounded .pp_loaderIcon {
    background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat
    }
div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content {
    background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat
    }
div.dark_square .currentTextHolder {
    color: #c4c4c4
    }
div.dark_square .pp_description {
    color: #fff
    }
div.dark_square .pp_loaderIcon {
    background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat
    }
div.dark_square .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y
    }
div.dark_square .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y
    }
div.dark_square .pp_expand {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
    }
div.dark_square .pp_expand:hover {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
    }
div.dark_square .pp_contract {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
    }
div.dark_square .pp_contract:hover {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
    }
div.dark_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer
    }
div.dark_square #pp_full_res .pp_inline {
    color: #fff
    }
div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
    }
div.dark_square .pp_nav .pp_play {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
    }
div.dark_square .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
    }
div.dark_square .pp_arrow_previous {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat
    }
div.dark_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
    }
div.dark_square .pp_arrow_next {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat
    }
div.dark_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
    }
div.dark_square .pp_next:hover {
    background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer
    }
div.dark_square .pp_previous:hover {
    background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
    }
div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content {
    background: #fff
    }
div.light_square .pp_content .ppt {
    color: #000
    }
div.light_square .pp_expand {
    background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
    }
div.light_square .pp_expand:hover {
    background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
    }
div.light_square .pp_contract {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
    }
div.light_square .pp_contract:hover {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
    }
div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer
    }
div.light_square #pp_full_res .pp_inline {
    color: #000
    }
div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
    }
div.light_square .pp_nav .pp_play {
    background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
    }
div.light_square .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
    }
div.light_square .pp_arrow_previous {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat
    }
div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
    }
div.light_square .pp_arrow_next {
    background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat
    }
div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
    }
div.light_square .pp_next:hover {
    background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer
    }
div.light_square .pp_previous:hover {
    background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
    }
div.facebook .pp_top .pp_left {
    background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat
    }
div.facebook .pp_top .pp_middle {
    background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x
    }
div.facebook .pp_top .pp_right {
    background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat
    }
div.facebook .pp_content .ppt {
    color: #000
    }
div.facebook .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y
    }
div.facebook .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y
    }
div.facebook .pp_expand {
    background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer
    }
div.facebook .pp_expand:hover {
    background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
    cursor: pointer
    }
div.facebook .pp_contract {
    background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer
    }
div.facebook .pp_contract:hover {
    background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
    cursor: pointer
    }
div.facebook .pp_close {
    position: absolute;
    top: -22px;
    right: 43px;
    width: 45px;
    height: 10px;
    background: url(../images/close.png) no-repeat;
    cursor: pointer
    }
div.facebook #pp_full_res .pp_inline {
    color: #000
    }
div.facebook .pp_loaderIcon {
    background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat
    }
div.facebook .pp_arrow_previous {
    background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
    }
div.facebook .pp_arrow_previous.disabled {
    background-position: 0 -96px;
    cursor: default
    }
div.facebook .pp_arrow_next {
    background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
    }
div.facebook .pp_arrow_next.disabled {
    background-position: -32px -96px;
    cursor: default
    }
div.facebook .pp_nav {
    margin-top: 0
    }
div.facebook .pp_nav p {
    font-size: 15px;
    padding: 0 3px 0 4px
    }
div.facebook .pp_nav .pp_play {
    background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
    height: 22px;
    width: 22px
    }
div.facebook .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
    height: 22px;
    width: 22px
    }
div.facebook .pp_next:hover {
    background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
    cursor: pointer
    }
div.facebook .pp_previous:hover {
    background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer
    }
div.facebook .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat
    }
div.facebook .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x
    }
div.facebook .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat
    }
div.pp_pic_holder a:focus {
    outline: none
    }
div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500
    }
div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
    background: #000
    }
.pp_top {
    height: 20px;
    position: relative
    }
* html .pp_top {
    padding: 0 20px
    }
.pp_top .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px
    }
.pp_top .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px
    }
* html .pp_top .pp_middle {
    left: 0;
    position: static
    }
.pp_top .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
    }
.pp_content {
    height: 40px
    }
.pp_fade {
    display: none
    }
.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%
    }
.pp_content_container .pp_left {
    padding-left: 20px
    }
.pp_content_container .pp_right {
    padding-right: 20px
    }
.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px 0
    }
.pp_description {
    display: none !important;
    margin: 0 0 5px 0
    }
.pp_nav {
    clear: left;
    float: left;
    margin: 3px 0 0 0
    }
.pp_nav p {
    float: left;
    margin: 2px 4px
    }
.pp_nav .pp_play, .pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px
    }
a.pp_arrow_previous, a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px
    }
.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000
    }
.pp_gallery {
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000
    }
.pp_gallery ul {
    float: left;
    height: 35px;
    margin: 0 0 0 5px;
    overflow: hidden;
    padding: 0;
    position: relative
    }
.pp_gallery ul a {
    border: 1px #000 solid;
    border: 1px rgba(0, 0, 0, 0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden
    }
.pp_gallery ul a:hover, .pp_gallery li.selected a {
    border-color: #fff
    }
.pp_gallery ul a img {
    border: 0
    }
.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0
    }
.pp_gallery li.default a {
    background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px
    }
.pp_gallery li.default a img {
    display: none
    }
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
    margin-top: 7px !important
    }
a.pp_next {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%
    }
a.pp_previous {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%
    }
a.pp_expand, a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000
    }
a.pp_close {
    display: block;
    float: right;
    line-height: 22px;
    text-indent: -10000px
    }
.pp_bottom {
    height: 20px;
    position: relative;
    display: none
    }
* html .pp_bottom {
    padding: 0 20px
    }
.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px
    }
.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px
    }
* html .pp_bottom .pp_middle {
    left: 0;
    position: static
    }
.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
    }
.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px
    }
#pp_full_res {
    line-height: 1 !important
    }
#pp_full_res .pp_inline {
    text-align: left
    }
#pp_full_res .pp_inline p {
    margin: 0 0 15px 0
    }
div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999
    }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
    }
.clearfix {
    display: inline-block
    }
* html .clearfix {
    height: 1%
    }
.clearfix {
    display: block
    }
/* PrettyPhotos */
/* Courses List style By MARIAM */
.green {
    color: #146005
    }
.pink {
    color: #f88ee0
    }
.blue {
    color: #075ba3
    }
.red {
    color: #bf210c
    }
.brown {
    color: #52312c
    }
.ornage {
    color: #c36613
    }
.gray {
    color: #818180
    }
/*Courses Page Style*/
h1 {
    font-size: 28px
    }
h2 {
    font-size: 25px
    }
h3 {
    font-size: 23px
    }
h4 {
    font-size: 18px
    }
h5 {
    font-size: 16px
    }
h6 {
    font-size: 15px
    }
p {
    font-size: 14px;
    line-height: 20px;
    color: #191919
    }
#courses_content {
    background: url(../images/slid_bottom_bg.png) repeat-x top;
    padding: 35px 25px 40px;
    min-height: 20px
    }
#courses_list, #one_course, #about, #one_to_one {
    width: 558px;
    float: left;
    min-height: 50px;
    padding: 0 30px 0 0;
    min-height: 200px
    }
#courses_list h3 {
    color: #b9276f;
    padding: 0 0 5px
    }
#courses_list p {
    padding: 0 0 5px
    }
#courses_list ul {
    width: 550px
    }
#courses_list li {
    height: 335px;
    float: left;
    width: 275px;
    border-top: 8px solid #ebebeb;
    margin: 10px 0 0;
    padding-top: 30px;
    padding-bottom: 20px
    }
#courses_list li:nth-child(2n+1) div {
    padding-right: 25px;
    border-right: 1px dotted #c2c2c2;
    height: inherit
    }
#courses_list li:nth-child(2n) div {
    padding-left: 25px;
    height: inherit
    }
#courses_list li a.course_title {
    font-weight: 600;
    color: #191919;
    padding: 0 0 10px;
    line-height: 23px;
    font-size: 16px;
    display: block
    }
#courses_list li a.course_title:hover {
    text-decoration: underline
    }
#courses_list li a.view_course {
    color: #fff;
    padding: 5px 30px 5px 7px;
    font-size: 13px;
    background-color: #191919;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: 600;
    margin: 7px 0 0;
    display: inline-block;
    position: relative;
    line-height: 16px
    }
#courses_list li a.view_course:hover {
    color: #191919;
    background-color: #faba00
    }
#courses_list li a.view_course span.icon {
    position: absolute;
    background: url(../images/icons.png) no-repeat -426px -55px;
    top: 9px;
    right: 8px;
    display: block;
    width: 16px;
    height: 12px;
    text-indent: -9999px
    }
#courses_list li a.view_course:hover span.icon {
    background: url(../images/icons.png) no-repeat -426px -67px
    }
#courses_list li p a {
    color: #003f7c;
    font-weight: 600
    }
#courses_content_right {
    width: 290px;
    float: right;
    min-height: 200px;
    background: url(../images/colored_border.png) no-repeat top;
    padding: 30px 0 0 30px;
    border-left: 1px dotted #c2c2c2
    }
#upcoming h4 {
    padding: 0 0 0 30px;
    background: url(../images/h_book.png) no-repeat left center;
    color: #191919;
    margin-bottom: 5px
    }
#upcoming li a {
    display: block
    }
#upcoming li a.more_classes {
    display: inline-block;
    text-indent: 6px
    }
#upcoming li {
    border-top: 1px solid #f0f0f0;
    padding: 12px 0;
    height: 36px
    }
#upcoming li:first-child {
    border-top: none
    }
#upcoming li span.c_date {
    display: block;
    float: left;
    background: url(../images/clndr.png) no-repeat left top;
    padding: 0 10px 0 17px;
    border-right: 1px solid #f0f0f0;
    font-size: 15px;
    color: #e43316;
    font-weight: 600
    }
#upcoming li span.c_date span {
    display: block;
    color: #a1a1a1;
    font-size: 14px;
    text-align: center
    }
#upcoming li p {
    float: right;
    font-size: 14px;
    width: 208px
    }
#upcoming li p a:hover {
    text-decoration: underline
    }
#courses_content_right hr {
    margin: 20px 0;
    border-color: #f0f0f0
    }
a.banner_01 {
    display: block;
    width: 290px;
    height: 100px
    }
#welcome, #qoute {
    border: 1px solid #cdcdcd;
    padding: 12px
    }
#welcome h4 {
    color: #b9276f;
    padding: 0 0 4px
    }
#welcome a {
    display: block;
    background: url(../images/welcome.png) no-repeat scroll 0 -6px transparent;
    width: 19px;
    height: 24px
    }
#welcome span {
    font-family: tahoma
    }
#welcome div.play {
    display: none
    }
#welcome div.play embed {
    margin-left: 10px
    }
#qoute {
    background: url(../images/qoute.png) no-repeat right bottom;
    padding-bottom: 135px
    }
#qoute span.d_coute {
    display: inline-block;
    width: 18px;
    height: 16px;
    margin-right: 5px;
    background: url(../images/icons.png) no-repeat scroll -426px -37px
    }
#qoute span.author {
    display: block;
    font-size: 12px;
    color: #a1a1a1;
    margin: 7px 0
    }
#qoute a {
    display: block;
    font-size: 14px;
    color: #003f7c;
    margin: 7px 0 0;
    font-weight: 600
    }
#qoute a:hover {
    text-decoration: underline
    }
/*Courses Page Style*/
/*One course Page style*/
#one_course h2 {
    color: #b9276f;
    font-weight: 400;
    padding: 0 0 4px
    }
#one_course h2.odd {
    font-size: 19px
    }
#one_course h5#c_date {
    color: #191919;
    font-weight: 400;
    padding: 0 0 4px
    }
#one_course h5#c_date.odd {
    font-weight: bold;
    font-size: 20px
    }
#one_course h5#c_type {
    color: #a1a1a1;
    font-weight: 400;
    padding: 0 0 10px
    }
#one_course div.paragraph {
    padding: 10px 0;
    border-top: 1px dotted #c2c2c2;
    clear: both
    }
#one_course #c_days {
    font-size: 14px;
    color: #003f7c;
    padding: 0 0 10px;
    display: block;
    font-weight: 600
    }
#download_lnk, #download_txt {
    display: block;
    float: left
    }
#download_txt {
    font-size: 12px;
    color: #191919;
    margin: 3px 10px 0 0
    }
#download_lnk, .apply_btn {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0241e), to(#ab1b13));
    background: -webkit-linear-gradient(top, #e0241e, #ab1b13);
    background: -moz-linear-gradient(top, #e0241e, #ab1b13);
    background: -ms-linear-gradient(top, #e0241e, #ab1b13);
    background: -o-linear-gradient(top, #e0241e, #ab1b13);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px 6px 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 600
    }
#download_lnk:hover, .apply_btn:hover {
    text-decoration: none;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1f1f1f), to(#191919));
    background: -webkit-linear-gradient(top, #1f1f1f, #191919);
    background: -moz-linear-gradient(top, #1f1f1f, #191919);
    background: -ms-linear-gradient(top, #1f1f1f, #191919);
    background: -o-linear-gradient(top, #1f1f1f, #191919)
    }
#courses_clndr {
    border-top: 7px solid #ebebeb;
    padding: 20px 0 0;
    margin-top: 10px
    }
#class_dates {
    border: 1px solid #ebebeb;
    background-color: #fcfcfc;
    padding: 4px
    }
#class_dates > div {
    background-color: #f2f2f2;
    min-height: 20px;
    padding: 9px
    }
#class_dates div h6 {
    color: #191919;
    float: left;
    margin: 3px 4px 0 0
    }
#class_dates .newListSelected {
    float: left;
    width: 107px;
    height: 28px;
    position: relative
    }
#class_dates .selectedTxt {
    width: 87px;
    height: 18px;
    background: #fff url(../images/select.png) no-repeat 104px center;
    padding: 5px 35px 2px 10px;
    display: block;
    border: 1px solid #d4d4d4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    color: #191919;
    cursor: pointer
    }
.SSContainerDivWrapper {
    border: 1px solid #d4d4d4;
    border-top: none;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    overflow-y: auto
    }
.SSContainerDivWrapper li a {
    font-size: 13px;
    color: #191919;
    padding: 5px 3px 5px 10px;
    display: block;
    margin-bottom: 3px
    }
.SSContainerDivWrapper li a:hover {
    background-color: #f2f2f2;
    font-weight: 600;
    text-decoration: none
    }
#class_dates #days_hint {
    font-size: 11px;
    color: #191919;
    display: block;
    float: left;
    margin: 7px 0 0 31px
    }
#course_list {
    padding: 20px 0 10px;
    border-bottom: 7px solid #ebebeb
    }
#course_list li {
    border: 1px solid #dfdfdf;
    padding: 4px;
    margin-bottom: 10px
    }
#course_list li > div {
    padding: 6px
    }
#course_list li:hover > div {
    background-color: #f2f2f2
    }
#course_list li div div {
    float: left;
    margin: 0 40px 0 0
    }
#course_list li .c_data {
    display: block;
    font-size: 14px;
    color: #333;
    padding: 0 0 5px
    }
#course_list li .c_data span {
    font-weight: 600
    }
#course_list li .price {
    display: block;
    background: url(../images/dollar.png) no-repeat left 3px;
    padding: 0 0 0 18px;
    color: #003f7c;
    font-size: 16px;
    margin: 5px 0 0;
    font-weight: 600
    }
.apply_btn {
    width: 85px;
    text-align: center;
    display: block;
    float: right;
    margin: 5px 0 0
    }
/*One course Page style*/
/*About Page Style*/
#about hr, #one_to_one hr {
    border-top: 7px solid #ebebeb;
    margin: 20px 0;
    clear: both
    }
#about h5, #one_to_one h2 {
    color: #b9276f
    }
#about h2, #about h3, #about h4, #about h5, #about h6 {
    padding: 0 0 10px
    }
#about div.left {
    width: 300px
    }
#about ul {
    margin: 0 0 0 15px
    }
#about li {
    list-style-type: disc;
    color: #191919;
    line-height: 20px;
    font-size: 14px;
    padding: 0 0 5px;
    list-style-position: outside
    }
#about img {
    margin: 0 10px
    }
#courses_content #about p a {
    color: #003F7C;
    text-decoration: underline
    }
#courses_content #about p a:hover {
    text-decoration: none
    }
/*About Page Style*/
/*one to one*/
#one_to_one h2 {
    padding: 0 0 10px;
    border-bottom: 1px dotted #c2c2c2;
    margin-bottom: 10px
    }
#one_to_one img {
    margin: 15px 0;
    display: block
    }
#cntct {
    border: 1px solid #ebebeb;
    background-color: #fcfcfc;
    padding: 4px;
    width: 530px
    }
#cntct div {
    background-color: #f2f2f2;
    min-height: 20px;
    padding: 9px
    }
#cntct h5 {
    color: #191919;
    padding: 0 0 10px
    }
#cntct h5 span {
    font-size: 16px;
    font-weight: 400;
    color: #191919
    }
#cntct h5 a:hover {
    text-decoration: underline
    }
#cntct span {
    font-size: 14px;
    font-weight: 600;
    color: #003f7c
    }
/*one to one*/
/*Blog Page*/
#blog_left, #faq_left {
    border-right: 1px dotted #c2c2c2
    }
#blog_content, #faq_content, #calendar_content {
    background: url(../images/slid_bottom_bg.png) repeat-x top;
    padding: 35px 25px 40px;
    min-height: 20px
    }
#blog_right, #faq_right {
    width: 200px;
    float: right;
    min-height: 200px;
    padding: 20px 0 0 30px
    }
#blog_content h3, #faq_content h3 {
    padding: 0 0 10px;
    color: #B9276F
    }
#blog_left li {
    border-top: 8px solid #EBEBEB;
    padding: 0 0 20px
    }
#blog_left li:first-child {
    border-top: none
    }
#blog_left .blog_title {
    font-size: 16px;
    display: inline-block;
    color: #191919;
    padding: 20px 0 0;
    font-weight: 600;
    line-height: 18px
    }
#blog_left span.blog_date {
    font-size: 12px;
    display: block;
    color: #A1A1A1;
    padding: 10px 0
    }
#blog_left a.blog_title:hover, #blog_right li a:hover, #faq_right li a:hover, #faq_left li a:hover, #calender tr a:hover {
    text-decoration: underline
    }
#blog_left p, #faq_answers p {
    line-height: 22px
    }
#blog_right h5 {
    padding: 0 0 10px;
    color: #B9276F
    }
#blog_right menu {
    padding: 0 0 40px
    }
#blog_right li, #faq_right li {
    padding: 0 0 10px
    }
#blog_right li a, #faq_right li a {
    display: inline-block;
    color: #003F7C;
    font-size: 14px
    }
#blog_right li a.current, #faq_right li a.current {
    font-weight: 600
    }
/*Blog Page*/
/*FAQ Style*/
#blog_left, #faq_left {
    width: 648px;
    float: left;
    min-height: 50px;
    padding: 0 30px 0 0;
    min-height: 200px
    }
#faq_left {
    padding-top: 20px
    }
#faq_answers li {
    padding: 20px 0;
    border-top: 1px dotted #BCBCBC
    }
#faq_quest li {
    padding: 10px 0;
    border-top: 1px dotted #BCBCBC
    }
#faq_left li:first-child {
    border-top: none;
    padding-top: 0
    }
#faq_left li a {
    display: inline-block;
    color: #191919;
    font-size: 14px
    }
#faq_left h5 {
    padding: 0 0 20px
    }
#faq_quest ul {
    padding: 0 0 30px
    }
#faq_left h4 {
    padding: 0 0 20px;
    color: #B9276F
    }
#faq_answers li span {
    display: block;
    color: #003F7C;
    font-size: 14px;
    padding: 0 0 10px
    }
#faq_answers {
    padding: 30px 0 0
    }
.top {
    background: url(../images/top_lnk.png) no-repeat;
    width: 30px;
    height: 20px;
    display: block;
    float: right;
    margin: 15px 0 0
    }
.top:hover {
    background-position: 0 -21px
    }
/*FAQ Style*/
#calendar_header {
    padding: 0 0 15px;
    border-bottom: 1px solid #BCBCBC
    }
#calendar_header h3 {
    padding: 0 10px 0 0;
    color: #B9276F;
    float: left
    }
#calendar_header select {
    float: left;
    display: block;
    margin: 7px 10px 0 0;
    border: 1px solid #C7C7C7
    }
#calender {
    padding: 15px 0 20px 0
    }
#calender h4 {
    color: #444;
    font-weight: 400;
    padding: 0 0 11px
    }
#calender ul, #calender table tr {
    width: 937px
    }
#calender thead tr {
    border-top: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9
    }
#calender thead tr th {
    color: #fff;
    border-left: 1px solid #D9D9D9;
    padding: 5px 0 5px 10px;
    background-color: #383838;
    text-align: left;
    font-size: 12px
    }
#calender li {
    width: 135px;
    float: left;
    background-color: #fff;
    min-height: 135px;
    border-left: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    padding: 10px;
    position: relative
    }
#calender td {
    width: 135px;
    background-color: #fff;
    height: 135px;
    border: 1px solid #D9D9D9;
    padding: 10px;
    vertical-align: top
    }
#calender li.no_clndr, #calender td.no_clndr {
    background-color: #E1E1E1
    }
#calender li.current, #calender td.current {
    background-color: #d1e7f9 !important
    }
#calender td.no_clndr.current span {
    color: #2b82cd
    }
#calender li:last-child, #calender li:nth-child(6n) {
    border-right: 1px solid #D9D9D9
    }
#calender li span, #calender tr span {
    font-weight: 600;
    display: block;
    color: #959595;
    margin-bottom: 10px
    }
div#more_clndr a {
    display: inline-block;
    font-size: 13px;
    margin: 0 0 10px 3px;
    line-height: 20px
    }
#calender li a, #calender tr a {
    display: block;
    font-size: 11px;
    margin: 0 0 4px 3px;
    line-height: 15px
    }
#calender li a.more, #calender tr a.more {
    position: absolute;
    bottom: 0;
    left: 10px;
    color: #464646;
    text-decoration: underline
    }
.outer_nyromodal, div.inner_nyromodal {
    display: none
    }
div.nyroModalBg {
    background: url(../images/nrmdl.png) repeat;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1000
    }
div.nyroModalCont {
    width: 630px !important;
    height: 400px !important;
    z-index: 10000
    }
div.nyroModalDom, .nyroModalError {
    width: 600px !important;
    min-height: 70px;
    background-color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 15px 15px 30px
    }
div#clndr_details h1, div#more_clndr h1 {
    color: #0d79af;
    padding: 0 75px 5px 0;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 10px;
    font-weight: 400
    }
div#clndr_details h5 {
    color: #444;
    font-weight: 400;
    padding: 0 0 11px
    }
div#clndr_details span {
    color: #444;
    display: block;
    font-size: 13px;
    padding-bottom: 5px
    }
div#clndr_details p {
    padding-top: 10px;
    line-height: 24px
    }
a.nyroModalClose {
    background: url(../images/close_btn.png) no-repeat;
    text-indent: -9999px;
    font-size: 0;
    display: block;
    position: absolute;
    right: 14px;
    top: 10px;
    width: 47px;
    height: 12px;
    z-index: 10000
    }
#colors_hint {
    width: 700px;
    padding-bottom: 30px
    }
.red_color, .green_color, .red_color, .blue_color, .orange_color, .pink_color, .brown_color, .gray_color {
    display: block;
    float: left;
    margin: 5px 5px 0 0;
    width: 8px;
    height: 8px
    }
.gray_color {
    background-color: #818180
    }
.brown_color {
    background-color: #52312C
    }
.pink_color {
    background-color: #F88EE0
    }
.orange_color {
    background-color: #EF6A2E
    }
.blue_color {
    background-color: #075BA3
    }
.red_color {
    background-color: #BF210C
    }
.green_color {
    background-color: #146005
    }
#colors_hint li {
    float: left;
    margin: 0 30px 0 0
    }
#colors_hint li span.color_txt {
    float: left;
    display: block;
    color: #464646;
    font-size: 13px
    }
/* Courses List style By MARIAM */
#about ul.media {
    margin-bottom: 30px;
    list-style: none;
    margin-left: 0
    }
#about ul.media li {
    width: 170px;
    height: 220px;
    margin-right: 24px;
    margin-bottom: 24px;
    list-style: none;
    float: left;
    padding-bottom: 0
    }
#about ul.media li img {
    width: 170px;
    height: 170px;
    margin: 0
    }
#about ul.media li:nth-child(3n) {
    margin-right: 0
    }
#about ul.media.video li {
    width: 267px;
    position: relative;
    height: 195px
    }
#about ul.media.video li:nth-child(2n) {
    margin-right: 0
    }
#about ul.media.video li img {
    width: 267px
    }
#about ul.media.video li span {
    background: url(../images/icons.png) repeat scroll -334px -63px transparent;
    display: block;
    height: 66px;
    left: 106px;
    position: absolute;
    top: 70px;
    width: 66px;
    cursor: pointer
    }
#about ul.media.video li:hover span {
    background-position: -332px -133px
    }
#about ul.media.photos li {
    width: 565px;
    height: auto;
    float: none;
    padding-bottom: 24px;
    border-bottom: 7px solid #F2F2F2;
    margin-right: 0
    }
#about ul.media.photos li:last-child {
    border-bottom: none
    }
#about ul.media.photos li strong {
    float: left;
    font-weight: bold
    }
#about ul.media.photos li img {
    width: auto;
    max-height: 270px;
    float: left;
    margin-right: 10px
    }
.SSContainerDivWrapper {
    border: 1px solid #d4d4d4;
    border-top: none;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    overflow-y: auto
    }
.SSContainerDivWrapper li a {
    font-size: 13px;
    color: #191919;
    padding: 5px 3px 5px 10px;
    display: block;
    margin-bottom: 3px
    }
.SSContainerDivWrapper li a:hover {
    background-color: #f2f2f2;
    font-weight: 600;
    text-decoration: none
    }
/* For image replacement */
.ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr
    }
/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
    display: none;
    visibility: hidden
    }
/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/ ; &  j.mp/visuallyhidden */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
    }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
    }
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden
    }
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
  j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden
    }
.clearfix:after {
    clear: both
    }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
    zoom: 1
    }
/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */
@media all and (orientation: portrait) {
    /* Style adjustments for portrait mode goes here */
    }
@media all and (orientation: landscape) {
    /* Style adjustments for landscape mode goes here */
    }
/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
233.   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
    /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
    /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
    }
/* slideshow styles */
.slideShow {
    clear: both;
    width: 809px;
    position: relative;
    background: url(../images/slid_bg.jpg) no-repeat scroll left transparent;
    height: 390px;
    overflow: hidden
    }
.slideShow ul.slides {
    width: 809px !important
    }
.slideShow ul.slides li.slide {
    width: 809px !important
    }
/** navigation **/
.slideShow .navigation {
    margin: 5px 0 0 0;
    clear: left;
    display: block;
    position: absolute;
    bottom: 11px;
    left: 310px
    }
.slideShow .navigation li {
    display: inline
    }
.slideShow .navigation a {
    display: inline-block;
    background: url(../images/icons.png) -295px 0 no-repeat;
    width: 13px;
    height: 13px;
    text-indent: -9999px
    }
.slideShow .thumbs a {
    padding: 0;
    overflow: hidden;
    background-color: transparent;
    height: 50px
    }
.slideShow .navigation a:hover, .slideShow .navigation a.selected {
    background-position: -295px -13px
    }
/** slideshow with images in navigation **/
.navigation.white a, .navigation.white li {
    background-color: #fff
    }
.navigation.white a {
    border: 1px solid #fff;
    padding: 0;
    line-height: 0.8em
    }
.navigation.white a:hover, .navigation.white a.selected {
    background-color: #fff;
    border: 1px solid #999
    }
/********************************* LiveValidation *************************************/
.LV_valid {
    color: #0C0
    }
.LV_invalid {
    color: #C00
    }
.LV_validation_message {
    font-weight: bold;
    margin: 0 0 0 5px
    }
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active, .fieldWithErrors input.LV_valid_field, .fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #0C0
    }
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active, .fieldWithErrors input.LV_invalid_field, .fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #C00
    }