@charset "utf-8";

/* CSS Document */



*{margin:0; padding:0;}

img{ border:none;}

.main{

	width:100%;

	height:auto;

	float:left;

	font-family:"Helvetica",Arial,sans-serif;

	



	}

.submain{

	width:100%;

	height:auto;

	margin:0;

	padding:0;

	background:#FFF;

	float:left;

	

 }



.footerfull{ width:100%; height:auto; float:left; background:#404041;}

 .submainmenu{

	width:100%;

	height:auto;

	margin:0;

	padding: 0;

	background:#FFF;

	

 }



header{

	margin-top:30px;

	float:left;

	width:100%;

	height:auto;

	

	}

#searchinut{ margin-left:5px; margin-right:10px; background:#fcfcfc; border:1px solid #c9c9c9; height:17px; background-image:url(../img/search-icon.png); background-repeat:no-repeat;}	



#logo{

	

	width:213px;

	float:left;

	height:50px;

	margin-bottom:50px;

	margin-top:30px;

	}

#social{

	float: right;

    height: 42px;

   /* margin-left: 146px;*/

    padding-top: 10px;

    text-align: left;

    width: 565px;

		margin-top:30px;

}

#topsocial{

	width:216px;

	float:left;

	height:auto;

}

#topsocialul{

	width:216px;

	float:left;

	height:auto;

}

#socialtop { margin: 0;  padding: 0 0 0 10px;; width: 25px; height: 28px; background-image: url(../img/social-t.png); background-repeat:no-repeat; display:inline; float:left; cursor: pointer;}

#socialtop:hover{background-image: url(../img/social-t-hover.png); background-repeat:no-repeat;}

#socialtop1 { margin: 0;  padding: 0 0 0 10px;; width: 26px; height: 27px; background-image: url(../img/social-f.png); background-repeat:no-repeat; display:inline; float:left; cursor: pointer;}

#socialtop1:hover{background-image: url(../img/social-f-hover.png); background-repeat:no-repeat;}

#socialtop2 { margin: 0;  padding: 0 0 0 10px;; width: 26px; height: 27px; background-image: url(../img/social-in.png); background-repeat:no-repeat; display:inline; float:left; cursor: pointer;}

#socialtop2:hover{background-image: url(../img/social-in-hover.png); background-repeat:no-repeat;}

#socialtop3 { margin: 0;  padding: 0 0 0 10px;; width: 26px; height: 27px; background-image: url(../img/social-you.png); background-repeat:no-repeat; display:inline; float:left; cursor: pointer;}

#socialtop3:hover{background-image: url(../img/social-you-hover.png); background-repeat:no-repeat;}

#socialtop4 { margin: 0;  padding: 0 0 0 10px;; width: 26px; height: 27px; background-image: url(../img/social-g.png); background-repeat:no-repeat; display:inline; float:left; cursor: pointer;}

#socialtop4:hover{background-image: url(../img/social-g-hover.png); background-repeat:no-repeat;}

#socialtop5 { margin: 0;  padding: 0 0 0 10px;; width: 26px; height: 27px; background-image: url(../img/social-feeds.png); background-repeat:no-repeat; display:inline; float:left; cursor: pointer;}

#socialtop5:hover{background-image: url(../img/social-feeds-hover.png); background-repeat:no-repeat;}



#footer .social-icons {

}

#footer .social-icons li.title {

    line-height: 30px;

}

#footer .social-icons li {

    margin: 0 0 0 10px;

}

#footer .social-icons li:first-child {

    margin-left: 0;

}

.social-icons {

    margin: 0 0 20px;

}

.social-icons li {

    display: inline-block;

    vertical-align: middle;

}

.social-icons li a {

    /*background-color: #111111;*/

    background-image: url(../img/sprite.png);

    background-repeat: no-repeat;

    border-radius: 3px 3px 3px 3px;

    display: inline-block;

    height: 30px;

    position: relative;

    text-indent: -9999px;

    transition: all 0.2s ease-out 0s;

    width: 30px;

}

/*.social-icons li a:hover {

    background-color: #CD2122;

    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);

}*/

.social-icons.has_gradient li a:after {

    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0 transparent;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}

.social-icons li.social-twitter a {

    background-position: 0 0;

}

.social-icons li.social-twitter a:hover {

    background-position: 0 -35px;

}

.social-icons li.social-facebook a {

    background-position: -32px 0;

}

.social-icons li.social-facebook a:hover {

    background-position:  -32px -35px;;

}

.social-icons li.social-linkedin a {

    background-position: -64px 0;

}

.social-icons li.social-linkedin a:hover {

    background-position: -64px -35px;;

}

.social-icons li.social-youtube a {

    background-position: -97px 0;

}

.social-icons li.social-youtube a:hover {

    background-position: -97px -35px;;

}

.social-icons li.social-google a {

    background-position: -129px 0;

}

.social-icons li.social-google a:hover {

    background-position:  -129px -35px;;

}

.social-icons li.social-feeds a {

    background-position: -163px 0;

}

.social-icons li.social-feeds a:hover {

    background-position:  -163px -35px;;

}



#sign{

	

    color: #898989;

    font-family: "Helvetica",Arial,sans-serif;

    font-size: 12px;

    height: 18px;

    line-height: 19px;

    /*margin-left: 224px;*/

    margin-top:8px;

	font-weight:bold;

    padding-left: 5px;

    padding-right: 5px;

    width: 45px;

		float:left;

}



#sign-divider{width:1px;  height: 11px; margin-left: 10px; margin-top: 12px; background:#898989; float:left;}

#sign-divider1{width:1px;  height: 11px;/* margin-left: 52px;*/ margin-top: 12px; background:#898989; float:left;}

#seach{ width: auto;

		height:30px;

		float:right;

		/*margin-top: 4px;*/

}





#searchinput{ width:auto; float:left; }



#slider{ width:100%; height:508px; float:left; background:url(../img/slider-bg.jpg) repeat;}

#topNav{ 

	width:100%;

	height:46px; 

	float:left;

	 /*margin-bottom: 5px;*/ 

	background-image:url(../img/nav-bg.png);

	background-repeat:repeat-x; 

	text-transform:uppercase;color:#464646;

	-moz-box-shadow: 0px 3px 3px #999;

	-webkit-box-shadow: 0px 3px 5px #999;

	box-shadow: 0px 3px 3px #999;

	margin-bottom:5px;

} 



ul.dropmenu{

	position: relative;

	margin: 0px;

	padding: 0px;

	display:block;

	font-family:"Helvetica",Arial,sans-serif;

	font-size: 14px;

	height:30px;

	width:1000px;

	border-right: none;

	display: inline-block;

}

.dropmenu li{

	position: relative;

	list-style: none;

	margin: 0px;

	padding: 0

	display: block;

	cursor: point;

	float: left;

	height:30px;

}

.dropmenu li a{

	padding: 10px 20px 0px 20px;

	display: block;

	cursor: point;

	height:30px;

	color: #464646;

	text-decoration: none;





}

.dropmenu li a:hover{

	background-image:url(../img/Nav-screen.png); background-repeat:repeat-x;

    color:#c01e2e;

	height:30px;

}

.dropmenu li:hover ul{

	display: block;

	margin-top:-5px;

	

}

.dropmenu ul, .dropmenu div{

	background:url(../img/nav-bg.png);

    border-bottom: 1px solid #CCCCCC;

    display: none;

    padding: 0;

    position: absolute;

   width: 172px;

  z-index: 1000;

   text-align:left;

}



/*.dropmenu li ul{

	  background-color: #FFFFFF;

    border-bottom: 1px solid #CCCCCC;

    display: none;

    margin-top:-10px;

    padding: 0;

    position: absolute;

    text-align: left;

    width: 172px;

}

.dropmenu li ul li a:hover{

	  

}*/

.dropmenu ul li{

	border: 0;

	float: none;

}





#inner-box{

	width:1000px;

	height:auto;

	/*float:left;*/

	margin-top:5px;

	background:#fff;}

#inner-boxdivider{

	width:100%;

	height:2px;

	float:left;

	background:#363636;}

#innercontent-box{

	width:1000px;

	height:auto;

	float:left;

	font-size:16px;

	font-family:Arial, "Helvetica", sans-serif

	/*padding-top:20px;*/

	padding-bottom:20px;}

.inner-hdtxt{

	width:100%;

	height:auto;

	color:#c01e2e;

	font-size:16px;

	font-weight: bold;

	text-align:left;

	padding-bottom:10px;}

.inner-maintxt{

	width:100%;

	height:auto;

	color:#404040;

	font-size:14px;

	text-align:left;

	line-height:23px;}	

#submenu{

	width:100%;

	height:117px;

	float:left;

	background:url(../img/submenu-bg.png); background-repeat:repeat-x;

	-moz-box-shadow: 0px 3px 3px #999;

	-webkit-box-shadow: 0px 3px 5px #999;

	box-shadow: 0px 3px 3px #999;

}

.learning{

	width:1000px;

	height:117px;

	margin:0 auto;

	

	

	}

.learning-hd{

	/*padding-bottom:20px;*/

	 width: 113px;

	 float:left;

	padding-top:31px;

	font-size:20px;

	text-align:left;

	color:#464646;}

.submenu-divider{

	background:url(../img/Divider.png);

	width:3px;

	float:left;

	height:83px;

	margin-left: 9px;

    margin-top: 19px;}

.techbox-divider{

	background:url(../img/Divider.png);

	width:3px;

	float:left;

	height:83px;

	margin-left: 43px;

    margin-top: 19px;}

#submenu-bluedivider{

	background:url(../img/Divider.png);

	width:3px;

	float:left;

	height:83px;

	 margin-top: 19px;

}

#submenu-orangedivider{

	background:url(../img/Divider.png);

	width:3px;

	float:left;

	height:83px;

	margin-top: 19px;

}

#submenu-pupledivider{

	background:url(../img/Divider.png);

	width:3px;

	float:left;

	height:83px;

	 margin-left: 1px;

    margin-top: 19px;

}

#training-mainbox{

	width:100%;

	height: auto;

   	float:left;

		background:#FFF;

	

	}

#training-box{

	width:1000px;

	height: auto;

    margin: 13px auto 0 auto;

	/*  margin:0 auto;*/

	

	}

#techmenu{

	width:100%;

	height:117px;

	float:left;

	background:url(../img/submenu-bg.png); background-repeat:repeat-x;

	-moz-box-shadow: 0px -2px 3px #999;

	-webkit-box-shadow: 0px -2px 5px #999;

	box-shadow: 0px -2px 3px #999;

}

.tech-hd{

	padding-top:22px;

	font-size:20px;

	padding-bottom: 20px;

	text-align:left;

	color:#464646;

}

.techcontent-box{

	width:330px;

	height:auto;

	float:left;

	}

.techdivider{

	float:left;

	width:1px;

	height: 140px;

	margin-right: 46px;

    margin-top: -6px;

	background:#636363;

}

.tech-mainhd{

	width:100%;

	height:32px;

	font-size:16px;

	text-align:left;

	color:#c01e2e;

	padding-bottom:15px;

	text-decoration:none;

	text-transform:uppercase;

	}

.tech-mainhd a{

	width:100%;

	height:32px;

	font-size:16px;

	text-align:left;

	color:#c01e2e;

	padding-bottom:15px;

	text-decoration:none;

	text-transform:uppercase;

	}

.tech-mainhd a:hover{

	width:100%;

	height:32px;

	font-size:16px;

	text-align:left;

	color:#00a99d;

	padding-bottom:15px;

	text-decoration:none;

	text-transform:uppercase;

	}

.tech-icon{

	/*background:url(../Images/tech-icon.png) no-repeat;*/

	float: left;

    height: 50px;

    padding-bottom: 15px;

    padding-left: 10px;

    text-transform: uppercase;

    width: 300px

}

.tech-icon span{

width:auto;

float:left;

	height:32px;

	font-size:16px;

	text-align:left;

	color:#c01e2e;

	padding-bottom:15px;

	padding-top:10px;

	padding-left: 16px;

	text-decoration:none;

	text-transform:uppercase;	

}

.tech-icon span a{

color:#c01e2e;

	text-decoration:none;

	text-transform:uppercase;	

	font-size:14px;

	transition-duration:0.4s;

}

/*.tech-icon span a{

width:220px;

float:left;

	height:32px;

	font-size:16px;

	text-align:left;

	color:#c01e2e;

	padding-bottom:15px;

	   padding-left: 40px;

	text-decoration:none;	

}

.tech-icon span a:hover{

background:url(../Images/tech-hover.png) no-repeat;

	width:280px;

	height:32px;

	padding-left:10px;

	padding-bottom:15px;

	float:left;

	color:#00a99d;}*/

.tech-icon:hover{

	/*background:url(../Images/tech-hover.png) no-repeat;*/

float: left;

    height: 50px;

    padding-bottom: 15px;

    padding-left: 10px;

    text-transform: uppercase;

    width: 300px

	color:#c01e2e;

	text-transform:uppercase;

		transition-duration:2.0s;

	

}

.tech-icon a:hover{

	text-decoration:none;

	color:#00a99d;

	text-transform:uppercase;

		transition-duration:2.0s;

}

#footer-divider{

	width:100%;

	background:#c01e2e;

	height:2px;

	float:left;

	/*margin-top:10px;*/

	margin-bottom:3px;}

#footer-box{

	width:1000px;

	height:220px;

	margin:0 auto;

	

	background:#404041}

#footer{width:1000px; height:190px;;}

#footermain{float: left;

    height: auto;

  /*  margin-left: 125px;*/

    margin-top: 20px;

    width: 900px;}

.footertop{width:80px; height:auto; border:0px solid; float:left; text-transform:uppercase; margin-top:44px; margin-left:140px;}

.footerheader{width:200px; height:23px; border:0px solid; float:left; padding-top:30px; color:#FFF; text-align:left; font-size:16px; padding-bottom:5px; /*letter-spacing:1px;*/}



.footercontent{width:160px; height:23px; border:0px solid; float:left;  color:#FFF; text-align:left; font-size:14px; padding-bottom:5px; /*letter-spacing:1px;*/}

.footercontent a{color:#FFF; text-decoration:none; padding-bottom:10px;}

.footercontent a:hover{color:#bcbdc0; text-decoration:none;padding-bottom:5px; }

.button {

	display: inline-block;

	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */

	*display: inline;

	vertical-align: baseline;

	margin: 0 2px;

	outline: none;

	cursor: pointer;

	text-align: center;

	text-decoration: none;

/*	font: 12px/100% Trebuchet MS, Arial, "Helvetica", sans-serif;

*/	padding: .5em 2em .55em;

	text-transform:uppercase;

	-webkit-border-radius: 1px; 

	-moz-border-radius: 1px;

	border-radius: 1px;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);

	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);

	box-shadow: 0 1px 2px rgba(0,0,0,.2);

	font-size:14px;

}

.button:hover {

	text-decoration: none;

}

.button:active {

	position: relative;

	top: 1px;

}

.medium {

	font-size: 12px;

	padding: .4em 1.5em .42em;

}

.small {

	font-size: 12px;

	/*padding: 8px 8px 8px 8px;*/

}

.blue {

	color: #FFFFFF;

	border: solid 1px #333333;

	background: #c01e2e;

	

    

    

	background: -webkit-gradient(linear, left top, left bottom, from(#c01e2e), to(#c01e2e));

	background: -moz-linear-gradient(top,  #c01e2e,  #c01e2e);

	

}

.blue:hover {

	background: #ed2a3d;

	background: -webkit-gradient(linear, left top, left bottom, from(#ed2a3d), to(#ed2a3d));

	background: -moz-linear-gradient(top,  #ed2a3d,  #ed2a3d);

	

}

.blue:active {

	color: #fff;

	background: -webkit-gradient(linear, left top, left bottom, from(#ed2a3d), to(#ed2a3d));

	background: -moz-linear-gradient(top,  #ed2a3d,  #ed2a3d);

	

}

#msgbox{

	height: 153px;

   /* margin-top: 32px;*/

    width: 312px;

	float:left;

	/*background:#f2f3f3;*/}

.input-box{ /*width: 347px;*/

	float:left;

	background:#f2f3f3;

/*	height:23px;*/

	border:none;

	color:#666;

	margin-bottom:2px;

	border-bottom:1px solid #333;

	padding:4px;

	

}

.input{

    background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

    border-radius: 4px 4px 4px 4px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

    height: 20px;

    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

    width: 190px;

}

.input1{

    background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

    border-radius: 4px 4px 4px 4px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

   /* height: 20px;*/

    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

    width: 190px;

}

.input2{

    background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

    border-radius: 4px 4px 4px 4px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

   /* height: 20px;*/

    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

    width: 190px;

}

.input3{

    background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

    border-radius: 4px 4px 4px 4px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

   /* height: 20px;*/

    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

    width: 190px;

	/*margin-left: 15px;*/

}

.input4{

    background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

    border-radius: 4px 4px 4px 4px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

   /* height: 20px;*/

    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

    width: 190px;

/*	margin-left: 76px;*/

}

.input5{

    background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

    border-radius: 4px 4px 4px 4px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

   /* height: 20px;*/

    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

    width: 190px;

	/* margin-left: 75px;*/

}

.resume{

    background-color: #FFFFFF;

    /*border: 1px solid #CCCCCC;*/

    border-radius: 4px 4px 4px 4px;

   /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/

    height: 25px;

   /* transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;*/

    width: 190px;

		margin:0;

	

}



.input6{

    background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

    border-radius: 4px 4px 4px 4px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

  /*  height: 20px;*/

    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

    width: 190px;

	/* margin-left: 63px;*/

}

.input7{

    background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

    border-radius: 4px 4px 4px 4px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

  /*  height: 20px;*/

    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

    width: 190px;

	/* margin-left: 55px;*/

}

#copyright-box{

	width:100%;

	height:50px;

	float:left;

	border-bottom:2px solid #252525;

	background:#FFF;

	

}

#copydesign{

	width:1000px;

	height:50px;

	margin:0 auto;



	

}



#copyright{

	width:500px;

	height:25px;

	float:left;

	margin-top:20px;

	text-align:left;

	text-decoration:none;

	font-size:11px;

	color:#252525;

	background:#fff;

	font-family:"Helvetica",Arial,sans-serif;

	/*letter-spacing:1px;*/

}

#design{

	width:184px;

	float:right;

	height:25px;

	margin-top:20px;

	text-align:left;

	text-decoration:none;

	font-size:11px;

	color:#252525;

	background:#fff;

	font-family:"Helvetica",Arial,sans-serif;

	/*letter-spacing:1px;*/

}

#design a{

	width:122px;

	

	height:25px;

	margin-top:20px;

	text-align:left;

	text-decoration:none;

	font-size:11px;

	color:#252525;

	background:#fff;

	font-family:"Helvetica",Arial,sans-serif;

	/*letter-spacing:1px;*/

}

#design a:hover{

	width:122px;

	

	height:25px;

	margin-top:20px;

	text-align:left;

	text-decoration:none;

	font-size:11px;

	color:#c01e2e;

	background:#fff;

	font-family:"Helvetica",Arial,sans-serif;

	/*letter-spacing:1px;*/

}

.contact {

    float: left;

    height: 250px;

    width: 500px;

}

.contactmain {

    height: auto;

    width: 100%;

}

.contactcontent {

    height: 108px;

    width: 50%;

}

.contactcontent2 {

    height: auto;

    width: 100%;

	color:#C01E2E;

}

.contactcontent2 a{

    height: auto;

    width: 100%;

	color:#C01E2E;

	text-decoration:none;

}

.contactcontent2 a:hover{

    height: auto;

    width: 100%;

	color:#666666;

	text-decoration:none;

}

.contactcontent1 {

    height: 28px;

    width: 100%;

}

.red {

 color: #FFFFFF;

 border: solid 1px #b40e09;

 background:#E93A1F;

 float: right;

    

    

 background: -webkit-gradient(linear, left top, left bottom, from(#E93A1F), to(#E93A1F));

 background: -moz-linear-gradient(top,  #E93A1F, #E93A1F);

 

}

.red:hover {

 background: #b40e09;

 background: -webkit-gradient(linear, left top, left bottom, from(#b40e09), to(#b40e09));

 background: -moz-linear-gradient(top,  #b40e09,  #b40e09);

 

}

.red:active {

 color: #fff;

 background: -webkit-gradient(linear, left top, left bottom, from(#f14545), to(#f14545));

 background: -moz-linear-gradient(top,  #f14545,  #f14545);

 

}

label{margin-left:10px; font-size:13px;}

.infor-tech-hd{

	color:#1076BC;

	font-size:16px;

	font-weight: bold;

	text-align:left;

	float:left;

	margin-top: 3px;

	margin-left:20px;

	padding-bottom:10px;}

.soft-skill-hd{

	color:#f7941e;

	font-size:16px;

	font-weight: bold;

	text-align:left;

	float:left;

	margin-top: 3px;

	margin-left:20px;

	padding-bottom:10px;}

.telecom-hd{

	color:#803f98;

	font-size:16px;

	font-weight: bold;

	text-align:left;

	float:left;

	margin-top: 3px;

	margin-left:20px;

	padding-bottom:10px;}

.info-tech-icon{background:url(../img/information-tech-icon.png) no-repeat; width:30px; height:32px; float:left; padding-bottom: 10px;}

.soft-skill-icon{background:url(../img/soft-skill-icon.png) no-repeat; width:30px; height:32px; float:left; padding-bottom: 10px;}

.telecom-icon{background:url(../img/telecom-icon.png) no-repeat; width:30px; height:32px; float:left; padding-bottom: 10px;}

.softskilltxthd{text-align:right; padding-right:10px; padding-top:20px; color:#F7941E; text-transform:uppercase; font-size:15px; font-weight:bold;}

.telecomtxthd{text-align:left; padding-top:20px; color:#662d91; text-transform:uppercase; font-size:15px; font-weight:bold;}

.duration3{ width:80px; height:auto; float:right; padding-top: 20px;}

.tecomleftbox{width:200px; height:530px; border-right:3px solid #c01e2e; float:left;}

.javabox{width:1000px; height:auto; border:1px solid #ccc; float:left; margin-bottom:30px; padding-bottom:20px;  box-shadow: 0 1px 2px #999999;}

.javacontentbox{width:900px; height:auto; float:left; margin-left:60px; margin-top:20px;}

.javaleftbox{width:200px; height:200px; border-right:3px solid #c01e2e; float:left;}

.javaleftbox1{width:200px; height:255px; border-right:3px solid #c01e2e; float:left;}

.javaleftbox2{width:200px; height:145px; border-right:3px solid #c01e2e; float:left;}

.javaleftbox3{width:200px; height:138px; border-right:3px solid #c01e2e; float:left;}

.javaleftbox4{width:200px; height:93px; border-right:3px solid #c01e2e; float:left;}

.javatxthd{text-align:center; padding-top:20px; color:#1076bc; text-transform:uppercase; font-size:15px; font-weight:bold;}

.javarightbox{width:520px; height:auto; float:left; margin-left:50px;}

.javachild{padding-top:20px; /*display:list-item;*/}

.softleftbox{width:200px; height:165px; border-right:3px solid #c01e2e; float:left;}

.softleftbox1{width:200px; height:188px; border-right:3px solid #c01e2e; float:left;}

.softleftbox2{width:200px; height:140px; border-right:3px solid #c01e2e; float:left;}

.softleftbox3{width:200px; height:258px; border-right:3px solid #c01e2e; float:left;}

.softleftbox4{width:200px; height:242px; border-right:3px solid #c01e2e; float:left;}



 #scroller {

        position: relative;

    }

    #scroller .innerScrollArea {

        overflow: hidden;

        position: absolute;

        left: 0;

        right: 0;

        top: 0;

        bottom: 0;

    }

    #scroller ul {

        padding: 0;

        margin: 0;

        position: relative;

    }

    #scroller li {

        padding: 0;

        margin: 0;

        list-style-type: none;

        position: absolute;

    }



#allcontent{ width:100%; height:auto; float:left; background:#FFF;}

.headcontact{ width:auto; float:left; height:auto; padding:5px 0; color:#FFF; font-size:16px; }











/*flip*/





















.flip-container {

			-webkit-perspective: 1000;

			-moz-perspective: 1000;

			perspective: 1000;



			/*border: 1px solid #ccc;*/

		}



			

			.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {

				-webkit-transform: rotateY(180deg);

				-moz-transform: rotateY(180deg);

				transform: rotateY(180deg);

				filter: FlipH;

    			-ms-filter: "FlipH";

			}



		.flip-container, .front, .back {

			width: 46px;

			height: 50px;

			float:left;

		}



		.flipper {

			-webkit-transition: 0.6s;

			-webkit-transform-style: preserve-3d;



			-moz-transition: 0.6s;

			-moz-transform-style: preserve-3d;



			transition: 0.6s;

			transform-style: preserve-3d;



			position: relative;

		}



		.front, .back {

			-webkit-backface-visibility: hidden;

			-moz-backface-visibility: hidden;

			backface-visibility: hidden;



			position: absolute;

			top: 0;

			left: 0;

		}



		.front {

		/*	background: lightgreen;*/

			z-index: 2;

		}



		.back {

			/*background: lightblue;*/

			-webkit-transform: rotateY(180deg);

			-moz-transform: rotateY(180deg);

			transform: rotateY(180deg);

		}

		

		.front-size{ width:46px; height:50px;}

	#mod1{ background:url(../img/mod-1.png); width:196px; height:46px; float:left;}	
	#mod2{ background:url(../img/mod-2.png); width:196px; height:46px; float:left;}