@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, span
small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;text-align:left}body{line-height:1;color:black;background:white}p
img{padding:0;max-width:100%}img.centered{display:block;margin-left:auto;margin-right:auto}img.alignright{margin:6px
0 30px 30px;display:inline}img.alignleft{margin:6px
30px 30px 0;display:inline}.alignright{float:right}.alignleft{float:left}.wp-caption{background:#FFF;padding:15px;border:1px
solid #e3e1da;font:12px/18px Arial, Helvetica, sans-serif}.wp-caption
a{border:none!important}.wp-caption.alignright{margin-left:20px}acronym,abbr,span.caps{cursor:help}acronym,abbr{border-bottom:1px dashed #999}.center{text-align:center}.hidden{display:none}hr{display:none}a
img{border:none}
a{color:#fa7c00}body.single li.page-item-52
a{color:#fa7c00!important}
#shelf{position:relative;width:100%;height:420px;background:url(../images/shelf_bg_repeat.jpg) top center repeat-x;z-index:1}
#shelf #ledge{height:284px;width:100%;background:url(../images/bg.repeats.gif) repeat-x;background-position:0 -110px;z-index:3;position:relative}ul#featured-services{display:block;list-style:none;position:absolute;left:50%;bottom:0;margin-left: -482px;width:961px;height:189px;z-index:6;background:url(../images/home_ctas.jpg) top left no-repeat}ul#featured-services
li{display:block;float:left;width:240px;height:188px;background:url(../images/home_ctas.jpg) no-repeat;position:relative}ul#featured-services
a{position:absolute;top:0;left:0;display:block;width:100%;height:100%;color:#FFF;font:bold 12px/18px Arial, Helvetica, sans-serif;text-decoration:none}ul#featured-services a
span{display:block;width:200px;height:50px;position:relative;margin:128px
auto 0 auto;z-index:8}ul#featured-services a
span.hover{width:242px;height:100%;background:url(../images/home_ctas.jpg) no-repeat;z-index:7;position:absolute;bottom:0;left: -1px}ul#featured-services
h1{display:block;width:100%;height:35px;margin-top:80px;overflow:hidden;font-size:20px;text-indent: -9999px}ul#featured-services li.web-design{background-position:0 0}ul#featured-services li.brand-identity{background-position: -240px 0}ul#featured-services li.internet-marketing{background-position: -480px 0}ul#featured-services li.e-commerce{background-position: -720px 0}ul#featured-services li.web-design
span.hover{width:241px;background-position:0 -189px;left:1px}ul#featured-services li.brand-identity
span.hover{background-position: -241px -189px}ul#featured-services li.internet-marketing
span.hover{background-position: -482px -189px}ul#featured-services li.e-commerce
span.hover{background-position: -724px -189px}div#shelf-edge{width:100%;height:33px;position:relative;background:url(../images/bg.repeats.gif) repeat-x;background-position:0 -173px}div#shelf-edge




















#hot-pocket-reflection{
width:960px;
height:49px;
position:absolute;
top:322px;
left:50%;
margin-left:-481px;
z-index:7}

#hot-pocket-reflection {
height:49px;
left:50%;
margin-left:-481px;
position:absolute;
top:325px;
width:960px;
z-index:7;
}
#hot-pocket-reflection .reflection{
width:960px;height:0;
background-position:0 -300px;position:absolute;
top:0;left:0}
#shelf #hot-pocket-wrapper{position:relative;width:100%;height:306px;background:url(../images/shelf_bg_center.jpg) top center no-repeat}
#shelf #hot-pocket-tray{position:absolute;bottom: -117px;width:100%;height:129px;background:url(../images/hotpocket_tray.png) top center no-repeat;z-index:6}
#shelf #hot-pocket{width:960px;height:300px;overflow:hidden;position:absolute;top:26px;left:50%;margin-left: -481px;z-index:4}#shelf #hot-pocket
div.hp{width:960px;height:0;margin:0;position:absolute;bottom:0;left:0;overflow:hidden;background-position:0 0;z-index:4}
#shelf #hot-pocket div.hp div.text{margin-left:50px;width:450px;color:#FFF;margin-top:30px; font-size:12px; line-height:24px;}

#shelf #hot-pocket div.hp a.hp-button{display:block;position:relative;height:47px;width:150px;overflow:hidden;text-indent: -9999px;background-position: -25px -396px;z-index:50;margin-left:30px}#shelf #hot-pocket div.hp a.hp-button:hover{background-position: -25px -444px}
#hot-pocket-fader{width:537px;height:414px;position:absolute;top: -30px;right:50%;z-index:10;margin-right: -537px}#hot-pocket-fader
div{width:537px;height:414px;background-position: -480px -349px;position:absolute;top:0;left:0}#hot-pocket #hp-one{background-image:url(..images/one_show.png);height:300px}#hot-pocket-reflection #hp-one-r{height:49px}
#shelf ul#hot-pocket-nav{list-style:none;display:block;width:15px;height:96px;position:absolute;top:115px;left:50%;margin-left: -510px}#shelf ul#hot-pocket-nav
li{display:block;width:15px;height:16px;margin-bottom:5px}#shelf ul#hot-pocket-nav li
a{display:block;width:14px;height:16px;overflow:hidden;text-indent: -9999px;background:url(../images/hotpocket_nav.gif) no-repeat}#shelf ul#hot-pocket-nav li
a.active{width:15px}#shelf ul#hot-pocket-nav li.one
a{background-position:1px 0}#shelf ul#hot-pocket-nav li.one
a.active{background-position: -13px 0}#shelf ul#hot-pocket-nav li.two
a{background-position:1px -16px}#shelf ul#hot-pocket-nav li.two
a.active{background-position: -13px -16px}#shelf ul#hot-pocket-nav li.three
a{background-position:1px -32px}#shelf ul#hot-pocket-nav li.three
a.active{background-position: -13px -32px}#shelf ul#hot-pocket-nav li.four
a{background-position:1px -48px}#shelf ul#hot-pocket-nav li.four
a.active{background-position: -13px -48px}#shelf ul#hot-pocket-nav li.five
a{background-position:1px -64px}#shelf ul#hot-pocket-nav li.five
a.active{background-position: -13px -64px}div#fancy_overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:30}



/*头部样式*/
.header  {
background:none repeat scroll 0 0 #333333;
height:109px;
position:relative;
width:100%;
z-index:1;
}

/*导航条样式*/
.nav{
width:946px;
height:50px;
position:absolute;
top:30px;
left:160px;
z-index:999;}
.nav ul{
float:left;
margin-top:10px;
margin-left:40px;}
.nav ul li{
list-style-type:none;
float:left;
text-indent:-9999px;}
.nav ul li a{
margin-right:10px;}

.logo{
float:left;
width:140px;
height:49px;}
.logo a{
background:url(../images/logo.png) no-repeat;
width:140px;
height:49px;
display:block;
text-indent:-9999px;}
.nav_index{
background:url(../images/nav_index.png) no-repeat;
width:94px;
height:28px;
display:block;}
.nav_index:hover{
background:url(../images/nav_index_hover.png) no-repeat;
width:94px;
height:28px;
display:block;}
.nav_work{
background:url(../images/nav_work.png) no-repeat;
width:94px;
height:28px;
display:block;}
.nav_work:hover{
background:url(../images/nav_work_hover.png) no-repeat;
width:94px;
height:28px;
display:block;}
.nav_exp{
background:url(../images/nav_exp.png) no-repeat;
width:109px;
height:28px;
display:block;}
.nav_exp:hover{
background:url(../images/nav_exp_hover.png) no-repeat;
width:109px;
height:28px;
display:block;}
.nav_blog{
background:url(../images/nav_blog.png) no-repeat;
width:94px;
height:28px;
display:block;}
.nav_blog:hover{
background:url(../images/nav_blog_hover.png) no-repeat;
width:94px;
height:28px;
display:block;}
.nav_contact{
background:url(../images/nav_contact.png) no-repeat;
width:109px;
height:28px;
display:block;}
.nav_contact:hover{
background:url(../images/nav_contact_hover.png) no-repeat;
width:109px;
height:28px;
display:block;}
.menu{
background:#000000;
border-top:1px solid #46474e;
border-bottom:1px solid #46474e;
width:774px;
height:47px;
float:left;}
.logo2{
width:17px;
height:50px;
float:left;
background:url(../images/logo2.png) no-repeat;
margin-top:-1px;}



.brief_bg1{
background:url(../images/brief_bg1.jpg) no-repeat;
width:1000px;
height:119px;
margin:0 auto;}	
.brief_bg2{
background:url(../images/brief_bg2.jpg) no-repeat;
width:1000px;
height:140px;
text-align:center;
margin:0 auto;}
.brief_bg3{
background:url(../images/brief_bg3.jpg) no-repeat;
width:900px;
height:567px;
margin:0 auto;
padding:20px 40px 10px 60px;}


.brief_bg2 p{
color:#ffffff;
font-size:12px;
line-height:26px;
width:800px;
margin:0 auto;
padding-top:10px;}
.brief{
width:100%;
height:500px;
background:url(../images/brief.jpg) repeat-x;}

.brief_bg3 dl{
width:420px;
height:200px;
float:left;}
.brief_bg3 dt{
float:left;}
.brief_bg3 dl dd{
float:right;
width:200px;}
.brief_bg3 dl dd a{
color:#C4C6CF;
font-size:12px;}