html {
	overflow: hidden;
}

body {
	margin: 0;
	padding: 0;
	background-color: #000000;
	background-image: url(../img/bgfill11.jpg);
	background-repeat: repeat-x;
}

p, ul, ol, dl, li, dt, dd, blockquote {
	padding: 1;
	margin-left: 15px;
	margin-top: 0;
	margin-bottom: 0;
	border: 0;
}

#container {
	position: absolute;
	width: 1000px;
	top: 0px;
	left: 50%;
	margin-left: -450px;
}

#box {
	background-color: #000000;
	top: 1px;
	left: 0px;
	position: relative;
	width: 900px;
	height: 540px;
	 background-image: url(../img/newBG7-500.JPG); 
	/** background-image: url(../img/Clouds1-14-500.JPG); **/
	background-repeat: no-repeat;
}
#movingBaloons {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.balPosL1 {
	position: absolute;
	top: 50px;
	left: 270px;
	border: 0px;
	hspace: 0px;
}
.balPosL2 {
	position: absolute;
	top: 80px;
	left: 380px;
	border: 0px;
	hspace: 0px;
}
.balPosL3 {
	position: absolute;
	top: 110px;
	left: 490px;
	border: 0px;
	hspace: 0px;
}
.balPosR3 {
	position: absolute;
	top: 110px;
	left: 320px;
	border: 0px;
	hspace: 0px;
}
.balPosR2 {
	position: absolute;
	top: 80px;
	left: 430px;
	border: 0px;
	hspace: 0px;
}
.balPosR1 {
	position: absolute;
	top: 50px;
	left: 540px;
	border: 0px;
	hspace: 0px;
}

.balPosC {
	position: absolute;
	top: 140px;
	left: 406px;
	border: 0px;
	hspace: 0px;
}


#tranBaloons {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 100%;
	height: 80%;
	background-image: url(../img/tran-baloons3.gif);
	background-position: top center; 
	background-repeat: no-repeat;
}

#aniDtwo {
	position: absolute;
	top: 200px;
	left: 70px;
	width: 80%;
	height: 50px;
	background-image: url(../img/ani-dtwo-bl.gif);
	background-position: top center; 
	background-repeat: no-repeat;
}

#logoPos {
	position: absolute;
	top: 450px;
	left: 5px;
}

#navigationPos {
	position: absolute;
	top: 500px;
	left: 420px;
	width: 480px;
	text-align: right;
	right: 0px;
}

#newsPos {
	position: absolute;
	top: 450px;
	left: 300px;
	height:150px;
	width: 300px;
}

#planeImg {
	position: absolute;
	top: 10px;
	left: 550px;
}

#d2Img {
	position: absolute;
	top: 20px;
	left: 189px;
}

#labelPos {
	position: absolute;
	top: 0px;
	left: 20px;
}

.navigationFont {
	font-family: "Arial";
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
}

.navigationFont:hover {
	color: #cc0000;
}

.navigationFont_2 {
	font-family: "Arial";
	font-size: 14px;
	color: #ff9933;
	text-decoration: none;
}

#wrapBox {
	top: 1px;
	left: 0px;
	position: relative;
	width: 900px;
	height: 540px;
	background-repeat: no-repeat;

}

#boxContents {
	position: absolute;
	top: 20px;
	left: 120px;
}

#aboutBox {
	top: 1px;
	left: 0px;
	position: relative;
	width: 900px;
	height: 540px;
	/** background-image: url(../img/newBG7-500.JPG); **/
	/** background-image: url(../img/Clouds1-1-500.JPG); **/
	background-repeat: no-repeat;

}

#aboutContents {
	position: absolute;
	top: 20px;
	left: 120px;
}

#aboutDetails {
	position: absolute;
	top: 50px;
	left: 50px;
}

.largetitle_en {
	font-family: "Arial";
	font-size: 16px;
	font-style: "bold";
	color: #fff2e2;
	padding-bottom: 25px;
}

.values_en {
	font-family: "Arial";
	font-size: 14px;
	color: #fff2e2;
	padding-bottom: 25px;
}

.logo_font {
	font-family: "Arial";
	font-size: 28px;
	font-style: italic;
	text-decoration: underline;
	color: #eac912;
	padding-bottom: 25px;
}
.logo_msg_font {
	font-family: "Arial";
	font-size: 12px;
	font-style: italic;
	color: #9b0d0d;
	padding-bottom: 25px;
}

.labelHeader {
	font-family: "Dotum";
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	color: #9b0d0d;
	padding-bottom: 25px;
}

#pageLabelHeader {
	position: absolute;
	top: 20px;
	left: 50px;
	width: 350px;
	height: 40px;
	/** font-family: "A.C.M.E. Secret Agent"; **/
	font-family: "Monotype Corsiva";
	font-size: 26px;
	font-style: underline;
	color: #222;
	padding-bottom: 25px;
	text-transform: uppercase;
}

/* if inside the contents box
#pageHeaderLogo {
	position: absolute;
	top: 0px;
	left: 545px;
	padding-bottom: 25px;
}
*/
#pageHeaderLogo {
	position: absolute;
	top: 7px;
	left: 736px;
	padding-bottom: 25px;
}

#mainContBox {
	position: absolute;
	top: 50px;
	left: 70px;
	width: 700px;
	height: 410px;
	display: block;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #ffffff; 
	
	overflow: auto;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;
	scrollbar-darkshadow-color: blue;
	scrollbar-shadow-color: pink;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #cacaca;

	/**border-color: #9b0d0d; **/
}

#ProfileDTWO {
	position: absolute;
	top: 50px;
	left: 70px;
	width: 700px;
	height: 410px;
	display: block;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #ffffff; 
	
	overflow: auto;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;
	scrollbar-darkshadow-color: blue;
	scrollbar-shadow-color: pink;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #cacaca;

	/**border-color: #9b0d0d; **/
}

#msgFromCEO {
	position: absolute;
	top: 50px;
	left: 70px;
	width: 700px;
	height: 410px;
	display: none;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #ffffff; 
	
	overflow: auto;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;
	scrollbar-darkshadow-color: blue;
	scrollbar-shadow-color: pink;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #cacaca;
}

#AboutDTWO {
	position: absolute;
	top: 50px;
	left: 70px;
	width: 700px;
	height: 410px;
	display: none;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #ffffff; 
	
	overflow: auto;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;
	scrollbar-darkshadow-color: blue;
	scrollbar-shadow-color: pink;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #cacaca;

	/**border-color: #9b0d0d; **/
}


hr {
	border-top: 0px dotted #641313;
	border-bottom: 1px dotted #641313;
	width: 60%;
	text-align: left;
	margin-left: 0px;
} 

/** ======= News ========= **/
#media {
	position: absolute;
	top: 50px;
	left: 70px;
	width: 700px;
	height: 410px;
	display: block;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #fff; 
	overflow: auto;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;
	scrollbar-darkshadow-color: blue;
	scrollbar-shadow-color: pink;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #cacaca;
}

#speech {
	position: absolute;
	top: 50px;
	left: 70px;
	width: 700px;
	height: 410px;
	display: none;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #fff; 
}
#panel {
	position: absolute;
	top: 50px;
	left: 70px;
	width: 700px;
	height: 410px;
	display: none;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #fff; 
}
#organization {
	position: absolute;
	top: 50px;
	left: 70px;
	width: 700px;
	height: 410px;
	display: none;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #fff; 
}
#sponsor {
	position: absolute;
	top: 50px;
	left: 70px;
	width: 700px;
	height: 410px;
	display: none;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #fff; 
}


/** ======= Management Team ======== **/
#ceo {
	position: absolute;
	top: 50px;
	left: 70px;
	width: 700px;
	height: 410px;
	display: block;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #fff; 
}

#director {
	position: absolute;
	top: 50px;
	left: 70px;
	width: 700px;
	height: 410px;
	display: none;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #fff; 
}

#advisory {
	position: absolute;
	top: 50px;
	left: 70px;
	width: 700px;
	height: 410px;
	display: block;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #fff; 
}

/** ======= Services ======== **/

#servicesNav {
	position: absolute;
	top: 110px;
	left: 0px;
	width: 190px;
	height: 300px;
	font-family: "Nimbus Script";
	font-size: 20px;
	font-color: #222;
}


#itservices {
	position: absolute;
	top: 50px;
	left: 70px;
	width: 700px;
	height: 410px;
	display: none;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #fff; 

	overflow: auto;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;
	scrollbar-darkshadow-color: blue;
	scrollbar-shadow-color: pink;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #cacaca;
}

#itconsulting {
	position: absolute;
	top: 50px;
	left: 70px;
	width: 700px;
	height: 410px;
	display: none;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #fff; 

	overflow: auto;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;
	scrollbar-darkshadow-color: blue;
	scrollbar-shadow-color: pink;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #cacaca;
}

#conservices {
	position: absolute;
	top: 50px;
	left: 70px;
	width: 700px;
	height: 410px;
	display: none;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #fff; 

	overflow: auto;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;
	scrollbar-darkshadow-color: blue;
	scrollbar-shadow-color: pink;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #cacaca;
}

#opmodel {
	position: absolute;
	top: 50px;
	left: 70px;
	width: 700px;
	height: 410px;
	display: none;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #ffffff; 

	overflow: auto;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;
	scrollbar-darkshadow-color: blue;
	scrollbar-shadow-color: pink;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #cacaca;
}

#bizareas {
	position: absolute;
	top: 50px;
	left: 70px;
	width: 700px;
	height: 410px;
	display: block;
	padding: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #ffffff; 

	overflow: auto;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;
	scrollbar-darkshadow-color: blue;
	scrollbar-shadow-color: pink;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #cacaca;
}

.servicesNavFont {
	/** font-family: "Nimbus Script"; **/
	font-family: "Dotum";
	font-size: 12px;
	color: #ffffff;
}

.servicesNavFont:hover {
	color: #cc5555;
}

.infoText {
	font-family: "Arial";
	font-size: 14px;
	/** color: #f4f25e; **/
	color: #ffffff;
}

.labelText {
	font-family: "Arial";
	font-size: 14px;
	/** color: #f4f25e; **/
	color: #222222;
}


/** ======= Services - END======== **/

/** ======= Case Study ======== **/

#caseNav {
	position: absolute;
	top: 110px;
	left: 0px;
	width: 190px;
	height: 300px;
}

.caseNavHeadFont {
	font-family: "Nimbus Script";
	font-size: 18px;
	color: #222;
}

.caseNavFont {
	font-family: "Dotum";
	font-size: 12px;
	color: #ffffff;
}

.caseNavFont:hover {
	color: #cc5555;
}

#case1 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 700px;
	height: 360px;
	display: block;
}

#case2 {
	display: none;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 700px;
	height: 360px;
}

#case3 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 700px;
	height: 360px;
	display: none;
}

#case4 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 700px;
	height: 360px;
	display: none;
}

#case5 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 700px;
	height: 360px;
	display: none;
}

#case6 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 700px;
	height: 360px;
	display: none;
}

#case7 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 700px;
	height: 360px;
	display: none;
}

#case8 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 700px;
	height: 360px;
	display: none;
}

#case9 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 700px;
	height: 360px;
	display: none;
}

#case10 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 700px;
	height: 360px;
	display: none;
}

#case11 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 700px;
	height: 360px;
	display: none;
}

#case12 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 700px;
	height: 360px;
	display: none;
}

#case13 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 700px;
	height: 360px;
	display: none;
}

#case14 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 700px;
	height: 360px;
	display: none;
}

#case15 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 700px;
	height: 360px;
	display: none;
}



/** ======= Case Study - End ======== **/


/** ========Contact ========= **/

#contact {
	position: absolute;
	top: 0px;
	left: 5px;
	width: 220px;
	height: 400px;
	display: block;
}

#contactMap {
	position: absolute;
	top: 0px;
	left: 230px;
	width: 460px;
	height: 400px;
	display: block;
}

/** ========Contact - End========= **/

/** ======== Solutions ==========**/
#cio1 {
	position: absolute;
	top: 70px;
	left: 320px;
	width: 350px;
	height: 300px;
	display: block;
}
#cio2 {
	position: absolute;
	top: 70px;
	left: 320px;
	width: 350px;
	height: 300px;
	display: none;
}
#cio3 {
	position: absolute;
	top: 70px;
	left: 320px;
	width: 350px;
	height: 300px;
	display: none;
}
#cio4 {
	position: absolute;
	top: 70px;
	left: 320px;
	width: 350px;
	height: 300px;
	display: none;
}
#cio5 {
	position: absolute;
	top: 70px;
	left: 320px;
	width: 350px;
	height: 300px;
	display: none;
}
#cio6 {
	position: absolute;
	top: 70px;
	left: 320px;
	width: 350px;
	height: 300px;
	display: none;
}

#cioOut1 {
	position: absolute;
	top: 300px;
	left: 220px;
	display: none;
	background-image: "./img/ciosupport-out.gif";
}

#cioOut1 {
	position: absolute;
	top: 83px;
	left: 100px;
	display: block;
	background-image: url(../img/ciosupport-out.gif);
	background-repeat: no-repeat;
}
#cioOut2 {
	position: absolute;
	top: 133px;
	left: 188px;
	display: none;
	background-image: url(../img/ciosupport-out.gif);
	background-repeat: no-repeat;
}
#cioOut3 {
	position: absolute;
	top: 230px;
	left: 190px;
	display: none;
	background-image: url(../img/ciosupport-out.gif);
	background-repeat: no-repeat;
}

#cioOut4 {
	position: absolute;
	top: 280px;
	left: 98px;
	display: none;
	background-image: url(../img/ciosupport-out.gif);
	background-repeat: no-repeat;
}
	
#cioOut5 {
	position: absolute;
	top: 228px;
	left: 8px;
	display: none;
	background-image: url(../img/ciosupport-out.gif);
	background-repeat: no-repeat;
}
#cioOut6 {
	position: absolute;
	top: 130px;
	left: 8px;
	display: none;
	background-image: url(../img/ciosupport-out.gif);
	background-repeat: no-repeat;
}

.migSerDiv {
	border-style:solid;
	border-width:2px;
}
/** ======== Solutions End ==========**/

/** ======= Products CUBOT ========= **/
#cubot_bi {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 690px;
	height: 410px;
	display: none;
}

#cubot_about {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 690px;
	height: 410px;
	display: block;
}

#cubot_clients {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 690px;
	height: 410px;
	display: none;
}

#cubot_RD {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 690px;
	height: 410px;
	display: none;
}

/** ======= Products CUBOT End ========= **/