@media screen
{
body
{
background:#000;
font-family:"Century Gothic",sans-serif;
font-size:100%;
color:#fff;
min-width:1000px;
}
h1
{
display:none;
width:0;
height:0;
}
h2
{
font-size:1.3em;
margin:40px 0 10px 0;
}
a
{
color:#009ff1;
text-decoration:underline;
}
a:hover
{
text-decoration:none;
}
a.path
{
color:#fff;
font-size:0.9em;
}
#ruanchor
{
width:102px;
height:120px;
background:url(/_data/resources/img/drus.gif) no-repeat;
display:block;
float:left;
}
#ruanchor_act
{
width:102px;
height:120px;
background:url(/_data/resources/img/arus.gif) no-repeat;
display:block;
float:left;
}
#enanchor
{
width:102px;
height:120px;
background:url(/_data/resources/img/den.gif) no-repeat;
float:left;
}
#enanchor_act
{
width:102px;
height:120px;
background:url(/_data/resources/img/aen.gif) no-repeat;
float:left;
}
#logo
{
margin-top:30px;
background:url(/_data/resources/img/logo.jpg) no-repeat center top;
height:164px;
text-align:center;
}
#mnav
{
margin:10px auto;
width:820px;
list-style:none;
display:block;
height:470px;
overflow:hidden;
}
#mnav li
{
list-style:none;
display:block;
}
#mnav li a span,
#snav li a span,
#snav li b span,
#web li a span,
ul#web_apport li span,
ul#mov li span,
ul#soft li span,
p.idea span,
ul#ips li span,
.hidden
{
display:none !important;
}
#mnav li a
{
text-decoration:none;
}
.center
{
text-align:center;
margin-left:auto;
margin-right:auto;
display:block;
}
.l
{
display:block;
float:left;
margin:0 10px 10px 0;
}
.r
{
display:block;
float:right;
margin:0 10px 10px 10px;
}
.fm
{
margin-right:0;
}
a#web_bul
{
display:block;
position:relative;
top:0;
left:0;
width:189px;
height:169px;
background:url(/_data/resources/img/web_bul.jpg) no-repeat left top;
}
a#web_m
{
display:block;
position:relative;
top:-169px;
left:189px;
width:402px;
height:141px;
background:url(/_data/resources/img/web_m.jpg) no-repeat left top;
}
a#soft_m
{
display:block;
position:relative;
top:-321px;
left:189px;
width:402px;
height:151px;
background:url(/_data/resources/img/soft_m.jpg) no-repeat left top;
}
a#soft_bul
{
display:block;
position:relative;
top:-184px;
left:591px;
width:229px;
height:152px;
background:url(/_data/resources/img/soft_bul.jpg) no-repeat left top;
}
a#shop_bul
{
display:block;
position:relative;
top:-300px;
left:40px;
width:209px;
height:156px;
background:url(/_data/resources/img/shop_bul.jpg) no-repeat left top;
}
a#idea_bul
{
display:block;
position:relative;
top:-454px;
left:350px;
width:152px;
height:155px;
background:url(/_data/resources/img/idea_bul.jpg) no-repeat left top;
}
a#contacts_bul
{
display:block;
position:relative;
top:-612px;
left:580px;
width:233px;
height:156px;
background:url(/_data/resources/img/contacts_bul.jpg) no-repeat left top;
}
#cr
{
clear:both;
padding:20px 0;
font-size:0.6em;
}
#cr a
{
color:#fff;
}
#snav
{
float:left;
}
#snav,
#snav li
{
width:158px;
display:block;
list-style:none;
}
#nav_main
{
display:block;
width:140px;
height:98px;
background:url(/_data/resources/img/nav_main.gif) no-repeat left top;
}
#nav_web
{
display:block;
width:158px;
height:82px;
background:url(/_data/resources/img/nav_web.gif) no-repeat left top;
}
#nav_soft
{
display:block;
width:142px;
height:85px;
background:url(/_data/resources/img/nav_soft.gif) no-repeat left top;
}
#nav_shop
{
display:block;
width:143px;
height:77px;
background:url(/_data/resources/img/nav_shop.gif) no-repeat left top;
}
#nav_idea
{
display:block;
width:119px;
height:82px;
background:url(/_data/resources/img/nav_idea.gif) no-repeat left top;
}
#nav_contacts
{
display:block;
width:139px;
height:73px;
background:url(/_data/resources/img/nav_contacts.gif) no-repeat left top;
}
#snav li a:hover,
#snav li b,
#snav li a.cur
{
background-position:0 100%;
}
#content,
#tech
{
margin:0 auto;
padding-top:40px;
width:680px;
width:800px;
font-size:0.8em;
}
#content p
{
padding-bottom:10px;
}
#content ul
{
list-style-image:url(/_data/resources/img/bullet.gif);
list-style-position:outside;
margin-left:30px;
}
#content ul li
{
margin-left:20px;
padding-left:10px;
}
div.fh
{
height:400px;
}
ul#web
{
display:block;
list-style-image:none;
list-style:none;
list-style-position:outside;
margin:20px 0 0 0;
width:300px;
height:217px;
background:url(/_data/resources/img/web.jpg) no-repeat left top;
padding:34px 0 0 300px;
}
ul#web li
{
list-style-image:none;
list-style:none;
margin:0;
padding:0;
}
ul#web li a
{
display:block;
width:300px;
height:69px;
}
#web_abi
{
background:url(/_data/resources/img/web_abi.gif) no-repeat left top;
}
#web_works
{
background:url(/_data/resources/img/web_works.gif) no-repeat left top;
}
form#feedback
{
background:url(/_data/resources/img/fb_form.jpg) no-repeat left top;
margin:0 0 50px 100px;
padding:0;
}
form#feedback fieldset
{
margin:0;
padding:0;
display:block;
width:454px;
height:305px;
border:0;
}
form#feedback fieldset legend
{
margin:0;
padding:0 0 29px 95px;
font-size:1.1em;
display:block;
height:18px;
color:#fff;
}
form#feedback fieldset label
{
margin:0;
font-size:1.1em;
display:block;
width:89px;
height:16px;
padding:3px 8px 0 0;
text-align:right;
float:left;
}
form#feedback fieldset input
{
padding:0;
border:0;
width:300px;
height:16px;
margin:2px 0 20px 3px;
color:#fff;
background:#000;
font-size:1.1em;
font-family:"Century Gothic",sans-serif;
}
form#feedback fieldset textarea
{
overflow:auto;
padding:0;
margin:11px 0 10px 3px;
width:300px;
max-width:300px;
height:108px;
max-height:108px;
border:0;
color:#fff;
background:#000;
font-size:1.1em;
font-family:"Century Gothic",sans-serif;
}
form#feedback fieldset input#fb_sub
{
background:#018ac1;
width:87px;
height:21px;
padding-top:1px;
font-weight:bold;
margin:10px 51px 0 0;
float:right;
}
form#feedback fieldset br
{
clear:left;
}
p#contacts
{
margin-top:40px;
background:url(/_data/resources/img/contacts.jpg) no-repeat left top;
padding:60px 0 0 180px;
height:151px;
font-size:1.1em;
text-align:center;
}
p#contacts a
{
color:#fff;
font-size:1.1em;
}
ul#web_apport
{
display:block;
list-style:none;
list-style-image:none;
}
ul#web_apport li#web_vis,
ul#web_apport li#web_corp,
ul#web_apport li#web_shop
{
list-style:none;
list-style-image:none;
display:block;
padding-bottom:30px;
}
ul#web_apport li#web_vis
{
background:url(/_data/resources/img/web_1.jpg) no-repeat left top;
padding-left:210px;
}
ul#web_apport li ul
{
padding:40px 0 10px 0;
}
ul#web_apport li#web_vis ul
{
background:url(/_data/resources/img/web_1l.gif) no-repeat left top;
background-position:0 15px;
}
ul#web_apport li#web_vis p
{
margin-left:25px;
}

ul#web_apport li#web_shop p
{
margin-left:25px;
}

ul#web_apport li#web_corp p
{
margin-left:25px;
}
ul#web_apport li#web_corp ul
{
background:url(/_data/resources/img/web_2l.gif) no-repeat left top;
background-position:0 15px;
}
ul#web_apport li#web_shop
{
background:url(/_data/resources/img/web_3.jpg) no-repeat left top;
padding-left:210px;
}
ul#web_apport li#web_shop ul
{
background:url(/_data/resources/img/web_3l.gif) no-repeat left top;
background-position:0 15px;
}
a.web
{
color:#fff;
font-size:0.9em;
}
.wd
{
height:1%;
overflow:hidden;
}
div#dmov
{
margin:0 auto !important;
width:555px;
display:block;
overflow:hidden;
height:103px;
padding:10px 0 0 0 !important;
}
ul#mov
{
list-style:none;
list-style-image:none;
display:block;
border:0;
margin:0;
height:103px;
}
ul#mov li
{
list-style:none;
list-style-image:none;
display:block;
float:left;
margin:0;
padding:0;
}
ul#mov li img
{
padding:5px;
}
ul#mov li img.cur
{
background:url(/_data/resources/img/mov_bg.gif) no-repeat left top;
}
p.prev
{
margin:0;
width:20px;
display:block;
padding:0;
float:left;
cursor:pointer;
}
p.next
{
margin:0;
width:20px;
display:block;
padding:0;
float:right;
cursor:pointer;
}
p.next span,
p.prev span
{
display:none;
}
div.mov
{
background:url(/_data/resources/img/mov.jpg) no-repeat center bottom;
width:644px;
overflow:hidden;
}
div.mov p
{
height:180px;
}
ul#soft
{
display:block;
list-style-image:none;
list-style:none;
list-style-position:outside;
margin:20px 0 0 0;
height:235px;
width:270px;
background:url(/_data/resources/img/soft.jpg) no-repeat left top;
padding:21px 0 0 330px;
}
ul#soft li
{
list-style-image:none;
list-style:none;
display:block;
margin:0;
padding:0;
}
ul#soft li a
{
display:block;
}
#soft_iphone
{
background:url(/_data/resources/img/sw_iphone.jpg) no-repeat left top;
width:107px;
height:118px;
}
#soft_i
{
float:left;
width:107px;
height:118px;
}
#soft_pc
{
background:url(/_data/resources/img/sw_pc.jpg) no-repeat left bottom;
width:163px;
height:111px;
padding-top:7px;
}
#soft_p
{
width:163px;
height:118px;
float:right;
}
#soft_shop,
#soft_s
{
background:url(/_data/resources/img/sw_shop.jpg) no-repeat left top;
width:194px;
height:116px;
clear:left;
}
#iphone
{
background:url(/_data/resources/img/iphone.jpg) no-repeat left bottom;
padding-bottom:400px;
height:1%;
overflow:hidden;
}
#pc
{
background:url(/_data/resources/img/pc.jpg) no-repeat left bottom;
padding-bottom:400px;
}
ul#ilist,
ul#ilist li,
ul#i2list,
ul#i2list li
ul#i3list,
ul#i3list li
{
margin:0;
padding:0;
list-style-type:none;
list-style-image:none;
overflow:hidden;
height:1%;
}
ul#i2list li
{
padding:0 !important;
display:block;
overflow:hidden;
}
ul#ilist li img
{
background:url(/_data/resources/img/list_icon.gif) no-repeat left top;
width:51px;
height:49px;
padding:50px 35px 20px 74px;
float:left;
margin:0;
}
ul#i2list li img
{
background:url(/_data/resources/img/list_icon2.gif) no-repeat left top;
width:51px;
height:49px;
padding:36px 35px 20px 60px;
float:left;
}
ul#i3list li img
{
width:200px;
height:150px;
padding:0;
float:left;
margin:0 10px 10px 0;
}
ul#ilist li h2 a,
ul#i2list li h2 a,
ul#i3list li h2 a,
h3
{
color:#fff;
font-size:0.85em;
text-transform:uppercase;
letter-spacing:0.07em;
}
ul#i2list li h2
{
margin-top:30px;
}
ul#i3list li h2
{
margin-top:12px !important;
}
h3
{
padding-top:30px !important;
}
h3.idea
{
padding-top:40px !important;
}
ul#ilist li span
{
display:block;
margin-left:164px;
}
ul#i2list li span
{
display:block;
margin-left:144px;
}
ul#pages
{
list-style:none;
list-style-image:none;
float:right;
margin:20px 0 0 0;
}
ul#pages li
{
list-style:none;
display:block;
float:left;
margin:0;
padding-left:5px;
font-size:0.9em;
}
ul#pages li a
{
color:#fff;
}
p.idea
{
width:488px;
height:236px;
background:url(/_data/resources/img/idea_patch.jpg) no-repeat left top;
margin-top:100px;
}

ul#idea_pic
{
list-style:none;
list-style-image:none;
background:url(/_data/resources/img/idea_img_lbg.jpg) no-repeat left top;
margin:0 20px 20px 0;
height:80px;
padding:35px 0 0 37px;
float:left;
}
ul#idea_pic li
{

display:block;
float:left;
padding:12px 0 10px 1px;
margin:0;
}
ul#idea_pic li.last
{
padding-right:13px;
background:url(/_data/resources/img/idea_img_rbg.gif) no-repeat right top;
}
ul#soft_pic
{
list-style:none;
list-style-image:none;
background:url(/_data/resources/img/soft_img_lbg.jpg) no-repeat left top;
margin:0 20px 20px 0;
height:96px;
padding:19px 0 0 66px;
float:left;
}
ul#soft_pic li
{

display:block;
float:left;
padding:13px 0 10px 1px;
margin:0;
}
ul#soft_pic li.last
{
padding-right:12px;
background:url(/_data/resources/img/soft_img_rbg.gif) no-repeat right top;
}
h3
{
padding-top:45px;
font-size:1em;
}
#itext
{
margin-top:70px !important;
border-top:1px solid #fff;
padding-top:20px !important;
padding-bottom:40px !important;
}
ol#icomments
{
border-top:1px solid #fff;
margin-top:30px;
padding-top:30px;
}
ol#icomments li
{
font-size:1.1em;
margin-bottom:20px;
}
h4
{
font-size:1.2em;
color:#009ff1;
}

form#idea_comms
{
background:url(/_data/resources/img/idea.jpg) no-repeat left top;
padding:0 0 0 277px;
margin:0;
height:223px;
}

form#idea_comms fieldset
{
margin:0;
padding:10px 0 0 0;
display:block;
background:url(/_data/resources/img/comm_form.gif) no-repeat left top;
width:248px;
height:177px;
border:0;
}
form#idea_comms fieldset label
{
display:block;
font-weight:bold;
font-size:1.1em;
padding:0 0 3px 10px;
}
form#idea_comms fieldset input
{
margin:0 0 25px 14px;
width:215px;
font-size:1.1em;
font-family:"Century Gothic",sans-serif;
height:17px;
border:0;
background:transparent;
color:#fff;

}

form#idea_comms fieldset textarea
{
overflow:auto;
padding:0;
margin:0 0 10px 13px;
width:223px;
max-width:223px;
height:72px;
max-height:72px;
border:0;
color:#fff;
background:transparent;
font-size:1.1em;
font-family:"Century Gothic",sans-serif;
}

form#idea_comms fieldset input#fb_sub
{
background:#018ac1;
width:87px;
height:21px;
padding-top:1px;
font-weight:bold;
margin:10px 12px 0 0;
float:right;
}
form#idea_comms fieldset br
{
clear:left;
}
div#blur
{
position:fixed;
top:0;
left:0;
right:100%;
bottom:100%;
width:100%;
height:100%;
background:url(/_data/resources/img/blur.png) repeat left top;
visibility:hidden;
z-index:5;
}
div#blur img
{
background:url(/_data/resources/img/img_bg.png) no-repeat left top;
margin:200px auto;
width:384px;
height:256px;
padding:24px 20px 15px 15px;
display:block;
cursor:pointer;
}
#ips
{
list-style:none;
list-style-image:none;
margin:0 0 0px 0 !important;
}
#ips li
{
display:block;
float:left;
margin:0 !important;
}
#ips li a
{
display:block;
width:144px;
height:100px;
}
#ips li a.sk
{
background:url(/_data/resources/img/sk.jpg) no-repeat center top;
}
#ips li a.gam
{
background:url(/_data/resources/img/gam.jpg) no-repeat center top;
}
#ips li a.anims
{
background:url(/_data/resources/img/anim.jpg) no-repeat center top;
}
#ips li a.mus
{
background:url(/_data/resources/img/mus.jpg) no-repeat center top;
}
#ips li a.progIphone
{
background:url(/_data/resources/img/progIphone.jpg) no-repeat center top;
}
.down30
{
margin-top:30px !important;
}
a.buy1
{
background:url(/_data/resources/img/buy1.gif) no-repeat center top;
display:block;
float:left;
width:113px;
height:25px;
padding-top:50px;
margin-right:10px;
font-size:0.8em;
font-weight:bold;
text-decoration:none;
color:#fff;
text-align:center;
}
a.down_free
{
background:url(/_data/resources/img/down_free.gif) no-repeat center top;
display:block;
float:left;
width:118px;
height:25px;
padding-top:50px;
font-size:0.8em;
font-weight:bold;
text-decoration:none;
color:#fff;
text-align:center;
margin-right:10px;
}
a.under_construction
{
background:url(/_data/resources/img/under_construction.gif) no-repeat center top;
display:block;
float:left;
width:118px;
height:25px;
padding-top:50px;
font-size:0.8em;
font-weight:bold;
text-decoration:none;
color:#fff;
text-align:center;
margin-right:10px;
}
form#feedback fieldset img.captimg
{
padding-top:20px;
margin-top:20px;
}

form#feedback fieldset input.capt
{
background-color:#fff;
border:solid red 1px;
width:218px;
height:20px;
color:#000;
}
}