
body { margin:0; padding:0; width:100%; background:#ffffff url(images/header_line_bg.gif) repeat-x top; font-family:Arial, Helvetica, sans-serif;}
html { padding:0; margin:0;}
input:focus { -webkit-appearance:none}
a img { border:none;}
.main { margin:0 auto; padding:0; background:url(images/header_bg.jpg) center 175px no-repeat;}
.main2 { margin:0 auto; padding:0; background:url(images/header_bg2.jpg) center 175px no-repeat;}
/********** header **********/
.header { padding:0; margin:0 auto 15px auto; width:962px; height:180px;}
/* logo */
.logo {padding:0; margin:10px 0 0 0; width:335px; float:left;}
/* rss */
.rss { text-align:right; width:215px; margin:0; padding:10px 10px 10px 0; float:left; font: normal 11px Arial, Helvetica, sans-serif; color:#fff; line-height:1.8em;}
.rss_img { float:left; margin:0; padding:20px 0 0 0;}
.rss_img img { margin:5px; padding:0;}
/* Phone Number */
.ph_number { background:url(images/ph-icon.png) no-repeat left 3px; padding-left:40px; font-family: 'Racing Sans One', cursive; font-size:30px; color:#000040; float:right; margin-top:15px;}
/*menu*/
.menu { padding:0; margin:0; float:right; width:570px;}
.ie9 .menu { width:580px;}
.menu ul { text-align:left; padding:30px 0 0; margin:0; list-style:none; border:0; float:right; height:33px;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0; height:33px;}
.menu ul li a { float:left; margin:0; padding:10px 0; color:#00003f; font:normal 12px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; font-weight:bold;}
.menu ul li a span { padding:12px 16px; background:none; }
.menu ul li a:hover, .menu ul li a.active { color:#313133; background:url(images/menu_r.png) no-repeat right; }
.menu ul li a:hover span, .menu ul li a.active span {color:#313133; background:url(images/menu_l.png) no-repeat left; }
/* body */
.body { width:960px; padding:0; margin:0 auto;}
.body h1 { font: bold 22px Arial, Helvetica, sans-serif; color:#114faf; margin:0 0 10px 0}
.body h2 { font: normal 20px Arial, Helvetica, sans-serif; color:#484851; margin:10px 0 0px 0; font-weight:bold;}
.body h2 span { display:block; font: normal 11px Arial, Helvetica, sans-serif; color:#484851; padding:0; margin:0;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#484851; line-height:20px; padding:5px 0; margin:0;}
.body p.about { background:#e6e6e6; border-left:5px solid #cdcdcd; padding:20px; margin:15px 0; font: italic 12px Arial, Helvetica, sans-serif; color:#747474;}
.body p span { font-size:18px; font-weight:bold; color:#484851;}
.body a { color:#1651a4; text-decoration:underline;}
.body a:hover { text-decoration:none;}
.body ul.list { padding:0; margin:0; list-style:none;}
.body ul.list li { float:left; width:50%; padding:3px 0;}
.body img.noborder { border:0; padding:0; margin:10px 10px 0 0;}
.body img.none { float:none; margin:5px 5px 5px 0; padding:0; border:none; background:none;}
.body img.f_left { float:left;}
.body_resize {margin:10px 0;}
.right {  width:270px; padding:0; float:right;}
.left {  width:650px; padding:0 30px 0 0; float:left;}

.port {width:280px; margin:10px 0; padding:0 60px 0 0; float:left; position:relative;}
.last { padding:0;}
.port h2 { font: normal 16px Arial, Helvetica, sans-serif; color:#114faf; padding:15px 0 5px 0; margin:0 0 10px 0; font-weight:bold;}
.port img.training_label { position:absolute;  right:45px; top:10px; }

#two_blocks { background:#fff; border-bottom:5px solid #e9b412; position:relative; z-index:11; width:958px; margin-left:1px;}
#two_blocks .block_two,#two_blocks .block_one  { width:45%; float:left; padding:22px;} 
#two_blocks .block_one { border-right:1px solid #ededed;}
#two_blocks .block_one_title,#two_blocks .block_two_title{ height:48px; font-size:20px; color:#151518; text-transform:uppercase; font-weight:bold; line-height:20px; margin-bottom:15px;}
#two_blocks .block_one_title { background:url(images/tech-icon.gif) no-repeat left top; padding:7px 0 0 65px; }
#two_blocks .block_two_title { background:url(images/service-icon.gif) no-repeat left top; padding:7px 0 0 65px; }

.readmore { background: url(images/readmore.jpg) no-repeat left top; display:block; height:28px; width:98px; margin-top:15px;}
.readmore:hover { background-position:left bottom;}

.body ul { margin:15px 0; padding:0; list-style:none;}
.body ul li { display:block; background:url(images/blt.png) no-repeat left 2px; padding-left:20px; color:#1651a4; font-size:12px; line-height:normal; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif;}

.port p span { font-weight:bold; color:#1651a4; font-size:12px;}

/********** contact form **********/
#contactform { margin:15px 0 0 0; padding:5px 0; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:100px; display:block; padding:5px 0; color:#737373; font: bold 12px Arial, Helvetica, sans-serif; float:left; }
#contactform label span { color:#d66423; font-weight:bold; }
#contactform input.text { width:450px; border:1px solid #d4d4d4; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:left; }
#contactform textarea { width:450px; border:1px solid #d4d4d4; margin:2px 0; padding:2px; background:#fff; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0; margin:10px 0 0 100px; border:0; color:#FFF; float:left; }


p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.bg { clear:both; padding:3px 0; margin:0; border-bottom:1px solid #ededed;}
/* Slider */
#slider { width:960px; padding:37px 0 46px; margin:0 auto; }
#slider .flash_slider { width:960px; height:359px; margin:0; overflow:hidden;}
/* Top LIne */
.top_line { width:960px; margin:0 auto; height:35px; color:#fff; font:normal 11px Arial, Helvetica, sans-serif;}
.top_line .support { float:left; padding:8px 0; line-height:19px;}
.top_line .support span { font-weight:bold; color:#e8f5f9;}
.top_line .feebback { float:right; padding:8px 0; line-height:19px;}
.top_line .feebback span { float:left; padding:0 2px;}
.top_line .feebback img { float:left; padding:0 2px; border:none;}
/*-- Hedaer blog --*/
.header_text { padding:0;}
.header_text h4 { font:normal 40px/46px Arial, Helvetica, sans-serif; color:#FFF; padding:40px 0; margin:0 auto; width:960px;}

/* Tabs */
.hide { display: none; }
.clear { clear: both; }

#training-tab { background:url(images/tab-bg.gif) no-repeat left top; }

#training-tab .nav { overflow: hidden; margin: 0 0 10px 0;  list-style: none; }
#training-tab .nav li {background:none;   width:49%; float:left; margin:0; line-height: 20px; padding-left:0 !important;}
#training-tab .nav li.last { margin-right: 0; }
#training-tab .nav li a {display: block; padding: 2px 8px; color:#484851; font-size: 12px; text-align: center; border: 0; text-decoration:none; font-weight:bold; text-align:center; border-bottom:1px solid #ededed;}
#training-tab .nav li a.current { color:#1651a4;  border-bottom:none;}
#training-tab .nav li a:hover, #training-tab .nav li a:focus { color:#1651a4;}

#training-tab .contents-level-1 { padding:5px 7px;}
#training-tab .contents-level-1 ul { margin:0;}

/* Subscribe Box */
#bottom_widget { margin:15px 0;}
.subscribe_widget { width:370px; padding-right:15px; float:left;}
.subscribe_widget .title { font: normal 20px Arial, Helvetica, sans-serif; color:#484851; font-weight:bold;}
.subscribe_widget img { float:left;}
.subscribe_widget .input_field { width:230px; float:left; margin-left:7px;}
.subscribe_widget .input_field span { background:url(images/subs-input.gif) no-repeat left top; height:33px; width:224px; display:block;}
.subscribe_widget .input_field  input[type=text] { background:none; height:25px; width:180px; border:none; color:#8a8a8e; padding:3px 5px; }
.ie8 .subscribe_widget .input_field  input[type=text] { vertical-align:super;}
.ie7 .subscribe_widget .input_field  input[type=text] { vertical-align:middle;}
.subscribe_widget .input_field  input[type=text]:focus { color:#484851;}
.subscribe_widget .input_field  input[type=submit]{ background:none; border:none; width:29px; height:30px; cursor:pointer;}  
.subscribe_widget .input_field p { line-height:14px; font-size:11px;}

.links_widget { width:260px; float:left; padding-left:25px;  border-left:1px solid #ededed;} 
.links_widget .title { font: normal 16px Arial, Helvetica, sans-serif; color:#484851; font-weight:bold;}
.links_widget ul { margin-top:10px; padding:0;}
.links_widget ul li a { text-decoration:none;}
.links_widget ul li a:hover { text-decoration:underline;}

/*************footer**********/
#footer_area { width:100%; background:url(images/ftr-bg.gif) repeat-x left top; height:120px;} 
.footer { width:960px; padding:20px 0; margin:0 auto; }
.footer p { font:normal 12px/18px  Arial, Helvetica, sans-serif; color:#484851;}
.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#1ecdf6; text-decoration:none; }
.footer p.right { text-align:right; width:350px; margin:0; padding:10px 0; float:right;} 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:10px 0; float:left;}

/*//////// Inner pages style */

#header_img { width:962px; margin:-8px auto 0 auto; height:280px;}
.right .port { margin:0 0 10px 0; padding:0 0 15px 0; border-bottom:1px solid #dadadc;}
.right .last { border-bottom:none;}
.right .port h2 { padding-top:0;}

.coursse_img { border-right:1px solid #4f81bd; border-left:1px solid #4f81bd;  border-top:1px solid #4f81bd;}

/* Client Logo */
#logoParade {
    height: 100px;
    margin-top: 30px;
    position: relative;
    width: 940px;
}
.clients-logo{ width:958px; height:143px; border:1px solid #d5ecf7; background:#fff; margin:20px 0;}

#rotator {margin:0 auto; height:100px; display:block; width:920px;}
#rotator ul {overflow:hidden; width:920px; height:100px; display:block; padding:0; margin-top:30px !important;}
#rotator ul li {float:left;	list-style:none; width:auto !important; height:100px !important; display:block; margin:0 12px 0 0;}

#rotator ul li img{ height:81px; width:auto; margin:1px }

#rotator a {text-decoration:none; display:block;}
#rotator .slides {margin-left:0px; width:920px !important;}

div.scrollableArea { height: 100%;
    position: relative;
    width: auto;
}
div.scrollWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#logoParade div.scrollableArea a {
    display: block;
    float: left;
    padding-left: 10px;
}

/* Testimonials*/

.testimonials{ width:960px; height:auto;}
.testimonials ul{ height:auto; margin:0 px;}
.testimonials ul li{ list-style:none; padding:15px 0 0 0; margin:0px; background:none;}
.testimonials ul li p{ background:url(images/cot.jpg) no-repeat left top; padding:5px 0 0 95px; margin-bottom:15px; }

.testimonials ul li:first-child{  background:url(images/line-separator.png) no-repeat top center; }

.client-detail{ width:180px; height:60px; float:right; position:relative;}
.client-detail img{ border:1px solid #0c94d3; margin-right:12px; float:left;}
.client-detail {  color:#008fd1; line-height:18px; font-style:italic; font-size:16px;}
.client-detail span{ display:block; color:#666769; height:auto; font-size:12px;}

.testimonials ul li span.line-sepa{ margin-top:30px; float:left;}

.job-frame iframe{ border:none; margin-top:25px; }

.contact_form { margin:15px 0;}
.map {margin:15px 0; border:5px solid #CCC}

.contact_info,.contact_info2 { border:1px solid #ccc; border-width:1px 1px 5px 1px;  padding:7px; width:90%;  font-size:14px; margin-bottom:10px; margin-top:10px;}
.contact_info { background:url(images/pin_map.png) no-repeat right 10px; }
.contact_info span { color:#1651a4; font-weight:bold; font-size:16px;}
.contact_info2 { background:url(images/mail2_icon.png) no-repeat 97% 10px; }
