/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video,clock{display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */

.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden;}
.wrapper1 {width:100%;overflow:hidden; text-align:left; margin-left:38px;}
/* Global properties */
body {background:#fff;border:0; font:15px Arial, Helvetica, sans-serif; color:#6f6f6f;line-height:18px;min-width:960px;-webkit-user-select: none;
-moz-user-select: none;-ms-user-select: none;user-select:none;}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);behavior:url(../js/PIE.htc);position:relative;}
/* Global Structure */
.main {margin:0 auto;width:960px}
.body1 {background:url(../images/bg_top.jpg) top center no-repeat #eee;}
.body2 {background:#f7f7f7}

/* main layout */
a {color:#1d8bce;text-decoration:underline;outline:none;}
a:hover {text-decoration:none}
h1 {font-size:30px;line-height:40px;padding-left:48px;}
h2 {font-size:25px;line-height:36px;color:#2c2d2e;padding:16px 0 12px 0;}
p {padding-bottom:20px;line-height:1.75em}
/* header */
header {width:100%;overflow:hidden;padding-bottom:186px;position:relative}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
#logo_box {background:#039;padding:38px 0 22px 0px;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;box-shadow:0 1px 3px #b7b7b7;-moz-box-shadow:0 1px 3px #b7b7b7;-webkit-box-shadow:0 1px 3px #b7b7b7;behavior:url(../js/PIE.htc);position:absolute;z-index:2;margin-top:-18px;width:100%;height:48px;overflow:hidden;}
#logo {color:#fff;text-decoration:none;}
#logo span {font-size:17px;color:#a6a6a6;vertical-align:baseline;}
#logoimg{
	background: url(../images/logo.png) no-repeat;
	border:0;
    position:absolute;
	width: 100%;
	height:60px;
	margin-left:20px;
	margin-top:0px;
	 -webkit-box-reflect: below -30px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent) , to(rgba(250, 250, 250, 0.28)));
}
header nav {border:1px solid #bebebe;background:url(../images/menu_bg.gif) bottom repeat-x;padding-top:36px;height:47px;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;behavior:url(js/PIE.htc);position:absolute;top:52px;z-index:1;padding-left:10px;}
#menu {width:948px;}
#menu li {float:left;padding-left:30px;background:url(../images/menu_line.gif) right 18px no-repeat;padding-right:30px;letter-spacing: 0;
text-shadow: 0px 1px 0px #999,0px 8px 7px #001135;}
#menu .bg_none {background:none;padding-right:0;margin-right:0;}
#menu li a {display:block;font-size:17px;color:#2c2d2e;text-decoration:none;line-height:47px;}
#menu li a:hover{color:#06F; font-weight:500; marker-offset:inherit;}

#menu #menu_active a {color:#FC0;}
.text1 {font-family:"Lucida Console", Monaco, monospace;font-size:38px;color:#545454;padding:168px 0 0 47px;line-height:48px;letter-spacing:1px;}
.text2 {font-family:"Lucida Console", Monaco, monospace;font-size:56px;line-height:36px;color:#1d8bce;padding:0 0 0 60px;letter-spacing:-1.2px;}
#icons {font-size:20px;line-height:22px;color:#5151521;padding:0 0 0 531px;letter-spacing:-1px;margin-top:-10px;height:22px;overflow:hidden;}
#icons li {float:left;padding-left:10px;}
#icons span {padding-right:13px;}
/* content */
#content {position:relative;padding-bottom:35px;}
.marg_top { position:relative;margin-top:-168px;z-index:11;}
.marg_top2 {margin-top:11px;}
.pad_left1 {padding-left:24px;}
.pad {padding:0 30px;}
.pad_bot1 {padding-bottom:22px;}
.marg_right1 {margin-right:20px;}
.nbsp {font-size:0;line-height:0;display:block;}
.box1_out {background:url(../images/box1_out_bg.png) repeat;border-bottom:1px solid #e6e6e6;border-right:1px solid #eaeaea;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(../js/PIE.htc);position:relative;padding:5px;}
.box1 {background:url(../images/box1_bg.gif) bottom repeat-x #fff;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:1px 1px 2px #c1c1c1;-moz-box-shadow:1px 1px 2px #c1c1c1;-webkit-box-shadow:1px 1px 2px #c1c1c1;behavior:url(js/PIE.htc);position:relative;padding:0 28px 0 30px;}
.box1_bot {background:url(../images/box1_bot_bg.gif) top repeat-x;}
.box1_bot_left {background:url(../images/box1_bot_left.gif) top left no-repeat;}
.box1_bot_right {background:url(../images/box1_bot_right.gif) top right no-repeat;height:24px;}
.box2 {background:#fafafa;border-right:1px solid #ededed;border-bottom:1px solid #ededed;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(../js/PIE.htc);position:relative;padding-bottom:15px;}
.button {position:relative;margin-bottom:-30px;font-size:17px;text-transform:uppercase;color:#fff;line-height:32px;text-decoration:none;background:url(../images/button2_bg.gif) top repeat-x;display:inline-block;}
.button span {display:block;background:url(../images/button2_left.jpg) top left no-repeat;}
.button span span {padding:0 18px;height:47px;background:url(../images/button2_right.jpg) top right no-repeat;}
.button:hover {color:#FFD700; font-weight:600;}
.img {position:absolute;bottom:-32px;right:0px}
#imgTechnician{width:148px;height:150px;}
.color1 {color:#000}
.under {padding-bottom:25px;background:url(../images/line_hor1.gif) bottom repeat-x;margin-bottom:20px;}
.list1 {margin:-6px 0;}
.list1 li {line-height:28px;}
.list1 li a {padding-left:19px;}
.list1 ul {padding-left:19px;margin-top:-30px;}
/* footer */
footer {width:100%;overflow:hidden;padding-bottom:36px;}
footer h2 {font-size:21px;color:#2c2d2e;line-height:26px;padding:33px 0 15px 0;}
footer .list1 {margin:-3px 0;}
footer .list1 li {line-height:28px;}
.under2 {padding-bottom:30px;line-height:0;font-size:0;height:0;border-bottom:1px solid #ededed;margin:0 25px 35px;}
.font_size {font-size:12px;}
/* forms */
.input {background:url(../images/input_bg.gif) top repeat-x;border:1px solid #CCC;font:14px Arial, Helvetica, sans-serif;height:18px;padding:5px 10px;color:#00F;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;behavior:url(../js/PIE.htc);position:relative;}
.bg {border:1px solid #d9d9d9;border-bottom:1px solid #f7f7f7;border-right:1px solid #f7f7f7;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(../js/PIE.htc);position:relative;margin-bottom:15px;}

#ContactForm {line-height:30px;font-weight:bold;letter-spacing:-1px;width:100%;}
#ContactForm a {float:right;margin-bottom:0;background:url(../images/button3_bg.gif) top repeat-x;margin-top:5px;}
#ContactForm a span {background:url(../images/button3_left.jpg) top left no-repeat;}
#ContactForm a span span {background:url(../images/button3_right.jpg) top right no-repeat;}
#ContactForm .bg {float:right;margin-bottom:10px;}
#ContactForm .input {width:761px;}
#ContactForm .textarea {background:url(../images/input_bg.gif) bottom repeat-x;border:1px solid #CCC;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;behavior:url(../js/PIE.htc);position:relative;}
#ContactForm textarea {overflow:auto;height:298px;width:761px;padding:5px 10px;background:none;font:14px Arial, Helvetica, sans-serif;color:#00F; resize:none;}

.errorPage{background:url(../images/logo.png) center top no-repeat; width:100%; height:100%; text-align:center; vertical-align:middle;}
.errorPage span{font-size:6.8em; font-weight:600; line-height:2.6em; text-shadow:5px 1px #999;opacity:0.8;}
.errorPage span img{
	position:relative;
	vertical-align:middle;
	left: 10px;
	top: -8px;
}
.errorPage p{font-size:2.8em; font-weight:600; line-height:1.4em;}
.errorPage a{font-size:1em; font-weight:600; text-decoration:none;}
.errorPage a:hover{ text-shadow:#368; text-decoration:underline;text-shadow: 1px 0px #999;}

@media screen and (min-width: 479px){
#descrcription{
    font-size:8px;
}
#detailFrame{
	position:fixed;
	left:9%;
	top:0px;
	width:800px;
	height:680px;
	border: 1px;;
	display:none;
	outline: 9999px solid rgba(10,0,10,1);
	z-index:99;
	text-align:center;
	background-color:#3CF;
}
#detaiPage{
	 width:798px;
	 height:650px;
	 margin-top:4px;
	border:0;
	border-radius:3px;
	overflow:hidden;
	outline: 1px solid #3CF;
	
}

#vendLogo{position:relative; margin-left:280px;}


#imgFrame{
	position:fixed; 
	top: 20%; 
	left: 8%;
	width: 680px; ; 
	height: 510px; 
	margin-left: 100px; 
	margin-top: -128px;
	text-align: center;
	z-index: 999;
	outline: 9999px solid rgba(10,0,10,1);
	display:none;
	background-color:rgba(30,139,206,0.85);

}
#tipFrame{
	position:fixed; 
	top: 20%; 
	left:10%; 
	width: 600px; 
	height: 480px; 
	text-align:center;
	margin-left: 100px; 
	margin-top: -128px;
	z-index: 999;
	outline: 9999px solid rgba(10,0,10,1);
	display:none;
	background-color:rgba(255,234,255,0.85);

}
}

@media screen and (max-width: 800px){
#descrcription{
    font-size:14px;
}
#detailFrame{
	position:fixed;
	left:12%;
	top:0px;
	width:600px;
	height:445px;
	border: 1px;;
	display:none;
	outline: 9999px solid rgba(10,0,10,1);
	z-index:999;
	text-align:center;
	background-color:#3CF;
}
#detaiPage{
	 width:598px;
	 height:415px;
	 margin-top:4px;
	border:0;
	border-radius:3px;
	overflow:auto;
	outline: 1px solid #3CF;
	
}

#imgFrame{
	position:absolute; 
	top: 29%; 
	left: 6%;
	width: 480;
	height: 380px; 
	text-align: center;
	z-index: 999;
	outline: 9999px solid rgba(10,10,10,0.8);
	display:none;
	background-color:#1E8BCE;
}
#Topology1{
	background:url(../images/flow/home.jpg) center top no-repeat;
	margin-top:1%;
	position:fixed;
	height:380px;
	width:480;
	border:0;
	z-index:10;
	background-color:#FFF;
}
#Topology2{
	background:url(../images/flow/office.jpg) center top no-repeat;
margin-top:1%;
	position:fixed;
	height:380px;
	width:480;
	border:0;
	z-index:10;
	background-color:#FFF;
}
#Topology3{
	background:url(../images/flow/1001.jpg) center top no-repeat;
	margin-top:1%;
	position:fixed;
	height:380px;
	width:480;
	border:0;
	z-index:10;
	background-color:#FFF;
}
#Topology4{
	background:url(../images/flow/mc.jpg) center top no-repeat;
margin-top:1%;
	position:fixed;
	height:380px;
	width:480;
	border:0;
	z-index:10;
	background-color:#FFF;
}
#Topology5{
	background:url(../images/flow/office_sme.jpg) center top no-repeat;
	margin-top:1%;
	position:fixed;
	height:380px;
	width:480;
	border:0;
	z-index:10;
	background-color:#FFF;
}
#tipFrame{
	position:absolute; 
	top: 29%; 
	left:10%; 
	width: 600px; 
	height: 480px; 
	text-align:center;

	z-index: 999;
	outline: 9999px solid rgba(10,10,10,0.8);
	display:none;
	background-color:rgba(255,234,255,0.85);

}
}

@media screen and (min-width: 1024px){
    #descrcription{
    font-size:14px;
}
#detailFrame{
	position:fixed;
	left:15%;
	top:0px;
	width:720px;
	height:630px;
	border:1px;;
	display:none;
	outline: 9999px solid rgba(10,0,10,1);
	z-index:99;
	text-align:center;
	background-color:#3CF;
}
#detaiPage{
	 width:718px;
	 height:600px;
	 margin-top:4px;
	border:0;
	border-radius:3px;
	overflow:auto;
	outline: 1px solid #3CF;
	
}


#imgFrame{
	position:fixed; 
	top: 20%; 
	left: 8%;
	width: 680px; ; 
	height: 510px; 
	margin-left: 100px; 
	margin-top: -128px;
	text-align: center;
	z-index: 999;
	outline: 9999px solid rgba(10,0,10,1);
	display:none;
	background-color:rgba(30,139,206,0.85);

}
#tipFrame{
	position:fixed; 
	top: 20%; 
	left:10%; 
	width: 600px; 
	height: 480px; 
	text-align:center;
	margin-left: 100px; 
	margin-top: -128px;
	z-index: 999;
	outline: 9999px solid rgba(10,0,10,1);
	display:none;
	background-color:rgba(255,234,255,0.85);

}
}

@media screen and (min-width: 1280px){
    #descrcription{
    font-size:14px;
}
#detailFrame{
	position:fixed;
	left:18%;
	top:0px;
	width:780px;
	height:700px;
	border: 1px;;
	display:none;
	outline: 9999px solid rgba(10,0,10,1);
	z-index:99;
	text-align:center;
	background-color:#3CF;
}
#detaiPage{
	 width:778px;
	 height:600px;
	 margin-top:4px;
	border:0;
	border-radius:3px;
	overflow:auto;
	outline: 1px solid #3CF;
	
}

#imgFrame{
	position:fixed;
    top:0%;
	left: 28%;
	width: 680px; ; 
	height: 480px; 
	margin-left: 100px; 
	margin-top: 0px;
	text-align: center;
	z-index: 999;
	outline: 9999px solid rgba(10,0,10,1);
	display:none;
	background-color:rgba(30,139,206,0.9);

}
#tipFrame{
	position:fixed; 
	top:0%;
	left:28%; 
	width: 600px; 
	height: 480px; 
	text-align:center;
	margin-left: 110px; 
	margin-top: 0px;
	z-index: 999;
	outline: 9999px solid rgba(10,0,10,1);
	display:none;
	background-color:rgba(255,234,255,0.9);

}
}

@media screen and (min-width: 1366px){
    #descrcription{
    font-size:14px;
}
#detailFrame{
	position:fixed;
	left:18%;
	top:0px;
	width:860px;
	height:628px;
	border: 1px;;
	display:none;
	outline: 9999px solid rgba(10,0,10,1);
	z-index:99;
	text-align:center;
	background-color:#3CF;
}
#detaiPage{
	 width:858px;
	 height:600px;
	 margin-top:4px;
	border:0;
	border-radius:3px;
	overflow:auto;
	outline: 1px solid #3CF;
	
}



#imgFrame{
	position:fixed; 
	top: 20%; 
	left: 18%;
	width: 680px; ; 
	height: 600px; 
	margin-left: 100px; 
	margin-top: -128px;
	text-align: center;
	z-index: 99;
	outline: 9999px solid rgba(10,0,10,1);
	display:none;
	background-color:rgba(30,139,206,0.85);

}
#tipFrame{
	position:fixed; 
	top: 20%; 
	left:20%; 
	width: 600px; 
	height: 480px; 
	text-align:center;
	margin-left: 100px; 
	margin-top: -128px;
	z-index: 99;
	outline: 9999px solid rgba(10,0,10,1);
	display:none;
	background-color:rgba(255,234,255,0.85);

}
}

@media screen and (min-width: 1920px){
    #descrcription{
    font-size:14px;
}
#detailFrame{
	position:fixed;
	left:18%;
	top:0px;
	width:1200px;
	height:987px;
	border: 1px;;
	display:none;
	outline: 9999px solid rgba(10,0,10,1);
	z-index:99;
	text-align:center;
	background-color:#3CF;
}
#detaiPage{
	 width:1198px;
	 height:957px;
	 margin-top:4px;
	border:0;
	border-radius:3px;
	overflow:auto;
	outline: 1px solid #3CF;
	
}


#imgFrame{
	position:fixed;
    top:18%;
	left: 26%;
	width: 680px; ; 
	height: 480px; 
	margin-left: 100px; 
	margin-top: 0px;
	text-align: center;
	z-index: 999;
	outline: 9999px solid rgba(10,0,10,1);
	display:none;
	background-color:rgba(30,139,206,0.9);

}
#tipFrame{
	position:fixed; 
	top:18%;
	left:28%; 
	width: 600px; 
	height: 480px; 
	text-align:center;
	margin-left: 110px; 
	margin-top: 0px;
	z-index: 999;
	outline: 9999px solid rgba(10,0,10,1);
	display:none;
	background-color:rgba(255,234,255,0.9);

}
}
#tip1,#tip2,#tip3,#tip4,#tip5,#tip6{
	padding-left:15px;
	padding-right:15px;
	line-height:30px;
	overflow:auto;
	width:570px;
	height:450px;
	text-align:left;;
	background-color:#fff;
}

#Topology1{
	background:url(../images/flow/home.jpg) center top no-repeat;
	margin-top:1%;
	position:absolute;
	height:570px;
	width:680px;
	border:0;
	z-index:10;
	background-color:#FFF;

}
#Topology2{
	background:url(../images/flow/office_small.jpg) center top no-repeat;
	margin-top:1%;
	position:absolute;
	height:570px;
	width:680px;
	border:0;
	z-index:10;
	background-color:#FFF;
}
#Topology3{
	background:url(../images/flow/1001.jpg) center top no-repeat;
	margin-top:1%;
	position:absolute;
	height:570px;
	width:680px;
	border:0;
	z-index:10;
	background-color:#FFF;
}
#Topology4{
	background:url(../images/flow/mc.jpg) center top no-repeat;
	margin-top:1%;
	position:absolute;
	height:570px;
	width:680px;
	border:0;
	z-index:10;
	background-color:#FFF;
}
#Topology5{
	background:url(../images/flow/office_sme.jpg) center top no-repeat;
	margin-top:1%;
	position:absolute;
	height:570px;
	width:680px;
	border:0;
	z-index:10;
	background-color:#FFF;
}

/* Buttons  */
#detailFramClose{
	text-align:right;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:10px;
	margin-top:5px;
	color:#333;
	font-weight:bold;
}
#detailFramClose:hover{
	color:#FFF;
}

#btnBooking{
  position:absolute;
  width: 184px;
  height:38px;
  border-radius:6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 -ms-border-radius: 6px;
 -o-border-radius: 6px;
  position:relative;
 cursor:pointer;
 background-color:#09F;
 background: -webkit-gradient(linear, left top, left bottom, from(#09F), to(#06F));
 	background: -webkit-linear-gradient(top, #09F, #06F);
	background: -moz-linear-gradient(top, #09F, #06F);
	background: -ms-linear-gradient(top, #09F, #06F);
	background: -o-linear-gradient(top, #09F, #06F);
	background: linear-gradient(top, #09F, #06F);
	border:1px solid #06F;
	border-left:1px solid #09F;
	border-right:1px solid #06F;
	border-bottom:1px solid #09F;
 display:inline-block;
 background-repeat:repeat-x;
 color:#FFF;
 font-size:14px;
 text-transform:uppercase;
 box-shadow:0 0 6px rgba(10, 10, 10, .8);	
 outline:none;
 transition: opacity .8s;
 bottom:10px;
 right:6px;
}


#btnBooking:hover{
	color:#FFD700;
	font-weight:500;
	}
#btnBooking:active{
    background-color:#999;
	border-top: 2px solid #6FF;
	border-bottom: 2px solid #69F;
}


#btnClose1,#btnClose2,#btnClose3,#btnClose4,#btnClose5{ 
  cursor:pointer;
  font-family:Arial, Helvetica, sans-serif;
  width:28px;
  height:32px;
  position:relative;
  margin-left:650px;
  border:0;
 background-color:#1E8BCE;
  font-size:22px;
  border-radius:2px; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
  font-weight:400;
  color:#FFF;
  outline:none;
}

#btnClose6 ,#btnClose7, #btnClose8, #btnClose9, #btnClose10, #btnClose11{ 
  cursor:pointer;
  font-family:Arial, Helvetica, sans-serif;
  width:28px;
  height:28px;
  position:relative;
  margin-left:572px;
 background-color:#39F;
  font-size:20px;
  border-radius:2px; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
  font-weight:400;
  color:#FFF;
  outline:none;
}
#btnClose1:hover,#btnClose2:hover,#btnClose3:hover,#btnClose4:hover,#btnClose5:hover,#btnClose6:hover,#btnClose7:hover,#btnClose8:hover,#btnClose9:hover,#btnClose10:hover,#btnClose11:hover{ 
	opacity:0.85;
    color:#000;
    background-color:#F9F;
}

#btnClose1:active,#btnClose2:active,#btnClose3:active,#btnClose4:active,#btnClose5:active,#btnClose6:active,#btnClose7:active,#btnClose8:active,#btnClose9:active,#btnClose10:active,#btnClose11:active{
      position:relative;
      border-top: 2px solid #6FF;
      border-bottom: 2px solid #69F;
} 

#btnService1,#btnService2,#btnService3,#btnService4,#btnService5{
    font-family:Arial, Helvetica, sans-serif;
    background: -webkit-gradient(linear, left top, left bottom, from(#6CF), to(#03F));
 	background: -webkit-linear-gradient(top, #6CF, #03F);
	background: -moz-linear-gradient(top, #6CF, #03F);
	background: -ms-linear-gradient(top, #6CF, #03F);
	background: -o-linear-gradient(top, #6CF, #03F);
	background: linear-gradient(top, #6CF, #03F);
    border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;;
    display:inline-block;
    cursor:pointer;
   	font-weight:200;
	color:#FFF;
    text-decoration:none;
    text-shadow:0px 1px 0px #03F;
    outline:none;
 -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent) , to(rgba(250, 250, 250, 0.15)));
}

#btnService:hover{
background-color:#5cbf2a;
}
#btnService:active{
  position:relative;
  top:2px;
  background-color:#6CF;

}