/* CSS Document */ body,div{ padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-style:normal; font-weight:normal; list-style-type:none; text-align:justify;} div.twitter{ background:#000000;} a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; color:#666666; padding:0; margin:0; text-decoration:none;} a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; padding:0; margin:0; color:#DA5605;} a.webpro{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:bold; color:#666666; padding:0; margin:0; text-decoration:none;} a.webpro:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:bold; padding:0; margin:0; color:#DA5605;} .redstar{color:#FF0000; font-weight:bold; font-size:16px;} h1{font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#E25E0D; padding:0; margin:0; line-height:30px; display: block; float:left; width:208px;} h1.h1_sub1{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#0066CC; padding:0; margin:0; line-height:18px; display: block; float:left;} h1.h1_sub1 a{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#0066CC; padding:0; margin:0; line-height:18px; display: block; float:left;} h1.h1_sub1 a:hover{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#0066CC; padding:0; margin:0; line-height:18px; display: block; float:left;} h1.small{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#E25E0D; padding:0; margin:0; line-height:18px; display: block; float:left;} h1.big{font:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#000000; padding:0; margin:0; line-height:18px; float: none; text-align:center;} h1.subh1{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#E25E0D; padding:0; margin:0; line-height:30px; display: block; float:left;} span.star{font-size:16px; color:#E25E0D; font-weight:bold;} ul#bullet{padding:0; margin:0;} ul#bullet li{background:url(image/bullet.jpg) no-repeat; background-position:left top; padding-left:25px; display:block; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:none;} h1.charactergalery a{font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#E25E0D; padding:0; margin:0; line-height:30px; display: block; width:auto;} h1.categories{display:block; font:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#E25E0D; padding:0; margin:0; line-height:20px;} h1.templatesheading { font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #333333; padding:0; margin:0; line-height:20px; text-align:left; padding-left:5px; width:190px;} .bold{font-weight:bold;} h1.templatesheading a{ font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #333333; padding:0; margin:0; line-height:20px; text-align:left; float:none;} h2{font:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight:normal; color:#666; padding:0; margin:0;} h2.h2_sub1{font-family: Geneva, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF; padding:0; margin:0;} h3{font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#0066CC; padding:0; margin:0; line-height:30px; } h3.h3_sub1{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FF9900; padding:0; margin:0; } h3.h3_sub1 a{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FF9900; padding:0; margin:0;} h3.h3_sub1 a:hover{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #666666; padding:0; margin:0;} h4{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#969696; padding:0; margin:0;} h4.index_orange{font:'Arial' Helvetica, sans-serif; font-size:16px; line-height:50px; font-weight:bold; color:#de5a09; padding:0; margin:0;} h4.index_orange_small{font:'Arial' Helvetica, sans-serif; font-size:12px; line-height:25px; font-weight:bold; color:#de5a09; padding:0; margin:0;} h4.index_blue{font:'Arial' Helvetica, sans-serif; font-size:16px; line-height:50px; font-weight:bold; color:#0099FF; padding:0; margin:0;} h5{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666; padding:0; margin:0; line-height:20px;} h6{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#0099FF; padding:0; margin:0;} h6.thereis{font:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#666666; padding:0; margin:0;} .style1 {font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:lighter; color:#0066CC; padding:0; margin:0;} .h1link a{font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#E25E0D; padding:0; margin:0; line-height:30px;} .h1link a:hover{font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#E25E0D; padding:0; margin:0; line-height:30px;} .h7linkactive a{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#E76211; padding:0; margin:0; line-height:20px;} .h7link a{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666; padding:0; margin:0; line-height:20px;} .h7link a:hover{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#E76211; padding:0; margin:0; line-height:20px;} .h8link a{font:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#0066CC; padding:0; margin:0; line-height:20px;} .h8link a:hover{font:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#E25E0D; padding:0; margin:0; line-height:20px;} .h9link a{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#E25E0D; padding:0; margin:0; line-height:20px;} .h9link a:hover{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666; padding:0; margin:0; line-height:20px;} .h10link a{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#0066CC; padding:0; margin:0; line-height:20px;} .h10link a:hover{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666; padding:0; margin:0; line-height:20px;} .h11link a{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#0066CC; padding:0; margin:0; line-height:20px;} .h11link a:hover{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#E25E0D; padding:0; margin:0; line-height:20px;} .h15link a{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #CCCCCC; padding:0; margin:0; line-height:20px;} .h115ink a:hover{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#DA5605; padding:0; margin:0; line-height:20px;} .h17link a{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FF9900; padding:0; margin:0; } .h17link a:hover{font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #666666; padding:0; margin:0; } .h11{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; padding:0; margin:0;} .h12{font-family: Geneva, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF; padding:0; margin:0;} .h13{font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #a2c349; padding:0; margin:0;} .h14{font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #ffffff; padding:0; margin:0;} .h16{font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FF9900; padding:0; margin:0;} ul{padding:0; margin:0; font-family:"Times New Roman", Times, serif; font-size:11px; font-weight:normal; font-style:normal; list-style-type:none;} span.orange{ color:#e57303;} ul.featured_works{list-style-type:none; padding:0px; margin:0px;} ul.featured_works li{display:block; float:left; width:175px; padding-right:8px; font-size:14px; line-height:30px; font-family:Arial, Helvetica, sans-serif; text-align:left; } ul.featured_works li.nopadding{display:block; float:left; width:175px; padding-right:0px;} ul.featured_works li img{display:block; padding:0px; margin:0px; border:1px solid #999999; padding:1px;} ul.index_service{list-style-type:none; padding:0px; margin:0px;} ul.index_service li{width:445px; display:block; background:url(image/dot.jpg) repeat-x bottom; } ul.index_service li.no_border{width:445px; display:block; background: none; } ul.index_service li a{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#6d6969; text-decoration:none; line-height:36px; } ul.index_service li a:hover{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#e57303; text-decoration:none; line-height:36px;} ul.index_service li a.left{ width:219px; font-family:Arial, Helvetica, sans-serif; text-align:left; display:block; float:left;} ul.index_service li a.right{ width:219px; font-family:Arial, Helvetica, sans-serif; text-align:left; display:block; float:right} ul.pressnews{list-style-type:none; padding:0px; margin:0px;} ul.pressnews li{padding-top:10px; padding-bottom:10px; display:block; width:465px; background:url(image/dot.jpg) repeat-x bottom; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; } ul.pressnews li.nopadding{padding-top:0px; padding-bottom:10px; display:block; width:465px; background:url(image/dot.jpg) repeat-x bottom;} ul.pressnews li.noborder{padding-top:10px; padding-bottom:10px; display:block; width:465px; background: none ;} ul.pressnews li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; } ul.pressnews li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-decoration:underline; } ul.pressnews li span{ color:#e57303; font-weight:bold;} ul.pressnews li span a{ color:#e57303; font-weight:bold;} span.pressnews{padding-top:10px; padding-bottom:10px; display:block; width:465px; background:url(image/dot.jpg) repeat-x bottom; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; } span.pressnews_nopading{padding-top:0px; padding-bottom:10px; display:block; width:465px; background:url(image/dot.jpg) repeat-x bottom;} span.pressnews_noborder{padding-top:10px; padding-bottom:10px; display:block; width:465px; background: none ;} a.press{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; } a.press:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-decoration:underline; } b.pressn{ color:#e57303; font-weight:bold;} b.pressn{ color:#e57303; font-weight:bold;} ul#follow_us{padding:0px; margin:0px; list-style-type:none; display:block;} ul#follow_us li{padding:1px; border:1px solid #666666; height:30px; margin-right:15px; display:block; float:left;} ul#follow_us li a{padding:0px; margin:0px; display:block;} ul.follow{padding:0px; margin:0px; list-style-type:none; display:block;} ul.follow li{padding:1px; border:1px solid #CCCCCC; height:30px; margin-right:5px; display:block; float:left;} ul.follow li a{padding:0px; margin:0px; display:block;} #fullpage{ background:#FFFFFF; margin-top:12px; width:953px; text-align:center;} ul li{ padding:0; margin:0; display:block; float:left; } ul li.HOME a{ width:76PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/home_bg.gif) no-repeat; background-position:BOTTOM; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.HOME a:hover{ color:#000000; font-weight:bold; width:76PX; background:url(image/home_bg.gif) no-repeat; background-position:TOP; line-height:33PX; } ul li.HOMEactive a{ width:76PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/home_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.HOMEactive a:hover{ width:76PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/home_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.HOME2 a{ width:76PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/home_bg2.gif) no-repeat; background-position:BOTTOM; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.HOME2 a:hover{ color:#000000; font-weight:bold; width:76PX; background:url(image/home_bg2.gif) no-repeat; background-position:TOP; line-height:33PX; } ul li.HOME2active a{ width:76PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/home_bg2.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.HOME2active a:hover{ width:76PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/home_bg2.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.ABOUTUS a{ width:100PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/aboutus_bg.gif) no-repeat; background-position:BOTTOM; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.ABOUTUS a:hover{font-weight:bold; color:#000000; width:100PX; background:url(image/aboutus_bg.gif) no-repeat; background-position:TOP; line-height:33PX; } ul li.ABOUTUSactive a{ width:100PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/aboutus_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.ABOUTUSactive a:hover{ width:100PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/aboutus_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.SERVICE a{ width:95PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/service_bg.gif) no-repeat; background-position:BOTTOM; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.SERVICE a:hover{ color:#000000; font-weight:bold; width:95PX; background:url(image/service_bg.gif) no-repeat; background-position:TOP; line-height:33PX; } ul li.SERVICEactive a{ width:95PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/service_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.SERVICEactive a:hover{ width:95PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/service_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.SERVICE2 a{ width:95PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/service_bg2.gif) no-repeat; background-position:BOTTOM; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.SERVICE2 a:hover{ color:#000000; font-weight:bold; width:95PX; background:url(image/service_bg2.gif) no-repeat; background-position:TOP; line-height:33PX; } ul li.SERVICE2active a{ width:95PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/service_bg2.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.SERVICE2active a:hover{ width:95PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/service_bg2.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.TECHNOLOGY a{ width:122PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/technology_bg.gif) no-repeat; background-position:BOTTOM; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.TECHNOLOGY a:hover{font-weight:bold; color: #000000; width:122PX; background:url(image/technology_bg.gif) no-repeat; background-position:TOP; line-height:33PX; } ul li.TECHNOLOGYactive a{ width:122PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/technology_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.TECHNOLOGYactive a:hover{ width:122PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/technology_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.CLIENTS a{ width:89PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/clients_bg.gif) no-repeat; background-position:BOTTOM; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.CLIENTS a:hover{ color:#000000; font-weight:bold; width:89PX; background:url(image/clients_bg.gif) no-repeat; background-position:TOP; line-height:33PX; } ul li.CLIENTSactive a{ width:89PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/clients_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.CLIENTSactive a:hover{ width:89PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/clients_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.TRAINING a{ width:94PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/training_bg.gif) no-repeat; background-position:BOTTOM; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.TRAINING a:hover{font-weight:bold; color:#000000; width:94PX; background:url(image/training_bg.gif) no-repeat; background-position:TOP; line-height:33PX; } ul li.TRAININGactive a{ width:94PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/training_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } } ul li.TRAININGactive a:hover{ width:94PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/training_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.COMPANYNEWS a{ width:127PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/company-news_bg.gif) no-repeat; background-position:BOTTOM; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.COMPANYNEWS a:hover{font-weight:bold; color:#000000; width:127PX; background:url(image/company-news_bg.gif) no-repeat; background-position:TOP; line-height:33PX; } ul li.COMPANYNEWSactive a{ width:127PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/company-news_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.COMPANYNEWSactive a:hover{ width:127PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:33px; background:url(image/company-news_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.CAREER a{ width:86PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:25px; background:url(image/career_bg_NOR.gif) no-repeat; background-position:BOTTOM; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.CAREER a:hover{ font-weight:bold; color:#000000; width:86PX; background:url(image/career_bg.gif) no-repeat; background-position:TOP; line-height:25PX; } ul li.CAREERactive a{ width:86PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:25px; background:url(image/career_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.CAREERactive a:hover{ width:86PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:25px; background:url(image/career_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.CONTACT a{ width:92PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:25px; background:url(image/contact_bg_NOR.gif) no-repeat; background-position:BOTTOM; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.CONTACT a:hover{font-weight:bold; color:#000000; width:92PX; background:url(image/contact_bg.gif) no-repeat; background-position:TOP; line-height:25PX; } ul li.CONTACTactive a{ width:92PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:25px; background:url(image/contact_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.CONTACTactive a:hover{ width:92PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:25px; background:url(image/contact_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.SITEMAP a{ width:84PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:25px; background:#000000; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.SITEMAP a:hover{ font-weight:bold; color:#000000; width:84PX; background:url(image/sitemap_bg.gif) no-repeat; background-position:TOP; line-height:25PX; } ul li.SITEMAPactive a{ width:84PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:25px; background:#000000; text-decoration:none; color:#000000; text-align:center; background:url(image/sitemap_bg.gif) no-repeat; background-position:TOP; } ul li.SITEMAPactive a:hover{ width:84PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:25px; background:#000000; text-decoration:none; color:#000000; text-align:center; background:url(image/sitemap_bg.gif) no-repeat; background-position:TOP; } ul li.ANIMATION a{ width:104PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:33px; background:url(image/animation_bg.gif) no-repeat; background-position:bottom; text-decoration:none; color:#FFFFFF; font-weight:bold; text-align:center; } ul li.ANIMATION a:hover{ color:#000000; font-weight:bold; width:104PX; background:url(image/animation_bg.gif) no-repeat; background-position:top; line-height:33PX; } ul li.ANIMATIONactive a{ width:104PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:33px; background:url(image/animation_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; font-weight:bold; text-align:center; } ul li.ANIMATIONactive a:hover{ width:104PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:33px; background:url(image/animation_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; font-weight:bold; text-align:center; } ul li.GAMEDESIGN a{ width:125PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/gamedesign_bg.gif) no-repeat; background-position:bottom; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.GAMEDESIGN a:hover{ color:#000000; font-weight:bold; width:125PX; background:url(image/gamedesign_bg.gif) no-repeat; background-position:top; line-height:33PX; } ul li.GAMEDESIGNactive a{ width:125PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/gamedesign_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.GAMEDESIGNactive a:hover{ width:125PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/gamedesign_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.VIRTUALREALITY a{ width:137PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/Virtualreality_bg.gif) no-repeat; background-position:bottom; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.VIRTUALREALITY a:hover{ color:#000000; font-weight:bold; width:137PX; background:url(image/Virtualreality_bg.gif) no-repeat; background-position:top; line-height:33PX; } ul li.VIRTUALREALITYactive a{ width:137PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/Virtualreality_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } } ul li.VIRTUALREALITYactive a:hover{ width:137PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/Virtualreality_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.CORPORATEPRESENTATION a{ width:188PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/corporatepresentation_bg.gif) no-repeat; background-position:bottom; text-decoration:none; color:#FFFFFF; text-align:center; word-spacing:normal; } ul li.CORPORATEPRESENTATION a:hover{ color:#000000; font-weight:bold; width:188PX; background:url(image/corporatepresentation_bg.gif) no-repeat; background-position:top; line-height:33PX; word-spacing:normal; } ul li.CORPORATEPRESENTATIONactive a{ width:188PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/corporatepresentation_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; word-spacing:normal; } ul li.CORPORATEPRESENTATIONactive a:hover{ width:188PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/corporatepresentation_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; word-spacing:normal; } ul li.INDUSTRIALDESIGN a{ width:150PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/industrialdesign_bg.gif) no-repeat; background-position:bottom; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.INDUSTRIALDESIGN a:hover{ color:#000000; font-weight:bold; width:150PX; background:url(image/industrialdesign_bg.gif) no-repeat; background-position:top; line-height:33PX; } ul li.INDUSTRIALDESIGNactive a{ width:150PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/industrialdesign_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.INDUSTRIALDESIGNactive a:hover{ width:150PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/industrialdesign_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.INDUSTRIALDESIGN2 a{ width:150PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/industrialdesign_bg2.gif) no-repeat; background-position:bottom; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.INDUSTRIALDESIGN2 a:hover{ color:#000000; font-weight:bold; width:150PX; background:url(image/industrialdesign_bg2.gif) no-repeat; background-position:top; line-height:33PX; } ul li.INDUSTRIALDESIGN2active a{ width:150PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/industrialdesign_bg2.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.INDUSTRIALDESIGN2active a:hover{ width:150PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/industrialdesign_bg2.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.WEBDESIGN a{ width:122PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/web-design_bg.gif) no-repeat; background-position:bottom; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.WEBDESIGN a:hover{ color:#000000; font-weight:bold; width:122PX; background:url(image/web-design_bg.gif) no-repeat; background-position:top; line-height:33PX; } ul li.WEBDESIGNactive a{ width:122PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/web-design_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.WEBDESIGNactive a:hover{ width:122PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/web-design_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.WEBDESIGN2 a{ width:122PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/web-design_bg2.gif) no-repeat; background-position:bottom; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.WEBDESIGN2 a:hover{ color:#000000; font-weight:bold; width:122PX; background:url(image/web-design_bg2.gif) no-repeat; background-position:top; line-height:33PX; } ul li.WEBDESIGN2active a{ width:122PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/web-design_bg2.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.WEBDESIGN2active a:hover{ width:122PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/web-design_bg2.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.WEBDESIGN3 a{ width:122PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/web-design_bg3.gif) no-repeat; background-position:bottom; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.WEBDESIGN3 a:hover{ color:#000000; font-weight:bold; width:122PX; background:url(image/web-design_bg3.gif) no-repeat; background-position:top; line-height:33PX; } ul li.WEBDESIGN3active a{ width:122PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/web-design_bg3.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.WEBDESIGN3active a:hover{ width:122PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/web-design_bg3.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.GRAPHICDESIGN a{width:125PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/graphicdesign_bg.gif) no-repeat; background-position:bottom; text-decoration:none; color:#FFFFFF; text-align:center; } ul li.GRAPHICDESIGN a:hover{ color: #000000; font-weight:bold; width:125PX; background:url(image/graphicdesign_bg.gif) no-repeat; background-position:top; line-height:33PX; } ul li.GRAPHICDESIGNactive a{width:125PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/graphicdesign_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.GRAPHICDESIGNactive a:hover{width:125PX; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:33px; background:url(image/graphicdesign_bg.gif) no-repeat; background-position:top; text-decoration:none; color:#000000; text-align:center; } ul li.templateth{ display:block; width:200px; padding:5px; background: #EAEAEA; border:1px solid #999999; height:150px; float:left; margin-right:19px; height:200px; text-align:center; padding-right:6px; margin-bottom:20px;} ul li.templateth2{ display:block; width:200px; padding:5px; padding-right:6px; background: #EAEAEA; border:1px solid #999999; height:150px; float:left; margin-right:0px; height:200px; text-align:center; margin-bottom:20px;} ul li.templateth img{border:1px solid #AEAEAE;} ul li.templateth2 img{border:1px solid #AEAEAE;} .templatetext{ display:block; width:200px; height:150px; float:left; text-align:center;} ul li.templatecategory{ display:block; width:190px; line-height:20px; float:left; margin:0;} ul li.templatecategory a{ float:left; color:#333333; text-decoration:none; margin:0;} ul li.templatecategory a:hover{ float:left; color:#FF6600; text-decoration:none; margin:0;} ul li.templatecategoryactive{ display:block; width:190px; line-height:20px; float:left; margin:0;} ul li.templatecategoryactive a{ float:left; color:#FF6600; text-decoration:none; margin:0;} .thumbnail{ position:relative; y-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: #CCC; padding: 5px; left: -500px; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; top:-100px; /*position where enlarged image should offset horizontally */ } .thumbnail2{ position:relative; y-index: 0; } .thumbnail2:hover{ background-color: transparent; z-index: 50; } .thumbnail2 span{ /*CSS for enlarged image*/ position: absolute; background-color: #CCC; padding: 5px; left: -500px; visibility: hidden; color: black; text-decoration: none; } .thumbnail2 span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail2:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: -300px; top:-100px; /*position where enlarged image should offset horizontally */ } .thumbnail3{ position:relative; y-index: 0; } .thumbnail3:hover{ background-color: transparent; z-index: 50; } .thumbnail3 span{ /*CSS for enlarged image*/ position: absolute; background-color: #CCC; padding: 5px; left: -500px; visibility: hidden; color: black; text-decoration: none; } .thumbnail3 span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail3:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; top: -400px; /*position where enlarged image should offset horizontally */ } .thumbnail4{ position:relative; y-index: 0; } .thumbnail4:hover{ background-color: transparent; z-index: 50; } .thumbnail4 span{ /*CSS for enlarged image*/ position: absolute; background-color: #CCC; padding: 5px; left: -500px; visibility: hidden; color: black; text-decoration: none; } .thumbnail4 span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail4:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: -300px; top: -400px; /*position where enlarged image should offset horizontally */ } .thumbnail5{ position:relative; y-index: 0; } .thumbnail5:hover{ background-color: transparent; z-index: 50; } .thumbnail5 span{ /*CSS for enlarged image*/ position: absolute; background-color: #CCC; padding: 5px; left: -500px; visibility: hidden; color: black; text-decoration: none; } .thumbnail5 span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail5:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 100px; top:-150px; /*position where enlarged image should offset horizontally */ } .thumbnail6{ position:relative; y-index: 0; padding:0; margin:0; } .thumbnail6:hover{ background-color: transparent; z-index: 50; padding:0; margin:0; } .thumbnail6 span{ /*CSS for enlarged image*/ position: absolute; background-color: #CCC; padding: 5px; left: -500px; visibility: hidden; color: black; text-decoration: none; margin:0; } .thumbnail6 span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; margin:0; } .thumbnail6:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 100px; top:-300px; padding:0; margin:0; /*position where enlarged image should offset horizontally */ } #footpanel { position: fixed; bottom: 0; left: 0; z-index: 9999; /*--Keeps the panel on top of all other elements--*/ background: #ffffff url(image/footer_panel_bg.jpg) repeat-x ; border: 1px solid #333333; border-bottom: none; width: 92%; margin: 0 3%; height:28px; padding:10px; padding-bottom:5px; padding-top:5px; opacity:0.9;filter:alpha(opacity=90); } *html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/ margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/ position: absolute; top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight)); }