div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */

html, body {height:100%; width:100%;margin:0; padding:0;min-width:700px;}
ol, ul {list-style: none;}
body {
	/*background: url(/images/bg_pattern.png) 50% 50% repeat #000;*/
	color:#fff;
}

@font-face {
	font-family: erasMD;
	src: url(/font/ERASMD.TTF);
}

h1, h1, h3 {margin:auto;font-family:"tahoma",sans-serif;color:black;font-weight:200;font-size:16px; }
p {margin:auto;font-family:"tahoma",sans-serif;color:black;font-weight:normal;font-size:12px;line-height: 18px;font-size:12px;}
.floater {
	float:left;
	height:50%;
	margin-top:-310px;
	position:relative;
}

.center {
	clear:both;
	width:900px; height:580px;
	position:relative;
	margin:0 auto;
}

#content {
	font-weight:normal; font-family:Helvetica, Arial, sans-serif;
	color:#fff;
}
.footer{width:100%;height:40px;bottom:0;background:white;position:relative;}
.showcase{clear:both;width:100%;height:510px;background:#000;top:30px;}
.sn{width:18%;height:30px;top:0px;float:right; font-family:"tahoma",sans-serif;font-size:12px;padding-top:15px;}

.logo {width:140px;height:auto;float:left;margin:auto;}
.logo img {height:25px;width:auto;margin-top:8px;}

.menu{width:640px;height:auto;float:right;margin-right:10px;margin-top:12px; }
.nav {padding:auto;font-family: "erasMD", sans-serif;font-size:11px;letter-spacing:1px;font-weight:normal; float:right;text-transform:uppercase;}
.nav li { list-style:none; display:inline;}
.nav li a:link, .nav li a:visited {   text-decoration:none; color:black; padding:3px 10px ;width:100px;}
.nav li a:hover{ text-decoration:none;color:green;}
.nav li a.first {font-family: "tahoma", sans-serif;font-size:11px;color:green;font-weight:normal;border:none;padding:3px 10px; letter-spacing:1px;}
#social { width: 80px; height:23px;  float:right; margin-top:0px;position:relative;z-index:20;}
#social a { width: 23px; height:23px; display: block; background: url('../images/social-media.png') no-repeat 0 0; float: left; outline: none; float: left; margin-right: 4px; text-indent: -9999px; overflow: hidden;}
#social a.fb { background-position: 0 0;}
#social a.fb:hover { background-position: 0 -23px;}
#social a.twitter { background-position: -23px 0;}
#social a.twitter:hover { background-position: -23px -23px;}
#social a.googleplus { background-position: -46px 0; margin-right: 0;}
#social a.googleplus:hover { background-position: -46px -23px;}

#slideshow {clear:both;width:900px;height:510px;overflow:hidden;position:relative;}
#slideshow div img {height:510px;width:auto;margin:auto;overflow:hidden;}

div .title {position:absolute;bottom:0px;border-top:1px solid green; width:220px;height:80px;background:url(../images/bg-title.png)repeat;display:block;height:35px;text-shadow:1px 1px 1px #000;margin-left:680px;}
div .title .wrap-title {width:100%;height:30px;margin-top:3px;}
.categories-project { width:220px;font-family:"erasMD", sans-serif; color:white; font-size:11px; text-align:left;padding-top:8px;letter-spacing:1px;text-transform: uppercase;font-weight:normal;z-index:555}
#nav-showcase {clear:both;width:900px; height:50px; position:absolute; top:45%;margin:auto;z-index:20;}
#prev {width:30px; height:30px; float:left;overflow:hidden;}
#next {width:30px; height:30px; float:right;}


/*popup*/
#backgroundPopup{
display:none;position:fixed;height:100%;width:100%;top:0;left:0;background:#000000;z-index:999;}
#popupContact{
	clear:both;
	width:760px; height:480px;
	position:relative;
	margin:auto;
display:none;position:fixed;
background:#FFFFFF;
z-index:9992;
color:#000;
font-size:13px;
font-family: "tahoma",sans-serif;

}
.title-pop{margin:auto 28px auto 10px ;}
#popupContact h1{
	margin-top: 8px;
	margin-bottom:5px;
text-align:left;
color:#000;
font-size:18px;
text-transform: uppercase;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:0px;
top:0px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
cursor:pointer;
}
#button{
cursor:pointer;
text-align:center;
margin:auto;
}
#button2{
cursor:pointer;
text-align:center;
margin:auto;
}
#button3{
cursor:pointer;
text-align:center;
margin:auto;
}
.content{margin:auto; width:700px; height:400px; padding:20px 20px 0px 20px; overflow:auto; background:#fff;}
/* scrollbar */
.rollbar-path-vertical, .rollbar-path-horizontal {
	position: absolute;
	background-color: #000;
	background-color: rgba(0,00,00,0.5); 
	z-index: 100;
}

.rollbar-path-vertical {
	right: 5px; 
	top: 0; 
	height: 100%; 
	width: 10px; 
}


/* rollbar paths inner shadow */
.rollbar-path-vertical {
 	box-shadow: inset 1px 0px 1 rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 0px 1 rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 0px 0 rgba(0,0,0,0.1);
}


/* rollbar handle style */
 
.rollbar-handle{
	position: relative;
	top: 0;
	left: 0;
	background-color:white; 
}

.rollbar-path-vertical .rollbar-handle {
	height: 20%;
	width: 100%;
} 



/* round corners for rollbar handle and paths */

.rollbar-path-vertical,
.rollbar-path-horizontal,
.rollbar-handle {
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
 
/* End scrollbar */
.wrap-content {padding:0px 20px 0px 0px; }
.wrap-content img {padding:10px 0px 10px 0px;}

/* Page Project  */
#menu-project {width:220px; height:60px; float:right; left:680px;position:absolute;z-index:50; }
#nav-bar {width: 220px; float: left; font-family:"erasMD", sans-serif; font-size:13px; letter-spacing:0.5px;}
#nav-bar li a {display: block;padding: 10px 15px;background:url(../images/bg-title.png)repeat;border-top: 1px solid white;border-bottom: 1px solid black;text-decoration: none;color: white;}
#nav-bar li a:hover, #nav-bar li a.active {background: green;color: #fff;}
#nav-bar li ul {display: none;list-style: none;}
#nav-bar li ul li a {list-style: none;height:16px;background:url(../images/bg-gray.png)repeat;border-bottom: 1px dotted #ccc;font-size:13px;}
.shadow-top { height:50px; width:220px; background:url(../images/bg-shadow-top.png) top   repeat-x;position:fixed;opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=5);display:block;overflow:hidden;}
.shadow-bottom {margin-top:140px;height:50px; width:220px; background:url(../images/bg-shadow-bottom.png) bottom   repeat-x; position:fixed;opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=5);display:block; overflow: hidden;}
#acc-section1 {height:188px; width:300px;display:block;}
#acc-section2 {height:188px; }
#acc-section3 {height:188px;}
#acc-section4 {height:188px;}
#acc-section5 {height:188px;}
#acc-section6 {height:188px;}
a:focus {outline: none;}
#acc-section1 a { width:270px;}
#acc-section2 a { width:270px;}
#acc-section3 a { width:270px;}
#acc-section4 a { width:270px;}
#acc-section5 a { width:270px;}
#acc-section6 a { width:270px;}
#panelbox{margin-top:0px;z-index:60;}
#panel {height: auto;display: none;overflow: hidden;}
.slide2 {position:absolute;border-top:1px solid #03c05f;border-bottom:1px solid black;width:220px;height:40px;margin-top:0;padding: 0;background:url(../images/bg-title.png)repeat;}
.btn-slide2 					{background: url(../images/white-arrow.png) no-repeat right -44px;text-align: center;width: 130px;height: 31px;padding-top:15px;margin: 0 35px;display: block;font-family:"erasMD", sans-serif; font-size:12px; color: #fff;text-decoration: none; letter-spacing:1px;text-transform:uppercase; }
.active 						{background-position: right 15px;}
#menu-sidebar 					{width:220px;height:510px;bottom:25px;top:0px;}
.sidebar-title					{width:180px; height:10px;  border-bottom:1px solid black; color:white;padding:20px;}
.sidebar-title h1 				{font-family:"tahoma", sans-serif; font-size:12px; color:white;}
#menu-sidebar ul li  			{ width:180px;border-top:1px solid white; border-bottom:1px solid black;padding:10px 20px;display:block;} 
#menu-sidebar ul li a 			{ font-family:"tahoma", sans-serif;font-size:12px;color:white; text-decoration:none;letter-spacing:1px;}
#menu-sublink					{ font-family:"tahoma", sans-serif;font-size:11px;color:white; text-decoration:none;letter-spacing:1px;}
#menu-sublink a:hover 			{color:#03c05f;}
.link-sidebar-bottom 			{border-top:1px solid white;}

#menu-sidebar ul li a:hover 	{color:#03c05f;}
#paging 						{width:200px;height:30px; padding:11px;bottom:65px; position:absolute;}
#pagination 					{display:block;text-align:center;height:22px;line-height:21px;clear:both;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;}
#pagination a:link, #pagination a:visited{width:15px; height:15px; padding:7px;padding-top:4px;padding-bottom:2px;border:1px solid #000;margin-left:-5px;text-decoration:none;background-color:#4e4e4e;color:white;font-weight:normal;font-size:12px;}
#pagination a:hover 			{background-color:white;border:1px solid white;color:#000;  }
#pagination a.active-link 		{width:8px; height:8px;padding:4px 6px 2px 6px;border:1px solid #000;margin-left:-5px;text-decoration:none;background-color:green;color:white;cursor:hand;font-size:12px;}
#pagination a.disabled-pagination {width:8px; height:8px;padding:1px 6px 1px 6px; border:1px solid #000;margin-left:-5px;text-decoration:none;background-color:#4e4e4e;color:gray;cursor:hand;font-size:15px;}
.next-paging 					{font-size:15px;}
#arrows 						{width:15px; height:15px; background:url(../images/img-arrow-bottom.png)no-repeat;margin-left:50px;position:absolute;margin-top:-12px;}
#arrows-career 					{width:15px; height:15px; background:url(../images/img-arrow-bottom.png)no-repeat;margin-left:70px;position:absolute;margin-top:-12px;}
#arrows-partner 				{width:15px; height:15px; background:url(../images/img-arrow-bottom.png)no-repeat;margin-left:100px;position:absolute;margin-top:-15px;}
#arrows-public 					{width:15px; height:15px; background:url(../images/img-arrow-bottom.png)no-repeat;margin-left:90px;position:absolute;margin-top:-12px;}
.link-team h1					{ font-family:"tahoma", sans-serif;font-size:12px;color:white; text-decoration:none;letter-spacing:1px;}
.link-team a h2 				{ font-family:"tahoma", sans-serif;font-size:11px;color:white; text-decoration:none;letter-spacing:1px;padding-top:4px;}
.link-team a:hover h2 			{ color:#03c05f;}
.link-team						{width:280px;border-top:1px solid white; border-bottom:1px solid black;padding:10px 10px;}
.link-team	a 					{text-decoration:none;}
/* Partner Page */
#title-partner 					{width:620px; height:10%; top:0px;}
#title-partner h1 				{padding-top:15px;font-family:"tahoma", sans-serif; font-size:20px; color:black; letter-spacing:1px;margin:10px 0px 0px 0px;}
.partner-wrap 					{width:100%;}
.partner-wrap tr td 			{width:180px; height:80px;padding-top:20px;padding-right:10px;text-align:center; line-height:15px;text-decoration:none ;}
.block-partner img 				{border:1px solid gray;}
.partner-wrap tr td a 			{font-family:"tahoma", sans-serif; font-size:14px; color:black; text-decoration:none;color:black;}
.partner-wrap tr td a:hover 	{color:green; opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=5);}
/* Contact Page */
#contact-wrap 					{width:580px;height:100%; background:#fff; float:left;padding:0px 20px 20px 20px;border-top:2px solid red;}
#contact 						{width:920px; height:80%;top:10px; bottom:60px;position:absolute; overflow: scroll;}
#contact-left 					{width:450px; height:auto;float:left;margin-right:20px;}
#contact-right 					{width:410px; height:auto; background:white;float:right;}
#title-contact 					{width:100%; height:50px; padding-top:10px;top:0px; font-family:"tahoma", sans-serif; font-size:18px; color:white; letter-spacing:1px;}
#detail-contact 				{width:500px; height:auto;font-family:"tahoma", sans-serif; font-size:12px; color:black; letter-spacing:1px;margin-bottom:20px;}
#detail-contact tr td 			{padding:10px 0px 10px 0px;}
#detail-contact tr td a 		{color:black;text-decoration:none}
#detail-contact tr td a:hover 	{color:#03c05f;}
#message 						{width:100%; height:auto;font-family:"tahoma", sans-serif; font-size:12px; color:black; letter-spacing:1px; bottom:0px;}
#message h1						{font-size:14px}
#message tr td 					{padding:10px 0px 10px 0px;}
.address 						{width:80%;}
.input-bg 						{border:0px;font-family: "helvetica",sans-serif; font-size:14px;font-weight:normal; color:black;letter-spacing:1px;padding:10px 10px 10px 10px; background:white; width:270px;-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px;}
.text-area 						{width:274px; height:100px;border:0px;font-family: "helvetica",sans-serif; font-size:14px;font-weight:normal; color:black;letter-spacing:1px;padding:5px 5px 5px 10px; background:white;overflow: hidden;resize: none;-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px;}
.btn 							{margin:0px 0px 0px 0px;float:right;}
#gmap 							{padding:20px 20px 0px 20px;width:185px;height:500px;}
.partner-wrap tr td img 		{width:100%;height:100%;}
#leftmenu						{width:220px; height:440px; bottom:0px;overflow:scroll;}


.side-right						{border-top:1px solid green;right:0;bottom:25px;width:220px; height:510px;background:rgba(0,0,0,0.8);float:right;position:absolute;z-index:99;}
.side-left					{border-top:1px solid red;bottom:25px;width:680px; height:510px;background:rgba(225,225,225,0.8);float:left;position:absolute;z-index:99;}
#title{padding:10px 20px 10px 20px;width:90%}
#title h2 {font-size:14px; color:black;margin:5px auto;}
.content-detail{padding:0px 20px 0px 20px;margin:auto; width:600px; height:420px; overflow:auto;}


#title-partner 					{width:620px; height:10%; top:0px;}
#title-partner h1 				{padding-top:15px;font-family:"tahoma", sans-serif; font-size:14px; color:black; letter-spacing:1px;margin:10px 0px 0px 0px;}
.partner-wrap 					{width:100%;}
.partner-wrap tr td 			{width:180px; height:80px;padding-top:20px;padding-right:10px;text-align:center; line-height:15px;text-decoration:none ;}
.block-partner img 				{border:1px solid gray;}
.partner-wrap tr td a 			{font-family:"tahoma", sans-serif; font-size:12px; color:black; text-decoration:none;color:black;}
.partner-wrap tr td a:hover 	{color:green; opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=5);}