@charset "utf-8";
/* CSS Document */
html { min-height: 100%; margin-bottom: 1px; }
body {background:url(../images/bg_new.jpg) center top no-repeat; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
.container1b { width:901px; margin:auto; position:relative; background:url(../images/bg_gradient.png) repeat-y; padding:0px 24px; }
img {border:none;}

.container1 { width:901px; margin:auto; position:relative; z-index:1; background:#000000; border-left:#B8B8B8 1px solid; border-right:#B8B8B8 1px solid; }
.container2 { width:899px; position:relative; margin:0px 1px 0px 1px; background:#FFFFFF; z-index:3; }
.container3 { width:899px; height:347px; position:relative; margin:0px 1px 0px 1px; background:url(../images/bg_base.png) repeat-x; z-index:2; }

p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; margin-top:0px; padding-top:0px; }

.text10Black {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000;}
.text10BlackBold {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#000000;}
.text11BlackBold {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000;}
.text12Black {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
.text12BlackBold {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000;}
.TextWhite10 {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; }

a:link.homeTextLink, a:visited.homeTextLink, a:active.homeTextLink { color:#000; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
a:hover.homeTextLink { text-decoration:underline; }


.homePageTextBold {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; line-height:18px;}
.homePageText {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:18px;}

div.loginbar { position: absolute; text-align:center; right:0px; top:0px; width: 160px; height: 80px; overflow: auto; z-index: 5; background-color: #212121; }
div.loginbar2 {  position: absolute; text-align:center; right:0px; bottom:0px; width: 20px; height: 20px; overflow:hidden; z-index: 5; }

.mailContainer { width:151px; height:15px; left:141px; top:39px; position:absolute; }
a.mail { display: block; width: 151px; height: 15px; background: url("../images/mail_us.gif") 0 0 no-repeat; text-decoration: none; padding:0; margin:0; }
a:hover.mail { background-position: -151px 0;}

.TextYellow11 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFED01;}

.blogScroll { background:url(../images/blog_scroll.jpg); background-position:top left; background-repeat:no-repeat; }
.blogScroll2 { background:url(../images/blog_scroll2.jpg); background-position:top left; background-repeat:no-repeat; }
.scroll-track{ height:14px; width:20px; background-image: url(../images/scroll_bg.gif); background-repeat:repeat-y; }
.scroll-handle{ border: 0px solid black; height:14px; width:14px; background:#FFED01; background-image: url(../images/bar.jpg); background-repeat:no-repeat; background-position:bottom; cursor:pointer; }
a.blog_read_more { display: block; width: 187px; height: 23px; background: url(../images/blog_read_more.jpg) 0 0 no-repeat; text-decoration: none; }
a:hover.blog_read_more { background-position: -187px 0;}

a.submit_link { display: block; width: 80px; height: 23px; background: url(../images/submit_button.png) 0 0 no-repeat; text-decoration: none; margin:11px 0px 11px 0px; }

a.home_link { display: block; width:64px; height: 18px; background: url(../images/home_link.png) 0 0 no-repeat; text-decoration: none; }
a:hover.home_link { background-position: -64px 0; }

a.blog_link { display: block; width: 188px; height: 23px; background: url(../images/blog_link_bg.jpg) 0 0 no-repeat; text-decoration: none; }
a:hover.blog_link { background-position: -188px 0; }
a.blog_archive2 { display: block; width: 192px; height: 33px; background: url(../images/blog_archive2.gif) 0 0 no-repeat; text-decoration: none;}
a:hover.blog_archive2 { background-position: -192px 0;}
a.blog_home { display: block; width: 193px; height: 33px; background: url(../images/blog_home.gif) 0 0 no-repeat; text-decoration: none;}
a:hover.blog_home { background-position: -193px 0;}
a.blog_archive { display: block; width: 188px; height: 33px; background: url(../images/blog_archive.gif) 0 0 no-repeat; text-decoration: none;}
a:hover.blog_archive { background-position: -188px 0;}
a.blog_full { display: block; width: 194px; height: 33px; background: url(../images/blog_full.gif) 0 0 no-repeat; text-decoration: none;}
a:hover.blog_full { background-position: -194px 0;}
a.arrowLeft { display: block; width: 22px; height: 11px; background: url(../images/arrowLeft.png) 0 0 no-repeat; text-decoration: none;}
a:hover.arrowLeft { background-position: -22px 0;}
a.arrowRight { display: block; width: 22px; height: 11px; background: url(../images/arrowRight.png) 0 0 no-repeat; text-decoration: none;}
a:hover.arrowRight { background-position: -22px 0;}

a.facebook { display: block; width: 54px; height: 53px; background: url(../images/soc_net/facebook.png) 0 0 no-repeat; text-decoration: none; margin-bottom:6px; }
a:hover.facebook { background-position: -54px 0; }
a.linkedin { display: block; width: 54px; height: 56px; background: url(../images/soc_net/linked_in.png) 0 0 no-repeat; text-decoration: none; margin-bottom:6px; }
a:hover.linkedin { background-position: -54px 0; }
a.twitter { display: block; width: 54px; height: 56px; background: url(../images/soc_net/twitter.png) 0 0 no-repeat; text-decoration: none; margin-bottom:6px; }
a:hover.twitter { background-position: -54px 0; }
a.vapour_blog { display: block; width: 54px; height: 56px; background: url(../images/soc_net/vapour_blog.png) 0 0 no-repeat; text-decoration: none; margin-bottom:6px; }
a:hover.vapour_blog { background-position: -54px 0; }
.socialNetworkText { margin-bottom:6px; }

.HomeLink { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:bold; letter-spacing:0px; margin-top:10px; margin-bottom:0px; text-decoration: none; }
a.HomeLink { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:bold; letter-spacing:0px; margin-top:10px; margin-bottom:0px; text-decoration: none; }
a:hover.HomeLink { text-decoration:underline; }

a.click_mail { display: block; width: 187px; height: 59px; background: url("../images/click_here_mail.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.click_mail { background-position: -187px 0;}
a.click_google {display: block; width: 187px; height: 59px; background: url("../images/click_here_google.jpg") 0 0 no-repeat; text-decoration: none; }
a:hover.click_google { background-position: -187px 0; }
a.mail_send_button { display: block; width: 57px; height: 25px; background: url("../images/mail_send_button.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.mail_send_button { background-position: -57px 0;}

.workContainer { position:relative; width:899px; margin:0px; padding:0px; }
a.workOver { display: block; width: 899px; height: 59px; text-decoration: none; margin:0px; padding:0px;}
.workLine { width: 898px; height: 59px; padding:0px; margin:0px; position:relative; overflow:hidden; }
.workLine img { border-width:0px; position:relative; display:block; }
.workCase { width:877px; position:relative; margin:10px 11px 0px 11px; }
.homeCase { width:898px; height:368px; position:relative; margin:10px 0px 0px 0px; }
.workCaseBorder { width:2px; height:368px; background:url(../images/caseBorderSide.png); position:absolute; }
.workCaseBorder2 { width:11px; height:181px; top:394px; background:url(../images/caseBorderSide2.png) repeat-x; position:absolute; }
.workBreakLine { width:877px; height:1px; left:0px; position:absolute; background:#E0E0E0; }
.homeBreakLine { width:898px; height:1px; left:0px; position:absolute; background:#E0E0E0; }
.workMoreWork { width:106px; height:17px; position:absolute; left:19px; top:575px; padding:0px; margin:0px; background:url(../images/more_work.png) 0 0 no-repeat; }
.workMoreWork2 { width:155px; height:22px; position:absolute; left:19px; top:575px; padding:0px; margin:0px; background:url(../images/next_case_study.png) 0 0 no-repeat; }
.workCaseContainer { width:863px; height:361px; position:absolute; top:0px; margin:0px; left:7px; padding:0px; overflow: hidden; }
.homeCaseContainer { width:863px; height:361px; position:absolute; top:0px; margin:0px; left:17px; padding:0px; overflow: hidden; }
.workCaseTextContainer { width:841px; height:12px; position:absolute; margin:0px; left:18px; top:371px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#888888; }
.workLogo { width:214px; height:154px; left:607px; position:absolute; top:410px; }
.workText { width:557px; height:154px; left:18px; position:absolute; top:410px; font-family:Arial, Helvetica, sans-serif; font-size:10px; }

.servicesTop { position:relative; height:225px; width:863px; margin:0px 18px 0px 18px; }
a.servicesPR { display: block; width: 53px; height: 35px; background: url(../images/services_buttons/pr.png) 0 0 no-repeat; text-decoration: none;}
a:hover.servicesPR { background-position: -53px 0;}
a.servicesDigMarketing { display: block; width: 206px; height: 35px; background: url(../images/services_buttons/digital_marketing.png) 0 0 no-repeat; text-decoration: none;}
a:hover.servicesDigMarketing { background-position: -206px 0;}
a.servicesDigDesign { display: block; width: 174px; height: 35px; background: url(../images/services_buttons/digital_design.png) 0 0 no-repeat; text-decoration: none;}
a:hover.servicesDigDesign { background-position: -174px 0;}
a.servicesDesignPrint { display: block; width: 185px; height: 35px; background: url(../images/services_buttons/design_for_print.png) 0 0 no-repeat; text-decoration: none;}
a:hover.servicesDesignPrint { background-position: -185px 0;}
a.servicesBrandDesignDev { display: block; width: 326px; height: 35px; background: url(../images/services_buttons/brand_design_development.png) 0 0 no-repeat; text-decoration: none;}
a:hover.servicesBrandDesignDev { background-position: -326px 0;}
a.servicesCampaignCreation { display: block; width: 227px; height: 35px; background: url(../images/services_buttons/campaign_creation.png) 0 0 no-repeat; text-decoration: none;}
a:hover.servicesCampaignCreation { background-position: -227px 0;}
.serviceMenu { width:326px; height:225px; position:absolute; }
.serviceText { width:512px; height:200px; position:absolute; right:0px; top:0px; }
.serviceCaseTextContainer { width:512px; height:15px; position:absolute; margin:0px; right:0px; bottom:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#888888; }
a.serviceOver { display: block; height: 35px; text-decoration: none; margin:0px; padding:0px;}

.vapourHomeDiv { position:absolute; z-index:5; left:12px; top:8px; }
a.vapourHome { display: block; width: 113px; height: 26px; background: url("../images/vapourHome.png") 0 0 no-repeat; text-decoration: none; position:absolute; z-index:5; left:10px; top:10px;}
a:hover.vapourHome { background-position: -113px 0;}