body {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#67666b;
margin:0;
padding:0;
}

a {
-moz-outline:none;
outline:none!;
text-decoration:none;
color:#333;
}

a:hover {
text-decoration:underline;
}

p {
font-size:16px;
line-height:35px;
color:#67666b;
margin:0;
padding:0 0 20px;
}

input {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

img {
border:0;
}

form {
margin:0;
padding:0;
}

h1 {
font-size:20px;
color:#ff7100;
margin:0;
padding:0;
}

h2 {
font-size:18px;
color:#868686;
padding-top:10px;
font-weight:400;
padding-bottom:15px;
margin:0;
}

h3 {
font-size:14px;
color:#fff;
padding-bottom:20px;
font-weight:700;
margin:0;
}

h1.logo {
text-align:center;
text-indent:-9999px;
width:232px;
height:136px;
float:left;
padding:35px 0 0 15px;
}

.logo a {
text-align:center;
display:block;
width:232px;
height:136px;
background:url(../images/logo.gif) no-repeat left top;
}

#wrapper {
width:1036px;
margin:0 auto;
}

#header {
height:207px;
}

#nav {
height:30px;
padding-top:100px;
float:right;
width:550px;
}

#nav ul {
list-style:none;
float:right;
font-family:'Microsoft YaHei';
margin:0;
padding:0;
}

#nav ul li {
float:left;
line-height:18px;
}

#nav ul li a {
color:#666;
font-size:16px;
display:block;
text-transform:uppercase;
padding:0;
}

#nav ul li a:hover {
text-decoration:none;
}

#footer {
clear:both;
padding-top:100px;
height:50px;
font-size:11px;
}

#banner {
padding-bottom:30px;
position:relative;
}

.font30 {
font-size:30px;
}

.banner-content {
position:absolute;
left:513px;
top:19px;
width:364px;
height:418px;
color:#000;
}

.banner-content p {
color:#333;
font-size:16px;
line-height:32px;
padding-top:10px;
}

.gallery ul {
list-style:none;
margin:0;
padding:0;
}

.gallery ul li {
background:url(../images/thum-bg.jpg) no-repeat;
width:90px;
height:98px;
float:left;
}

#nav ul li.home a {
background:url(../images/home.gif) no-repeat;
height:25px;
width:56px;
}

#nav ul li.home a:hover {
background:url(../images/home.gif) no-repeat;
background-position:0 -28px;
}

#nav ul li.home-active a {
background:url(../images/home.gif) no-repeat;
height:25px;
width:56px;
background-position:0 -28px;
}

#nav ul li.about a {
background:url(../images/about.gif) no-repeat;
height:25px;
width:81px;
}

#nav ul li.about a:hover {
background:url(../images/about.gif) no-repeat;
background-position:0 -28px;
}

#nav ul li.about-active a {
background:url(../images/about.gif) no-repeat;
background-position:0 -28px;
height:25px;
width:81px;
}

#nav ul li.portfolio a {
background:url(../images/portfolio.gif) no-repeat;
height:25px;
width:74px;
}

#nav ul li.portfolio a:hover {
background:url(../images/portfolio.gif) no-repeat;
background-position:0 -28px;
}

#nav ul li.portfolio-active a {
background:url(../images/portfolio.gif) no-repeat;
background-position:0 -28px;
height:25px;
width:74px;
}

#nav ul li.contact a {
background:url(../images/contact.gif) no-repeat;
height:23px;
width:92px;
}

#nav ul li.contact a:hover {
background:url(../images/contact.gif) no-repeat;
background-position:0 -28px;
}

#nav ul li.contact-active a {
background:url(../images/contact.gif) no-repeat;
background-position:0 -28px;
height:23px;
width:92px;
}

#nav ul li.advertising a {
background:url(../images/advertising.gif) no-repeat;
height:23px;
width:101px;
}

#nav ul li.advertising a:hover {
background:url(../images/advertising.gif) no-repeat;
background-position:0 -23px;
}

#nav ul li.advertising-active a {
background:url(../images/advertising.gif) no-repeat;
background-position:0 -23px;
height:23px;
width:101px;
}

#nav ul li.literature a {
background:url(../images/literature.gif) no-repeat;
height:23px;
width:98px;
}

#nav ul li.literature a:hover {
background:url(../images/literature.gif) no-repeat;
background-position:0 -23px;
}

#nav ul li.literature-active a {
background:url(../images/literature.gif) no-repeat;
background-position:0 -23px;
height:23px;
width:98px;
}

#nav ul li.branding a {
background:url(../images/branding.gif) no-repeat;
height:23px;
width:137px;
}

#nav ul li.branding a:hover {
background:url(../images/branding.gif) no-repeat;
background-position:0 -23px;
}

#nav ul li.branding-active a {
background:url(../images/branding.gif) no-repeat;
background-position:0 -23px;
height:23px;
width:137px;
}

#nav ul li.packaging a {
background:url(../images/packaging.gif) no-repeat;
height:23px;
width:121px;
}

#nav ul li.packaging a:hover {
background:url(../images/packaging.gif) no-repeat;
background-position:0 -23px;
}

#nav ul li.packaging-active a {
background:url(../images/packaging.gif) no-repeat;
background-position:0 -23px;
height:23px;
width:121px;
}

.clear {
clear:both;
}

.main-nav {
height:30px;
}

.subnav {
height:30px;
padding-top:20px;
}

#nav ul li.home a span,#nav ul li.home-active a span,#nav ul li.about a span,#nav ul li.about-active a span,#nav ul li.portfolio a span,#nav ul li.portfolio-active a span,#nav ul li.contact a span,#nav ul li.contact-active a span,#nav ul li.advertising a span,#nav ul li.advertising-active a span,#nav ul li.literature a span,#nav ul li.literature-active a span,#nav ul li.branding a span,#nav ul li.branding-active a span,#nav ul li.packaging a span,#nav ul li.packaging-active a span {
display:none;
}