* {
margin: 0px;
}

body {
margin: 0px;
padding: 0px;
background-image: url(img/background_v.png);
background-position: top center;
background-repeat: no-repeat;
text-align: center;
}

a {
outline-style:none;
outline-width:0;

}

.hiddenPic {
display: none;
}

#wrapper {
margin: 0px auto;
padding: 0px;
width: 1030px;
}

#lang {
position:fixed; 
right: 0px; 
top:100px;
}

h1 {
margin: 10px 0px 5px 0px;
padding: 0px;
font-family: Rockwell, Georgia, serif;
font-size: 27px;
font-weight: normal;
line-height: 33px;
color: #693796;
}


h2 {
margin: 10px 0px 5px 0px;
padding: 0px;
font-family: Rockwell, Georgia, serif;
font-size: 22px;
font-weight: normal;
line-height: 25px;
color: #693796;
}

h3 {
margin: 15px 0px 15px 0px;
padding: 0px;
font-family: Rockwell, Georgia, serif;
font-size: 14px;
font-weight: normal;
line-height: 20px;
color: #4d4948;
}

h4 {
margin: 15px 0px 15px 10px;
padding: 0px;
font-family: Rockwell, Georgia, serif;
font-size: 24px;
font-weight: normal;
line-height: 30px;
color: #4d4948;
}

h4.v {
margin: 0px 0px 15px 0px;
color: #8653b4;
}

h4.blog {
margin: 0px 0px 5px 0px;
color: #8653b4;
}

h4.clients {
font-size: 18px;
margin: 0px 0px 5px 0px;
}

h5 {
margin: 15px 0px 15px 0px;
padding: 0px;
font-family: Rockwell, Georgia, serif;
font-size: 40px;
font-weight: normal;
line-height: 50px;
color: #787575;
}

h6 {
margin: 15px 0px 15px 10px;
padding: 0px;
font-family: Rockwell, Georgia, serif;
font-size: 18px;
font-weight: normal;
line-height: 24px;
color: #4d4948;
}

table {
margin: 0px;
padding: 0px;
border: none;
}

td {
margin: 0px;
padding: 0px;
border: none;
text-align: justify;
vertical-align: top;
}

p {
margin: 0px;
padding: 0px;
float: right;
}

img {
border: none;
}

ul.txt {
margin: 0px;
padding: 0px 0px 0px 12px;
list-style-image:url('img/li_square_v.png');
line-height: 22px;
}

.alignbottom {
vertical-align: bottom;
}

.alignjustify {
text-align: justify;
}

.alignleft {
text-align: left;
}

.alignright {
text-align: right;
}

.floatleft {
float: left;
}

.floatright {
float: right;
}

.fullwidth {
width: 100%;
}

.width312 {
width: 312px;
}

.width130 {
width: 130px;
}

.alignbottom {
vertical-align: bottom;
}

.topspace20 {
padding-top: 20px;
}

.topspace10 {
padding-top: 10px;
}

.bottomspace20 {
padding-bottom: 20px;
}

.bottomspace40 {
padding-bottom: 40px;
}

.bottomspace50 {
padding-bottom: 50px;
}

.leftspace20 {
padding-left: 20px;
}

.leftspace10 {
padding-left: 10px;
}

.tahoma11 {
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 14px;
color: #bdbdbd;
}

.tahoma12 {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #000000;
}

.color {
color: #8653b4;
}

.tahoma14 {
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 20px;
color: #4f4b4a;
}

.rockwell12 {
font-family: Rockwell, Georgia, serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #4d4948;
}


.quote {
padding: 0px;
margin: 0px;
border: none;
width: 525px;
height: 157px;
background-image: url(img_en/quotebanner_v.png);
background-repeat: no-repeat;
}

.quote:hover {
background-image: url(img_en/quotebanner_mouseover_v.png);
background-repeat: no-repeat;
}

/* TOP MENU */

#topmenu {
margin: 0px;
padding: 20px 45px 0px 0px;
height: 47px;
text-align: right;
}

#topmenu ul {
margin: 0px;
padding: 0px;
font-family: Rockwell, Georgia, serif;
font-size: 17px;
font-weight: normal;
}

#topmenu li {
padding: 0px;
margin: 0px;
display: inline;
list-style-type: none;
}

#topmenu a, #topmenu a:visited {
padding: 10px 19px;
color: #f6f3f9;
text-decoration: none;
}

#topmenu a:hover, #topmenu a.active {
background-image: url(img/topmenu_background_v.png);
background-position: top center;
text-decoration: none;
}

/* END TOP MENU */

/* HOME MIDDLE */

#home_middle {
position: relative;
height: 360px;
}

#logo {
position: absolute;
top: 25px;
left: 57px;
margin: 0px;
padding: 0px;
/*width: 343px;*/
width: 364px;
height: 84px;
background-image: url(img/temp_logo_v.png);
}

a.logo, a.logo:visited, a.logo:hover {
width: 341px;
height: 83px;
margin: 0px;
padding: 0px;
display: block;
}

#crayons_background {
position: absolute;
top: 100px;
left: 0px;
margin: 0px;
padding: 0px;
width: 626px;
height: 242px;
background-image: url(img_en/crayons_background_v.png);
}

#crayons {
position: relative;
top: 10px;
left: 91px;
margin: 0px;
padding: 0px;
width: 260px;
height: 130px;
background-image: url(img/crayons_v.png);
}

#crayons a, #crayons a:visited {
width: 260px;
height: 130px;
display: block;
}

#crayons a:hover {
width: 260px;
height: 130px;
display: block;
background-image: url(img/crayons_o.png);
}

#services_buttons {
position: absolute;
top: 20px;
left: 636px;
margin: 0px;
padding: 0px;
width: 340px;
height: 110px;
}

a.s1, a.s1:visited {
width: 110px;
height: 110px;
display: block;
background-image: url(img_en/services1.png);
}

a.s1:hover, a.s1.active {
background-image: url(img_en/services1_mouseover_v.png);
}

a.s2, a.s2:visited {
width: 113px;
height: 110px;
display: block;
background-image: url(img_en/services2.png);
}

a.s2:hover, a.s2.active {
background-image: url(img_en/services2_mouseover_v.png);
}

a.s3, a.s3:visited {
width: 103px;
height: 110px;
display: block;
background-image: url(img_en/services3.png);
}

a.s3:hover, a.s3.active {
background-image: url(img_en/services3_mouseover_v.png);
}

#promo {
position: absolute;
top: 146px;
left: 582px;
margin: 0px;
padding: 10px 30px 0px 70px;
width: 305px;
height: 177px;
background-image: url(img/promo_background.png);
background-repeat: no-repeat;
text-align: justify;
}

.promoimg {
float: left;
margin-right: 10px;
}

a.lang, a.lang:visited {
width: 27px;
height: 121px;
display: block;
background-image: url(img_en/lang.png);
}

a.lang:hover, a.lang.active {
background-image: url(img_en/lang_mouseover.png);
}

/* END HOME MIDDLE */


/* MIDDLE */

#middle {
position: relative;
height: 150px;
}

#letsdrawattention {
position: absolute;
top: 44px;
left: 603px;
margin: 0px;
padding: 0px;
width: 361px;
height: 65px;
background-image: url(img/letsdrawattention_v.png);
}

/* END MIDDLE */


/* MAIN */

#main {
padding: 10px 24px;
width: 982px;
text-align: center;
}

.main_table {
width: 100%;
background-color: #ffffff;
border: 2px solid #cdcdcd;
}


.main_td_full {
padding: 0px 19px 0px 19px;
vertical-align: top;
}

.main_td_left {
width: 356px;
padding: 0px 0px 0px 19px;
vertical-align: top;
}

.main_td_right {
padding: 0px 15px 0px 51px;
vertical-align: top;
}

.main_td_whatwedo_left {
width: 100px;
padding: 0px 0px 0px 0px;
vertical-align: top;
}

.main_td_whatwedo_right {
padding: 0px 0px 0px 20px;
vertical-align: middle;
line-height: 20px;
}

a.blackbtn, a.blackbtn:visited {
width: 121px;
height: 22px;
padding: 5px 0px 0px 0px;
display: block;
background-color: #4d4948;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #ffffff;
text-align: center;
vertical-align: middle;
}

a.blackbtn:hover {
background-color: #313031;
}

a.colourbtn, a.colourbtn:visited {
width: 121px;
height: 22px;
padding: 5px 0px 0px 0px;
display: block;
background-color: #824baf;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #ffffff;
text-align: center;
vertical-align: middle;
}

a.colourbtn:hover {
background-color: #693796;
}

/* END MAIN */


/* FOOTER */

#footer {
width: 100%;
background-image: url(img/footer_background.png);
background-position: top center;
}

#foot {
width: 982px;
margin: 0 auto;
padding: 25px 0px 15px 0px;
}

.footer_td {
min-width: 60px;
}

.arial12 {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 16px;
color: #ffffff;
}

a.credits, a.credits:visited {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 16px;
color: #a07dbe;
text-decoration: none;
}

a.credits:hover {
text-decoration: underline;
}

a.facebook, a.facebook:visited {
width: 79px;
height: 52px;
display: block;
background-image: url(img/footer_facebook_v.png);
}

a.facebook:hover {
background-image: url(img/footer_facebook_mouseover_v.png);
}

a.twitter, a.twitter:visited {
width: 80px;
height: 52px;
display: block;
background-image: url(img/footer_twitter_v.png);
}

a.twitter:hover {
background-image: url(img/footer_twitter_mouseover_v.png);
}

a.sitemap_title, a.sitemap_title:visited {
font-family: Rockwell, Georgia, serif;
font-size: 13px;
font-weight: normal;
line-height: 20px;
color: #a07dbe;
text-decoration: none;
}

a.sitemap_title:hover {
text-decoration: underline;
}

a.sitemap, a.sitemap:visited {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #ffffff;
text-decoration: none;
}

a.sitemap:hover {
text-decoration: underline;
}

/* END FOOTER */


/* ABOUT */

width255 {
width: 255px;
}

/* END ABOUT */


/* WORK */

a.portfolio, a.portfolio:visited {
width: 325px;
height: 33px;
display: block;
background-image: url(img/strip_portfolio_b.png);
}

a.portfolio:hover, a.portfolio.active {
background-image: url(img/strip_portfolio_v.png);
}

a.clients, a.clients:visited {
width: 320px;
height: 34px;
display: block;
background-image: url(img_en/strip_clients_b.png);
}

a.clients:hover, a.clients.active {
background-image: url(img_en/strip_clients_v.png);
}

a.case, a.case:visited {
width: 320px;
height: 33px;
display: block;
background-image: url(img_en/strip_case_b.png);
}

a.case:hover, a.case.active {
background-image: url(img_en/strip_case_v.png);
}

.testimonials_td_left {
width: 43px;
background-image: url(img/testimonials_left.png);
background-position: top center;
background-repeat:no-repeat;
}

.testimonials_td_right {
width: 33px;
background-image: url(img/testimonials_right.png);
background-position: bottom center;
background-repeat:no-repeat;
}

a.frame, a.frame:visited {
width: 159px;
height: 115px;
display: block;
background-image: url(img/portfolio_frame_b.png);
}

a.frame:hover{
background-image: url(img/portfolio_frame_v.png);
}

td.clients_logo {
width: 175px;
}

/* END WORK */


/* SERVICES */

.services_td_wd {
height: 44px;
background-image: url(img_en/services_wd_v.png);
background-position: top left;
background-repeat:no-repeat;
}

.services_td_ci {
height: 44px;
background-image: url(img_en/services_ci_v.png);
background-position: top left;
background-repeat:no-repeat;
}

.services_td_og {
height: 44px;
background-image: url(img_en/services_og_v.png);
background-position: top left;
background-repeat:no-repeat;
}

.services_td_ww {
height: 44px;
background-image: url(img_en/services_ww_v.png);
background-position: top left;
background-repeat:no-repeat;
}

.services_process_menu {
margin: 0px -10px 0px -10px;
background-color: red;
text-align: center;
}

.services_process1 {
padding: 0px 240px 70px 55px;
background-image: url(img/services_process1_background_v.png);
background-position: bottom center;
background-repeat:no-repeat;
}

.services_process2 {
padding: 0px 240px 70px 55px;
background-image: url(img/services_process2_background_v.png);
background-position: bottom center;
background-repeat:no-repeat;
}

.services_process3 {
padding: 0px 240px 70px 55px;
background-image: url(img/services_process3_background_v.png);
background-position: bottom center;
background-repeat:no-repeat;
}

.services_process4 {
padding: 0px 240px 70px 55px;
background-image: url(img/services_process4_background_v.png);
background-position: bottom center;
background-repeat:no-repeat;
}


ul.process {
margin: 0px;
padding: 0px;
}

li.process {
padding: 0px;
margin: 0px;
display: block;
float: left;
list-style-type: none;
}

a.process1, a.process1:visited {
display: block;
width: 223px;
height: 53px;
margin: 0px;
padding: 0px;
background-image: url(img_en/services_process1_b.png);
}

a.process1:hover, a.process1.active {
background-image: url(img_en/services_process1_v.png);
}

a.process2, a.process2:visited {
display: block;
width: 243px;
height: 53px;
margin: 0px;
padding: 0px;
background-image: url(img_en/services_process2_b.png);
}

a.process2:hover, a.process2.active {
background-image: url(img_en/services_process2_v.png);
}

a.process3, a.process3:visited {
display: block;
width: 241px;
height: 53px;
margin: 0px;
padding: 0px;
background-image: url(img_en/services_process3_b.png);
}

a.process3:hover, a.process3.active {
background-image: url(img_en/services_process3_v.png);
}

a.process4, a.process4:visited {
display: block;
width: 223px;
height: 53px;
margin: 0px;
padding: 0px;
background-image: url(img_en/services_process4_b.png);
}

a.process4:hover, a.process4.active {
background-image: url(img_en/services_process4_v.png);
}

/* END SERVICES */


/* CONTACT */

a.contactfacebook, a.contactfacebook:visited {
width: 65px;
height: 56px;
display: block;
background-image: url(img/contact_facebook_v.png);
}

a.contactfacebook:hover {
background-image: url(img/contact_facebook_mouseover_v.png);
}

a.contacttwitter, a.contacttwitter:visited {
width: 65px;
height: 53px;
display: block;
background-image: url(img/contact_twitter_v.png);
}

a.contacttwitter:hover {
background-image: url(img/contact_twitter_mouseover_v.png);
}

.contactbar {
height: 34px;
background-image: url(img_en/contact_contactbar_v.png);
background-repeat: no-repeat;
}

.input_text {
padding: 4px 0px 0px 5px;
width: 510px;
height: 20px;
border: 1px solid #4f4b4a;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #4f4b4a;
}

.input_file {
border: 1px solid #4f4b4a;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #4f4b4a;
}

.textarea {
padding: 4px 0px 0px 5px;
width: 510px;
height: 145px;
border: 1px solid #4f4b4a;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #4f4b4a;
}

select {
width: 170px;
margin: 0px 10px 0px 0px;
}

.send {
padding: 0px;
margin: 0px;
border: none;
width: 525px;
height: 157px;
background-image: url(img_en/sendbanner_v.png);
background-repeat: no-repeat;
cursor: pointer;
}

.send:hover {
background-image: url(img_en/sendbanner_mouseover_v.png);
background-repeat: no-repeat;
cursor: pointer;
}

a.contact, a.contact:visited {
font-family: Arial, sans-serif;
font-size: 18px;
font-weight: normal;
line-height: 24px;
color: #824baf;
text-decoration: none;
}

a.contact:hover {
text-decoration: underline;
}

/* END CONTACT */


/* BLOG */

a.blog_design, a.blog_design:visited {
width: 314px;
height: 34px;
display: block;
background-image: url(img_en/blog_design_b.png);
}

a.blog_design:hover, a.blog_design.active {
background-image: url(img_en/blog_design_v.png);
}

a.blog_cartoon, a.blog_cartoon:visited {
width: 314px;
height: 34px;
display: block;
background-image: url(img_en/blog_cartoon_b.png);
}

a.blog_cartoon:hover, a.blog_cartoon.active {
background-image: url(img_en/blog_cartoon_v.png);
}

a.blog_photo, a.blog_photo:visited {
width: 314px;
height: 34px;
display: block;
background-image: url(img_en/blog_photography_b.png);
}

a.blog_photo:hover, a.blog_photo.active {
background-image: url(img_en/blog_photography_v.png);
}

a.blog_free, a.blog_free:visited {
width: 314px;
height: 34px;
display: block;
background-image: url(img_en/blog_freebies_b.png);
}

a.blog_free:hover, a.blog_free.active {
background-image: url(img_en/blog_freebies_v.png);
}

a.blog_trailer, a.blog_trailer:visited {
margin: 0px 0px 5px 0px;
padding: 0px;
font-family: Rockwell, Georgia, serif;
font-size: 24px;
font-weight: normal;
line-height: 30px;
color: #8653b4;
text-decoration: none;
}

a.blog_trailer:hover {
text-decoration: underline;
}

table.blog_addacomment {
width: 530px;
height: 300px;
background-image: url(img/blog_addcomment_background_v.png);
background-position: top center;
background-repeat: no-repeat;
}

input.addacomment190 {
width: 190px;
padding-top: 8px;
border: none;
background-color: transparent;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 16px;
color: #4f4b4a;
}

input.addacomment60 {
width: 60px;
border: none;
background-color: transparent;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 16px;
color: #4f4b4a;
}

textarea.addacomment {
width: 410px;
height: 105px;
padding-top: 5px;
border: none;
background-color: transparent;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 16px;
color: #4f4b4a;
}

.btn_addacomment {
padding: 0px;
margin: 0px;
border: none;
width: 80px;
height: 28px;
background-image: url(img/blog_addacomment_v.png);
background-repeat: no-repeat;
cursor: pointer;
}

.btn_addacomment:hover {
background-image: url(img/blog_addacomment_mouseover_v.png);
background-repeat: no-repeat;
}

p.blog_error {
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 15px;
color: #824baf;
}

table.blog_comment {
width: 530px;
height: 138px;
background-image: url(img/blog_comment_background_v.png);
background-position: top center;
background-repeat: no-repeat;
}


a.page, a.page:visited {
padding:1px 3px 3px 3px;
background-color: #824baf;
font-family: Tahoma, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
text-decoration: none;
color: #ffffff;
vertical-align: middle;
}

a.page:hover, a.page.active {
background-color: #693796;
}

a.blog_download, a.blog_download:visited {
float: right;
margin-right: 3px;
width: 192px;
height: 40px;
display: block;
background-image: url(img_en/blog_freebies_download_v.png);
}

a.blog_download:hover {
background-image: url(img_en/blog_freebies_download_mouseover_v.png);
}