@charset "utf-8";
/* CSS Document */

@font-face {
 font-family: "Segoe UI";
 src: url("../fonts/segoeui.eot") ;
}
@font-face {
 font-family: "Segoe UI";
 src: url("../fonts/segoeui.ttf") format("truetype");
 
}

body   {margin:0px; padding:0px;}
div    {margin:0px; padding:0px;}
table  {margin:0px; padding:0px;}
tr	   {margin:0px; padding:0px;}
th	   {margin:0px; padding:0px; text-align:left; vertical-align:top;}
td	   {margin:0px; padding:0px; text-align:left; vertical-align:top;}
ol     {margin:0px; padding:0px;}
ul     {margin:0px; padding:0px;}
li     {margin:0px; padding:0px;} 
h1     {margin:0px; padding:0px;} 
h2     {margin:0px; padding:0px;} 
h3     {margin:0px; padding:0px;} 
h4     {margin:0px; padding:0px;} 
h5     {margin:0px; padding:0px;} 
h6     {margin:0px; padding:0px;} 
p      {margin:0px; padding:10px 0px; text-align:justify; line-height:18px;}
a      {text-decoration:none; color:#0090cc; font-weight:bold;}
a:hover{color:#000;}
a:focus{outline:0px;}

img {border:0px;}
a img{border:0;}

.pink{color:#cc0066; font-weight:bold;}

.fltleft{float:left;}
.fltright{float:right;}
.clearfloat{clear:both; height:0px; line-height:0px; font-size:1px;}

h1     { font:normal 24px  cambria, Georgia, "Times New Roman", Times, serif; color:#cc0066;}
h2     {font:normal 22px Georgia, "Times New Roman", Times, serif;}
h3     {font:bold 18px  "Segoe UI", Arial, Helvetica, sans-serif;}
h4     {font:normal 18px Arial, Helvetica, sans-serif;}
h5     {font:normal 16px Arial, Helvetica, sans-serif;}
h6     {font:normal 14px Arial, Helvetica, sans-serif;}

body{ 
	font-family: Arial, Helvetica, sans-serif; font-size:12px; 
	text-align:left; color:#323333; 
	background:#fff url(../images/body-shadow.jpg) 50% 0% repeat-y;
	}

#container{	margin:0px auto; width:1003px;	background:#fff; color:#323333;}
/* -----------------------------------------------header-------------------------------------------------------- */
#header{ width:1003px; margin:0px auto; padding:5px 0px 10px 0px;}
#company-name{
	float:left;
	margin-left:15px;
	width:365px;
	height:85px; 
	}

#contact-detail
	{
	float:right;
	margin:10px 0px 0px 0px; 
	width:205px;
	}
	
#contact-detail h4
	{
	font:bold 14px Georgia, "Times New Roman", Times, serif;
	padding-left:20px;
	letter-spacing:-1px;
	}	
#contact-detail h3
	{
	margin-top:5px;
	background:url(../images/contact-bg.jpg) no-repeat 100% 50%; 
	font:normal 24px Georgia, "Times New Roman", Times, serif;
	width:186px; height:41px; color:#fff; 
	text-align:right;
	padding-right:4px;
	letter-spacing:1px;
	}							

/* -----------------------------------------------banner-------------------------------------------------------- */
#banner-wrapper{
	background:#cc0066 url(../images/banner-bg.jpg) 50% 0% repeat-y;
	height:344px;
	}

#banner{
	width:1003px; margin:0px auto;
	background:#cc0066 url(../images/banner-shadow.jpg) 50% 100% no-repeat;
	height:344px;
	}

/* -----------------------------------------------topmenu-------------------------------------------------------- */

#topmenu {
            background:url(../images/topmenu-bg.jpg) repeat-x;
            overflow: hidden;
			margin-top:4px;
			height:42px;
			font: normal 17px cambria, Georgia, "Times New Roman", Times, serif;
			border:solid 0px;
	}
#topmenu li{ 
			float: left;
			list-style: none;
			line-height:21px;
			margin:0px 1px 0px 0px;
			text-align:center;
			height:42px; 
			line-height:42px;
			}	
			
#topmenu a{
			color: #fff;
			display: block;
			padding: 0 3.25em; 
			
		 
}

#topmenu a:hover{ background: url("../images/menu-hover.jpg") repeat-x;	 }

#topmenu li.selected{ }
#topmenu li.selected a{ background: url("../images/menu-hover.jpg") repeat-x; }
#topmenu li.selected a:hover{ color:#fff;}


/* -----------------------------------------------maincontent-------------------------------------------------------- */
#maincontent{width:970px; margin: 20px auto;  }
.courses{ 
	background:url(../images/gray_bg.jpg) repeat-x 100% 0%; 
	height:234px;
}
.courses span{
	float:right; display:block; 
	background:url(../images/gray_round_corner.jpg) no-repeat 100% 0%; 
	border:solid 0px; height:234px;
	padding:10px 0px; 
	color:#fff; 
	width:540px;
	}
.courses h2{color:#fff;}

.list li{ 
	list-style:none; 
	background:url(../images/square.jpg) 0% 50% no-repeat; 
	padding:5px 15px;  
	font-weight:bold;
	margin-top:5px;
	}

.read-more{position:relative; z-index:1; width:103px; height:96px; top:-57px; margin-left:437px; left:auto; }	
/* -----------------------------------------------footer-------------------------------------------------------- */
#footer-wrapper{background:url(../images/footer-bg.jpg) repeat-x; height:100px; line-height:100px;}
#footer{width:1003px; margin: 0 auto; height:64px; color:#fff;}
#footer .fltleft{width:45%; padding-left:15px;}
#footer .fltright{width:45%; padding-right:15px; text-align:right;}

#footer a{color:#f7027e;}
#footer a:hover{color:#fff;}



.footer-sticky-whatsapp {
    display: block;
    position: fixed;
    bottom: 47px;
    left: 42px;
    width: 60px;
    height: 60px;
    z-index: 9999;
}
.revr{
	border: 3px double;
    font-size: 16px;
    padding: 8px 8px 8px 8px;
    background: #269105;
    color: white!important;
}

.footer-sticky-fb {
    display: block;
    position: fixed;
    bottom: 28px;
    left: 32px;
    width: 60px;
    height: 60px;
    z-index: 9999;
}