body {
 font:11px Verdana,Helvetica,Arial,sans-serif;
 background-color:#E6E7E8;
 margin:0;
 padding:0;
 text-align:center;
}
img {
 border:0;
 margin:0;
 padding:0;
}

a:link, a:visited {
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}

h1 {
 margin:15px 0 30px 0;
 padding:0;
 font-weight:normal;
 font-size:22px;
}

#body {
 width:885px;
 margin:0 auto;
 background:white;
 text-align:left;
 position:relative;
 height:600px;
 overflow:hidden;
}

#banner {
 height:155px;
 padding:0;
}
#banner img {
 float:left;
}

#menu {
 position:absolute;
 left:0;
 z-index:100;
 width:120px;
}
#menu a {
 display:block;
 margin:15px 0 0 50px;
 letter-spacing:-0.02em;
 font-size:13px;
 width:125px;
}

#menu-index {
 color:#008EAF;
}
#menu-profile {
 color:#5B57A6;
}
#menu-services {
 color:#91278F;
}
#menu-portfolio {
 color:#EC008C;
}
#menu-contact {
 color:#F7931D;
}

#menu a:hover {
 text-decoration:none;
  color:#CFD0D2;
}
#menu a.current-page {
 color:#CFD0D2;
 cursor:default;
}

#content {
 margin:0 0 0 325px;
 padding:0 50px 0 0;
 color:#A7A9AC;
 line-height:16px;
}

#content a {
 color:#5B57A6;
}
.services #content a {
 color:#EC008C;
}
#content a:hover {
 color:#A7A9AC;
 text-decoration:none;
}

#content .submenu {
 width:80px;
 float:left;
 margin-left:-100px;
 text-align:right;
 color:#CFD0D2;
 line-height:17px;
}
#content .submenu a {
 color:#CFD0D2;
}
#content .submenu a.hover, #content .submenu a:hover {
 text-decoration:none;
 color:#A7A9AC;
 cursor:pointer;
}
.services #content .submenu a.current-page {
 color:#91278F;
}
.portfolio #content .submenu a.current-page {
 color:#EC008C;
}



.index h1 {
 color:#008EAF;
 display:none;
}
.profile h1 {
 color:#5B57A6;
}
.services h1 {
 color:#91278F;
}
.portfolio h1 {
 color:#EC008C;
}
.contact h1 {
 color:#F7931D;
}

#footer {
 margin-top:5px;
 padding:3px;
 background-color:white;
 color:#D2092C;
 font-size:0.75em;
 text-align:center;
 clear:both;
}
#footer b {
 font-size:1.15em;
}
#copyright {
 width:885px;
 margin:5px auto 0 auto;
 font-size:9px;
 color:#A7A9AC;
 text-align:right;
}

h4 {
 padding-top:4px;
}

form {
 width:460px;
 padding:15px 20px;
 background:#F7931D;
 color:white;
 font-size:11px;
 line-height:15px;
}
#content form a {
 color:white;
}
form p {
 margin:0;
 padding:0;
}
form label {
 display:block;
 float:left;
 width:80px;
 margin-left:-120px;
 padding-top:3px;
 color:#A7A9AC;
 text-align:right;
}
form input, form textarea {
 width:226px;
 border:2px solid white;
 background:white;
 color:#333;
 font:12px Verdana,Helvetica,Arial,sans-serif;
 padding:2px;
 margin-bottom:8px;
}
form input {
}
form textarea {
 height:140px;
}
form button {
 display:block;
 width:104px;
 height:23px;
 background:url('image/button-send.png') no-repeat scroll top left;
 border:none;
}
form button:hover {
 background-position:0 -23px;
}
form button i {
 display:none;
}

.thumbnails {
 height:94px;
}
.thumbnails a {
 display:block;
 float:left;
 margin:0 20px 0 0;
 width:73px;
 height:72px;
 background:no-repeat scroll top left;
}
.thumbnails a i {
 display:none;
}
.thumbnails a.identity {
 background-image:url(image/pf-identity.png);
}
.thumbnails a.stationery {
 background-image:url(image/pf-stationery.png);
}
.thumbnails a.literature {
 background-image:url(image/pf-literature.png);
}
.thumbnails a.web {
 background-image:url(image/pf-web.png);
}
.thumbnails a.advert {
 background-image:url(image/pf-advert.png);
}
.thumbnails a.packaging {
 background-image:url(image/pf-package.png);
}
.thumbnails a.exhibit {
 background-image:url(image/pf-exhibit.png);
}
.thumbnails a.signage {
 background-image:url(image/pf-signage.png);
}
.thumbnails a.magazines {
 background-image:url(image/pf-magazine.png);
}
.thumbnails a.posters {
 background-image:url(image/pf-posters.png);
}

.thumbnails a.hover, .thumbnails a:hover {
 background-position:-73px 0;
}

#slideshow {
 height:166px;
 position:relative;
 width:240px;
}
#slideshow img {
 position:absolute;
 top:0;
 left:0;
}
.index #slideshow {
 margin-top:25px;
}

.slideshow-nav {
 float:right;
 width:240px;
 height:166px;
 position:relative;
}
.slideshow-nav a {
 position:absolute;
 top:78px;
 left:0;
 display:block;
 width:11px;
 height:17px;
 background:url(image/prev.png) no-repeat scroll top left;
}
.slideshow-nav a.next {
 background:url(image/next.png) no-repeat scroll top left;
 left:20px;
}
.slideshow-nav a:hover {
 background-position:0 -17px;
}
.slideshow-nav a i {
 display:none;
}