@charset "utf-8";
/* CSS Document */

	/* Common */
		html, body { margin:0px; padding:0px; width:100%; background:#e6e6e6; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4f4f4f; line-height:20px; letter-spacing:0.2px; }
		body { overflow-x:hidden; }
		image { border:0px; }
		table { border:0px; border-collapse:collapse; border-spacing:0; margin:0px; padding:0px; width:100%; height:100%; }
		table tr td { margin:0px; padding:0px; vertical-align:top; }
		input { font-family:Arial, Helvetica, sans-serif; color:#4f4f4f; }
		textarea { font-family:Arial, Helvetica, sans-serif; color:#4f4f4f; }
		.submit-button { background:#3e4251; color:#ffffff; border:0px; padding:5px 15px 5px 15px; cursor:pointer; }
		.reset-button { background:#f7f7f7; color:#686868; border:0px; padding:5px 15px 5px 15px; cursor:pointer; }
		.reset-button:hover {background:#3e4251; color:#ffffff; }
	
	/* General */
		.standard_padding { height:10px; overflow:hidden; clear:both; }
	
	/* Header */
		#header { position:absolute; top:0px; left:50%; z-index:10000; }
		#logo-home { background:url(images/logo_white.png) no-repeat; width:325px; height:102px; overflow:hidden; position:absolute; top:33px; left:-162px; }
		#logo { background:url(images/logo.png) no-repeat; width:325px; height:102px; overflow:hidden; position:absolute; top:33px; left:-162px; }
	
	/* Container */
		#content-container { height:579px; width:100%; z-index:1000; overflow:hidden; }
		#content-container.inner { background:url(images/inner_bg.jpg) repeat-x; }
		
		.home-photo-container { position:absolute; top:0px; left:50%; }
		.home-photo-container .home-photo { position:absolute; top:0px; left:-750px; width:1500px; height:579px; }
		.home-photo-container .control { position:absolute; top:0px; left:50%; }
		.home-photo-container .btn_prev { position:absolute; left:-500px; top:300px; background:url(images/btn_prev.png); width:36px; height:60px; overflow:hidden; z-index:10000; cursor:pointer; }
		.home-photo-container .btn_next { position:absolute; left:500px; top:300px; background:url(images/btn_next.png); width:36px; height:60px; overflow:hidden; z-index:10000; cursor:pointer; }
	
	/* Footer */
		#footer { background:url(images/menu_bg.png) center top no-repeat; height:102px; width:100%; overflow:hidden; }
		
		/* Menu */
			#menu { margin:0px auto 0px auto; padding:0px; list-style:none; width:644px; }
			#menu li { margin:0px; padding:0px; float:left; }
			#menu li a:hover div { background-position:0px -53px; }
			#menu li .home { background:url(images/menu/home.png); width:69px; height:53px; overflow:hidden; }
			#menu li .intro { background:url(images/menu/intro.png); width:207px; height:53px; overflow:hidden; }
			#menu li .project { background:url(images/menu/project_references.png); width:170px; height:53px; overflow:hidden; }
			#menu li .customers { background:url(images/menu/customers.png); width:109px; height:53px; overflow:hidden; }
			#menu li .contact { background:url(images/menu/contact.png); width:89px; height:53px; overflow:hidden; }
			
		#footer .copyright { clear:both; text-align:center; width:100%; color:#686868; font-size:10px; text-transform:uppercase; }
			
			
			
			
		/* Intro */
			.intro-container { width:922px; height:451px; overflow:hidden; margin:128px auto 0px auto; position:relative; }
			.intro-container .left { width:438px; background:#aaaaaa; vertical-align:middle; text-align:center; }
			.intro-container .right { background:url(images/intro/content-bg.png); }
			.intro-container .intro-content { width:407px; height:360px; position:absolute; top:46px; left:38px; overflow:hidden; }
			.intro-container .intro-content .text { position:absolute; top:0px; left:0px; text-align:justify; }
			.intro-container .intro-content .text p { margin:0px; padding:0px 0px 20px 0px; }
			.intro-container .btn_up { background:url(images/intro/btn_up.png); width:30px; height:25px; overflow:hidden; position:absolute; top:410px; left:380px; cursor:pointer; }
			.intro-container .btn_up:hover { background-position:0px -25px; }
			.intro-container .btn_down { background:url(images/intro/btn_down.png); width:30px; height:25px; overflow:hidden; position:absolute; top:410px; left:420px; cursor:pointer; }
			.intro-container .btn_down:hover { background-position:0px -25px; }
			
		/* Contact */
			.contact-container { width:922px; height:451px; overflow:hidden; margin:128px auto 0px auto; position:relative; }
			.contact-container .left { width:226px; vertical-align:middle; text-align:right; }
			.contact-container .middle { width:323px; vertical-align:bottom; }
			.contact-container .middle .address-container { background:url(images/contact/mid.png); width:295px; height:458px; margin:auto; }
			.contact-container .middle .address-container .detail { padding:120px 55px 0px 55px; line-height:16px; }
			.contact-container strong { font-size:15px; }
			.contact-container .right { vertical-align:bottom; padding-bottom:30px; }
			.contact-container .right .form { width:325px; }
			.contact-container .right .form .input { border:1px solid #bcbcbc; padding:3px 5px 3px 5px; width:200px; }
			.contact-container .right .form textarea { border:1px solid #bcbcbc; padding:3px 5px 3px 5px; width:200px; height:130px; }
			.contact-container .right .form td { padding-bottom:8px; }
			
		/* Customers */
			.customers-container { width:922px; height:451px; overflow:hidden; margin:128px auto 0px auto; position:relative; }
			.customers-container .left { width:224px; vertical-align:middle; text-align:center; }
			.customers-container .menu { margin:0px; padding:0px; list-style:none; }
			.customers-container .menu li { margin:0px; padding:6px 0px 6px 0px; }
			.customers-container .menu li a { color:#000000; text-decoration:none; }
			.customers-container .menu li a img { display:none; }
			.customers-container .menu li a:hover { color:#777777; }
			.customers-container .menu li a:hover img { display:inline-block; }
			.customers-container .menu li a.select img { display:inline-block; }
			.customers-container .right { padding-top:85px; }
			
			.customers-list .title { font-size:20px; padding:0px 0px 0px 70px; }
			.customers-list .content { padding:10px 0px 0px 70px; line-height:24px; }
			
		/* Project */
			.project-container { height:451px; width:100%; overflow:hidden; margin-top:128px; position:relative; }
			.project-container .item-container { position:absolute; top:0px; left:0px; display:none; }
			.project-container .item { width:150px; overflow:hidden; position:absolute; top:0px; left:0px; }
			.project-container .item .title { position:absolute; bottom:0px; left:0px; padding:0px 0px 30px 0px; color:#ffffff; font-size:15px; text-align:center; text-transform:uppercase; width:100%; z-index:100; }
			.project-container .item .title div { padding:0px 20px 0px 20px; }
			.project-container .item .shadow { position:absolute; bottom:0px; left:0px; background:url(images/project/title_bg.png) repeat-x; width:100%; height:123px; overflow:hidden; z-index:90; }
			
			.project-container .btn_prev { position:fixed; left:10px; top:50%; background:url(images/btn_prev.png); width:36px; height:60px; overflow:hidden; z-index:10000; cursor:pointer; }
			.project-container .btn_next { position:fixed; right:10px; top:50%; background:url(images/btn_next.png); width:36px; height:60px; overflow:hidden; z-index:10000; cursor:pointer; }
			
			
			/* Detail */
				#project-detail { position:fixed; top:0px; left:0px; z-index:100000; width:100%; height:100%; overflow:hidden; }
				#project-detail .bg { background:#000000; opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90); position:absolute; top:0px; left:0px; width:100%; height:100%; }
				#project-detail .title-bg { background:url(images/project/detail_shadow.png); width:100%; height:135px; overflow:hidden; position:absolute; bottom:0px; left:0px; }
				#project-detail .logo { background:url(images/project/detail_logo.png); width:211px; height:80px; overflow:hidden; position:absolute; bottom:20px; left:30px; }
				#project-detail .image { position:absolute; top:0px; left:0px; }
			
				#project-detail .copyright { position:absolute; bottom:20px; left:0px; width:100%; text-align:center; font-size:9px; color:#686868; text-transform:uppercase; }
				#project-detail .info-container { position:absolute; bottom:50px; left:50%; }
				#project-detail .info-container .info { width:600px; text-align:center; color:#ffffff; position:absolute; bottom:0px; left:-300px; }
				#project-detail .info-container .info .name { font-size:20px; margin-bottom:5px; }
				#project-detail .info-container .info .line { background:url(images/project/line.png); width:365px; height:1px; overflow:hidden; margin:7px auto 5px auto; }
				#project-detail .info-container .info .category_name { font-size:9px; text-transform:uppercase; }
				
				#project-detail .pdf { position:absolute; bottom:50px; right:30px; }
				#project-detail .pdf a { color:#ffffff; text-decoration:none; }
				
				#project-detail .btn_close { background:url(images/project/btn_close.png); width:122px; height:68px; position:absolute; top:30px; right:-13px; z-index:100000; cursor:pointer; }
				#project-detail .btn_prev { position:fixed; left:10px; top:50%; background:url(images/btn_prev.png); width:36px; height:60px; overflow:hidden; z-index:10000; cursor:pointer; }
				#project-detail .btn_next { position:fixed; right:10px; top:50%; background:url(images/btn_next.png); width:36px; height:60px; overflow:hidden; z-index:10000; cursor:pointer; }