body{font-family:tahoma, verdana, arial, helvetica, sans-serif; background:#fff; color:#333; text-align:center; padding:41px 0 0;}

/* NAVIGATION-SKIP */
#nav-skip { position: absolute; left: -5000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 5000px; }

/* LAYOUT */
.inBox{width:950px; margin:0 auto; text-align:left;}
#header{padding:1px 0; margin:0 auto; text-align:left; background:#dfdfdf url('../../img/default/bg/header.png') 0 0 repeat-x; position:relative;}
#header .inBox{background: url('../../img/default/bg/header-in.png') 50% 0 no-repeat; height:93px; position:relative;}
#main{padding:1px 0 15px; position:relative; background:#fff url('../../img/default/bg/main.png') 50% 0 no-repeat; width:100%; }
.home #main{padding-top:1.2em; background-image:url('../../img/default/bg/main-home.png');}
#footer{ background:#f9e4a8 url('../../img/default/bg/footer.png') 0 0 repeat-x; border-top:1px solid #f4f4f4;}
#footer .wrap{background: url('../../img/default/bg/footer-in.png') 50% 0 no-repeat}
#footer .wrap2{background: url('../../img/default/bg/footer-symbol.png') 100% 100% no-repeat}
#footer .inBox{padding:25px 20px 28px; }
#head-bar{height:27px; width:100%; position:absolute; top:0; left:0; background:#3b3a3c url('../../img/default/bg/top.png') 0 0 repeat-x; padding:1px 0;}
#line{position:absolute; background:#cd9900 url('../../img/default/bg/line.png') 0 0 repeat-x; height:12px; line-height:0px; font-size:0px; overflow:hidden; width:100%; left:0; top:29px;}

/* LOGO BOX */
#logo-box{line-height:1; padding:0; margin:0; font-size:100%; font-weight:normal;}
#logo{position:absolute; top:30px; left:0px; line-height:1; font-size:150%;}
#claim{color:#828282; font-size:217%; font-weight:normal; position:absolute; top:41px; right:-5px; font-family:tahoma, verdana, arial, helvetica, sans-serif;}

/* COLS */
.col{display:inline; float:left; left:100%; position:relative;}
#col-content{width:660px; margin:0 0 0px -950px; padding:1px 0 1em;}
#col-side{width:260px; margin:0px 0 0px -260px; }

/* SEARCH */
#search-box {position:absolute; right:50%; top:52px; margin:0 -475px 0 0; text-align:right; width:300px; }
#search-box .int-text {background:#828282 url('../../img/default/bg/all.png') -20px 0 no-repeat; color:#ddd; width:128px; height:17px; padding:2px 5px 0 20px; border:none;}
#search-box input{margin-top:0;}

/* MENUS */
#basic-menu { margin:0; font-size:92%; text-align:right; line-height:25px;}
#basic-menu a {color:#808080;}
#basic-menu a:hover {color:#b3b3b3;}
#basic-menu .line {display:inline-block; width:1px; height:15px; overflow:hidden; font-size:0px; line-height:0px; background:#6d6d6d url('../../img/default/bg/all.png') 0 0 no-repeat; vertical-align:middle; margin:0 7px;}
#basic-menu .en{padding:0px 24px 2px 0; background:url('../../img/default/ico/all.png') 100% 0 no-repeat;}

#main-menu {position:absolute; top:107px; left:50%; margin:0 0 0 -220px;}
#main-menu li {float:left; margin:0 -1px 0 0; background:url('../../img/default/bg/all.png') 0% -44px no-repeat;}
#main-menu .first{background:none; }
#main-menu a, #main-menu strong {float:left; font-size:125%; color:#666666; text-decoration:none; position:relative; font-weight:normal; cursor:pointer;}
#main-menu span {float:left; line-height:28px; padding:0 15px 2px;}
#main-menu a:hover {color:#333;}
#main-menu .active a, #main-menu .active strong { background:#fdc211 url('../../img/default/bg/all.png') 0% -80px no-repeat; color:#333;}
#main-menu .active span { background: url('../../img/default/bg/all.png') 100% -130px no-repeat;}

#side-menu{margin:-72px 0 0; position:relative; width:100%; }
#side-menu .title{float:left; font-size:100%; color:#fff; background:#343335 url('../../img/default/bg/all.png') 0% -200px no-repeat; margin:0;}
#side-menu .title span{float:left; padding:8px 17px 0px 13px; background: url('../../img/default/bg/all.png') 100% -260px no-repeat; height:23px; }
#side-menu ul{clear:both; background:#343335 url('../../img/default/bg/side-menu.png') 100% 100% no-repeat; padding:11px 15px 19px; overflow:hidden;}
#side-menu li{border-top:1px solid #5a5a5b; display:block; vertical-align:middle; font-size:108%; font-weight:bold;}
#side-menu a, #side-menu strong{display:block; padding:7px 10px 9px 32px; text-decoration:none; color:#fff;  background:url('../../img/default/bg/all.png') 6px -341px no-repeat; line-height:15px;}
#side-menu .first{border:none; }
#side-menu .active a, #side-menu .active strong{background-color:#5a5a5b; }
#side-menu a:hover{text-decoration:underline;}
#side-menu .shadow{width:280px; height:33px; background:url('../../img/default/bg/all.png') -200px 0px no-repeat; margin:0 -10px; position:relative;}

/* ANNOT BOX */
#annot-box{background:#eaa004 url('../../img/default/bg/annot.png') 50% 0px repeat-y; border-top:1px solid #fcd561; border-bottom:1px solid #fdbf04; color:#fff; padding:10px 0 12px;}
#annot-box .inBox {background:url('../../img/default/bg/annot-in.png') 50% 0px no-repeat;}
#annot-box h1{color:#fff; margin:0 0 .2em;}
#annot-box .annot{font-size:133%; margin:0;}
#annot-box a{color:#fff;}
#annot-box a:hover{color:#333;}
#annot-box .more{background:url('../../img/default/ico/more.png') 3px 3px no-repeat; padding:0 0 0 24px;}

/* CONTENT */
.fix-mrg{height:1px; overflow:hidden; font-size:0px; line-height:0px; margin:0 0 26px;}

.ok-list li{background:url('../../img/default/ico/ok.png') 5px 4px no-repeat; padding-left:30px; margin:.6em 0;}

.reason-list li{position:relative; padding:0 0 0 37px; min-height:28px; _height:28px; margin:1em 0;}
.reason-list span{background:url('../../img/default/bg/all.png') -380px -40px no-repeat; position:absolute; left:0; top:2px; width:28px; height:28px; text-align:center; line-height:28px; font-size:146%; color:#4a989a; font-weight:normal;}

.tip{background:#fef5c1 url('../../img/default/ico/tip.png') 17px 11px no-repeat; border:1px solid #f7e6b7; padding:1px 30px 2px 52px; margin:2em -10px 2em 0;  position:relative;}
.tip p{margin:1em 0;}
.tip a {color:#ef1313;}
.tip a:hover {color:#333;}
 
.ico-link{display:block; margin:5px 0 0; background:url('../../img/default/ico/all.png') 0 -89px no-repeat; padding:0px 0 2px 22px; word-break: break-all;}

/* HOME */
#home{padding:20px 0 0; background: url('../../img/default/bg/home.jpg') 50% 0 no-repeat; border-top:1px solid #fff;}
#home .shadows{background:#eaa004 url('../../img/default/bg/home-shadows.png') 50% 0 no-repeat; height:93px; border:1px solid #fecc36; border-width:1px 0;}
#home-ref{float:left; width:652px; background:#343335; margin:0 0 -66px; padding:9px; min-height:335px; _height:335px; position:relative;}
#home-ref .detail{float:left; width:440px;}
#home-ref .img{width:440px; height:290px; overflow:hidden; margin:0;}
#home-ref .info{background:#0f0f10; padding:18px 13px 9px; position:relative;}
#home-ref .title{color:#fff; font-size:117%; float:left; margin:0;}
#home-ref .link{float:right; margin:-1px 0 0; font-weight:bold; font-size:100%;}
#home-ref .link a{color:#eaa004; background:url('../../img/default/ico/all.png') 0 -140px no-repeat; padding:0px 0 6px 20px;}
#home-ref .link a:hover{color:#fff;}
#home-ref .statuses{position:absolute; margin:0; top:-3px; left:11px; font-size:92%;	}
#home-ref .status{display:block; background:url('../../img/default/btn/all.png') 0 -370px no-repeat; }
#home-ref .status span{background:url('../../img/default/btn/all.png') 100% -400px no-repeat; margin:0 -1px 0 0; display:block; line-height:19px; padding:0 7px 0 9px; font-weight:bold; color:#424243; text-shadow:0px 1px 0 #f9c904; }
#home-ref .list{float:right; width:196px; margin-top:-3px;}
#home-ref .list li{background:url('../../img/default/bg/bd.png') 0 0 repeat-x; margin:0 0 -1px; }
#home-ref .list .first{background:none; }
#home-ref .list a{color:#fff; display:block; text-decoration:none; padding:9px 0 8px; overflow:hidden;}
#home-ref .list a:hover{color:#eaa004;}
#home-ref .name{display:block; line-height:14px; margin:0px 0 2px 62px; padding-top:5px;}
#home-ref .desc{display:block; font-size:92%; line-height:14px; margin:0 0 0 62px;}
#home-ref .list .img{float:left; width:53px; height:53px; overflow:hidden; border:1px solid #676667; background:#fff; text-align:center;}
#home-ref .list .arr{display:none;}
#home-ref .list .active{margin:0 -4px -1px -9px; position:relative; box-shadow:0px 3px 3px #272627; -webkit-box-shadow:0px 3px 3px #272627; -moz-box-shadow:0px 3px 3px #272627; }
#home-ref .list .active a{background:#eaa004; padding:9px 4px 8px 9px; cursor:default; 	}
#home-ref .list .active .name{color:#333;}
#home-ref .list .active .desc{color:#fff;}
#home-ref .list .active .arr{width:18px; height:36px; overflow:hidden; background:url('../../img/default/bg/all.png') -420px -38px no-repeat; position:absolute; left:-18px; top:50%; display:block; margin:-18px 0 0;}

#home-ref .cor{width:4px; height:4px; background-image:url('../../img/default/bg/cor-home-ref.png');}


#home-msg{float:right; width:260px; background:#343335 url('../../img/default/bg/home-msg.png') 100% 100% no-repeat; margin:0 0 -66px; min-height:353px; _height:353px; position:relative;}
#home-msg .tab-list{background:#eaa004; overflow:hidden; width:100%; }
#home-msg .tab-list li{float:left; margin:0 -1px 0 0; background: url('../../img/default/bg/home-tab-bd.png') 0 8px no-repeat; }
#home-msg .tab-list .first{background:none; }
#home-msg .tab-list a{display:block; cursor:pointer; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#fff; font-weight:bold;}
#home-msg .tab-list a:hover{text-decoration:underline;}
#home-msg .tab-list .active{position:relative;}
#home-msg .tab-list .active a{background:#343335 url('../../img/default/bg/home-tab.png') 0 0 repeat-x; box-shadow:0px 0 3px #000000; -webkit-box-shadow:0px 0 3px #000000; -moz-box-shadow:0px 0 3px #000000; border-radius:4px 4px 0 0; -webkit-border-radius:4px; -moz-border-radius:4px 4px 0 0; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius:0px; text-decoration:none; cursor:default;}
#tab-news{width:89px;}
#tab-career{width:73px;}
#tab-say{width:100px;}
#home-msg .cor{width:4px; height:4px; background-image:url('../../img/default/bg/cor-home-msg.png'); _background-image:url('../../img/default/bg/cor-home-msg-8.png');}
#home-msg .spc{padding:15px 15px 1px;}

#home-news li{margin:0 0 1.8em; padding:0 0 0 38px; background:url('../../img/default/ico/date.png') 0 0 no-repeat; vertical-align:bottom;}
#home-news .msg{background:url('../../img/default/ico/list.png') 2px 0 no-repeat;}
#home-news .date{color:#a8eef0; font-size:92%; font-weight:normal; }
#home-news .name{font-size:108%; color:#fff; margin:2px 0 0;}
#home-news p{color:#999999; font-size:100%; line-height:14px; margin:0;}

#home-career li{margin:0 0 1.8em; padding:0 0 0 38px; vertical-align:bottom;}
#home-career .msg{background:url('../../img/default/ico/list.png') 2px 0 no-repeat;}
#home-career .name{font-size:108%; color:#fff; margin:2px 0 0;}
#home-career .name a{color:#fff;}
#home-career .name a:hover{color:#e4a51e;}
#home-career p{color:#999999; font-size:100%; line-height:14px; margin:0;}

#home-said li{margin:0 0 1.8em; padding:0; vertical-align:bottom;}
#home-said .name{text-align:center; font-size:108%; color:#fff; margin:2px 0 2px;}
#home-said .annex{text-align:center; font-size:90%; color:#fff; margin:2px 0 2px;}
#home-said p.img{padding:5px 0; text-align:center;}
#home-said p{padding:0 0 0 0; color:#999999; font-size:100%; line-height:1.3em; margin:0;}
#home-said strong {color:#fff;}

/* BREADCRUMB */
#breadcrumb{font-size:92%; margin:0 0 .9em;}
#breadcrumb strong{font-weight:normal;}
#breadcrumb a {color:#333; padding:0 10px 0 0; background:url('../../img/default/ico/all.png') 100% -47px no-repeat; margin:0 5px 0 0;}
#breadcrumb a:hover{text-decoration:none;}

/* SERVICES CROSSROAD */
.services-crossroad{padding:0 0 1px; margin:0 0 1em;}
.services-crossroad ul{overflow:hidden; width:100%; margin:0 0 1em;}
.services-crossroad li{float:left; width:199px; border-left:1px solid #e0e0e0; padding:7px 10px 500px; margin:0 0 -500px;}
.services-crossroad .first{border:none; width:200px; }
.services-crossroad .title{font-size:142%; color:#eaa004; padding:15px 0 15px 88px; margin:0 0 .3em; line-height:21px;}
.services-crossroad li ul{margin:0 0 1.7em;}
.services-crossroad li li{margin:0; padding:0 0 0 10px; border:none; margin:.2em 0; line-height:16px;  background:url('../../img/default/ico/dot.png') 0 4px no-repeat;}
.services-crossroad .link{margin:0 0 -2px;}
.services-crossroad .inline-link{height:22px; line-height:22px; background-position:0 -290px; font-weight:normal; }
.services-crossroad .inline-link:hover{color:#bcf3ff;}
.services-crossroad .inline-link span{height:20px; line-height:18px; background-position:100% -330px; padding:0 10px 2px 7px; vertical-align:top;}

#service-webdesign .title{background:url('../../img/default/ico/service-www.png') 0 50% no-repeat; margin-left:-4px; padding-left:82px;}
#service-graphic .title{background:url('../../img/default/ico/service-graphic.png') 0 50% no-repeat;  padding-left:82px;}
#service-seo .title{background:url('../../img/default/ico/service-seo.png') 2px 8px no-repeat; padding-left:80px;}

/* REFERENCE LIST */
.ref-list{margin:0 -10px 0 0; position:relative;}
.ref-list ul{overflow:hidden; width:100%; margin:0 0 10px;}
.ref-list li{float:left; display:inline; margin:0 0 0 16px; width:212px;}
.ref-list .first{margin:0;}
.ref-list .box{background:url('../../img/default/bg/ref.png') 0 0 no-repeat; padding:4px 0 0; margin:0; font-size:100%;}
.ref-list .spc{display:block; background:url('../../img/default/bg/ref.png') 100% 100% no-repeat; padding:2px 6px 8px;}
.ref-list .img{display:block; margin:0; background:#fff; border:1px solid #cccccc; text-align:center; height:146px; line-height:142px; overflow:hidden; padding:1px; width:197px;}
.ref-list .img img{vertical-align:middle;}
.ref-list .title{margin:0 2px .3em;}
.ref-list .link{display:block; margin:5px 3px 0; background:url('../../img/default/ico/all.png') 0 -88px no-repeat; padding:0px 0 2px 22px; word-break: break-all;}
.ref-list .shadow{width:220px; height:26px; overflow:hidden; font-size:0; line-height:0; background:url('../../img/default/bg/all.png') 0 -600px no-repeat;}

/* SERVICES LIST */
.service-link{display:block; margin:5px 170px 0; background:url('../../img/default/ico/all.png') 0 -89px no-repeat; padding:0px 0 2px 22px; word-break: break-all;}

/* PAGING */
.paging{width:650px; margin:1.5em -10px 2em 0; position:relative; height:28px; background:#343335 url('../../img/default/bg/paging.png') 0 0 no-repeat; text-align:right; padding:9px 10px 0; font-size:92%; font-weight:bold; color:#cccccc;}
.paging a{color:#f4a600;}
.paging a, .paging strong{margin:0 4px;}
.paging a:hover{color:#fff;}
.paging .inline-link{color:#fff; font-size:100%; height:19px; line-height:18px; margin-top:-1px;}
.paging .inline-link span{height:19px; line-height:18px;}
.paging .next{background-position:100% -170px;}
.paging .next span{background-position:0 -200px; padding:0 20px 0 10px;}
.paging .prev{background-position:0 -230px;}
.paging .prev span{background-position:100% -260px; padding:0 10px 0 20px;}

/* SIDE */
.tab-panel{margin:8px 0 15px 0; width:100%; }
.tab-panel .title{font-size:100%; color:#333; float:left; background:#343335 url('../../img/default/bg/all.png') 0% -440px no-repeat; margin:0;}
.tab-panel .title span{float:left; padding:8px 13px 8px 13px; background: url('../../img/default/bg/all.png') 100% -520px no-repeat;}
.tab-panel .box{clear:both; background:#fef5c1 url('../../img/default/bg/box.png') 0 0 no-repeat; } 
.tab-panel .spc{background: url('../../img/default/bg/box.png') 100% 100% no-repeat; padding:13px 11px 20px;}

#share-box p{margin:0;}	
#share-box img{margin:0 0 4px;}

/* LINKS */
#links{overflow:hidden; width:100%; margin:0 0 35px;}
#links h3{font-size:92%; color:#eaa004; margin:0 0 .5em;}
#links li{font-size:92%; margin:0 0 2px;}
#links .l{width:175px; margin:0 20px 0 0;}
#links a {color:#333; text-decoration:none;}
#links a:hover {text-decoration:underline;}

/* FOOTER */
#foot-bar{background:#fbecc0; overflow:hidden; padding:6px 6px 4px 13px; color:#666;}
#foot-bar p{font-size:92%;}
#foot-bar img{vertical-align:middle; position:relative; top:-1px;}
#foot-bar a{color:#666; text-decoration:none;}
#foot-bar a:hover{color:#333; text-decoration:underline;}
#foot-bar .line {display:inline-block; width:1px; height:15px; overflow:hidden; font-size:0px; line-height:0px; background:#8c836f url('../../img/default/bg/all.png') -5px 0 no-repeat; vertical-align:middle; margin:-1px 7px 0;}
#copy{float:left; margin:1px 0 0;}
#share{float:right; margin:0;}
#share a:hover{text-decoration:none;}

/* FORM */
.form{background:#fef5c1; border:1px solid #f7e6b7; padding:1px 20px 5px; margin:4em -10px 3em 0; position:relative; }
.form h2{color:#333; font-size:117%; margin:1em 0 0;}
.form label{color:#4a989a;}
.form .required{color:#f24036; font-weight:bold; margin-left:2px;}
.form .box p{margin:0 0 .6em; font-size:100%;}
.form .box{padding:0 260px 0 0; background:url('../../img/default/ico/contact.png') 380px 10px no-repeat;}
.form .box .small{color:#666; font-size:92%;}

/* INLINE LINK */
.inline-link{line-height:20px; height:22px; background:url('../../img/default/btn/all.png') 0 0 no-repeat; display:inline-block; vertical-align:middle; font-weight:bold; font-size:92%; text-decoration:none; color:#fff; cursor:pointer;}
.inline-link span{line-height:20px; height:22px; background:url('../../img/default/btn/all.png') 100% -40px no-repeat; display:inline-block; padding:0 11px 0 22px;}
.inline-link:hover{color:#590500;}

.inline-btn{line-height:19px; height:19px; background:url('../../img/default/btn/all.png') 0 0 no-repeat; display:inline-block; vertical-align:middle; }
.inline-btn input{text-align:center; line-height:19px; height:19px; padding:0 5px 2px 5px; font-weight:bold; font-size:92%; text-decoration:none; color:#fff; display:inline-block; vertical-align:top; overflow:visible; border:none; background:none; font-family: tahoma, verdana, arial, helvetica, sans-serif;  cursor:pointer; background:url('../../img/default/btn/all.png') 100% -40px no-repeat;}

.form .inline-btn{line-height:25px; height:25px; background-position:0 -80px;}
.form .inline-btn input{line-height:25px; height:25px; background-position:100% -130px;}

/* CORNERS */
.cor{overflow:hidden; position:absolute; background-repeat:no-repeat; display:block; line-height:0;	font-size:0;}
.cor-tl{top:0; left:0; background-position:0 0;}
.cor-tr{top:0; right:0; background-position:100% 0;}
.cor-bl{bottom:0; left:0; background-position:0 100%;}
.cor-br{bottom:0; right:0; background-position:100% 100%;}