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

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

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


.services .tabPanel .headerLink.tabOne, .services .tabPanel .headerLink.tabFour,
.services .tabPanel .headerLink.tabOne .up, .services .tabPanel .headerLink.tabFour .up,
.services .tabPanel .headerLink.tabOne .over, .services .tabPanel .headerLink.tabFour .over,
.services .tabPanel .headerLink.tabOne .click, .services .tabPanel .headerLink.tabFour .click {
	width: 250px;
}

.services .tabPanel .headerLink.tabOne .skin.msie {
	background-repeat: no-repeat;
	background-image: url(../images/services_web_up.png);
}
.services .tabPanel .headerLink.tabTwo .skin.msie {
	background-repeat: no-repeat;
	background-image: url(../images/services_design_up.png);
}
.services .tabPanel .headerLink.tabThree .skin.msie {
	background-repeat: no-repeat;
	background-image: url(../images/services_video_up.png);
}
.services .tabPanel .headerLink.tabFour .skin.msie {
	background-repeat: no-repeat;
	background-image: url(../images/services_print_up.png);
}


.services .tabPanel .headerLink.tabOne .skin.msie:hover {
	background-repeat: no-repeat;
	background-image: url(../images/services_web_over.png);
}
.services .tabPanel .headerLink.tabTwo .skin.msie:hover {
	background-repeat: no-repeat;
	background-image: url(../images/services_design_over.png);
}
.services .tabPanel .headerLink.tabThree .skin.msie:hover {
	background-repeat: no-repeat;
	background-image: url(../images/services_video_over.png);
}
.services .tabPanel .headerLink.tabFour .skin.msie:hover {
	background-repeat: no-repeat;
	background-image: url(../images/services_print_over.png);
}


.services .tabPanel .headerLink.tabOne .skin.msie:active {
	background-repeat: no-repeat;
	background-image: url(../images/services_web_click.png);
}
.services .tabPanel .headerLink.tabTwo .skin.msie:active {
	background-repeat: no-repeat;
	background-image: url(../images/services_design_click.png);
}
.services .tabPanel .headerLink.tabThree .skin.msie:active {
	background-repeat: no-repeat;
	background-image: url(../images/services_video_click.png);
}
.services .tabPanel .headerLink.tabFour .skin.msie:active {
	background-repeat: no-repeat;
	background-image: url(../images/services_print_click.png);
}











.services .tabPanel .headerLink.tabOne .up {
	background-repeat: no-repeat;
	background-image: url(../images/services_web_up.png);
}
.services .tabPanel .headerLink.tabTwo .up {
	background-repeat: no-repeat;
	background-image: url(../images/services_design_up.png);
}
.services .tabPanel .headerLink.tabThree .up {
	background-repeat: no-repeat;
	background-image: url(../images/services_video_up.png);
}
.services .tabPanel .headerLink.tabFour .up {
	background-repeat: no-repeat;
	background-image: url(../images/services_print_up.png);
}




.services .tabPanel .headerLink.tabOne .over {
	background-repeat: no-repeat;
	background-image: url(../images/services_web_over.png);
}
.services .tabPanel .headerLink.tabTwo .over {
	background-repeat: no-repeat;
	background-image: url(../images/services_design_over.png);
}
.services .tabPanel .headerLink.tabThree .over {
	background-repeat: no-repeat;
	background-image: url(../images/services_video_over.png);
}
.services .tabPanel .headerLink.tabFour .over {
	background-repeat: no-repeat;
	background-image: url(../images/services_print_over.png);
}


.services .tabPanel .headerLink.tabOne .click {
	background-repeat: no-repeat;
	background-image: url(../images/services_web_click.png);
}
.services .tabPanel .headerLink.tabTwo .click {
	background-repeat: no-repeat;
	background-image: url(../images/services_design_click.png);
}
.services .tabPanel .headerLink.tabThree .click {
	background-repeat: no-repeat;
	background-image: url(../images/services_video_click.png);
}
.services .tabPanel .headerLink.tabFour .click {
	background-repeat: no-repeat;
	background-image: url(../images/services_print_click.png);
}

.services .tabPanel .tabPanelContents {
	position: relative;
	height: 295px;
	/* padding: 5px 10px 2px 12px; */
	clear: both;
	background-repeat: repeat-y;
	background-image: url(../images/tab_panel_1px_bg.png);
	z-index: 1;
}
.services .tabPanel .tabPanelContents .tabContent {
	/* orphans: 2; */
	/* position: absolute; */
	/*
float: left;
	clear: both;
*/
	/* background: gray; */
	position: absolute;
	display: block;
	width: 980px;
	text-align: justify;
	z-index: 1;
	
}
.services .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;
}
/*
.services .tabPanel .tabContent div {
	height: 303px;
	width: 990px;
	display: block;
	position: absolute;
	z-index: 20;
}
*/
.services .tabPanel #serviceWeb {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/services_web.png);
	height: 303px;
}
.services .tabPanel #serviceDesign {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/services_design.png);
	height: 303px;
}
.services .tabPanel #serviceVideo {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/services_video.png);
	height: 303px;
}
.services .tabPanel #servicePrint {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/services_print.png);
	height: 303px;
}
.services .tabPanel .titleWrap {
	position: relative;
	overflow: hidden;
}
.services .tabPanel .title {
	display: block;
	position: relative;
	left: -400px;
}
.services .tabPanel .text {
	display: block;
	position: relative;
	height: 303px;
	width: 505px;
	max-width: 505px;
	left: 550px;
	/* top: -50px; */
	text-align: justify;
	color: #ffffff;
}
.services .tabPanel .text ol {
	list-style-type: none;
	-moz-column-width: 10em;
	-webkit-column-width: 10em;
	-moz-column-gap: .5em;
	-webkit-column-gap: .5em;
	text-align: left;
	position: relative;
	left: -10px;
}
.services .tabPanel .text ol li {
	list-style-type: none;
	/*
width: 10em;
	max-width: 10em;
*/
	/* white-space: nowrap; */
	/*
text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; 
*/
}
.services .tabPanel  #serviceWeb .title {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/services_web_text.png);
	width: 304px;
	height:  62px;
}
.services .tabPanel  #serviceDesign .title {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/services_design_text.png);
	width: 270px;
	height:  50px;

}
.services .tabPanel  #serviceVideo .title {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/services_video_text.png);
	width: 373px;
	height:  61px;
}
.services .tabPanel  #servicePrint .title {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/services_print_text.png);
	width: 236px;
	height:  48px;
}
.services .tabPanel  #serviceWeb .text {
	left: 475px;
	top: 10px;
	line-height: 20px;
	font-size: 11pt;
}
.services .tabPanel  #serviceDesign .text {
	left: 475px;
	top: 5px;
}
.services .tabPanel  #serviceDesign .text ol {
	line-height: 11.5pt;
}
.services .tabPanel  #serviceVideo .text {
	padding-left: 0px;
	top: 10px;
	/* padding-right: 5px; */
	width: 428px;
	line-height: 20px;
}
.services .tabPanel  #servicePrint .text {
	left: 475px;
	top: 10px;
}