/* =GENERAL */
strong { font-weight: bold; }
em { font-style: italic; }
h2 { font-family: Arial, sans-serif; font-size: 30px; font-weight: normal; }
h3 { color: #8EC2FF; font-size: 18px; font-style: italic; font-weight: bold; }
h4 { color: #FDD23F; font-size: 20px; font-weight: bold; }

html { background: #334766 url(../images/wrapper_bg.jpg) repeat-x 0 0; min-width: 960px; }
body { background: url(../images/header_strip.jpg) no-repeat 50% 0; color: #FFF; font-family: 'Trebuchet MS', Geneva, lucida, sans-serif; font-size: 14px; line-height: 1.5; text-align: justify;}

#wrapper { margin: 0 auto; padding-top: 41px; width: 960px; }


/* =HYPERLINKS */
a { color: #FDD23F; outline-style: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }


/* =HEADER */
#header { background: #143989 url(../images/header.jpg) no-repeat 0 0; height: 237px; position: relative; }
#home #header { background: #143989 url(../images/home/home_header.jpg) no-repeat 0 0; height: 289px; position: relative; }
#ourcourses #header { background: #143989 url(../images/ourcourses/ourcourses_header.jpg) no-repeat 0 0; height: 401px; position: relative; }
#header a.logo { display: block; font-size: 30px; height: 130px; overflow: hidden; position: absolute; text-align: center; left: 86px; top: -41px; width: 237px; }
#header a.booknow { display: block; font-size: 13px; height: 17px; overflow: hidden; position: absolute; text-align: center; right: 209px; top: 16px; width: 204px; }

#header a.logo span, #header a.booknow span { display: block; text-indent: -9999px; }



/* =NAVIGATION */
#nav { float: right; font-size: 16px; position: relative; right: 166px; top: 78px; }
#nav li { background: url(../images/nav/nav_left.png) no-repeat 0 0; float: left; height: 33px; margin-left: 5px; }
#nav li a { background: url(../images/nav/nav_right.png) no-repeat 100% 0; color: #FFF; float: left; height: 33px; margin-left: 12px; padding-right: 12px; padding-top: 4px; text-decoration: none; }
#nav li.current a { font-weight: bold; }
#nav li.current a, #nav li a:hover { color: #FEE378; }


/* =MAIN */
#main { background: #143989 url(../images/main_bg.jpg) no-repeat 0 0; margin: 0 auto; padding-bottom: 60px; }
#home #main { padding-bottom: 0; }
.content { padding: 26px 151px 0; position: relative; width: 652px; }
#home .content, #ourcourses .content { padding-top: 0; }

.btn_box { background-color: #36569A; border-top: 1px solid #6A8EC5; border-bottom: 1px solid #6A8EC5; margin-top: 20px; padding: 17px 0 13px 20px; }
#ourcourses .btn_box { background-color: #3E60A4; }
.btn_box p { font-size: 16px; font-style: italic; font-weight: bold; margin: 0; padding: 3px 0 0 0; }
.btn_box a { background-color: #F8B727; color: #FFF; float: left; font-size: 18px; font-style: italic; font-weight: bold; height: 34px; overflow: hidden; position: relative; text-align: center; top: 0; width: 610px; }
.btn_box a span { background: url(../images/btn/view_all_btn.jpg) no-repeat 0 0; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

#ourcourses .btn_box a { background-color: #F8B727; color: #FFF; display: block; font-size: 18px; font-style: italic; font-weight: bold; height: 34px; margin: 0 55px 0 0; overflow: hidden; position: relative; text-align: center; top: 0; width: 150px; }
#ourcourses .btn_box a span { background: url(../images/ourcourses/ourcourses_read_more_btn.jpg) no-repeat 0 0; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }


.highlight_box { background-color: #031894; padding: 16px 153px 16px 155px; width: 652px; }
#home .highlight_box { background-color: #03185F; }
#othercourses .highlight_box, #home .highlight_box { padding-top: 0; padding-bottom: 0; }
#ourcourses .highlight_box { padding-top: 1px; padding-bottom: 0; }
.highlight_box img { margin: 0 15px 12px 0; }
.highlight_box .mediaholder { color: #FDD23F; float: left; font-size: 12px; width: 421px; }
.highlight_box .description { float: left; width: 231px; }
#home .highlight_box .description { padding-top: 20px; }
#home .highlight_box .description h2 { font-size: 24px; font-weight: normal; padding-bottom: 5px; }
#home .highlight_box .description ul li { background: url(../images/list_bullet2.gif) no-repeat 0 10px; font-size: 16px; font-weight: normal; padding: 0 0 12px 30px; }
#othercourses .description { padding-top: 16px; }
.highlight_box blockquote { font-size: 14px; font-style: italic; margin: 16px 0 26px 0; }
.highlight_box cite { font-size: 12px; font-style: italic; font-weight: bold; }



.courses_box { background-color: #1C3470; border: 1px solid #365B9E; margin-top: 12px; padding: 35px; }
.courses_box h2 { color: #FDD23F; font-size: 22px; font-weight: bold; }
.courses_box h2 em { color: #FFF; }
.courses_box ul h2 { color: #FFF; float: left; font-size: 24px; font-style: italic; font-weight: bold; padding-top: 12px; }
.courses_box ul h3 { color: #FFF; float: left; font-size: 18px; font-style: italic; font-weight: bold; }
.courses_box ul a { color: #1A3672; float: right; font-size: 14px; font-style: italic; font-weight: bold; }
.courses_box ul a.watchvideo { background: url(../images/btn/watch_the_video_btn.jpg) no-repeat 0 0; display: block; height: 33px; margin: 10px 0; padding: 10px 8px 0 20px; width: 202px; }
.courses_box ul a.readmore { background: url(../images/btn/read_more_btn.jpg) no-repeat 0 0; display: block; height: 33px; margin: 10px 0; padding: 10px 8px 0 20px; width: 202px; }
.courses_box ul span.btn_on {float: right; background: url(../images/btn/btn_on_page.jpg) no-repeat 0 0; display: block; height: 33px; margin: 10px 0; padding: 10px 8px 0 20px; width: 202px; }
.courses_box ul { border-bottom: 1px solid #35508A; margin-top: 35px; }
.content .courses_box ul li { background: none; border-top: 1px solid #35508A; clear: both; list-style-type: none; padding: 0; }
.courses_box ul h3.on { color:#4a6f9a }
.courses_box ul h2.on { color:#4a6f9a }


#ourcourses .courses_box { padding: 30px 0 30px 30px; }
#ourcourses .courses_box ul { float: left; width: 280px; }
#ourcourses .courses_box ul li { padding-left: 7px; }
#ourcourses .courses_box ul.mediatraining { margin-right: 30px; }
#ourcourses .courses_box ul h2 { clear: both; font-size: 18px; position: relative; width: 212px; z-index: 1; }
#ourcourses .courses_box ul h3 { clear: both; font-size: 14px; position: relative; margin-bottom: 0; width: 212px; z-index: 1; }
#ourcourses .courses_box ul a { clear: both; font-size: 12px; float: left; position: relative; z-index: 0; }
#ourcourses .courses_box ul a.watchvideo { background: url(../images/ourcourses/ourcourses_watch_video_btn.jpg) no-repeat 0 0; display: block; height: 23px; margin: -20px 0 10px 0; padding: 22px 0 0 13px; width: 259px; }
#ourcourses .courses_box ul a.readmore { background: url(../images/ourcourses/our_courses_read_more_btn.jpg) no-repeat 0 0; display: block; height: 23px; margin: -20px 0 10px 0; padding: 22px 0 0 13px; width: 259px; }


/* =CONTENT */
.content .pagetitle { position: absolute; top: -97px; }
#ourcourses .content .pagetitle { top: -259px; width: 652px; }
.content .pagetitle h3 { margin: 0 0 38px 0; }
#ourcourses .pagetitle h3 { margin-bottom: 14px; }
.content h3 { margin: 16px 0 17px 0; }
.content p { font-weight: bold; padding-bottom: 16px; }
#ourcourses .content p { padding-bottom: 0; }

.content ul li { background: url(../images/list_bullet1.gif) no-repeat 0 10px; font-weight: bold; padding-left: 30px; }
* html .content ul li { height: 1%; }


.home_top_banner { background-color: #2657B0; color: #FFF; display: block; font-size: 18px; font-style: italic; font-weight: bold; height: 109px; margin: 0 auto; overflow: hidden; position: absolute; top: -143px; width: 654px; }
.home_top_banner span { background: url(../images/home/home_top_banner.jpg) no-repeat 0 0; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.home_top_banner a { background: #FDD23F url(../images/home/watch_our_course_btn.jpg) no-repeat 0 0; display: block; height: 68px; position: absolute; right: 9px; top: 20px; text-indent: -9999px; width: 267px; z-index: 1; }

.home_quote { background: url(../images/home/home_quote_bg.jpg) #233671 no-repeat 0 0; height: 370px; position: relative; width: 960px; }
.home_quote p { font-size: 18px; font-weight: normal; position: absolute; padding: 0 154px 0; top: 213px; }
.home_quote span { display: block; text-indent: -9999px; }

a.get_started { background-color: #FDD23F; color: #FFF; display: block; font-size: 18px; font-style: italic; font-weight: bold; height: 49px; margin: 0 auto; overflow: hidden; position: absolute; top: -22px; right: 175px; text-align: center; width: 191px; z-index: 1; }
a.get_started span { background: url(../images/home/get_started_btn.jpg) no-repeat 0 0; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }


#contactus .content { background: url(../images/form/form_border.gif) no-repeat 100% 55px; float: left; padding: 37px 60px 0 155px; width: 369px; }
#contactus #sidebar { float: right; margin-top: 54px; padding-left: 27px; padding-right: 153px; width: 196px; }
#contactus #sidebar h4 { margin-bottom: 36px; }
#contactus #sidebar p { margin-bottom: 16px; }
#contactus address { font-size: 16px; }
#contactus address strong { font-style: normal; }
#contactus address a { color: #FDD23F; }


/* =FORM */
form { padding-top: 60px; }
form label { float: left; font-size: 18px; font-style: italic; font-weight: bold; width: 126px; }
form sup { color: #FDD23F; }
form input { background: #FFF url(../images/form/input_bg.gif) no-repeat 0 0; border: none; display: block; font-size: 15px; height: 21px; padding: 2px; width: 206px; }
form textarea { background: #FFF url(../images/form/textarea_bg.gif) no-repeat 0 0; border: none; display: block; font-size: 15px; height: 121px; padding: 2px; width: 236px; }
form #submit { background: url(../images/form/send_btn.gif) no-repeat 0 0; cursor: pointer; float: right; height: 33px; letter-spacing: 105px; text-indent: -9999px; width: 105px; }
.content form p { padding-bottom: 25px; }
form span { color: #FDD23F; font-size: 11px; font-weight: normal; margin-left: 126px; position: relative; top: 15px; }
input[type=hidden] { visibility: hidden; }
.hide { display:none; }

/* =FOOTER */
#footer { background-color: #232F67; border-top: 1px solid #284A99; padding: 27px 0 0 0; text-align: center; }
#footer .booknow { font-family: Arial, sans-serif; font-size: 18px; }
#footer .booknow em, #footer .booknow a { color: #FDD340; font-style: normal; }
#footer .booknow em { background: url(../images/icons/phone_icon.gif) no-repeat 100% 4px; margin-right: 3px; padding-right: 29px; }
#footer .copyright { font-size: 11px; padding: 59px 0 38px 0; }


/* =MISC */
.clearer { clear: both; display: block; }