@font-face {
 font-family: 'Chaparral Pro';
 src: url("ChaparralPro-Regular.eot");
 src: local('ChaparralPro'), url("ChaparralPro-Regular.otf") format('opentype');
 font-weight: normal;
 font-style: normal;
}

 @font-face {
 font-family: 'FranklinGothicURWExtComD-Dem';
 src: url("style_87528.eot");
 src: url("style_87528.eot-#iefix") format('embedded-opentype'), url("style_87528.woff") format('woff'), url("style_87528.ttf") format('truetype');
}


@font-face {
 font-family: 'SuomiHandScript';
 src: url("suomi-hand-webfont.eot");
 src: url("suomi-hand-webfont.eot-#iefix") format('embedded-opentype'), url("suomi-hand-webfont.woff") format('woff'), url("suomi-hand-webfont.ttf") format('truetype'), url("suomi-hand-webfont.svg#SuomiHandScript") format('svg');
 font-weight: normal;
 font-style: normal;
}


@font-face {
 font-family: 'DroidSerif';
 src: url("DroidSerif-Regular.eot");
 src: local('DroidSerif'), url("DroidSerif-Regular.ttf") format('truetype');
 font-weight: normal;
 font-style: normal;
}


@font-face {
 font-family: 'DroidSerif Bold';
 src: url("DroidSerif-Bold.eot");
 src: local('Droid Serif Bold'), url("DroidSerif-Bold.ttf") format('truetype');
 font-weight: normal;
 font-style: normal;
}


@font-face {
 font-family: 'DroidSerif Italic';
 src: url("DroidSerif-Italic.eot");
 src: local('Droid Serif Italic'), url("DroidSerif-Italic.ttf") format('truetype');
 font-weight: normal;
 font-style: normal;
}


body {
	background-image: url(../images/Bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
	line-height: 18px;
}


body,td,th {
	font-family:DroidSerif, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404041;
	line-height:1.8em;
	font-style: normal;
}


a {
	font-size: 12px;
	color: rgb(51, 153, 204);
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: rgb(51, 153, 204);
}
a:active {
	text-decoration: none;
}


h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}


h1 {
	font-size: 18px;
	line-height:20px;
	color: #000;
	font-family:"DroidSerif", Georgia, Arial, Helvetica, sans-serif;
}


mystyle2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #000;
} 


a.mystyle2:link {
	font-size: 12px;
	color:#000;
} 


a.mystyle2:visited {
	font-size: 12px;
	text-decoration: none;
	color:#000;
}

a.mystyle2:hover {
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
}

a.mystyle2:active {
	font-size: 12px;
	text-decoration: none;
	color:#FFF;
}



mystyle3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 21px;
	color: #FFF;
	font-style: normal;
	font-weight:normal;
} 



a.mystyle3:link {
	font-size: 10px;
	color:#CCC;
	font-style: normal;
	font-weight:normal;
} 



a.mystyle3:visited {
	font-size: 10px;
	text-decoration: none;
	color:#CCC;
	font-style: normal;
	font-weight:normal;
}

a.mystyle3:hover {
	font-size: 10px;
	text-decoration: none;
	color: #FFF;
	font-style: normal;
	font-weight:normal;
}

a.mystyle3:active {
	font-size: 10px;
	text-decoration: none;
	color:#CCC;
	font-style: normal;
	font-weight:normal;

}



/* BANNER */

#banner {
	width:1150px;
	padding-bottom:63px;
	position:relative;
	z-index:5;
	height:425px;
	background:url("../images/bg_banner.png") no-repeat bottom center; 
}

#banner #slider {
	width:1150px; /*1454*/
	/*margin:0 -100px 0 -123px;*/
	margin: 0;
	position:relative;
	overflow:hidden;
	z-index: 99;
}

#banner #slider #slides {
	/*margin:0 -100px 0 -123px;*/
}

#banner #slider .previous {
	float:left;
	position:absolute;
	left:17px;
	top:158px
}

#banner #slider .next {
	float:right;
	position:absolute;
	right:17px;
	top:158px
}

#banner #slider .slide1 {
	width:1040px;
	height:328px;
	float:left;
	background: url("../images/bg_slider1.jpg") no-repeat center; 
}

#banner #slider .slide1 aside {
	width:600px;
	float:left;
	padding:0px 0 0 80px;
	text-align:left;
	line-height:65px;
}

#banner #slider .slide1 h2 {
	font-family:"FranklinGothicURWExtComD-Dem", Arial, Helvetica, sans-serif;
	font-size:65px;
	color:#343738;
	text-transform:uppercase;
	text-shadow:#FFF 2px 0px 2px;
	text-align:left;
	line-height:60px;
	z-index:10
}

#banner #slider .slide1 aside h2 span {
	color:#FFF;
	text-shadow:#444 2px 0px 2px;
	margin-top:0px;
}

#banner #slider .slide1 h3 {
	font-family:"FranklinGothicURWExtComD-Dem", Arial, Helvetica, sans-serif;
	font-size:38px;
	color:#FFF;
	text-shadow:#444 2px 0px 2px;
	text-align:left;
	position:relative;
	line-height:60px;
	z-index:10
}

#banner #slider .slide1 h3 a:link,#banner #slider .slide1 h3 a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

#banner #slider .slide2 {
	width:1040px;
	height:328px;
	float:left;
	background: url("../images/bg_slider2.jpg") no-repeat center; 
}

#banner #slider .slide2 figure {
	float:right;
	padding-right:225px;
	padding-top:15px;
}

#banner #slider .slide2 aside {
	width:600px;
	float:left;
	padding:0px 0 0 100px;
	text-align:left;
	line-height:65px;
}

#banner #slider .slide2 aside h2 {
	font-family:"FranklinGothicURWExtComD-Dem", Arial, Helvetica, sans-serif;
	font-size:95px;
	color:#ffffff;
	text-transform:uppercase;
	text-shadow:#444 2px 0px 2px;
	margin-top:80px;
}

#banner #slider .slide2 aside h2 a:link,#banner #slider .slide2 aside h2 a:visited{
	color:#FFFFFF;
	text-decoration:none;
	padding-top:0px;
}

#banner #slider .slide2 aside h2 span {
	color:#343738;
	text-shadow:#FFF 2px 0px 2px;
	margin-top:0px;
}

#banner #slider .slide2 aside h2 span a:link,#banner #slider .slide2 aside h2 span a:visited{
	color:#343738;
	text-decoration:none;
}

#banner #slider .slide2 aside h3 {
	font-family:"DroidSerif", Georgia, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#343738;
	line-height:28px;
	padding-top:0px;
}

#banner #slider aside.slide2 h3 span {
	font-family:"DroidSerif Italic", Georgia, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#343738;
}

#banner #slider .slide3 {
	width:1040px;
	height:328px;
	float:left;
	background: url("../images/bg_slider3.jpg") no-repeat center; 
}

#banner #slider .slide3 aside {
	width:500px;
	float:left;
	padding:0px 30px 0 0px
}

#banner #slider .slide3 aside h2 {
	font-family:"FranklinGothicURWExtComD-Dem", Arial, Helvetica, sans-serif;
	font-size:95px;
	color:#ffffff;
	text-transform:uppercase;
	text-shadow:#444 2px 0px 2px;
	line-height:.78em;
	padding-bottom:12px;
	margin-top:150px;
}

#banner #slider .slide3 aside h2 span {
	color:#343738
}

#banner #slider .slide3 aside h2 a:link,#banner #slider .slide3 aside h2 a:visited{
	color:#FFFFFF;
	text-shadow:#000 2px 0px 2px;
	text-decoration:none;
}

#banner #slider .slide3 aside h2 span a:link,#banner #slider .slide3 aside h2 span a:visited{
	color:#343738;
	text-decoration:none;
	text-shadow:#FFF 2px 0px 2px;
}

#banner #slider .slide3 figure {
	float:left;
	margin:6px -48px 0 -20px
}

#banner #slider .slide3 h3 {
	width:190px;
	float:left;
	font-family:"DroidSerif Italic", Georgia, Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#FFFFFF;
	line-height:1.2em;
	padding-top:180px
}


#banner #slider .slide4 {
	width:1040px;
	height:328px;
	float:left;
	background: url("../images/bg_slider4.jpg") no-repeat center; 
}

#banner #slider .slide4 aside {
	width:600px;
	float:left;
	padding:0px 0 0 100px;
	text-align:left;
	line-height:60px;
}

#banner #slider .slide4 aside h2 {
	font-family:"FranklinGothicURWExtComD-Dem", Arial, Helvetica, sans-serif;
	font-size:75px;
	color:#ffffff;
	text-transform:uppercase;
	text-shadow:#444 2px 0px 2px;
	margin-top:45px;
}

#banner #slider .slide4 aside h2 a:link,#banner #slider .slide4 aside h2 a:visited{
	color:#FFFFFF;
	text-decoration:none;
	padding-top:0px;
}

#banner #slider .slide4 aside h2 span {
	color:#343738;
	text-shadow:#FFF 2px 0px 2px;
	margin-top:0px;
}

#banner #slider .slide4 aside h2 span a:link,#banner #slider .slide4 aside h2 span a:visited{
	color:#343738;
	text-decoration:none;
}

#banner #slider .slide4 aside h3 {
	font-family:"FranklinGothicURWExtComD-Dem", Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:bold;
	color:#FFF;
	text-shadow:#444 2px 0px 2px;
	line-height:40px;
	padding-top:0px;
}

#banner #slider aside.slide4 h3 span {
	font-family:"FranklinGothicURWExtComD-Dem", Arial, Helvetica, sans-serif;
	font-size:40px;
	color:#343738;
	text-shadow:#FFF 2px 0px 2px;
	font-weight:bold;
}

#banner .dots {
	float:right;
	position:relative;
	margin-top:15px;
	margin-bottom:-120px;
	padding-right:201px;
}

#banner .dots ul li {
    list-style:none;
	float:left;
	padding:0 2px;

	/*padding-left:9px*/
}

#banner .dots ul li a {
	width:12px;
	height:12px;
	float:left;
	background:url("../images/bg_dots2.png") no-repeat 0 0;
	text-indent:-9999px;
}

#banner .dots ul li a:hover {
	background:url("../images/bg_dots2.png") no-repeat bottom left;
}

#banner .dots ul li a.cur {
	background:url("../images/bg_dots2.png") no-repeat bottom left;
}

#banner .dots .start-stop {display: none}



#banner #boy {
	float:left;
	position:absolute;
	top:50;
	left:346px;
}





/* BANNER - BOX*/

#banner #whitebar {
	width:1150px;
	height:100px;
	float:left;
	background:url("../images/bg_whitebar.png") no-repeat;
}



#apDiv1 {
	position: absolute;
	left: 30px;
	top: 300px;
	width: 160px;
	height: 160px;
	z-index: 999999;
	text-align: left;
}



#apDiv2 {
	position: absolute;
	left: 186px;
	top: 340px;
	width: 980px;
	height: 82px;
	z-index: 999999;
	vertical-align: middle;
}



		

/* Nav Button */
#main-nav
{	margin: 0;
	padding: 0;
	float: left;
	z-index: 9999;
	}



	#main-nav li
	{	float: left;
		list-style: none;
		font-size: 1.2em;
		margin-left: 3px;
		position: relative;
		}



	#main-nav li a
	{	display: block;
		background: url(http://www.img.vishtech.com.my/nav-off.png) repeat-x top #000;
		padding: 12px 32px;
		text-decoration: none;
		color: #EEE;
		white-space: nowrap;
		-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
		-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;border-top:1px #CCC solid; border-left:1px #CCC solid; border-right:1px #CCC solid;
		}



	#main-nav li.selected a
	{	background: url(http://www.img.vishtech.com.my/nav-on.png) repeat-x bottom #FFF;
	    color: #242424;
	}

		

		#main-nav li ul
		{	margin: 0;
			padding: 0 0 15px 0;
			position: absolute;
			left: -15px;
			margin-bottom: 0px;
			visibility: hidden;
			background: url(http://www.img.vishtech.com.my/shadow.png) bottom no-repeat;
			z-index: 200;
			}

		

			#main-nav li ul li
			{	float: none;
				display: inline;
				font-size: 1em;
				margin: 0;
				padding: 0;
				}

			

			#main-nav li ul li a

			{	width: 160px;
				background: #f2f2f2;
				color: #242424;
				padding: 9px 16px;
				margin-right: 15px;
				margin-left: 15px;
				border-top: 1px solid #FFF;
				border-bottom: 1px solid #bfbfbf;
				-moz-border-radius: 0; -webkit-border-radius: 0;}

				

				#main-nav span .t {
					border-top: none;
				}

				#main-nav span .b {
					border-bottom: none;
				}

				

				#main-nav span span {
					background: #cc0000;
					color: #FFF;
					font-size: 0.8em;
					-moz-border-radius: 2px; -webkit-border-radius: 2px;
					padding: 2px 4px 1px 4px;
					position: relative;
					bottom: 1px;
					left: 5px;
				}

				

				#main-nav span2 {
					background: #000;
					color: #FFF;
					font-size: 0.4em;
					-moz-border-radius: 2px; -webkit-border-radius: 2px;
					padding: 2px 4px 2px 4px;
					position: relative;
					bottom: 2px;
					left: 0px;
					margin-right:5px;
				}

				

				#main-nav li.selected span a
				{	background: #f2f2f2;
				}



				#main-nav li.selected span a:hover
				{	background: #DDD;
				}

	

			#main-nav .bcurve {
				height: 3px;
				background: #242424;
				-moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px;
				-webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px;
				margin: 0 15px;
			}

#main-nav #signup a {
	background: #c50000;
    color: #EEE;
}

#main-nav #signup a:hover {	
    background: url(http://www.img.vishtech.com.my/signup.png) repeat-x top #de7309;
}









/* Footer */

mystyle3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	color: #FFF;
} 

a.mystyle3:link {
	font-size: 10px;
	color:#CCC;
} 

a.mystyle3:visited {
	font-size: 10px;
	text-decoration: none;
	color:#CCC;
}

a.mystyle3:hover {
	font-size: 10px;
	text-decoration: none;
	color: #FFF;
}

a.mystyle3:active {
	font-size: 10px;
	text-decoration: none;
	color:#CCC;
}

div.skypebanner {
	font-size: 80% /*smaller*/;
	font-weight: bold;
	text-align: right;
	position: fixed;
	width: 30em;
	right: 0px;
	bottom: 0px;
	margin-bottom:0px;
	z-index:9999;
}