/*---------------------------------------------------------------
	GLOBAL
---------------------------------------------------------------*/
/*FONT*/
@import url(https://fonts.googleapis.com/css?family=Cuprum:400,400italic);

@import url(https://fonts.googleapis.com/css?family=Radley:400,400italic);


::selection {
    background: #fff;
    color: #000;
}
::-moz-selection {
    background: #fff;
    color: #000;
}

body {
	font-size:15px;
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif, "微軟正黑體", "Microsoft JhengHei","儷黑","Pro：LiHei Pro", sans-serif;
	position: absolute;
	min-width: 960px;
	min-height: 480px;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	background: #0c2017;
	line-height:26px;
	text-align:justify;
}

a {
	text-decoration: none;
	outline: 0;
	color:#fff;
}
h3{ font-size:15px;}
p{ margin:0; padding:0}

strong {
	font-weight: 700;
}

img {
	border: 0;
}

.hidden {
	display:none;
}

#backg {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
}



/*-- MOBILE PERFORMANCE CSS3 MEDIA QUERIES
NOTE: DISBLED HERE > OPTIMIZED USING JAVASCRIPT DETECT.
FEEL FREE TO ACTIVATE INSTEAD FOR A RESPONSIVE WORKAROUND
@media only screen and (max-device-width: 900px) {

	body {
	}

	#top, #bottom, #left, #right {
		display: none;
	}

	.vegas-overlay {
		display: none;
	}
}
*/

/*-- HEADER --*/
#header {
	position: absolute;
	top: 50px;
	left: 90px;
	z-index: 999;
}

/*-- BACKGROUND IMG (EXCEPT HOME & FULLSCREEN GALLERY PAGE) --*/
img.bg {
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}

	/*-- CSS3 MEDIA QUERY --*/
	@media screen and (max-width: 1024px) {
		img.bg {
			left: 50%;
			margin-left: -512px; }
	}










/*---------------------------------------------------------------
	MENU
---------------------------------------------------------------*/
#menu {
	position: absolute;
	top: 30%;
	left:0;
	text-align:center;
	width:137px;
	padding:15px;
	z-index: 998;
	background-color: #101010;
	background-color: rgba(16, 16, 16, 0.5);
}

#menu ul {
	list-style: none;
	font-weight: 400;
	font-size: 15px;
	line-height: 30px;
	text-shadow: 0px 2px 3px #000;
}


/* TRICK FOR MENU SHADOW ON IE
   ACTIVATE UNDER YOUR OWN RISK! (CRAPPY IE!)
.ie #menu ul li a {
	filter: shadow(Color=#333333, Direction=135, Strength=4);
}
*/



#menu ul .level_1 {
	font-size: 13px;
	line-height: 25px;
	margin-left:15px;
	padding-top:128px;
	height:192px;
	top:-125px;
	position: absolute;
	width:80px;
	background-color: #101010;
	background-color: rgba(16, 16, 16, 0.5);
}

#menu ul .level_2 {
	font-size: 13px;
	line-height: 25px;
	margin-left:15px;
	padding-top:91px;
	height:229px;
	top:-155px;
	position: absolute;
	width:60px;
	background-color: #101010;
	background-color: rgba(16, 16, 16, 0.5);
}

#menu ul .level_3 {
	font-size: 13px;
	line-height: 25px;
	margin-left:15px;
	padding-top:124px;
	height:196px;
	top:-185px;
	position: absolute;
	width:60px;
	background-color: #101010;
	background-color: rgba(16, 16, 16, 0.5);
}

#menu ul .level_4 {
	font-size: 13px;
	line-height: 25px;
	margin-left:15px;
	padding-top:125px;
	height:196px;
	top:-215px;
	position: absolute;
	width:80px; /*helen1211修改*/
	background-color: #101010;
	background-color: rgba(16, 16, 16, 0.5);
}

/*#menu ul .level_5 {
	font-size: 13px;
	line-height: 25px;
	margin-left:20px;
	padding-top:128px;
	height:192px;
	top:-245px;
	position: absolute;
	width:80px;
	background-color: #101010;
	background-color: rgba(16, 16, 16, 0.5);
}
*/

#menu ul .level_5 {
	font-size: 13px;
	line-height: 25px;
	margin-left:15px;
	padding-top:125px;
	height:196px;
	top:-245px;
	position: absolute;
	width:80px;
	background-color: #101010;
	background-color: rgba(16, 16, 16, 0.5);
}



/*#menu ul .level_5 li img{margin-left:-20px;}
#menu ul .level_5 li.news img{ border:1px solid #666;}
#menu ul .level_5 li.news img:hover{ border:1px solid #999}
*/
#menu ul .level_6 {
	font-size: 13px;
	line-height: 25px;
	margin-left:15px;
	padding-top:125px;
	height:196px;
	top:-275px;
	position: absolute;
	width:80px;
	background-color: #101010;
	background-color: rgba(16, 16, 16, 0.5);
}

#menu ul .third_level {
	font-size: 15px;
	line-height: 22px;
	border-left: 1px solid #595a59;
	padding-left: 10px;
}

#menu ul li a {
	color: #fff;
	margin-left:28px;
}

#menu ul .level_1 a, #menu ul .level_2 a, #menu ul .level_3 a, #menu ul .level_4 a, #menu ul .level_5 a, #menu ul .level_6 a{margin-left:0;}

#menu ul li a:hover {
	background:url(../images/menu_aw1.png) bottom center no-repeat;
}

/*#menu ul .level_5 a:hover{
	background:none;
}
*/
#menu ul .level_1 a:hover, #menu ul .level_5 a:hover, #menu ul .level_6 a:hover {
	background:url(../images/menu_aw2.png) bottom center no-repeat;
}

#menu ul .level_2 a:hover, #menu ul .level_3 a:hover, #menu ul .level_4 a:hover {
	background:url(../images/menu_aw3.png) bottom center no-repeat;
}

#menu .disabled {
	color: #17ddd5;
	cursor: default;
}




/*------------------En Version------------------*/

#menu_en {
	position: absolute;
	top: 30%;
	left:0;
	text-align:center;
	width:137px;
	padding:15px 15px 35px 15px;
	z-index: 998;
	background-color: #101010;
	background-color: rgba(16, 16, 16, 0.5);
}

#menu_en ul {
	list-style: none;
	font-weight: 400;
	font-size: 15px;
	line-height: 32px;
	text-shadow: 0px 2px 3px #000;
	margin:0 auto;
}

#menu_en ul .level_1 {
	font-size: 13px;
	line-height: 30px;
	margin-left:0px;
	padding-top:128px;
	height:192px;
	top:-125px;
	position: absolute;
	width:140px;
	background-color: #101010;
	background-color: rgba(16, 16, 16, 0.5);
}

#menu_en ul .level_2 {
	font-size: 13px;
	line-height: 25px;
	margin-left: 0px;
	padding-top:75px;
	height:235px;
	top:-157px;
	position: absolute;
	width:140px;
	background-color: #101010;
	background-color: rgba(16, 16, 16, 0.5);
}

#menu_en ul .level_3 {
	font-size: 13px;
	line-height: 25px;
	margin-left:0px;
	padding-top:140px;
	height:181px;
	top:-189px;
	position: absolute;
	width:140px;
	background-color: #101010;
	background-color: rgba(16, 16, 16, 0.5);
}

#menu_en ul .level_4 {
	font-size: 13px;
	line-height: 30px;
	margin-left:0px;
	padding-top:140px;
	height:180px;
	top:-221px;
	position: absolute;
	width:120px; /*helen1211修改*/
	background-color: #101010;
	background-color: rgba(16, 16, 16, 0.5);
}

#menu_en ul .level_6 {
	font-size: 13px;
	line-height: 30px;
	margin-left:0px;
	padding-top:140px;
	height:180px;
	top:-253px;
	position: absolute;
	width:150px;
	background-color: #101010;
	background-color: rgba(16, 16, 16, 0.5);
}


#menu_en ul li a {
	color: #fff;
/*	margin-left:28px;
*/}

#menu_en ul .level_1 a, #menu_en ul .level_2 a, #menu_en ul .level_3 a, #menu_en ul .level_4 a, #menu_en ul .level_5 a, #menu_en ul .level_6 a{margin-left:0;}

#menu_en ul li a:hover {
	background:url(../images/menu_aw1.png) bottom center no-repeat;
}

#menu_en ul .level_1 a:hover, #menu_en ul .level_5 a:hover, #menu_en ul .level_6 a:hover {
	background:url(../images/menu_aw2.png) bottom center no-repeat;
}

#menu_en ul .level_2 a:hover, #menu_en ul .level_3 a:hover, #menu_en ul .level_4 a:hover {
	background:url(../images/menu_aw3.png) bottom center no-repeat;
}

#menu_en .disabled {
	color: #17ddd5;
	cursor: default;
}

/*------------------En Version------------------*/










/*---------------------------------------------------------------
	PAGE
---------------------------------------------------------------*/
.page {
color: white;
width: 660px;
/*height: 335px;
*/height: 330px;
padding: 0;
position: absolute;
left:29%;
top: 10px;
overflow:hidden;
}

.page2 {
	color: white;
	width: 861px;
	height: 448px;
	padding: 0;
	position: absolute;
	left:24.5%;
	top: 0px;
	overflow:hidden;
}

.page3 {
color: white;
width: 630px;
height: 350px;
padding: 0;
position: absolute;
left:28%;
top: 0px;
overflow:hidden;
}

.page4 {
	color: white;
	width: 960px;
	height: 448px;
	padding: 0;
	position: absolute;
	left:22%;
	top: 0px;
	overflow:hidden;
}
.page5 {
	color: white;
	width: 790px;
	height: 448px;
	padding: 0;
	position: absolute;
	left:26%;
	top: 0px;
	overflow:hidden;
}


.title{
text-align:center;
padding-right:30px;
padding-bottom:20px;
}

/*0905 helen*/
.title_2{
text-align:center;
padding-right:30px;
padding-bottom:10px;
}
.title_2 h1{ letter-spacing:2px; font-size:18px; color:#fff; margin:0; position: relative; left:0px;  width:600px; text-align:center;}
.title_2 p{ font-size:11px; color:#ADE6CE;}

.title_en{
text-align:center;
padding-right:30px;
padding-bottom:30px;
}

/*0905 helen*/
.title_en_2{
text-align:center;
padding-right:30px;
padding-bottom:10px;
}
.title_en_2 h1{ letter-spacing:2px; font-size:18px; color:#fff; margin:0; position: relative; left:0px;  width:600px; text-align:center;}
.title_en_2 p{ font-size:11px; color:#ADE6CE;}

.region{ text-align:center; height:40px; overflow:hidden; margin:0 150px;}
.region ul{}
.region ul li{ list-style:none; float:left; padding:0 15px; }
.region a{ display:block;}
.region h3{ text-indent:-9999px;}


.region_cn{ text-align:center; height:40px; overflow:hidden; margin:0 220px;}
.region_cn ul{ position:absolute; top:40px;}
.region_cn ul li{ list-style:none; float:left; padding:0 20px; }
.region_cn a{ display:block;}
.region_cn h3{ font-size:14px; text-indent:1px; }

/*0905 helen*/


#container{position:absolute;padding-right:30px;}
.scroll{position:relative;/*height:208px;*/height:255px;overflow:hidden;}
.up{ position:relative; left:635px; top:-255px}
.down{ position:relative; left:635px; top:-55px}

.scroll_map{position:relative;/*height:208px;*/height:208px;overflow:hidden;}
.up_map{ position:relative; left:530px; top:-220px}
.down_map{ position:relative; left:530px; top:-55px}

.up3{ position:relative; left:635px; top:-410px}
.down3{ position:relative; left:635px; top:-55px}

.scroll_2{position:relative;height:78px;overflow:hidden;}
.up_2{ position:relative; left:600px; top:-80px}
.down_2{ position:relative; left:600px; top:-60px}


#container2{position:absolute;padding-right:30px;}

.containerPic{width:351px; float:left; padding-right:30px;}
.containerFont{}

.scroll2{position:relative;height:315px;overflow:hidden;}
.up2{ position:relative; left:835px; top:-310px}
.down2{ position:relative; left:835px; top:-60px}


#contain {
	position: absolute;
	width: 100%;
	top: 30%;
}

#contain2 {
	position: absolute;
	width: 100%;
	top: 20%;
}

#contain3 {
	position: absolute;
	width: 100%;
	top: 21%;
}

.page_del {
color: white;
width: 940px;
height: 312px;
padding: 0;
position: absolute;
left:-470px;
top:0;
overflow:hidden;
}
.del_pic img{ width:352px; float:left; padding-right:30px;}
.detail{width:550px;  }
.detail p{ padding-right:70px;}
.backto{position: absolute; left:405px; top:-100px;}
.backto2{position: absolute; left:170px; top:-80px;}
.title_del{position: absolute; left:-470px; top:-60px; width: 940px;}
.title_del h1{ letter-spacing:2px; font-size:18px; color:#fff; margin:0; position: relative; left:380px;  width:465px; text-align:center;}
.title_del em{ font-size:11px; font-family:Arial, Helvetica, sans-serif; font-style:normal; display:block; font-weight:normal; letter-spacing:normal;}

.scroll_del{height:315px;overflow:hidden; position:relative; top:-315px; left:380px;}
.up_del{ position:relative; left:880px; top:-635px}
.down_del{ position:relative; left:880px; top:-370px}

/*0905 helen*/
.title_del_2{position: absolute; left:-470px; top:-60px; width: 940px;}
.title_del_2 h1{ letter-spacing:2px; font-size:18px; color:#fff; margin:0; position: relative; left:380px;  width:465px; text-align:center;}
.title_del_2 em{ font-size:11px; font-family:Arial, Helvetica, sans-serif; font-style:normal; display:block; font-weight:normal; letter-spacing:normal;}

.scroll_del_2{height:315px;overflow:hidden; position:relative; top:-315px; left:380px;}
.up_del_2{ position:relative; left:880px; top:-635px}
.down_del_2{ position:relative; left:880px; top:-370px}

.report{ position:absolute; top:105px; width:630px; height:150px; overflow:hidden;}
.report_img{ float:left; height:95px; width:95px; overflow:hidden; margin:0 10px 10px 0;}
.report img{ height:125px; }


/*0905 helen*/

.page_btn{ position: absolute; left:-470px; top:320px; width: 900px;}
.page_btn .prev{ float:left;}
.page_btn .next{ float:right;}

.page_btn2{ position: absolute; left:00px; top:260px; width: 620px;}
.page_btn2 .prev{ float:left;}
.page_btn2 .next{ float:right;}



/*---------------------------------------------------------------
	SITEMAP
---------------------------------------------------------------*/

.sitemap {
color: white;
width: 1000px;
margin:0 auto;
height: 450px;
overflow:hidden;
}
.sitemap table{ width:100%;}
.sitemap h3{
background: url(../images/line_v.png) right no-repeat;
margin:5px;
padding:0;
line-height:51px;
width:120px;
text-align:center;
}

.sitemap ul{ padding:0 0 0 40px;margin:0; list-style:none;}

.sitemap ul li{
	float:left;
	font-size:13px;}

.sitemap ul li a{
	padding-right:62px;
	line-height:51px;
	background: url(../images/ine_h.png) right center no-repeat;}

.sitemap li:last-child a{ background:none; padding-right:0;}


.sitemap2 {
color: white;
width: 1100px;
margin:0 auto;
height: 400px;
overflow:hidden;
}
.sitemap2 table{ width:100%;}
.sitemap2 h3{
background: url(../images/line_v.png) right no-repeat;
margin:10px;
padding:0;
line-height:51px;
width:150px;
text-align:center;
font-weight:100;
}



.sitemap2 ul{ padding:0 0 0 40px;margin:0; list-style:none;}

.sitemap2 ul li{
	float:left;
	font-size:13.5px;}

.sitemap2 ul li a{
	padding-right:62px;
	line-height:51px;
	background: url(../images/ine_h.png) right center no-repeat;}

.sitemap2 li:last-child a{ background:none; padding-right:0;}


#company .base {
	position: absolute;
	width: 100%;
	height: 350px;

}


#company .subtitle {
	font-weight: 400;
	font-size: 23px;
	color: #929292;
	position: absolute;
	left: 90px;
	top: 280px;
}

#company .quoted {
	font-size: 18px;
	line-height: 23px;
	color: #17ddd5;
	position: absolute;
	float: left;
	width: 250px;
	left: 90px;
	top: 40px;
}

#company .scroll-paragraph {
	line-height: 17px;
	color: #fff;
	width: 250px;
	height: 260px;
	overflow: auto;
	padding: 5px 16px 0px 0px;
	position: absolute;
	float: left;
	left: 390px;
	top: 40px;
}
	/*-- SCROLLPANE COLORS --*/
	#company .scroll-paragraph .jspTrack {
		background: #202020;
	}

	#company .scroll-paragraph .jspDrag {
		background: #767676;
	}

	#company .scroll-paragraph .text-image {
		padding: 0px 15px 0px 0px;
		float: left;
	}

	#company .scroll-paragraph a {
		color: #17ddd5;
	}

	#company .scroll-paragraph a:hover {
	text-decoration: underline;
}

#company .img {
	position: absolute;
	left: 700px;
	top: 48px;
}

	#company .img .rollover span {
		background-image: url('../images/company/zoom_icon.png');
		background-repeat: no-repeat;
		width: 266px;
		height: 141px;
		left: 0px;
		top: 0px;
		display: none;
		position: absolute;
	}

#company .twitter-widget {
	position: absolute;
	width: 250px;
	top: 213px;
	left: 700px;
}

#company .twitter-widget .widget-title {
	font-family: 'Gentium Basic', serif;
	color: #17ddd5;
	font-size: 17px;
}

#company .twitter-widget #ticker ul.tweet_list {
	height: 70px;
	margin: 8px 0px 0px 0px;
	font-size: 11px;
	overflow: hidden;
}

#company .twitter-widget #ticker .tweet_list li {
	height: 70px;
	overflow: hidden;
}










/*---------------------------------------------------------------
	ABOUT / TEAM
---------------------------------------------------------------*/
#team {
	position: absolute;
	width: 100%;
	top: 19%;
}

#team .base {
	position: absolute;
	width: 100%;
	height: 355px;
	background-color: #111;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#team .title {
	font-weight: 400;
	font-size: 47px;
	color: #fff;
	position: absolute;
	left: 90px;
	top: 240px;
}

#team .subtitle {
	font-weight: 400;
	font-size: 23px;
	color: #929292;
	position: absolute;
	left: 90px;
	top: 284px;
}

#team .submenu {
	position: absolute;
	left: 87px;
	top: 40px;
}
	#team .submenu ul {
		list-style: none;
	}

	#team .submenu ul li {
		text-align: right;
		display: block;
	}

	#team .submenu ul li a {
		font-size: 13px;
		padding: 4px 5px 4px 5px;
		margin: 0px 0px 5px 0px;
		color: #fff;
		background-color: #000;
	}

	#team .submenu ul li a:hover {
		color: #17ddd5;
	}

	#team .submenu .disabled {
		color: #17ddd5;
		cursor: default;
	}
	#team .marker {
		position: absolute;
		left: 183px;
		top: 8px;
	}

#team .member {
	opacity: 0;
	filter: alpha(opacity=0);
}

.ie #team .member {
	position: relative;
}

#team .profile-base {
	background-color: #fff;
	position: absolute;
	width: 0px;
	height: 355px;
	left: 340px;
}

#team .profile-img {
	position: absolute;
	left: 340px;
}

#team .scroll-paragraph {
	line-height: 17px;
	color: #000;
	width: 280px;
	height: 227px;
	overflow: auto;
	padding: 5px 16px 0px 0px;
	position: absolute;
	float: left;
	left: 630px;
	top: 45px;
}
	/*-- SCROLLPANE COLORS --*/
	#team .scroll-paragraph .jspTrack {
		background: #cbcbcb;
	}

	#team .scroll-paragraph .jspDrag {
		background: #767676;
	}

	#team .scroll-paragraph .text-image {
		padding: 0px 15px 0px 0px;
		float: left;
	}

	#team .scroll-paragraph a {
		color: #17ddd5;
	}

	#team .scroll-paragraph a:hover {
		text-decoration: underline;
	}

#team .email {
	display: block;
	padding-left: 25px;
	background:transparent url(../images/email_icon.png) center left no-repeat;
	position: absolute;
	left: 630px;
	top: 290px;
}
	#team .email a {
		font-size: 11px;
		font-weight: 700;
		color: #333;
	}

	#team .email a:hover {
		text-decoration: underline;
	}










/*---------------------------------------------------------------
	ABOUT / VIDEO REEL
---------------------------------------------------------------*/
#reel {
	position: absolute;
	width: 100%;
}

#reel .base {
	position: absolute;
	width: 100%;
	height: 500px;
	background-color: #000;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

#reel .player {
	position: absolute;
	left: 90px;
	top: 125px;
}

#reel .player .video .frame {
	border: solid 0px #000;
}

#reel .text {
	position: absolute;
	left: 720px;
	top: 363px;
	width: 190px;
	font-size: 11px;
	color: #4f4f4f;
}










/*---------------------------------------------------------------
	ABOUT / EVENTS SLIDER
---------------------------------------------------------------*/
#events {
	position: absolute;
	width: 100%;
	top: 19%;
}

#events .base {
	position: absolute;
	width: 100%;
	height: 355px;
	background-color: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#events .title {
	font-weight: 400;
	font-size: 47px;
	color: #fff;
	position: absolute;
	left: 90px;
	top: 245px;
}

#events .subtitle {
	font-weight: 400;
	font-size: 23px;
	color: #929292;
	position: absolute;
	left: 90px;
	top: 291px;
}

#events .quoted {
	font-size: 17px;
	line-height: 23px;
	color: #17ddd5;
	position: absolute;
	float: left;
	width: 190px;
	left: 90px;
	top: 40px;
}

#events .preload {
	position: absolute;
	top: 268px;
	left: 290px;
}

#events .slider {
	position: absolute;
	left: 320px;
	opacity: 0;
	filter: alpha(opacity=0);
}










/*---------------------------------------------------------------
	GRID GALLERY
---------------------------------------------------------------*/
#grid-gallery {
	position: absolute;
	width: 100%;
	top: 24%;
}

#grid-gallery .title {
	font-weight: 400;
	font-size: 17px;
	color: #fff;
	position: absolute;
	left: 90px;
	top: -35px;
}

#grid-gallery .subtitle {
	color: #929292;
}

#grid-gallery .base {
	position: absolute;
	width: 100%;
	height: 238px;
	background-color: #111;
}

#grid-gallery .preload {
	position: absolute;
	top: -36px;
	left: 320px;
}

#grid-gallery .navi {
	position: absolute;
	left: -45px;
}

#grid-gallery .navi .up {
	position: absolute;
	top: 120px;
	cursor: pointer;
}

#grid-gallery .navi .down {
	position: absolute;
	top: 155px;
	cursor: pointer;
}

#grid-gallery .navi .up:active,
#grid-gallery .navi .down:active {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#grid-gallery .gallery {
	position: absolute;
	left: 90px;
	width: 90%;
	height: 303px;
	overflow-y: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
}

#grid-gallery .gallery .wrapper {
	float:left;
	position:relative;
	overflow:hidden;
}

#grid-gallery .gallery .wrapper img{
	position: absolute;
	outline: none;
}

#grid-gallery .gallery .container .rollover span {
	background-image: url('../images/grid_gallery/zoom_icon.png');
	background-repeat: no-repeat;
	position:absolute;
	width: 29px;
	height: 29px;
	left: 0px;
	top: 0px;
	display: none;
}











/*---------------------------------------------------------------
	HORIZONTAL GALLERY
---------------------------------------------------------------*/
#horiz-gallery {
	position: absolute;
	width: 100%;
	top: 18%;
}

#horiz-gallery .base {
	position: absolute;
	width: 100%;
	height: 350px;
	background-color: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#horiz-gallery .title {
	font-weight: 400;
	font-size: 38px;
	color: #fff;
	position: absolute;
	left: 90px;
	top: 253px;
}

#horiz-gallery .subtitle {
	font-weight: 400;
	font-size: 19px;
	color: #929292;
	position: absolute;
	left: 90px;
	top: 290px;
}

#horiz-gallery .preload {
	position: absolute;
	top: 268px;
	left: 290px;
}

#horiz-gallery .text {
	font-size: 13px;
	line-height: 17px;
	color: #555;
	position: absolute;
	width: 190px;
	left: 90px;
	top: 40px;
}

#horiz-gallery .gallery {
	position: absolute;
	left: 0px;
	top: -30px;
	height: 350px;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}

			#horiz-gallery .gallery .navi {
				position: absolute;
				top: 190px;
				left: 280px;
				opacity: 0;
				filter: alpha(opacity=0);
			}

			#horiz-gallery .gallery .navi img {
				position: absolute;
				cursor: pointer;
			}

			#horiz-gallery .gallery .navi .next {
				left: 27px;
			}

			#horiz-gallery .gallery .images {
				height: 350px;
				overflow: hidden;
				padding: 30px 0 0 350px;
			}

			#horiz-gallery .gallery .images img, #horiz-gallery .gallery .images iframe {
				display: block;
				float: left;
			}

			#horiz-gallery .gallery .images iframe {
				border: solid 0px #000;
			}










/*---------------------------------------------------------------
	ROTATED GALLERY
---------------------------------------------------------------*/
#fullscreen-gallery {
	position: absolute;
}

#fullscreen-gallery .gallery {
	position: absolute;
	left: 90px;
	top: 125px;
}

#fullscreen-gallery .navi {
	position: absolute;
	left: 250px;
	top: 50px;
}

#fullscreen-gallery .navi img {
	position: absolute;
	cursor: pointer;
}

#fullscreen-gallery .navi .prev {
	left: 90px;
}

#fullscreen-gallery .navi .next {
	left: 125px;
}

#fullscreen-gallery .navi .th {
	left: 160px;
}

#fullscreen-gallery .navi .playpause {
	left: 195px;
}

.ie #fullscreen-gallery .navi .playpause {
	border: 0px solid #000;
}

#fullscreen-gallery .thumbs {
	position: absolute;
	top: 140px;
	left: -1000px;
	width: 800px;
	opacity: 0;
	filter: alpha(opacity=0);
}

#fullscreen-gallery .thumbs ul {
	margin: 0;
	overflow: hidden;
	padding: 0;
	float: left;
}

#fullscreen-gallery .thumbs ul li {
	list-style: none;
	margin: 0px 4px 0px 0px;
	float: left;
	position: relative;
	background-color: #17ddd5;
}

#fullscreen-gallery .thumbs ul li img {
	display: block;
}










/*---------------------------------------------------------------
	VIDEO GALLERY
---------------------------------------------------------------*/
#video-gallery {
	position: absolute;
	width: 100%;
}

#video-gallery .base {
	position: absolute;
	width: 100%;
	height: 500px;
	background-color: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#video-gallery .player {
	position: absolute;
	left: 90px;
	top: 125px;
}

#video-gallery .player .vjs-playlist {
	background-color: #000;
	overflow-y: auto;
	overflow-x: hidden;
	display: none;
	position: absolute;
	top: 0px;
	left: 610px;
	width: 116px;
	height: 338px;
	background-image: url('../images/video_gallery/playlist_pattern.png');
}

#video-gallery .player .vjs-playlist img {
	margin: 7px 0px 7px 7px;
	border: 1px solid #333;
	width: 100px;
	height: 60px;
	display: block;
	cursor: pointer;
}

	#video-gallery .player .vjs-playlist img:hover {
		border: 1px solid #999;
	}

	#video-gallery .player .vjs-playlist img span {
		background-image: url('../images/company/zoom_icon.png');
		background-repeat: no-repeat;
		width: 266px;
		height: 141px;
		left: 0px;
		top: 0px;
		display: none;
		position: absolute;
	}











/*---------------------------------------------------------------
	NEWS TICKER
---------------------------------------------------------------*/
#news {
	position: absolute;
	width: 100%;
	top: 18%;
}

#news .base {
	position: absolute;
	width: 100%;
	height: 300px;
	background-color: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#news .title {
	font-weight: 400;
	font-size: 41px;
	color: #fff;
	position: absolute;
	left: 90px;
	top: 0px;
}

#news .subtitle {
	font-weight: 400;
	font-size: 20px;
	color: #929292;
	position: absolute;
	left: 90px;
	top: 37px;
}

#news .divider {
	position: absolute;
	left: 90px;
	top: 68px;
	width: 820px;
	border-top:  1px solid #6d6d6d;
}

#news .ticker {
	position: absolute;
	left: 90px;
	top: 90px;
}

	#news .ticker .navi {
		position: absolute;
		top: -73px;
	}

		#news .ticker .navi img {
			position: absolute;
			cursor: pointer;
		}

		#news .ticker .navi .prev {
			left: 120px;
		}

		#news .ticker .navi .next {
			left: 144px;
		}

		#news .ticker .navi .prev:active,
		#news .ticker .navi .next:active {
			opacity: 0.6;
			filter: alpha(opacity=60);
		}

	#news .ticker .carousel .item {
		width: 800px;
		height: 250px;
		left: 0px;
		top: 0px;
		float: left;
		overflow: hidden;
	}

	#news .ticker .carousel .item img {
		float: left;
		box-shadow:0px 0px 7px black;
	}

	#news .ticker .carousel .item .date {
		font-size: 11px;
		color: #666;
		background-color: #000;
		padding: 2px 4px 2px 4px;
		position: absolute;
		top: 163px;
		left: 40px;
	}

	#news .ticker .carousel .item .links {
		position: absolute;
		top: 163px;
	}

	#news .ticker .carousel .item .links img {
		margin: 0px 3px 0px 0px;
		box-shadow: 0px 0px 0px black;
	}

	#news .ticker .carousel .item h3 {
		font-size: 20px;
		font-style: italic;
		font-weight: 400;
		color: #17ddd5;
		margin: 0;
	}

	#news .ticker .carousel .item p {
		color: #fff;
	}

	#news .ticker .carousel .item a {
		color: #17ddd5;
	}

	#news .ticker .carousel .item a:hover {
		text-decoration: underline;
	}

	#news .ticker .carousel .item .text {
		width:  350px;
		height: 200px;
		margin-left: 30px;
		float: left;
	}


.scroll_news{ height:400px; width:670px; position:relative; margin:0 auto;}
.scroll_news .up{ position:absolute; top:10px; left:300px;}
.scroll_news .down{ position:absolute; top:380px; left:300px;}







/*---------------------------------------------------------------
	SHOPS / TABS
---------------------------------------------------------------*/
#shops {
	position: absolute;
	width: 100%;
	top: 24%;
}

#shops .base {
	position: absolute;
	width: 100%;
	height: 300px;
	background-color: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#shops .title {
	font-weight: 400;
	font-size: 41px;
	color: #fff;
	position: absolute;
	left: 90px;
	top: 210px;
}

#shops .subtitle {
	font-weight: 400;
	font-size: 21px;
	color: #929292;
	position: absolute;
	left: 90px;
	top: 250px;
}

#shops .mytabs {
	position: absolute;
	left: 90px;
	top: -25px;
	height: 350px;
}

	#shops .mytabs .tabs > div {
		width: 800px;
		float: left;
		overflow: hidden;
	}

	#shops .mytabs .tabs img {
		display: block;
		margin: 0px 25px 0px 0px;
		float: left;
		box-shadow:0px 0px 7px black;
	}

	#shops .mytabs .tabs h3 {
		font-size: 25px;
		font-weight: 400;
		line-height: 10px;
		color: #17ddd5;
		margin: 50px 0px 20px 0px;
	}

	#shops .mytabs .tabs .image {
		margin-top: 30px;
	}

	#shops .mytabs .tabs .rollover span {
		background-image: url('../images/shops/zoom_icon.png');
		background-repeat: no-repeat;
		width: 238px;
		height: 155px;
		left: 0px;
		top: 0px;
		display: none;
		position:absolute;
		margin-top: 30px;
	}

	#shops .mytabs .tabs p {
		line-height: 17px;
	}

	#shops .mytabs .tabs .location-link {
		font-family: 'Arial', sans-serif;
		font-size: 11px;
		margin: 0;
		padding-left: 15px;
		color: #cfcfcf;
		background:transparent url(../images/shops/map_icon.png) center left no-repeat;
	}

	#shops .mytabs .tabs .location-link:hover {
		text-decoration: underline;
	}

	#shops .mytabs .pager {
		width: 700px;
	}

	#shops .mytabs .tabs p {
		color: #fff;
	}

	#shops .mytabs .pager a {
		border: 1px solid transparent;
		border-left: none;
		border-color: #222;
		color: #999;
		font-size: 10px;
		font-weight: 700;
		display: inline-block;
		height: 10px;
		padding: 6px 15px 7px 15px;
		background-color: #000;
		opacity: 0.9;
		filter: alpha(opacity=90);
		border-top-right-radius: 6px;
		border-top-left-radius: 6px;
	}

	#shops .mytabs .pager a:hover {
		color: #fff;
	}

	#shops .mytabs .pager a:first-child {
		border-left: 1px solid #222;
	}

	#shops .mytabs .pager a.selected {
		background-color: #17ddd5;
		color: #222;
	}












/*---------------------------------------------------------------
	LOCATION / FORM
---------------------------------------------------------------*/
#location {
	position: absolute;
	width: 100%;
	top: 23%;
}

#location .base {
	position: absolute;
	width: 100%;
	height: 300px;
	background-color: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#location .title {
	font-weight: 700;
	font-size: 21px;
	color: #fff;
	position: absolute;
	left: 90px;
	top: -40px;
}

#location .subtitle {
	font-weight: 400;
	color: #929292;
}

#location .map {
	position: absolute;
	left: 680px;
	top: 41px;
	width: 300px;
	height: 218px;
	border-radius: 4px;
}

#map_obj {
	display: block;
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

#location .contact {
	position: absolute;
	left: 90px;
	top: 40px;
}

#location .contact .address {
	font-size: 13px;
	line-height: 17px;
	color: #fff;
	float: left;
	width: 200px;
}

#location .contact .paragraph_title {
	font-size: 14px;
	color: #17ddd5;
}

#location .contact .divider {
	height: 220px;
	border-left:  1px dashed #222;
	float: left;
	margin: 0px 0px 0px 30px;
}

#location .contact a {
	display: block;
	padding-left: 25px;
	background:transparent url(../images/email_icon.png) center left no-repeat;
}
	#location .contact a {
		color: #17ddd5;
	}

	#location .contact a:hover {
		text-decoration: underline;
	}

#location .contact .form {
	float: left;
	margin: -5px 0px 0px 40px;
}

#location .contact hr {
	clear: both;
	border-bottom: 0;
	border-top: 2px solid #4e4e4e;
	border-right: 0;
	border-left: 0;
	min-height: 0px;
	height: 1px;
}

#location .contact .form  .fields {
	font: 12px 'Droid Serif', serif;
	color: #555;
	background-color: transparent;
	border-width: 0px;
	border-bottom: 1px solid #666666;
	padding: 13px 0px 3px 0px;
	margin: 0px 0px 3px 0px;
	width: 250px;
	resize: none;
	overflow: auto;
}

#location .contact .form .button {
	font: 13px 'Droid Serif', serif;
	color: #fff;
    margin: 2px 0px 0px 0px;
	padding: 1px 5px 1px 5px;
	background: rgba(37, 37, 37, 0.8) url();
    border: none;
    cursor: pointer;
}

#location .contact .form .button a {
	text-decoration: none;
	color: #fff;
}

#location .contact .form .button a:hover {
	color: #17ddd5;
}

#location .contact .form .loader_message {
	font-weight: 300;
	color: #17ddd5;
    margin-top: 4px;
	position: relative;
	float: right;
}

#location .contact .form .loader_icon {
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	background: #000 url(../images/preload.gif) no-repeat center center;
	background: rgba(0, 0, 0, 0.7) url(../images/preload.gif) no-repeat center center;
	height: 23px;
	width: 23px;
	position: relative;
	margin: -21px 0px 0px -30px;
	display: none;
}












/*---------------------------------------------------------------
	BLOG
---------------------------------------------------------------*/
#blog {
	position: absolute;
	width: 100%;
	top: 18%;
}

#blog .base {
	position: absolute;
	width: 100%;
	height: 300px;
	background-color: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#blog .title {
	font-weight: 400;
	font-size: 41px;
	color: #fff;
	position: absolute;
	left: 90px;
	top: 0px;
}

#blog .subtitle {
	font-weight: 400;
	font-size: 20px;
	color: #929292;
	position: absolute;
	left: 90px;
	top: 39px;
}

#blog .divider {
	position: absolute;
	left: 90px;
	top: 69px;
	width: 820px;
	border-top: 1px solid #6d6d6d;
}

#blog .ticker {
	position: absolute;
	left: 90px;
	top: 90px;
}

	#blog .ticker .navi {
		position: absolute;
		left: -45px;
	}

		#blog .ticker .navi img {
			position: absolute;
			cursor: pointer;
		}

		#blog .ticker .navi .prev {
			top: 90px;
		}

		#blog .ticker .navi .next {
			top: 125px;
		}

		#blog .ticker .navi .back {
			top: 60px;
			display: none;
		}

		#blog .ticker .navi .prev:active,
		#blog .ticker .navi .next:active,
		#blog .ticker .navi .back:active {
			opacity: 0.6;
			filter: alpha(opacity=60);
		}

	#blog .ticker .carousel .item {
		width: 820px;
		height: 50px;
		left: 0px;
		top: 0px;
		float: left;
		overflow: hidden;
	}

	#blog .ticker .carousel .item .box {
		background: rgba(0, 0, 0, 0.8);
		padding: 5px;
		height: 39px;
		width: 820px;
		cursor: pointer;
	}

	.ie8 #blog .ticker .carousel .item .box {
       background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80111111);
       zoom: 1;
    }

	#blog .ticker .carousel .item .box:hover {
		background: rgba(0, 0, 0, 1);
	}

	#blog .ticker .carousel .item .entry-title {
		font-size: 14px;
		color: #fff;
		position: relative;
		padding: 4px 0px 3px 5px;
		top: 0px;
	}

	#blog .ticker .carousel .item .date {
		font-size: 11px;
		color: #666;
		padding: 0px 0px 0px 5px;
		position: relative;
		display: inline;
	}

	#blog .ticker .carousel .item .author {
		font-size: 11px;
		color: #666;
		margin: 0px 20px 0px 0px;
		float: right;
	}

	#blog .ticker .carousel .item .content {
		margin: -45px 0px 0px 5px;
		left: 840px;
		display: block;
		position: relative;
		top: 5px;
	}

	#blog .ticker .carousel .item .content img {
		display: block;
		float: left;
		position: absolute;
		box-shadow: 0px 0px 7px black;
	}

	#blog .ticker .carousel .item .content h3 {
		font-size: 20px;
		font-style: italic;
		font-weight: 400;
		color: #17ddd5;
		margin: 0;
		position: absolute;
		left: 270px;
	}

	#blog .ticker .carousel .item .content p {
		position: absolute;
		color: #fff;
		left: 270px;
		top: 20px;
		width: 490px;
		height: 230px;
		overflow: auto;
		float: left;
		padding: 0px 25px 0px 0px;
	}

	#blog .ticker .carousel .item .content a {
		color: #17ddd5;
	}

	#blog .ticker .carousel .item .content a:hover {
		text-decoration: underline;
	}

/*---------------------------------------------------------------
	SEARCH
---------------------------------------------------------------*/
.search{
	width: 720px;
	height: 456px;
	overflow:hidden;
	position:absolute;
	left:-360px;
	color:#fff;
}
.search h1{ font-size:15px; margin:0}
.search span{ color:#ADE6CE}
.search .num{ font-size:13px; float:right}
ul.slist{ margin:30px 0 0 0; padding:0; font-size:13px; line-height:20px; list-style:none}
ul.slist li{ padding-bottom:20px; margin-bottom:20px; background:url(../images/search_line.png) bottom center no-repeat}
ul.slist img{ border:0; vertical-align:middle}

ul.pglist{ margin:0 auto; padding:0; text-align:center; list-style:none; width:500px}
ul.pglist li{ float:left; line-height:66px; font-size:13px;}
ul.pglist li a{ color:#fff; padding:0 10px;}
ul.pglist li img{ border:0;}
ul.pglist li a:hover{ color:#c6ec17}












/*---------------------------------------------------------------
	FOOTER
---------------------------------------------------------------*/
#footer {
	position: absolute;
	right: 0;
	bottom:0;
	float: right;
	width:100%;
	margin:0;
	padding:8px 0 7px 0;
	background-color: #101010;
	background-color: rgba(16, 16, 16, 0.5);
	line-height:16px;
	font-size: 13px;
}

#footer .copyright {
	font-size: 11px;
	color: #fff;
	float:left;
	padding-left:40px;
}

#footer a {
	color: #fff;
	text-decoration:none;
}
.zoom img{ vertical-align:top}

#footer a:hover {
	color: #79c9a7;
}


#footer input{ background:#838987;
border:0;
width:102px;
height:16px;
color:#fff;
}
#footer ul {
	margin: 0;
	overflow: hidden;
	padding: 0;
	float: right;
}

#footer ul li {
	list-style: none;
	margin:0;
	padding:0 10px;
	float: left;
	position: relative;
	background:url(../images/ft_aw.png) left center no-repeat;
}



/*---------------------------------------------------------------
	PRODUCTS SLID
---------------------------------------------------------------*/
#slider {
position:absolute;
height:212px; overflow:hidden;
}

.scroll_p {
	overflow: hidden;
	width: 1120px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 0 20px;
    width: 292px;
	height: 350px;
}

.inside img {
	display: block;
	margin: 0 0 10px 0;
	width: 292px;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
	z-index:999;
    left: 340px;
	top:280px;
}

.scrollButtons.right {
	z-index:999;
    right: 340px;
	top:280px;
}

.hide {
    display: none;
}
.blur{filter:alpha(opacity=10);       /* IE */
-moz-opacity:0.1;              /* Moz + FF */
opacity: 0.1; }

/*---------------------------------------------------------------
	PRODUCTS INFO
---------------------------------------------------------------*/
.info{
    width: 230px;
    position: absolute;
	left:800px;
	top:0;
	padding-left:20px;
	z-index:999;
	color:#fff;
}

.info p{ font-size:12px; line-height:22px;}

.size{ padding-top:10px;}

.info ul{
	padding:15px 0;
	list-style:none;}
.info ul li{
	float:left; padding-right:4px;padding-top:4px;}
.info ul li img{ width:51px; height:51px; border:1px solid #152720 }
.info ul li img:hover{ border:1px solid #666}
/*---------------------------------------------------------------
	HISTORY
---------------------------------------------------------------*/
.scroll_history{position:relative;height:260px; /*height:200px;*/overflow:hidden;}
.years{ position:absolute; left:25%;top:280px; }
.page_history {
color: white;
width: 600px;
height: 300px;
padding: 0;
position: absolute;
left:31%;
top: 10px;
overflow:hidden;
}
.page_history .pic{ float:left; padding-right:20px}
.page_history .title{  padding:30px 0 10px 0; float:right}
.page_history p{ clear:right}
/*---------------------------------------------------------------
	STORE
---------------------------------------------------------------*/
.sliderwrapper{
position:absolute;
height:212px; overflow:hidden;
}

.sliderwrapper .contentdiv {
 padding-top:10px;
}
.sliderwrapper .contentdiv img{
width:290px; height:202px;
}
f
#shop_info{
margin-left:310px;
color:#fff;
text-decoration: none;
}
#shop_info h3{ margin:0; padding-top:5px;line-height:30px;color:#fff }
#shop_info h3 img{ float:right; padding-top:7px;}
#shop_info p{ font-size:11px; line-height:20px; padding-bottom:10px; clear: right;color:#fff}

.opacity{
filter:alpha(opacity=50);       /* IE */
-moz-opacity:0.5;              /* Moz + FF */
opacity: 0.5;
}

iframe.store{ width:620px; height:260px; border:0; overflow:hidden; background: #000; color:#fff}
.map{position:absolute;}
.bus{ margin-left:300px; width:225px}
.bus h3{ margin:0; padding:0; line-height:30px;}
.bus p{ font-size:13px; line-height:20px; padding-bottom:10px; clear:right;}
/*
	-------------------------------------------------------------
	END CSS
*/

iframe.appraisal{
	position:absolute; left:-420px
}
.center{ position:absolute; left:50%}
iframe.news{position:absolute;
left:-455px;
}


iframe.news_lightbox{ width:650px; height:700px; border:0; overflow:hidden; background: #000; color:#fff}


.shareIcon{
	 position:fixed;
	 right:50px;
	 top:50px;
	 width:180px;
}
	.shareIcon a{
		display:inline-block;
		margin:0;
	}

	.shareIcon img{
		width:40px;
	}