@charset "utf-8";
/* CSS Document */

.one-edge-shadow {
        -webkit-box-shadow: 0 8px 6px -6px black;
           -moz-box-shadow: 0 8px 6px -6px black;
                box-shadow: 0 8px 6px -6px black;
}

/* GLOBAL ELEMENTS START*/
* {
	margin: 0 auto;
	height: auto;}
	
body {
	background-color: #f3f3f3;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;}
	
.clear {
	float: left;
	height: 10px;
	width: 100%;}
	
.space-bar {
	float:left;
	background: url(images/space-bar.JPG) repeat-x;
	width: 100%;
	height: 2px;
	margin: 10px 0px 5px 0px;}

#wrapper {
	width: 1000px;}
	
.heading2 {
	color: #039; 
	font-weight: bold; 
	font: 14px Arial, Helvetica, sans-serif;}
	
.read-more-text {
	color: #91240f; 
	font-size: 9pt; 
	font-weight: bold;}
	
/* GLOBAL ELEMENTS END*/

/* HEADER ELEMENTS START */		
#head {
	float: left;
	width: 100%;
	background-color: #FFF;}	

#top {
	float:left;
	width: 1000px;}
		
#date {
	float: left;
	width: 150px;
	color:  #FFF;
	font-size: 10pt;
	text-align: center;
	padding: 3px;
	background-color: #2d4567;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;}
	
#top-menu {
	float: right;
	width: 250px;
	font-size: 9pt;
	color: #2d4567;
	font-weight: bold;	
	padding: 3px;}
	
ul.topmenu {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;}
	
li.topmenu {
	display: inline;
	margin-left: 10px;}
	
#logo, #mobile-number {
	float: left;
	margin-top: 10px;
	width: auto;}
	
#mobile-number {	
	margin-top: 40px;
	text-align: center;
	margin-left: 35px;}
	
#live-chat {	
	margin-top: 40px;
	float: right;
	line-height: 1px;
	color: #FFF;
	background: url(images/live-chat-bg.JPG) top center repeat-y;
	height: 34px;
	width: 224px;
	line-height: 35px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;}	
/* HEADER ELEMENTS END */	

/* NAVIGATION MENU START */		
#nav-menu {
	float: left;
	width: 100%;
	margin-top: 20px;
	height: 38px;
	background: url(images/nav-menu-bg.JPG) top center repeat-x;
	border: solid 1px #d2d2d2;
	border-left: 0px;
	border-right: 0px;}
	
ul.menu {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 12pt;
	font-family: 'ARIAL NARROW';
	color: #2d4567;
	line-height: 40px;
	text-align: center;}

li.menu {
	display: inline;
	padding: 15px;}	
/* NAVIGATION MENU END */		
	
#home-banner {
	float: left;
	width: 100%;
	height: 300px;
	background: url(images/home-banner-bg.JPG) repeat;	
	border-bottom: solid 3px #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);}
	
#banner {
	float: left;
	width: 100%;
	height: 190px;
	background: url(images/home-banner-bg.JPG) repeat;	
	border-bottom: solid 3px #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);}

#banner-img {
	padding: 0;
	margin: 15px 0 0 0 ;
	border: solid 5px #FFFFFF; }
	
#shadow-bg {
	float: left;
	width: 100%;
	height: 15px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 50%);
    background: -webkit-gradient(linear, left top, left center, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top,  
				rgba(0,0,0,0.8) 0%,	rgba(0,0,0,0) 50%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 50%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 50%);
    background: linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', 		
			endColorstr='#00000000',GradientType=0 );}

#jquery-slide-banner {
	float: left;
	width: 650px;
	height: 255px;
	margin-left: 10px;
	border: solid 3px #fff;
	background-color: #FFF;}

#Training-calendar {
	float: left;
	width: 290px;	
	margin-left: 10px;	
	height: 245px;
	padding: 10px 10px 10px 15px;
	background: url(images/course-calender-bg.PNG) repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-family: 'Calibri';}
	
ul.Training-calendar {
	list-style-type: none;
	margin: 10px 0 0 0 ;
	padding: 0;
	width: 100%;
	}
	
li.Training-calendar {	
	padding: 5px;
	font: 10pt 'Calibri';
	color: #999;
	border-bottom: dashed 1px #000000;}
	
.read-more {
	float: right;
	margin: 10px 0 0 0 ;
	background: url(images/read-more-bg.JPG) repeat-x;
	padding: 5px;
	width: 80px;
	color: #CCC;
	font-size: 10pt;	
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;}

#left-pane, #video-box {
	float: left;
	margin-top: 5px;
	width: 225px;
	background-color: #fff;		
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);}

#video-box {
	width: 255px;}

#pane-header {
	float: left;
	width: 225px;
	background: url(images/pane-header-bg.JPG) repeat-x;		
	height: 35px;
	font-size: 14pt; 
	font-family: 'Calibri'; 
	color: #FFF; 
	font-weight: normal; 
	line-height: 40px;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; }

ul.left-pane-menu {
	list-style-type: none;
	margin: 5px;
	padding: 5px;}
	
li.left-pane-menu {
	padding: 5px;
	margin-bottom: 5px;
	font: 11pt 'Calibri';
	border-bottom: dotted 1px #000;}
	
#body-pane {
	float: left;
	margin-top: 5px;
	width: 770px;
	margin-left: 5px;}
	
	
#bp-box-1 {
	width: 490px;}
	
#bp-box-3 {
	width: 750px;}
	
#bp-box-1, #bp-box-3 {
	margin-right: 5px;
	float: left;
	padding: 5px 10px 5px 10px;
	font-size: 10pt;
	color: #504f4f;
	text-align: justify;
	background-color: #fff;		
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);}
	
#bp-box-2 {
	float: left;
	width: 100%;}
	
ul.courses-box {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;}

li.courses-box {
	float: left;
	display: inline;
	height: 275px;
	background: url(images/c-bottom-shadow.PNG) bottom center no-repeat;}
	
#c-box {
	border:solid 10px #FFFFFF;
	width: 230px;
	height: 234px;
	background-color: #f1f1f1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);}
	
.text-box {
	float:left;
	margin: 5px;
	font: 10pt 'Calibri';
	text-align: justify;}
	
ul.clients-marquee {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;}

li.clients-marquee {
	float: left;
	display: inline;
	width: 144px;
	height: 105px;
	margin-left: 10px;
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);}
	
/* FOOTER START HERE */
#footer {
	float: left;
	width: 100%;
	background: url(images/footer-bg.JPG) top center repeat;}
	
#f-spacer {
	margin-top: 10px;
	background-color: #000;
	height: 300px;
	width: 1px;
	float: left;
	border-right: solid 1px #333333;}
	
#footer-wrap {
	width: 1000px;
	background: url(images/footer-trans-bg.PNG) top center no-repeat  ;}
	
#f-box-1, #f-box-2, #f-box-3 {
	float: left;
	width: 300px;
	margin-left: 10px;
	color: #666;
	padding: 10px;
	}
	
.f-textbox {
	float: left;
	padding: 10px;
	height: 20px;
	width: 250px;
	color: #666;
	border: solid 1px Black;
	background: url(images/f-textarea-bg.png) top center repeat;
	
	-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
	
.f-button {
	float: left;
	margin-top: 20px;
	padding: 5px;
	width: 100px;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
	}

ul.f-joinus {
	float: left;
	list-style: none;
	margin: 20px 0 0 0 ;
	padding: 0;}
	
li.f-joinus {
	display: inline;
	padding: 5px 10px 5px 10px;
	height: 10px;
	color: #CCC;
	font: 13pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #5a5a5a;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
	
.f-links-left { 
	float: left;
	width: 130px; 
	font: 10pt Arial, Helvetica, sans-serif; 
	color: #CCC; 
	padding: 5px;
	border-bottom: dotted 1px #000000;}

.f-links-right { 
	float: right;
	width: 130px; 
	font: 10pt Arial, Helvetica, sans-serif; 
	color: #CCC; 
	padding: 5px;
	border-bottom: dotted 1px #000000;}
	
#google-map {
	float:left; 
	width: 100%;
	border: solid 5px  #FFFFFF;
	
	
	-moz-box-shadow:     0 0 10px #000000;
   -webkit-box-shadow:  0 0 10px #000000;
   box-shadow:          0 0 10px #000000;
	/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/ }
	
#f-contacts {
	float: left;
	widows: 100%;
	margin-top: 10px;}
	
a.footer-links {
	color: #CCC;
	text-decoration: none;}
	
a.footer-links:hover {
	color: #09F;
	text-decoration: underline;}
	
/* FOOTER END HERE */


.carousel_container1 {
	float: left;
	margin:0 auto;
	padding:0 0 0 6px; 
	width: 100%; 
	position:relative; 
	_position:inherit; 
	*position:inherit;}

#carousel_inner {float:left; width:566px; overflow: hidden;  margin:0 10px; position:relative; _position:inherit; *position:inherit;}

#left_scroll, #right_scroll{
	float:left; 
	height:105px; 
	width:19px; 
	padding:25px 0 0 0; 
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);}

#left_scroll img, #right_scroll img{border:0; cursor: pointer; }

#slideContainer{width:598px; margin:0 auto; padding:0 0 12px 0; position:relative; _position:inherit; *position:inherit; z-index:0; overflow:hidden;}

#slideContainer .slide{width:72px; margin:0 6px; text-align:center; float:left}