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

html { height:100%;width:100%;margin:0; }
body { height:100%;width:100%;margin:0;background:url(images/bg_1080.png) fixed;background-size:contain; }
a img { border:none; }
#top { position:absolute;top:0%;left:0%;height:20%;width:100%; }
#rest { position:absolute;top:20%;left:0%;height:80%;width:100%; }
#mnu { padding-top:2%;height:27%;width:100%;text-align:center;white-space:nowrap; }
.mnu { display:inline-block;height:100%;width:auto;padding-right:1%; }
.mnu_land { display:inline-block;height:auto;width:15%;padding-right:1%; }
#lgo { position:absolute;top:20%;left:0%;height:27%;width:100%;background:url(images/logo_1080.png) no-repeat center;background-size:contain; }
.ro { height:100%;width:auto; }
#cont { position:absolute;top:10%;left:0%;height:50%;width:100%;background:url(images/contact.png) no-repeat center;background-size:contain; }
#about { position:absolute;top:-5%;left:0%;height:95%;width:100%;background:url(images/about.png) no-repeat center;background-size:contain; }
#about_link { position:absolute;top:80%;left:40%;height:20%;width:20%; }
.hover { display:block; }
.hover a { display:block;width:100%;height:100%; }
.hidden { display:none; }
#port1,#pd1,#vis1 { position:absolute;top:0%;left:10%;height:25%;width:38%;background-size:contain; }
#port2,#pd2,#vis2 { position:absolute;top:0%;left:52%;height:25%;width:38%;background-size:contain; }
#port3,#pd3,#vis3 { position:absolute;top:30%;left:10%;height:25%;width:38%;background-size:contain; }
#port4,#pd4,#vis4 { position:absolute;top:30%;left:52%;height:25%;width:38%;background-size:contain; }
#port5,#pd5,#vis5 { position:absolute;top:60%;left:31%;height:25%;width:38%;background-size:contain; }
.port1_default { background:url(images/port_default.png) no-repeat center,url(images/port_product.png) no-repeat center; }
.port1_hover { background:url(images/port_hover.png) no-repeat center,url(images/port_product.png) no-repeat center; }
.port2_default {background:url(images/port_default.png) no-repeat center,url(images/port_visualise.png) no-repeat center; }
.port2_hover { background:url(images/port_hover.png) no-repeat center,url(images/port_visualise.png) no-repeat center; }
.port3_default { background:url(images/port_default.png) no-repeat center,url(images/port_design.png) no-repeat center; }
.port3_hover { background:url(images/port_hover.png) no-repeat center,url(images/port_design.png) no-repeat center; }
.port4_default { background:url(images/port_default.png) no-repeat center,url(images/port_animation.png) no-repeat center; }
.port4_hover { background:url(images/port_hover.png) no-repeat center,url(images/port_animation.png) no-repeat center; }
.port5_default { background:url(images/port_default.png) no-repeat center,url(images/port_photography.png) no-repeat center; }
.port5_hover { background:url(images/port_hover.png) no-repeat center,url(images/port_photography.png) no-repeat center; }
.pd1_default { background:url(images/port_default.png) no-repeat center,url(images/pd_adm.png) no-repeat center; }
.pd1_hover { background:url(images/port_hover.png) no-repeat center,url(images/pd_adm.png) no-repeat center; }
.pd2_default { background:url(images/port_default.png) no-repeat center,url(images/pd_caprisun.png) no-repeat center; }
.pd2_hover { background:url(images/port_hover.png) no-repeat center,url(images/pd_caprisun.png) no-repeat center; }
.pd3_default { background:url(images/port_default.png) no-repeat center,url(images/pd_kelloggs.png) no-repeat center; }
.pd3_hover { background:url(images/port_hover.png) no-repeat center,url(images/pd_kelloggs.png) no-repeat center; }
.pd4_default { background:url(images/port_default.png) no-repeat center,url(images/pd_kfc.png) no-repeat center; }
.pd4_hover { background:url(images/port_hover.png) no-repeat center,url(images/pd_kfc.png) no-repeat center; }
.pd5_default { background:url(images/port_default.png) no-repeat center,url(images/pd_quick.png) no-repeat center; }
.pd5_hover { background:url(images/port_hover.png) no-repeat center,url(images/pd_quick.png) no-repeat center; }
.vis1_default { background:url(images/port_default.png) no-repeat center,url(images/vis_bw.png) no-repeat center; }
.vis1_hover { background:url(images/port_hover.png) no-repeat center,url(images/vis_bw.png) no-repeat center; }
.vis2_default { background:url(images/port_default.png) no-repeat center,url(images/vis_traditional.png) no-repeat center; }
.vis2_hover { background:url(images/port_hover.png) no-repeat center,url(images/vis_traditional.png) no-repeat center; }
.vis3_default { background:url(images/port_default.png) no-repeat center,url(images/vis_vector.png) no-repeat center; }
.vis3_hover { background:url(images/port_hover.png) no-repeat center,url(images/vis_vector.png) no-repeat center; }
.vis4_default { background:url(images/port_default.png) no-repeat center,url(images/vis_digital.png) no-repeat center; }
.vis4_hover { background:url(images/port_hover.png) no-repeat center,url(images/vis_digital.png) no-repeat center; }
.vis5_default { background:url(images/port_default.png) no-repeat center,url(images/vis_3d.png) no-repeat center; }
.vis5_hover { background:url(images/port_hover.png) no-repeat center,url(images/vis_3d.png) no-repeat center; }
.big_img { position:absolute;top:1%;left:0px;width:100%;height:98%;text-align:center;z-index:3; }
.big_img img { height:100%;width:auto; }
#lhs { position:fixed;top:20%;left:0%;height:48%;width:10%;z-index:2;background:#EEE;opacity:0.5;filter:alpha(opacity=50); }
#lha { position:absolute;top:40%;left:15%; }
#rhs { position:fixed;top:20%;right:0%;height:48%;width:10%;z-index:2;background:#EEE;opacity:0.5;filter:alpha(opacity=50);text-align:right; }
#rha { position:absolute;top:40%;right:15%; }
.arrow { width:90%;height:auto; }