body { margin: 0px; padding: 0px; }

.clear { clear: both; height: 1px; }
img { border: 0; }

/* main */
.main { width: 1025px; margin: 0 auto; }
	a.active{ text-decoration:none;}	
/* header wrapper */
#headerWrapper { width: 100%; float: left; }

	.topArea { width: 100%; float:left; background: #000; }
	.topArea h1 { padding: 0 0; font-family: Arial; font-size: 11px; color:#fff; text-align:center; letter-spacing: 1px; }
	.topArea h1 a { text-decoration:none; color: #fff;}
	.topArea h1 a:hover { color:#FF6600;}
	
	.headerArea { width: 100%; float: left; height: 75px; background: url('../images/header-bg.png') repeat-x; }
	.logoLeft { width: 350px; float: left; }
	.logoLeft h1 { margin: 0px; float: left; }
	.logoLeft h1 a  { width: 297px; height: 75px; display: block; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
	.headerRight { width: 650px; float: right; }
	.socialLink { width: 230px; float: right; margin: 6px 20px 0 0; }
	.socialLink ul {  list-style: none; float: left; }
	.socialLink li { padding: 0 0 0 8px; float: left; width:85px; height: 27px; }
	.socialLink li img { float: left; display: block; }
	.callArea { width: 280px; float:right; }
	.callArea p { padding: 0 0 0 35px; font-family: 'ralewayregular'; line-height: 20px;  font-size: 16px; color:#fff; background: url('../images/call-img.png') left no-repeat; }
	
	/* menu area */
	.menuArea { width: 100%; float: left; height: 42px; background: url('../images/menu-img.png') repeat-x; }
	.menuArea ul { list-style: none; margin: 0px; padding: 0px; }
	.menuArea li { float: left; font-weight: normal; text-transform: uppercase; line-height: 42px;  }
	.menuArea li a  { padding: 0 18px; text-decoration: none; color:#fff;  font-family: 'ralewayregular'; font-size: 19px; }
	.menuArea li.home a { margin: 0 0 0 0; width: 82px; height: 42px; display:block; text-indent:-9999px; background: url('../images/home-bg2.png') left no-repeat; }
	.menuArea li.text a { color:#fff;  font-family: 'ralewayregular'; display:none; font-size: 19px;  }
	.menuArea li a:hover  { color:#CCCCCC;  }
	
/* banner wrapper */
#bannerWrapper{ width:100%; float: left; height: 456px; background: url('../images/banner-img.png') no-repeat;  background-size: cover; }
	
	/* banner area */
	.bannerArea { width:100%; float: left;}
	.bannerArea ul { list-style: none;  margin: 0px; padding: 0px; }
	.bannerArea ul li { padding: 0px; float: left; width: 100%; }
	.bannerArea a { cursor: pointer; display: block; width: 96px; height: 96px; text-indent: -99999px; }
	.bannerArea ul li img { margin-top: 55px; float: left; display: block; }
	.bannerArea .sliderThumb { margin: 20px 0 0 0; float: right; width: 675px; position: relative; height: 326px; background: url('../images/slider-thumb.png') no-repeat; }
	.bannerArea .sliderThumb h2 { padding: 15px 60px 0px 200px; margin:0px;  text-align: center; text-shadow: 1px 1px #000; font-family: 'ralewaymedium'; font-size: 30px; color: #fff; font-weight: normal; line-height: 38px; text-transform: uppercase;  }
	.bannerArea .sliderThumb h2.text { line-height: 30px; font-size: 26px; }
	.bannerArea .sliderThumb h4 { padding: 0px 120px 0px 112px; margin: 40px 0 15px 0px; float: left; font-family: 'ralewayregular'; font-size: 19px; color: #fff; font-weight: normal; line-height: 25px; }
	.bannerArea .sliderThumb span { margin-left: 150px; margin-top: 20px; float: left; text-align: center; font-family: 'ralewayregular'; font-size: 22px; color: #fff; text-transform: uppercase; }
	.bannerArea #cycle-prev  { position: absolute; bottom: 90px; left: 519px; z-index: 999;  list-style:none; background: url('../images/prew-img.png') no-repeat; }
	.bannerArea #cycle-next  { position: absolute; top: 170px; right: 143px; z-index: 999; list-style:none;  background: url('../images/next-img.png') no-repeat;}
	
	
/* content wrapper */
#contentWrapper{ width:100%; float: left; }
#contentWrapper #content { width: 100%; float: left; height: 74px; background: url('../images/key-bg.png') no-repeat; }
#contentWrapper #content h2 { padding: 15px 0 0 30px; font-family: 'ralewayregular'; font-size: 25px; color: #fff; text-transform: uppercase; font-weight: normal; }

	/* content area */
	.contentArea { padding: 20px 0; width: 100%; float: left; background: #fcfcfc url(../images/contr-bg2.png) repeat-x; }	
	.clear { clear: both; width: 100%; height: 0px; font-size: 0px; }
	.contentArea h1 {font-family: 'ralewaymedium'; padding: 0;margin: 0; font-size:22px; line-height:25px; font-weight: normal; color: #363636;}
	.contentArea h1.text { padding-bottom: 20px; text-align: center; color: #ee6b36; }
	.contentArea h2{ font-family: 'ralewaymedium'; font-size:20px; font-weight:normal; padding: 0 0 20px 0; margin:0px; color:#000; text-align:center;}
	.contentArea h2.text2 { line-height: 30px; font-size: 26px; text-align: left; color:#e7621c; }
	.contentArea h3{ font-family: 'ralewaymedium'; font-size:18px; font-weight:normal; padding: 0px; margin:0px; color:#e9681f;}
	.contentArea h3.small{ font-family: 'ralewaymedium'; font-size:16px; font-weight:normal; padding: 0px; margin:0px; color:#e9681f;}
	.contentArea h3.text { padding-bottom: 20px; }
	.contentArea h4{ font-family: 'ralewaymedium'; font-size:18px; font-weight:normal; padding: 0px; margin:0px; color:#fff;}
	.contentArea h5{ font-family: 'ralewaymedium'; font-size:16px; font-weight:normal; padding: 0px; margin:0px; color:#000;}
	.contentArea p {  font-size:13px; font-family: 'ralewaymedium'; color:#000; text-align: justify; font-weight: normal; line-height: 22px; }
	.contentArea p a { text-decoration: none; color:#000 }
	.contentArea p a:hover { color: #FF6600;}
	.contentArea span {  font-size:14px; font-family: 'ralewaymedium'; color:#000; text-align: justify; font-weight: normal; line-height: 22px; }
	.contentArea span a { text-decoration: none; color:#000 }
	.contentArea span a:hover { color: #FF6600;}
    .contentArea .bold{ font-size:14px; margin:8px 0px; font-family:Arial; color:#000; text-align: justify; font-weight:bold; line-height: 25px;}
	
    .contentArea p.textContr { padding: 0 0 8px 0; margin:0px; line-height: 18px; } 
	.contentArea h2.text { text-align: left; padding: 10px 0; font-weight:normal; color:#e87a0e; font-size: 22px;}
	.contentArea h3 a { text-decoration: none; color:#000;}
	.contentArea h3 a:hover { text-decoration:underline; }

	.contentArea .administrative { width:100%; float: left; padding: 0 0 10px 0; }
	.contentArea .administrative ul { list-style: none; margin:0px; padding: 0px; }
	.contentArea .administrative li { font-family: 'ralewaymedium'; font-size: 12px; color: #000; padding: 0 0 8px 0; }
	.contentArea .administrative li span { font-weight:bold; font-family: 'ralewaymedium'; font-size: 12px; color: #000; width:180px; float:left;  }
	.contentArea .administrative li b { padding: 0 10px 0 0;  font-family: 'ralewaymedium'; font-size: 15px; color: #000; }

    .contentArea .download{ width:100%; padding:0px; margin:10px 0 20px 0; background-color:#eeeeee;}
    .contentArea .downloadleft { padding:12px 0 0 20px; margin:10px 0 0 0; float:left; }
	.contentArea .downloadright .btn { padding: 10px; width: 150px; margin: 10px 0px 10px 0; float:right; background-color:rgba(0,0,0,.075); text-align: center; border-radius: 5px; font-family: 'ralewayregular'; color:#fff; text-decoration: none; font-size: 17px; background: url('../images/btn-bg.png') repeat-x;  }
    .contentArea .downloadright .btn:hover { background: url('../images/btn-bg-hover.png') repeat-x; }
    .contentArea .download .btn { padding: 14px; width: 280px; margin: 10px 10px 10px 0; float:right; text-align: center; border-radius: 1px; font-family: 'ralewayregular'; color:#fff; text-decoration: none; font-size: 17px; background: url('../images/btn-bg.pnggg') repeat-x; background-color:#ff6600; border:none;  }
	.contentArea .download .btn:hover { background: url('../images/btn-bg-hover.png') repeat-x; } 

	/* service area */
	.serviceArea { padding: 20px 0 50px 0; width:100%; float: left; background: #f5f5f5; }
	.serviceArea .services { width: 100%; float: left; }
	.services ul { list-style: none;  margin: 0px; padding: 0px; }
	.services li { width: 320px; float: left; margin-right: 32px; }
	.services li .image { margin:15px 0 0 0; width: 50px; height: 39px; float: left; display: block; }
	.services li .desc { width: 265px; float: right; }
	.services li .desc h3 a { font-family: 'ralewaymedium'; font-size: 18px; color: #e54d00; text-transform: uppercase; text-decoration: none; font-weight: normal; }
	.services li .desc p { font-family: 'ralewayregular'; color: #504848; font-size: 13px; text-align: justify;	 line-height: 18px; padding: 0px; margin: 0px; }
	.services li .desc a.readmore { padding: 0 15px 0 0; float: right; font-family: 'ralewaymedium'; font-size:12px; color:#e54d00; text-decoration: none; background: url('../images/arrow.png') right no-repeat; }
	.services li.last { margin-right: 0px; }
	
	/* service detail */
	.servicesDetail { padding: 0 0 90px 0; width:100%; float: left; height: 270px; border-top: 1px solid #fff; background: #f4fcff url('../images/blue-bg1.jpg') repeat-x; }
		
		.overlayText { width: 295px; float: left; }
		.overlayText h3 { padding: 5px 0 10px 0; margin: 0px; font-family: 'ralewaybold';  color: #ca6120; font-size: 21px; text-align:center; text-transform: uppercase; font-weight: normal; background: url('../images/line-bg.png') center bottom no-repeat;  }
		.overlayText p { padding: 5px 5px 0 0px; margin: 0px; font-family: 'ralewayregular'; color: #747474; text-align: justify;  font-size: 13px; line-height:19px; }
	
	
		.schoolDetail { margin: -30px 0 60px 10px; box-shadow: 0px 0px 6px #ccc9c6; width: 440px; float: left; height: 375px; 
		background-image:url(../images/red-bg2.png); background-repeat: repeat-x; }
		.schoolDetail h3 { margin: 0px; padding: 10px 0; font-family: 'ralewayregular'; color: #fff; font-size: 19px; font-weight: normal; text-align: center; text-transform: uppercase; background: url('../images/line.png') center bottom no-repeat; }
		.schoolDetail p { margin: 0px; padding: 5px 10px; font-family: 'ralewayregular'; color: #fff;  font-size: 13px; text-align: justify; line-height:17px; }
				
		
		.schoolContr { width: 280px; float: right; }
		.schoolContr img { float: right; display: block; }
		.schoolContr span { cursor: pointer; float: right; text-align: center; font-family: 'ralewayregular'; font-size: 17px; color: #fff; text-decoration: none; }
		.schoolContr span.web { width: 100px; padding: 8px 5px; margin: 10px 0 0 15px; text-shadow: 0 -1px #000; border-radius: 5px; background: url('../images/btn-bg.png') repeat-x; }
		.schoolContr span.web:hover { background: url('../images/btn-bg-hover.png') repeat-x; } 
		
	/* cont left */
	.contleft { width:700px; float: left; }
	
		.schoolLink { padding:0px; margin:0px; width: 100%; float: left; }
		.schoolLink ul { padding:0px; }
		.schoolLink ul li { margin:4px; color:Navy; line-height:22px; text-decoration:none;  list-style:none; display:block; font-size:14px; background-image:url(../images/sing.png); background-repeat:no-repeat; padding-left:30px; }
		.schoolLink ul li:hover { color:#ec4223; cursor:pointer;  }
		
		.enterpriselink { padding:0px; margin:0px; width: 100%; float: left; }
		.enterpriselink ul { padding:0px; }
		.enterpriselink ul li { margin:4px; color:Navy; line-height:22px; text-decoration:none;  list-style:none; display:block; font-size:14px; background-image:url(../images/sing.png); background-repeat:no-repeat; padding-left:30px; }
		.enterpriselink ul li:hover { color:#ec4223; cursor:pointer;  }
		
		.modulesLink  { width: 350px; float: left; padding:0px; margin:0px; }
		.modulesLink ul { padding:0px; }
		.modulesLink ul li { margin:4px; color:Navy; line-height:22px; text-decoration:none;  list-style:none; display:block; font-size:14px; background-image:url(../images/sing.png); background-repeat:no-repeat; padding-left:30px; }
		.modulesLink ul li:hover { color:#ec4223; cursor:pointer;  }
		.viewDemo { padding-top: 25px; width: 100%; float: left; }
		.viewDemo a.demo { width: 329px; height: 101px; float: left; display: block; }
		td.image { width: 430px; float: left;}
		td.image img { float: left; display: block;}
		td.image2 { width: 430px; float: right;}
		td.image2 img { float: right; display: block;}
		
	
	/* cont right */
	.contright{ float:right; width:300px; height:auto; }
		.contright img { float:right; display:block; }
		.contmenu { width: 250px; float: right; background-image:url(../images/menubg1.png); }
		.contmenu p { text-align:center; padding:15px 0; margin: 0px; color:#fff; font-size:20px; text-transform: uppercase; font-family: 'ralewaymedium';  }
		.schoolp{ padding:0px; margin:0px; width: 250px; float: right;}
		.schoolp ul { padding:0px; margin:0; }
		.schoolp ul li { padding-top:5px;  color:#000; line-height:30px; font-family: 'ralewayregular'; text-decoration:none; list-style:none; display:block; font-size:11px; font-weight:bold; border-bottom:1px; border-bottom-style:dotted; border-bottom-color:Black; }
		.schoolp ul li:hover { color:#b13525; cursor:pointer;}
		
		.contform { margin: 30px 0 0 0; width: 250px; float: right;}
		.contform p { text-align:center; padding: 6px; margin: 0px; color:#fff; font-size:20px; font-family: 'ralewaymedium'; background: #ec7a3a; }
		.pad02 { padding:4px; font-family:Arial; font-size:13px; color:#363636; font-style:normal; font-weight:700; text-align:left; }
		
		.query { margin:0; height:19px; width:108px; background: url(../images/text0.png) no-repeat; padding-bottom:2px; padding-top:0px; padding-left:10px; border:none;}
		.query01 { margin:0; height:37px; width:104px; background: url(../images/text01.png) no-repeat; padding-bottom:2px; padding-top:0px; padding-left:10px; border:none; }
		
		/* price deatil*/
		.price { margin-top: 30px; background-image:url(../images/pricing_bg.png); background-repeat:no-repeat; width:980px; height:620px;  }
		.price01 { width:300px; height:600px; float:left; margin-left:30px;}
		.price02 { width:300px; height:600px; float:left;}
		.price03 { width:300px; height:600px; float:left; margin-left:30px;}
		span.font { font-family:Arial; font-size:14px; font-family: Arial; font-style:normal; font-weight:500; text-align: center; color:#006699; text-decoration:none; word-spacing:normal; }
		span.font a { text-decoration: none; color:#000 }
		span.fonttext { font-family:Arial; font-size:14px; font-family: 'ralewayregular'; font-style:normal; font-weight:bold; text-align: center; color:#fff; margin:0 0 10px 10px; }
		span.fonttext2 { font-family:Arial; font-size:14px; font-family: 'ralewayregular'; font-style:normal; font-weight:bold; text-align: center; color:#fff; margin:0 0 10px 40px; }
		.open { font-size:18px; font-family: 'ralewayregular';  font-style:normal; color:White; margin:70px 50px 0 70px; }
		.Professional { font-size:18px; font-style:normal; font-family: 'ralewayregular'; color:White; margin:14px 50px 5px 75px;  }
		
		.Standard1 { font-size:larger; color:white; font-weight:normal; font-family: Raleway; margin:60px 0 0 0;  } 
		.Professional1 { font-size:larger; color:white; font-family: Raleway; font-weight:normal; margin:30px 0 0 0;} 
		.Enterprise1  {font-size:larger; color:white; font-weight:normal; font-family: Raleway; margin:60px 0 0 0;  } 
		
		.aligncenter { text-align:center;}
		.pad { padding:4px; font-family:Arial; font-size:13px; color:#363636; font-style:normal; font-weight:lighter; line-height:20px; }
		.pad01 { padding:8px; font-family:Arial; font-size:14px; color:#000; font-style:normal; line-height:20px; }
		.adminbold{ font-size:18px; font-family:Arial; font-weight:bold; color:#2a91c4;}
		
		.loginboxdiv { margin:0; height:38px; border:none; width:340px; background: url(../images/text.pngdd) no-repeat; padding-bottom:2px; padding-top:3px; padding-left:10px; margin-bottom: 5px; }
		.loginbox { background:none; width:340px; height:32px; padding-left:10px;  border: 1px solid #CCCCCC; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
                    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
                    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
                    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		}

        .loginbox:focus  {
           border: solid 1px #fff;
           
          }
        .loginbox:active  {
           border: solid 1px #FFF;
          }

         
		.loginboxdiv2 { margin:0; height:29px; border:none; width:190px; background: url(../images/text.png) no-repeat; padding-bottom:2px; padding-top:3px; padding-left:10px; }
		.loginbox2 { background:none; border:none; width:190px; height:29px; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
		.text1 { padding: 5px 0; font-size:18px; text-decoration:underline; font-weight:normal; text-align:justify;}
		.text2 { padding: 15px 0; font-size:14px; width:100%; float: left; text-decoration:none; font-weight:normal; font-family: Arial, Helvetica, sans-serif; text-align:justify;}
		.txtarea { border: 1px solid #CCCCCC; width: 420px; height: 50px; padding: 15px; background:none;
                   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
                    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
                    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		}
		strong { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; font-weight: normal;}
		tr.tdwidth { width: 370px; float: left; }
		tr.tdwidth2 { width: 525px; float: right; }
	   .contentArea .chekDetail { width: 500px; float: right;}
		td.tdwidth2 { width: 525px; float: left; }
		td.tdwidth3 { float: right; }
		
				
/* footer wrapper */
#footerWrapper { width:100%; float: left; background: url(../images/contr-bg2.png) repeat-x;  }

	/* footer top */
	.footerTop { width:100%; float: left; background: #f4fcff; }
	.footerTop ul { list-style: none; padding: 0px; margin: 0px; }
	.footerTop li { float: left; }
	.footerTop li a { padding: 10px 20px; font-family: 'ralewayregular'; font-size: 15px; color: #000; text-transform: uppercase; text-decoration: none; display: block;}
	.footerTop li:hover { background: url('../images/header-bg.png') repeat-x; }
	.footerTop li a:hover { color:#fff;}
	.footerTop li.active a { background: url('../images/header-bg.png') repeat-x; color:#fff; }
	
	/* footer bottom */
	.footerBottom { width:100%; float: left; height: 61px; background: url('../images/footer-bg.png') repeat-x; }
	.footerBottom p { font-family: 'ralewayregular'; font-size: 18px; color: #fff; text-align: left; text-shadow: }
	.footerBottom p a { text-decoration: none; color: #fff; }
	.footerBottom p a:hover { color:#CCCCCC; }
 
    .footerBottom ul {  list-style: none; float: right; margin-top: -40px; }
    .footerBottom li { padding: 0 0 0 8px; float: right; width: 27px; height: 27px; }
    .footerBottom li img { float: right; display: block; }


	.refresh {background: none repeat scroll 0 0 #FF6600; 
    box-shadow: inset 0 1px 0 #ffc272; margin-bottom: 0px; border: 1px solid #a5c4e2; border-radius: 2px; color: #FFF; font-size: 11px; letter-spacing:1px;  padding: 6px 12px; width: 100%; }