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

.about .tabPanel {
	/* height: 329px; */
	/* background: aqua; */
	margin-top: 10px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.about .tabPanel #tabPanelWrap {
	position: relative;
}
.about .tabPanel .tabBox {
	height: 26px;
	z-index: 1;
	min-width: 1002px;
	width: 1002px;
	max-width: 1002px;
	/* background: blue; */
}

.about .tabPanel .headerLink {
	width: 334px;
	max-width: 334px;
	height: 26px;
	max-height: 26px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	/* background: #e97d05; */
	position: relative;
	top: 0px;
	z-index: 1;
}
.about .tabPanel .headerLink .wrap span {
	width: 334px;
	height: 26px;
	max-height: 26px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	/* background: black; */
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
.about .tabPanel .headerLink .wrap span.skin {
	z-index: 15;
	display: inline-block;
	/* background: aqua; */
}
.about .tabPanel .headerLink .wrap span.up {
	/* background: blue; */
	z-index: 5;
	display: inline-block;
}
.about .tabPanel .headerLink .wrap span.over {
	/* background: red; */
	z-index: 5;
	display: none;
}
.about .tabPanel .headerLink .wrap span.click {
	z-index: 4;
	display: none;
	/* background: aqua; */
}


.about .tabPanel .headerLink.tabOne, .about .tabPanel .headerLink.tabFour,
.about .tabPanel .headerLink.tabOne .up, .about .tabPanel .headerLink.tabFour .up,
.about .tabPanel .headerLink.tabOne .over, .about .tabPanel .headerLink.tabFour .over,
.about .tabPanel .headerLink.tabOne .click, .about .tabPanel .headerLink.tabFour .click {
	width: 334px;
}

.about .tabPanel .headerLink.tabOne .skin.msie {
	background-repeat: no-repeat;
	background-image: url(../images/company_up.png);
}
.about .tabPanel .headerLink.tabTwo .skin.msie {
	background-repeat: no-repeat;
	background-image: url(../images/team_up.png);
}
.about .tabPanel .headerLink.tabThree .skin.msie {
	background-repeat: no-repeat;
	background-image: url(../images/experience_up.png);
}


.about .tabPanel .headerLink.tabOne .skin.msie:hover {
	background-repeat: no-repeat;
	background-image: url(../images/company_over.png);
}
.about .tabPanel .headerLink.tabTwo .skin.msie:hover {
	background-repeat: no-repeat;
	background-image: url(../images/team_over.png);
}
.about .tabPanel .headerLink.tabThree .skin.msie:hover {
	background-repeat: no-repeat;
	background-image: url(../images/experience_over.png);
}


.about .tabPanel .headerLink.tabOne .skin.msie:active {
	background-repeat: no-repeat;
	background-image: url(../images/company_click.png);
}
.about .tabPanel .headerLink.tabTwo .skin.msie:active {
	background-repeat: no-repeat;
	background-image: url(../images/team_click.png);
}
.about .tabPanel .headerLink.tabThree .skin.msie:active {
	background-repeat: no-repeat;
	background-image: url(../images/experience_click.png);
}










.about .tabPanel .headerLink.tabOne .up {
	background-repeat: no-repeat;
	background-image: url(../images/company_up.png);
}
.about .tabPanel .headerLink.tabTwo .up {
	background-repeat: no-repeat;
	background-image: url(../images/team_up.png);
}
.about .tabPanel .headerLink.tabThree .up {
	background-repeat: no-repeat;
	background-image: url(../images/experience_up.png);
}



.about .tabPanel .headerLink.tabOne .over {
	background-repeat: no-repeat;
	background-image: url(../images/company_over.png);
}
.about .tabPanel .headerLink.tabTwo .over {
	background-repeat: no-repeat;
	background-image: url(../images/team_over.png);
}
.about .tabPanel .headerLink.tabThree .over {
	background-repeat: no-repeat;
	background-image: url(../images/experience_over.png);
}


.about .tabPanel .headerLink.tabOne .click {
	background-repeat: no-repeat;
	background-image: url(../images/company_click.png);
}
.about .tabPanel .headerLink.tabTwo .click {
	background-repeat: no-repeat;
	background-image: url(../images/team_click.png);
}
.about .tabPanel .headerLink.tabThree .click {
	background-repeat: no-repeat;
	background-image: url(../images/experience_click.png);
}

.about .tabPanel .tabPanelContents {
	position: relative;
	/* height: 303px; */
	/* padding: 5px 10px 2px 12px; */
	clear: both;
	z-index: 1;
}
.about .tabPanel .tabPanelContents .tabContent {
	/* orphans: 2; */
	/* position: absolute; */
	/*
float: left;
	clear: both;
*/
	/* background: gray; */
	position: relative;
	display: block;
	width: 1002px;
	text-align: justify;
	z-index: 1;
}
.about .tabPanel .bg {
	position: absolute;
	display: block;
	width: 1002px;
	/* height: 100%; */
	background-repeat: repeat-y;
	background-image: url(../images/tab_panel_1px_bg.png);
	z-index: 1;
	top: 26px;
	bottom: 39px;
}
.about .tabPanel .tabPanelFooter {
	height: 8px;
	/* background: blue; */
	/* position: absolute; */
	display: block;
	/* bottom: 200px; */
	/* clear: both; */
	background-repeat: no-repeat;
	background-image: url(../images/tab_panel_footer.png);
	z-index: 1;
}
/*
.about .tabPanel .tabContent div {
	height: auto;
	width: 990px;
	display: block;
	position: relative;
	z-index: 20;
}
*/
.about .tabPanel .titleWrap {
	position: relative;
	overflow: hidden;
}
.about .tabPanel .title {
	display: block;
	position: relative;
	left: -400px;
}
.about .tabPanel .text {
	display: block;
	position: relative;
	/* height: 100%; */
	width: 620px;
	/* max-width: 610px; */
	left: 370px;
	top: 10px;
	text-align: justify;
	color: #ffffff;
	clear: both;
}
.about .tabPanel .text ol {
	list-style-type: none;
	-moz-column-width: 12em;
	-webkit-column-width: 12em;
	-moz-column-gap: .5em;
	-webkit-column-gap: .5em;
	text-align: left;
	position: relative;
	left: -10px;
	/* height: 235px; */
	width: 400px;
}
.about .tabPanel .text ol li {
	list-style-type: none;
}
/*
.about .tabPanel  #serviceWeb .title {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/services_web_text.png);
	width: 304px;
	height:  62px;
}
.about .tabPanel  #serviceDesign .title {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/services_design_text.png);
	width: 270px;
	height:  50px;

}
.about .tabPanel  #serviceVideo .title {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/services_video_text.png);
	width: 373px;
	height:  61px;
}
.about .tabPanel  #servicePrint .title {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/services_print_text.png);
	width: 236px;
	height:  48px;
}
.about .tabPanel  #serviceWeb .text {
}
.about .tabPanel  #serviceDesign .text {

}
.about .tabPanel  #serviceVideo .text {
}
.about .tabPanel  #servicePrint .text {

}
*/
#company {
	height: 360px;
	background-position: 10px center;
	background-repeat: no-repeat;
	background-image: url(../images/sun_emblem.png);
	margin-bottom: -8px;
	
}
#company .text {
	height: 360px;
	top: 8px;
	left: 310px;
	width: 663px;
	/*
font-weight: bold;
	text-shadow: 0px 1px 2px #191919;
*/
	/* margin-bottom: -8px; */
	
}
.member {
	min-height: 303px;
	height: 303px;
	/* width: 990px; */
	display: block;
	position: relative;
	clear: both;
	z-index: 20;
}
.member .text {
	min-height: 303px;
	height: 303px;
	display: block;
	position: relative;
	clear: both;
	z-index: 20;
	/* left: -225px; */
}
.member.lang {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/lang.png);
	margin-bottom: -3px;
}
.member.eddie {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/eddie.png);
	margin-bottom: -8px;
}
.member.lang .text {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/lang_text.png);
}
.member.eddie .text {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/eddie_text.png);
}
.about #experience {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/experience_image.png);
	height: 360px;
}
.about #experience #experienceList {
	left: 40px;
	top: -15px;
	height: 315px;
	width: 350px;
	list-style-type: none;
	/*
-moz-column-width: 10.25em;
	-webkit-column-width: 15px;
*/
	-moz-column-gap: 0em;
	-webkit-column-gap: 0em;
}
.about #experience .text {
	
	/*-moz-column-width: 10em;
	-webkit-column-width: 10em;
	-moz-column-gap: .5em;
	-webkit-column-gap: .5em;
*/
	/*
-moz-column-width: 15em;
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-moz-column-rule: 1px solid black;
	-webkit-column-width: 15em;
	-webkit-column-count: 3;
	-webkit-column-gap: 1em;
	-webkit-column-rule: 1px solid black;
*/
	
	width: 500px;
	max-width: 500px;
	/* height: 303px; */
}
.about #experience .text a {
	text-decoration: none;
	min-height: 16px;
	height: 16px;
	/* display: block; */
	/* position: relative; */
	z-index: 20;
	margin-left: 5px;
	/* left: -225px; */
	color: #ffffff;
}
.about #experience .text a:hover {
	text-decoration: underline;
}
.about #experience .text a.header {
	font-weight: bold;
	margin-left: 0px;
}
.about #experience .text a.header:hover {
	text-decoration: underline;
}
.about #experience .text a.headerNoLink {
	font-weight: bold;
	margin-left: 0px;
}
.about #experience .text a.headerNoLink:hover {
	text-decoration: none;
	cursor: default;
}