/*-------------------------

	Simple reset

--------------------------*/





*{

	margin:0;

	padding:0;

}





/*-------------------------

	General Styles

--------------------------*/





html{

	background:url('../img/bg.jpg') #fff;

}



a, a:visited {

	text-decoration:none;

	outline:none;

	color:#54a6de;

}



a:hover{

	text-decoration:underline;

}



section, footer{

	display: block;

}





/*----------------------------

	Styling the presentation

-----------------------------*/





#impress:not(.impress-not-supported) .step{

	opacity:0.4;

}



#impress .step{

	width:400px;

	height: 400px;

	position:relative;

	margin:0 auto;



	-moz-transition:1s opacity;

	-webkit-transition:1s opacity;

	transition:1s opacity;

}



#impress .step.active{

	opacity:1;

}



#impress h2{

	font: normal 44px/1.5 'PT Sans Narrow', sans-serif;

	color:#444648;

	position:absolute;

	z-index:10;

}



#impress p{

	font: normal 18px/1.3 'Open Sans', sans-serif;

	color:#27333f;

	position:absolute;

	z-index:10;

}



#impress img{

	position:absolute;

	z-index:1;

}



#showdow{

	box-shadow:2px -2px 10px 3px #888, inset 2px -2px 10px 3px #888;

}



.arrow{

	width:32px;

	height:54px;

	background:url('../img/arrows.png') no-repeat;

	position:fixed;

	top:50%;

	margin-top:-27px;

	cursor:pointer;

	text-indent:-9999px;

	overflow:hidden;

	opacity:0.8;

	border:none !important;

	text-decoration:none !important;

	

	-moz-transition:0.2s opacity;

	-webkit-transition:0.2s opacity;

	transition:0.2s opacity;

}



.arrow:hover{

	opacity:1;

}



#arrowLeft{

	left:45px;

}



#arrowRight{

	right:45px;

	background-position:top right;

}



/* Hide the arrows if impress is not supported */



#impress.impress-not-supported + .arrow,

#impress.impress-not-supported + .arrow + .arrow{

	display:none;

}





/*------------------------------------------

	Slide 1 - Casino Floor Control System

-------------------------------------------*/

#impress #cfcs{

	width: 600px;

}



#cfcs h2{

	text-align: center;

   width: 100%;

}



#cfcs p{

	font-size: 20px;

	left: 250px;

	line-height: 1.6;

	top: 150px;

	white-space: nowrap;

}



#cfcs img{

	top: 120px;

}





/*------------------------------------

	Slide 2 - Personal Mobile Project

-------------------------------------*/

#impress #pmd{

	width: 675px;

}



#pmd h2{

	left: 0;

	top: 135px;

	width: 400px;

}



#pmd p{

	left: 50px;

	text-align: justify;

	text-indent: 16px;

	top: 225px;

	width: 365px;

}



#pmd img{

	right: 0;

   top: 70px;

}



/*----------------------------

	Slide 3 - Connect

-----------------------------*/

#impress #jbca{

	width: 560px;

}



#jbca h2{

	left: 0;

	top: 250px;

	width: 100%;

	text-align:center;

}



#jbca p{

	left:50%;

	margin-left:-245px;

   text-align: left;

   top: 340px;

   width: 490px;

}



#jbca img{

	right: 0;

   top: 30px;

}





/*----------------------------

	Slide 4 - Mobile Demo

-----------------------------*/

#impress #md{

	width: 620px;

}



#md h2{

	left: 0;

    text-align: left;

    top: 170px;

}



#md p{

	left: 32px;

    top: 255px;

    width: 280px;

}



#md img{

	right: 0;

   top: 50px;

}





/*---------------------------------

	Slide 5 - Desktop Development

----------------------------------*/

#impress #dd{

	width: 690px;

}



#dd h2{

	left: 0;

	text-align: center;

	top: 10px;

	width: 100%;

}



#dd p{

	font-size: 15px;

	left: 45px;

	text-indent: 15px;

	top: 119px;

	width: 402px;

}



#dd img{

	right: 0;

   top: 200px;

}



/*----------------

	Slide 6 - Xin

-----------------*/

#impress #xin{

	width: 620px;

}



#xin h2{

	left: 0;

	text-align: left;

	top: 100px;

}



#xin p{

	left: 32px;

	top: 200px;

	width: 280px;

}



#xin img{

	right: 0;

   top: 50px;

}



/*----------------------------

	Slide 7 - Webusmail.

-----------------------------*/

#impress #webusmail{

	width: 560px;

}



#webusmail h2{

	left: 0;

	top: 270px;

	width: 100%;

	text-align:center;

}



#webusmail p{

	left:50%;

	margin-left:-245px;

   text-align: left;

   top: 360px;

   width: 490px;

}



#webusmail img{

	right: 0;

   top: 30px;

}

/*-------------------

	Slide 8 - Chuong

--------------------*/

#impress #chuong{

	width: 620px;

}



#chuong h2{

	left: 0;

   text-align: left;

   top: 100px;

}



#chuong p{

	left: 32px;

	top: 200px;

	width: 280px;

}



#chuong img{

	right: 0;

   top: 50px;

}



/*----------------------------

	Slide 9 - Networld Sol.

-----------------------------*/

#impress #nws{

	width: 560px;

}



#nws h2{

	left: 0;

	top: 280px;

	width: 100%;

	text-align:center;

}



#nws p{

	left:50%;

	margin-left:-245px;

   text-align: left;

   top: 370px;

   width: 490px;

}



#nws img{

	right: 0;

   top: 30px;

}



/*-------------------

	Slide 10 - Bacc

--------------------*/

#impress #bacc{

	width: 620px;

}



#bacc h2{

	left: 0;

   text-align: left;

   top: 100px;

}



#bacc p{

	left: 32px;

	top: 200px;

	width: 280px;

}



#bacc img{

	right: 0;

   top: 50px;

}



/*------------------

	Slide 11 - Hotel

--------------------*/

#impress #hotel{

	width: 650px;

}



#hotel h2{

	text-align: center;

   width: 100%;

}



#hotel p{

	font-size: 20px;

	left: 230px;

	line-height: 1.6;

	top: 150px;

	white-space: nowrap;

}



#hotel img{

	top: 120px;

}





/*----------------------------

	The Footer

-----------------------------*/

footer{

	background-color: #111111;

	bottom: 0;

	box-shadow: 0 -1px 2px #111111;

	height: 45px;

	left: 0;

	position: fixed;

	width: 100%;

	z-index: 100000;

}



footer h2{

	color: #EEEEEE;

	font-size: 14px;

	font-weight: normal;

	left: 50%;

	margin-left: -400px;

	padding: 13px 0 0;

	position: absolute;

	width: 540px;

}



footer h2 i{

	font-style:normal;

	color:#888;

}



footer a.tzine,a.tzine:visited{

	color: #999999;

	font-size: 12px;

	left: 50%;

	margin: 16px 0 0 110px;

	position: absolute;

	text-decoration: none;

	top: 0;

}



footer a i{

	color:#ccc;

	font-style: normal;

}



footer a i b{

	color:#c92020;

	font-weight: normal;

}