/* GENERAL
-------------------------------------------------------------- */
*													{	margin: 0px; padding: 0px; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Sans-Serif; }
body												{	background-color: #000000; color: #9d9db3; }

/* BASIC
-------------------------------------------------------------- */
	#LnC_Frame										{	position: absolute; top: 0px; left: 0px; width: 980px; height: 661px; z-index: 1; }

	.clear												{	clear: both; width: 0px; height: 0px; overflow: hidden; }
	.z1													{	z-index: 50; }
	.z0													{	z-index: 0; }


/* LOGO
-------------------------------------------------------------- */
	#LnC_Logo										{	position: absolute; top: -87px; left: 364px; width: 460px; height: 29px; z-index: 10; }
	.LnC_LogoHome										{	top: -87px !important; -webkit-animation: LogoHome 1s linear; }
	.LnC_LogoSub										{	top: -54px !important; -webkit-animation: LogoSub 1s linear; }


/* MENU
-------------------------------------------------------------- */
	#LnC_Menu										{	position: absolute; top: 0px; right: -147px; height: 144px; z-index: 10; overflow: hidden; }
	.LnC_MenuHome										{	top: 0px !important; right: -147px !important; height: 144px !important; -webkit-animation: FullMenuClose 1s linear; }
	.LnC_MenuSub										{	top: -1px !important; right: -157px !important; height: 487px !important; -webkit-animation: FullMenuOpen 1s linear; }

		ul												{	list-style: none outside none; }
		ul li												{	display: block; height: 24px; width: 127px; margin-bottom: 16px;
																background-image: url('../images/MenuBG.gif'); background-repeat: no-repeat; background-position: 0px 0px;
																font-size: 10px; line-height: 23px; text-transform: uppercase; letter-spacing: 1px; overflow: hidden; }
		ul li.MMActive										{	height: 327px; background-position: -300px 0px; -webkit-animation: MenuOpen 1s linear; }
		ul li.MMInActive									{	height: 24px; background-position: 0px 0px; -webkit-animation: MenuClose 1s linear; }
		
		ul li a												{	display: block; height: 23px; width: 116px; padding: 0px 0px 0px 11px;
																text-decoration: none; }
		ul li a:link										{	color: #9d9db3; }
		ul li a:visited										{	color: #9d9db3; }
		ul li a:focus										{	color: #d00000; }
		ul li a:hover										{	color: #d00000; }
		ul li a:active										{	color: #d00000; }

		ul li.MMActive a									{	color: #c7371e; }
		
		ul li ul										{	list-style: none outside none; margin-top: 11px; }
		ul li ul li											{	display: block; height: 17px; width: 127px; margin-bottom: 1px;
																background-image: url('../images/MenuSubBG.gif'); background-repeat: no-repeat; background-position: 0px 0px;
																font-size: 11px; line-height: 17px; text-transform: uppercase; letter-spacing: 2px; }
		ul li ul li.Active									{	height: 17px; background-position: 0px -27px; }

		ul li ul li a										{	display: block; height: 17px; width: 113px; padding: 0px 0px 0px 14px;
																text-decoration: none; }
		ul li ul li a:link									{	color: #9d9db3; }
		ul li ul li a:visited								{	color: #9d9db3; }
		ul li ul li a:focus									{	color: #d00000; }
		ul li ul li a:hover									{	color: #d00000; }
		ul li ul li a:active								{	color: #d00000; }

		ul li ul li.Active a								{	color: #d00000; }


/* CONTENT
-------------------------------------------------------------- */
	#LnC_Content									{	position: absolute; left: 0px; z-index: 10; top: 252px; width: 459px; height: 144px; border: 1px #000000 solid; border-left-width: 0px; }
	.LnC_ContentHome									{	top: 252px !important; width: 459px !important; height: 144px !important; 
															border: 1px #000000 solid !important; border-left-width: 0px !important; -webkit-animation: ContentHome 1s linear; }
	.LnC_ContentSub										{	top: 118px !important; width: 823px !important; height: 485px !important; 
															border: 1px #9d9db3 solid !important; border-left-width: 0px !important; -webkit-animation: ContentSub 1s linear; }

	#LnC_HomeImagePosition								{	position: absolute; top: 0px; left: 0px; width: 459px; height: 144px; z-index: 15; overflow: hidden; }
		#LnC_HomeImage										{	position: absolute; width: 100%; height: auto; opacity: 0; }




/* SCROLL
-------------------------------------------------------------- */
	#LnC_ContentLeft									{	position: absolute; top: 0px; right: 0px; width: 823px; height: 485px;
															background-image: url('../images/ScrollBG.gif'); background-repeat: repeat-y; background-position: right 0px;
															opacity: 0; }
		.LnC_ScrollLayer									{	position: absolute; top: 0px; left: 0px; margin: 0; padding: 0; width: 820px; height: 485px; z-index: 50; overflow: auto;
																 }

		.LnC_ScrollbarV 									{	position: absolute; z-index: 100; width: 4px; bottom: 10px; top: 10px; right: 1px; }
		.LnC_ScrollbarV > div 								{	position: absolute; z-index: 100; width: 100%; 
																background-color: #000000;	border:1px solid #000000;
																-webkit-background-clip: padding-box; -webkit-box-sizing: border-box; 	-webkit-border-radius: 4px; }

	.transparent										{	opacity: 0 !important; -webkit-transition: opacity 500ms ease-in-out; } 
	.nottransparent										{	opacity: 1 !important; -webkit-transition: opacity 500ms ease-in-out; } 


/* CONTENT 
-------------------------------------------------------------- */
	#Section00												{	position: relative; width: 795px; height: 127px; z-index: 10; }
	#Section01												{	position: relative; width: 795px; height: auto; z-index: 10; }
	#Section02												{	position: relative; width: 795px; height: auto; z-index: 10; }
	#Section03												{	position: relative; width: 795px; height: auto; z-index: 10; }
	#Section04												{	position: relative; width: 795px; height: 405px; z-index: 10; }

	#SubSection												{	position: absolute; top: 0px; left: 0px; width: 20px; height: auto; z-index: 1; }
	.SubSection												{	position: static; width: 20px; height: 40px; background-color: #000000; border: 1px #000000 solid; }
	.SubSectionHead											{	position: static; width: 20px; height: 85px; background-color: #000000; border: 1px #000000 solid; }

	.ContentRow												{	clear: both; width: 795px; height: auto; border: 1px #000000 solid; }
	.ContentRowOverflow										{	position: absolute; right: 0px; width: 1095px; height: 372px; overflow: visible; }
	.ContentPortfolio										{	position: relative; float: right; height: 40px; width: 327px; overflow: hidden; }
	.ContentPortfolio:hover									{	border: 1px #4e4f5a solid; }

	#LnC_ContentLeft .Active								{	height: 399px !important; border-color: #474851 !important; background-color: #474851 !important;
																width: 1395px !important; /*-webkit-animation: PortfolioOpen 2s linear;*/ }
	#LnC_ContentLeft .Normal								{	height: 40px !important; border-color: #000000; background-color: #000000;
																width: 327px !important; /*-webkit-animation: PortfolioClose 2s linear;*/ }

	.ContentPortfolio .ContentColLeft						{	position: absolute; right: 291px; width: 1052px; height: auto; padding: 8px 0px 0px 0px; }
	.ContentPortfolio .ContentColRight						{	position: absolute; right: 0px; width: 291px; height: auto; padding: 3px 0px 0px 0px; }

		.ContentColLeft										{	float: left; width: 502px; height: auto; padding: 8px 0px 0px 0px; }
		.ContentColRight									{	float: left; width: 293px; height: auto; padding: 3px 0px 0px 0px; }

		.ContentColLeft	.DetailImage						{	position: relative; float: right; width: 24px; height: 24px; overflow: hidden; text-align: right;
																margin: 0px 0px 0px 17px; z-index: 100; }
		.ContentColLeft	.DetailImage img						{	position: absolute; height: 50px; top: -13px; right: 0px; }

		.ContentColLeft	.ActiveImage 						{	overflow: visible; z-index: 10; }
		.ContentColLeft	.ActiveImage img						{	height: 382px; top: 0px; }


/* CONTENT FORMAT
-------------------------------------------------------------- */
	#LnC_ContentLeft h1										{	font-size: 20px; line-height: 30px; text-transform: uppercase; letter-spacing: 4px;
																padding: 37px 0px 55px 19px; color: #9d9db3; font-weight: normal; }

	#LnC_ContentLeft h2										{	font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; line-height: 17px; letter-spacing: 0px;
																padding: 0px 0px 0px 19px; color: #9d9db3; font-weight: normal; }

	#LnC_ContentLeft p										{	font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; line-height: 16px; letter-spacing: 0px;
																padding: 6px 0px 9px 19px; color: #9d9db3; font-weight: normal; }

	#LnC_ContentLeft .ContentPortfolio p					{	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Sans-Serif; font-size: 11px; line-height: 16px; font-weight: normal; letter-spacing: 1px;
																padding: 1px 0px 4px 19px; color: #9d9db3; font-weight: bold; }

	#LnC_ContentLeft .ContentPortfolio p.Detail				{	font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; line-height: 14px; letter-spacing: 0px;
																padding: 15px 10px 4px 19px;  color: #9d9db3; font-weight: normal; }

	#LnC_ContentLeft a										{	color: inherit; text-decoration: none; }


/* CONTENT FORMAT
-------------------------------------------------------------- */
	#LnC_PreLoad											{	position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10000; background-color: #000000; }
		#LnC_PreLoad div										{	position: absolute; top: 165px; left: 364px; width: 460px; height: 250px; }
		#LnC_PreLoad div p										{	padding: 40px 0 20px 157px; color: #9d9db3; font-size: 11px; letter-spacing: 1px; line-height: 17px; text-transform: uppercase;
																	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, Sans-Serif; }





/* TRANSITION HOME-SUBSITE CONTENT
-------------------------------------------------------------- */

@-webkit-keyframes ContentSub {
	0%		{	top: 252px; width: 459px; height: 144px; border: 1px #000000 solid; border-left-width: 0px; }
	100%	{	top: 118px; width: 823px; height: 485px; border: 1px #9d9db3 solid; border-left-width: 0px; }
}

@-webkit-keyframes ContentHome {
	0%		{	top: 118px; width: 823px; height: 485px; border: 1px #9d9db3 solid; border-left-width: 0px; }
	100%	{	top: 252px; width: 459px; height: 144px; border: 1px #000000 solid; border-left-width: 0px; }
}


/* TRANSITION HOME-SUBSITE Logo
-------------------------------------------------------------- */

@-webkit-keyframes LogoSub {
	0%		{	top: -87px; }
	100%	{	top: -54px; }
}

@-webkit-keyframes LogoHome {
	0%		{	top: -54px; }
	100%	{	top: -87px; }
}


/* TRANSITION HOME-SUBSITE MENU
-------------------------------------------------------------- */

@-webkit-keyframes FullMenuOpen {
	0%		{	top: 0px; right: -147px; height: 144px; }
	100%	{	top: -1px; right: -157px; height: 487px;}
}

@-webkit-keyframes FullMenuClose {
	0%		{	top: -1px; right: -157px; height: 487px; }
	100%	{	top: 0px; right: -147px; height: 144px; }
}


/* TRANSITION MENU
-------------------------------------------------------------- */

@-webkit-keyframes MenuOpen {
	0%		{	height: 24px; }
	100%	{	height: 327px; }
}

@-webkit-keyframes MenuClose {
	0%		{	height: 327px; }
	100%	{	height: 24px; }
}


/* TRANSITION PORTFOLIO
-------------------------------------------------------------- */

@-webkit-keyframes PortfolioOpen {
	0%		{	height: 40px; border-color: #4e4f5a; background-color: #000000; }
	80%		{	height: 399px; border-color: #474851; background-color: #000000; }
	100%	{	height: 399px; border-color: #474851; background-color: #474851; }
}

@-webkit-keyframes PortfolioClose {
	0%		{	height: 399px; border-color: #474851; background-color: #474851; }
	20%		{	height: 399px; border-color: #474851; background-color: #000000; }
	100%	{	height: 40px; border-color: #474851; background-color: #000000; }
}

/*
@-webkit-keyframes PortfolioOpen {
	0%		{	width: 327px; height: 40px; border-color: #4e4f5a; background-color: #000000; }
	20%		{	width: 327px; height: 40px; border-color: #474851; background-color: #474851; }
	60%		{	width: 795px; height: 40px; border-color: #474851; background-color: #474851; }
	100%	{	width: 795px; height: 372px; border-color: #474851; background-color: #474851; }
}

@-webkit-keyframes PortfolioClose {
	0%		{	width: 795px; height: 372px; border-color: #474851; background-color: #474851; }
	40%		{	width: 795px; height: 40px; border-color: #474851; background-color: #474851; }
	80%		{	width: 327px; height: 40px; border-color: #474851; background-color: #474851; }
	100%	{	width: 327px; height: 40px; border-color: #4e4f5a; background-color: #000000; }
}
*/