/*RESETS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
/* remember to define focus styles! */
:focus { outline:0; }
/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }
/* bespoke resets */
.field { padding-bottom:10px; min-height:1px; }
.field:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
input, select, textarea { font:1em/18px Tahoma, Arial, Helvetica, sans-serif; padding:3px 2px 3px 3px; cursor:text; }
select { padding:2px; }
label { padding:4px 10px 5px 0; }
textarea.text { padding:5px 7px; }
ol { margin:0 0 8px 25px; list-style:decimal; }
ol li { margin:0 0 8px; }
.hide { position:absolute; left:-9999px; }
.error { color:#C00; }
/*SITE STYLES*/
body { font:.6875em/15px Tahoma, Arial, Helvetica, sans-serif; color:#000; }
p { margin:0 0 10px; }
h1 { color:#97BF1F; font:1.909em/1 Arial,Helvetica,sans-serif; min-height:1px; padding:10px 4px 0px; width:auto; }
h1:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.h1_replace { color:#468000; width:460px; float:left; }
h2 { font:bold 1.182em/15px Arial, Helvetica, sans-serif; color:#575756; }
h3 { margin:0 0 5px; }
h4 { margin:0 0 8px; }
a { color:#575756; text-decoration:underline; }
a:hover, a:focus { text-decoration:none; }
ul { padding:0 0 10px; }
ul li { padding:0 0 6px 12px; }
ol { margin:0 0 8px 25px; list-style:decimal; }
ol li { margin:0 0 8px; }
#wrapper { width:1000px; margin:0 auto; }
#mast { margin-bottom:5px;position:relative; }
#mast:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#logo { margin:30px 0 0; width:354px; height:54px; float:left; }
#logo a, #logo img { display:block; }
#search_box {width:555px;height:32px;position:absolute;top:0px;Right:0px;background:url(../images/contact_bg.jpg) repeat-x;}
#search_left { background:url(../images/contact_left.jpg); width:5px; height:32px; position:absolute; top:0px; left:0px; }
#search_right { background:url(../images/contact_right.jpg); width:5px; height:32px; position:absolute; top:0px; right:0px;}
#call {background:url(../images/call.png); width:160px;height:30px;float:left;}
#consultation {background:url(../images/consultation.png); width:195px;height:30px;float:left;}
#nav { margin:0 0 14px;height:32px;width:747px; }
#nav ul {padding:0; height:32px; }
#nav ul li ul { height:22px; }
#nav li { float:left; background:none; padding:0px;border-left:solid 1px #B9D270;height:32px;display: inline; background:url(../images/menu_bg.jpg) repeat-x; }
#nav li a { float:left; color:#ffffff; text-decoration:none;text-shadow:1px 1px 1px #999999;padding:0 21.5px;height:32px;position:relative;}
#nav li ul li a {padding:0px; height:22px;}
#nav li:hover, #nav li.current { background:url(../images/menu_selected.jpg) bottom right; }
#nav li span { float:left; padding:7px 14px 8px; }
#nav li ul li, #nav li ul li:hover { border-left:none; background:none !important; height:22px; }
#nav ul li ul li span {padding-top:3px;}
.droplinebar ul li ul{ position: absolute; z-index: 100; left: 0; top: 0; visibility: hidden; background:#94B533;margin:0px 10px;padding:0px 15px !important;width:auto !important; }
.downarrowclass {display:none;}
.column_side { width:240px; float:right; background:url(../images/news_bg.jpg) repeat-x;position:relative;color:#575756;height:345px;margin-top:-1px;clear:both;}
.column_left { position:relative;background:url(../images/news_left.jpg);width:10px;height:345px;left:0px;top:0px;}
.column_right { position:absolute;background:url(../images/news_right.jpg); height:345px;width:10px;right:0px;top:0px;}
.column_side a {color:#575756;}
.column_side a:hover { text-decoration:underline;}
#right_col {float:right;width:250px;clear:both;}
.test_side { width:240px; float:right; background:url(../images/test_bg.jpg) repeat-x;position:relative;color:#575756;height:240px;margin-top:15px;}
.test_side img { width:200px; }
.test_left { position:relative;background:url(../images/test_left.jpg);width:10px;height:240px;left:0px;top:0px;}
.test_right { position:absolute;background:url(../images/test_right.jpg); height:240px;width:10px;right:0px;top:0px;}
.flv_player { width:320px; float:left; }
.slidey_col { width:320px; float:left; }
.slidey_col p { padding:8px 0; }
.block_content { width:340px; float:right; padding:4px 0 0; }
.blog_details { color:#447d00; font:1.091em/16px Arial, Helvetica, sans-serif; margin-bottom:10px; }
.blog_details span { color:#999; }
.tl { background:url(../images/corners/tl.png) no-repeat; width:5px; height:5px; position:absolute; top:0px; left:0px; z-index:1000; }
.tr { background:url(../images/corners/tr.png) no-repeat; width:5px; height:5px; position:absolute; top:0px; right:0px; z-index:1000;}
.bl { background:url(../images/corners/bl.png) no-repeat; width:5px; height:5px; position:absolute; bottom:0px; left:0px; z-index:1000;}
.br { background:url(../images/corners/br.png) no-repeat; width:5px; height:5px; position:absolute; bottom:0px; right:0px; z-index:1000;}
#scroller-header a {text-decoration:none; color:#575756;text-shadow:1px 1px 1px #FFFFFF;padding:11px 23.9px;background:url(../images/news_btn_up.png) repeat-x;float:left; }
#scroller-header a.selected {text-decoration:none;background:none;}
#scroller-header {background:url(images/header.gif) no-repeat; height:24px; font-weight:700; position:absolute;top:0px;width:240px;margin:1px;z-index:99;}
#scroller-body {background:url(images/body.gif) no-repeat bottom center; width:220px;position:absolute;top:32px; }
#mask { width:200px; overflow:hidden; margin:10px; padding:0px 10px;}
#panel { width:660px !important; }
#panel div { float:left; }
#panel ul {padding-bottom:0px;}
/* extra optional styling for each tab content */
#panel-1 { width:220px !important; }
#panel-2 { width:220px !important; }
#panel-3 { width:220px !important; }
ul.box_list { padding-bottom:0px; }
#panel-1 li, #panel-3 ul li, #panel-2 ul li { margin:10px 5px; padding:5px;background:none;background:url(../images/news_item_bg.jpg) repeat-x; border-right:1px solid #fff; border-bottom:1px solid #fff; border-top:1px solid #E0E0E0; border-left:1px solid #E0E0E0; color:#888888; list-style:none; }
.need_info { color:#447c00; font:1.636em/1 Arial, Helvetica, sans-serif; background:url(../images/orange_divider.gif) repeat-x 0 54%; margin:0 0 15px; }
.need_info span { background:#FFF; }
.info_boxes { padding:0 0 12px 0px; margin:0 0 5px; }
.info_boxes_sleeve { padding:6px 0 0 0px; min-height:1px; }
.info_boxes_sleeve:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.info_box { width:192px; float:left; margin-left:11.5px; }
.info_box .info_box_sleeve { padding:5px 12px 0 8px; background:url(../images/box.jpg) no-repeat;height:280px; position:relative; }
.info_box .info_box_sleeve img {bottom:18px; left:5px; position:absolute;}
.info_boxes .first { margin-left:0px; }
.info_boxes .last { float:right;margin-right:-6px; }
.info_box .pic { margin-right:7px; float:left; border:solid; border-width:1px; border-color:#CCC; }
.info_box .more { margin-bottom:3px; }
.info_box .more a { font-weight:bold; color:#98C21D;bottom:10px; position:absolute; right:20px; z-index:99px; }
.info_box .box_title { padding:3px 0 0 25px; margin:0 0 12px;border-bottom:1px solid #DFDFDF; }
.info_box .box_title h3 { font:1.273em/16px; margin:0; cursor:pointer; }
.info_box .box_title h3 a { display:block; padding:0 0 8px; text-decoration:none; }
.info_box p { padding:0 0 0 5px; color:#888888;line-height:1.4em; }
#main { padding:0 0 13px; min-height:1px; }
#main:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cols3 #col_main { width:736px; float:left; position:relative; }
.page_content {display:inline-block; margin-left:175px; width:550px; margin-top:-20px; }
#col_side1 { width:150px; float:left; margin-right:18px; position:absolute; top:50px; left:0px; }
#col_side2 { width:231px; float:right; }
.cols3 #col_main p { color:#777777; line-height:1.6em; }
#main .intro { font-weight:bold; color:#447A00; }
#news_list ul { font:1.091em/16px Arial, Helvetica, sans-serif; }
#news_list ul li { border-bottom:1px dashed #DEDEDE; margin-bottom:5px; }
#news_list ul li strong, #news_list ul li a { color:#2B2B57; }
#request_demo { font:1.091em/16px Arial, Helvetica, sans-serif; margin-top:20px; }
#request_demo form label { width:60px; float:left; color:#2B2B57; }
#request_demo form input { margin-bottom:10px; }
#request_demo span, #request_demo strong {color:#2B2B57; }
.cols3 #col_main .client_box { width:512px; font:1.091em/16px Arial, Helvetica, sans-serif; border-bottom:dotted; border-bottom-width:1px; border-bottom-color:#999; margin-bottom:15px; clear:both; padding-bottom:10px; }
.client_details { font:0.95em/16px Arial, Helvetica, sans-serif; float:left; }
.client_overview { float:left; width:300px; margin-bottom:15px; }
.client_overview strong { color:#447A00; }
.client_image { float:left; margin-bottom:10px; margin-right:10px; padding:0px; width:200px; text-align:center; display:block; margin-left:170px; }
.partner_details { font:0.95em/16px Arial, Helvetica, sans-serif; float:left; }
.partner_overview { float:left; width:300px; margin-bottom:15px; }
.partner_overview strong { color:#447A00; }
.partner_image { float:left; margin-bottom:10px; margin-right:10px; padding:0px; border:solid; border-width:1px; border-color:#CCC; width:200px; text-align:center; display:block; }
.page_content strong { color:#575756; }
.page_content ul { font:1.091em/16px Arial, Helvetica, sans-serif; color:#666666; }
.page_content ul li { background-image:none; list-style-type:disc; list-style-position: inside; }
.page_content ol { font:1.091em/16px Arial, Helvetica, sans-serif; }
.page_content ol li { list-style-position: inside; color:#666666; }
.dotLine { height: 1px; overflow: hidden; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; border-bottom: 1px dashed #EEEEEE; clear: both; }
.inline_image { float:right;background:#f2f2f2;clear:both;margin: 0 0 10px 25px;;border:solid;border-width:1px;border-color:#CCC;}
.inline_image span {color:#777777;display:block;padding:8px 10px 11px;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 1em;line-height: 1;}
.inline_image img { display:block; }
.side_box { border:1px dashed #dedede; padding:3px; margin-bottom:15px; clear:left; }
.side_box h2 { background:url("../images/menu_bg.jpg") repeat-x scroll 0 0 transparent; color:#FFF; padding:4px 0 0 10px; font:bold 1em/1 Arial, Helvetica, sans-serif; letter-spacing:-1px; margin-bottom:1px; }
.side_box h2 span { display:block; }
.side_box ul { padding:0; list-style:none; }
.side_box ul li { padding:1px 0 0; list-style:none; }
.side_box ul li.first { background:none; padding:0; }
.side_box ul li a { color:#666; padding:3px;font-size:0.8em; background-repeat:no-repeat; background-position:5px 4px; display:block; font-weight:bold; text-decoration:none; }
.side_box ul li a:hover { text-decoration:underline; }
.side_box .side_box_sleeve { padding:8px 10px 11px; }
.colour1 h2 { background-color:#8DBC00; }
.colour1 ul li a { background-color:#F7F7F7; color:#468000; }
.colour1 ul li a:hover { background-color:#E7F2CE; }
.colour1 .side_box_sleeve { background-color:#DFE8CB; }
.colour2 h2 { background-color:#D89E00; }
.colour2 ul li a { background-image:url(../images/arrow2.gif); background-color:#F7ECCC; }
.colour2 ul li a:hover { background-color:#F7ECCC; }
.colour2 .side_box_sleeve { background-color:#F7ECCC; }
.colour3 h2 { background-color:#336; }
.colour3 ul li a { background-image:url(../images/arrow3.gif); background-color:#EAEAEF; }
.colour3 ul li a:hover { background-color:#EAEAEF; }
.colour3 .side_box_sleeve { background-color:#EAEAEF; }
.colour3 .side_box_sleeve p { margin:0; padding:0 0 10px; }
.colour3 .side_box_sleeve .quote { font-style:italic; }
.colour3 .side_box_sleeve .source { color:#2B2B57; padding:0; }
.info_block { padding:14px 0 0; margin:24px 0 0; clear:both; border-top:1px solid #EFEFEF; }
.info_block h2 { font:bold 1em/1 Tahoma, Arial, Helvetica, sans-serif; color:#575756; margin:0 0 8px; }
.info_block li { border:1px solid #DDDFDA; background:none; padding:0; margin:0 0 4px; }
.info_block li a { background-color:#F5F8EF; background-position:7px 7px; background-repeat:no-repeat; text-decoration:underline; display:block; padding:8px 7px 10px 34px; }
.info_block li a:hover { background-color:#E4E7DE; text-decoration:underline; }
.info_block li.icon_pdf a { background-image:url(../images/icon_pdf.gif); }
.info_block li.icon_word a { background-image:url(../images/icon_word.gif); }
.info_block li.icon_flash a { background-image:url(../images/icon_flash.gif); }
.comments { clear:both; font:1.091em/16px Arial }
.comments li { background:#fafafa; padding:10px; }
.comments li.odd { background:#fafafa; padding:10px; }
.comments h2 { margin:0 0 15px; font-size:1.091em; }
.comments h3 { font-weight:normal; font-size:1.091em; color:#447A00; }
.comments p { color:#444444; font-size:1.091em; }
.comments h3 span { color:#999; }
#submit_comment h2 { margin:0 0 10px; }
#submit_comment label { display:block; }
.captcha { text-transform:uppercase; letter-spacing:2px; color:#000; }
div#feature_list {width: 747px; height: 280px; overflow: hidden; position: relative;background:url(../images/feature_bg.jpg) repeat-y;}
div#feature_list ul {position: absolute; top: 0; list-style: none; padding: 0; margin: 0;}
ul#tabs {left: 0; z-index: 2; width: 100px;}
ul#tabs h3, ul#tabs span {color:#ffffff;padding:10px 0 0 10px;}
ul#tabs span { color:#ffffff; font-size:0.8em; }
ul#tabs li {font-size: 12px;width:100px;height:70px;background:none;padding:0;position:relative;}
ul#tabs li img {padding: 5px; border: none; float: left; margin: 10px 10px 0 0;}
ul#tabs li a {color: #222; text-decoration: none; display: block; padding: 0px; height: 70px; outline: none;background:#98C21D;border-top:#B9D270 1px solid;border-right:#B9D270 1px solid;}
ul#tabs li.first a {border-top:none;}
ul#tabs li a:hover {text-decoration: none;}
ul#tabs li a.current {color: #FFF;background:none;border-right:none;}
ul#tabs li a.current:hover {text-decoration: none; cursor: default;}
ul#output {right: 0; width: 647px; height: 280px; position: relative;}
ul#output li {position: absolute; width: 635px; height: 280px;padding-bottom:0px;}
ul#output li#first {background:url(../images/e-learning_platform.png) no-repeat bottom right;}
ul#output li a {position: absolute; bottom: 10px; right: 10px; padding: 8px 12px; text-decoration: none; font-size: 11px; color: #FFF;}
ul#output li a:hover {}
#feature {height:300px;width:747px;background:url(../images/feature_bg.jpg) repeat-x;position:relative;}
#feature_left {background:url(../images/feature_left_bg.jpg);height:300px;width:25px;}
#feature_right {background:url(../images/feauture_right_bg.jpg);height:300px;width:140px;position:absolute;top:0px;right:0px;}
#scroll-head a {text-decoration:none; color:#ffffff;color:#575756;text-shadow:1px 1px 1px #EEEEEE;padding:7px 17px;float:right; }
#scroll-head a:hover, #scroll-head a.selected {text-decoration:none;}
#scroll-head a.selected {background:url("../images/feature_bg.jpg") repeat-x;}
#scroll-head { width:363px; height:28px; font-weight:700; position:absolute;top:0px;background:url(../images/feature_nav.jpg);padding-left:10px;}
#scroll-body { width:747px;position:absolute; top:30px;z-index:99; }
#mas { width:717px;margin:0 15px; overflow:hidden;height:255px !important;}
#pan div { float:left; }
#pan ul {padding-bottom:0px;}
#scroll-body h3 {margin:10px 20px;font-size:2.2em;color:#575756;line-height:1.4em;text-shadow:1px 1px 1px #ffffff;height:78px;font-weight:normal;}
#scroll-body p {margin:10px;border:#bbbbbb;padding:10px;color:#888;line-height:1.6em;width:335px;}
#scroll-body p span { color:#666666; display:block; float:right; font-style:italic; padding-top:5px; }
#scroll-body img { float:right; margin:-5px 20px 0 0; }
/* extra optional styling for each tab content */
#pan-1 { }
#pan-2 { }
#pan-3 { }
#pan-4 { }
#slide { height:50px;margin:15px 0px 10px;clear:both;}
#slide_left {background:url(../images/slide_left.jpg); width:29px;height:50px;float:left;}
#slide_right {background:url(../images/slide_right.jpg); width:29px;height:50px;float:left;}
#slide_middle {background:url(../images/slide_middle.jpg) repeat-x; width:940px;height:50px;float:left;}
#slidesContainer ul, #slidesContainer li { margin:0; padding:0; list-style:none; background:none; }
#slidesContainer li{overflow:hidden;width:925px;height:50px;}
.test_side #prevBtn a {border:none; left:0px;}
.test_side #nextBtn a {border:none; right:0;}
#slidesContain {position:absolute;top:10px;margin:35px 25px;}
#slidesContain ul, #slidesContain li { margin:0; padding:0; list-style:none; background:none; }
#slidesContain li{overflow:hidden;width:200px;height:150px;}
#slide span.testi {float:left;display:block;padding-top:10px;}
#slide p {display:inline; margin-right:10px;color:#888888;}
#slide h2 {display:block;margin-bottom:2px;}
#slideshow { margin:0 -30; width:940px; height:50px; position:relative; }
#slideshow #slidesContainer { margin:0 auto; width:940px; height:50px; overflow:hidden; position:relative; }
#slideshow #slidesContainer .slide { margin:0 auto; width:940px; height:50px; }
#slideshow img { float:left;padding:0px;border-left:1px solid #DFDFDF; margin-top:2px;height:48px; }
#prevBtn a { top:2px; left:-30px; background:transparent url(../images/left_button.png) no-repeat 6px 0; border-right:1px solid #DFDFDF; position:absolute; display:block; cursor: pointer; height:48px; width:38px; text-indent:-9999px; }
#nextBtn a { top:2px; right:-30px; background:transparent url(../images/right_button.png) no-repeat 2px 0; border-left:1px solid #DFDFDF; position:absolute; display:block; cursor: pointer; height:48px; width:36px; text-indent:-9999px; }
.control { display:block; width:30px; height:42px; text-indent:-10000px; position:absolute; cursor: pointer;padding-top:5px !important; }
#blog_news_container { background:#F7F7F7; padding-bottom:7px; margin-bottom:5px; }
.blog_news { color:#000; border-top:solid; border-top-width:3px; border-top-color:#d99f00; }
.blog_news_sleeve { padding:10px; padding-left:15px; min-height:1px; background-image: url(../images/dotted_faux_line.gif); background-repeat: no-repeat; background-position: 481px 7px; }
.blog_news_sleeve:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.blog_news h3 { font-weight:bold; font-size:1.091em; color:#40406b; }
.blog_news ul { margin:0px; padding:0px; }
.blog_news ul li { margin:0px; padding-bottom:3px; }
.blog_news ul li a { color:#d99f00; }
.blog_col { float:left; width:457px; }
.news_col { float:right; width:451px; padding-left:5px; }
.image_left { float:left; margin:0 13px 10px 0; }
.image_caption {float:left; display:block; clear:both; background-color:#CCC; }
.image_box {float:left; clear:both; }
#search fieldset { position:relative; }
#search .text { float:left; border:none; width:175px;height:30px; margin:0 4px 0 10px;background:url(../images/search_bg.png) no-repeat;padding:0 12px; color:#888888; }
#search button { width:30px; height:30px; float:left; background:none; border:0; cursor:pointer; padding:0; text-indent:-9999px; position:absolute; top:0px; right:15px;}
#footer { min-height:1px; clear:both; }
#footer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#footer a { color:#8dbc00; }
#footer ul { padding:3px 0 3px; border-top:1px dashed #eeeeee; min-height:1px; }
#footer ul#footlinks { border-top:1px solid #dddddd; border-bottom:1px solid #DDDDDD;padding:5px 0px 5px; font-weight:bold; margin-bottom:5px; background:none repeat scroll 0 0 #FCFCFC; }
#footer ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#footer ul li { float:left; background:none; padding:0 8px 2px 0; line-height:1; }
#footer ul li.last { background:none; }
#footer ul a { color:#dddddd; text-decoration:none;font-size:0.78em; }
#footer ul#footlinks a { color:#bbbbbb; font-size:0.75em; }
#footer ul a:hover { text-decoration:underline; }
#footer .copyright { float:left; width:400px; }
#footer .credit { float:right; width:400px; text-align:right; }
#footer .credit a { font-weight:normal; }
#footer p { color:#999; }
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
*****************************************************************************/
#output li { list-style:none; }
.sIFR-flash { visibility:visible !important; margin:0; padding:0; }
.sIFR-replaced, .sIFR-ignore { visibility:visible !important; }
.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin:0; padding:0; overflow:auto; letter-spacing:0; float:none; }
#output span {color:#000000; display:inline-block; text-align:right; width:400px; color:#DBE6B8;}
#output p {color:#473C90;margin:5px;text-shadow:1px 1px 1px #98C21D;width:380px;font-size:1.1em;line-height:2em;}
#output h3 { visibility:hidden; margin-bottom:0; color:#ffffff;font-size:3em;line-height:1.2em;margin:5px;font-style:italic !important;text-shadow: #6374AB 1px 1px 1px !important; }
.sIFR-active h2.need_info span { visibility:hidden; margin-bottom:0; padding:0; }
.sIFR-active .side_box h2 { padding:4px 0 0 10px; }
.sIFR-active .info_box .info_box_title h3 a { padding:0; }
.sIFR-active .need_info { margin:0 0 -2px; }