/*
 * Project:		Project Name
 * Date:		YYYY-MM-DD
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #8e8e8e; color: #fff; font-size: 62.5%;  }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #555; font-family: Lucida Sans Unicode, Arial,Helvetica Neue,Helvetica,sans-serif; line-height: 1.25; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.1em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #000; text-decoration: underline; outline: none; }
a:hover, a:focus, a:active { color: #000; text-decoration: none; }

ul, ol, dd, blockquote { padding-left: 20px; list-style:circle; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 30px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #000; color: #000; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

blockquote { margin: 0 0 15px; padding: 0; }

/* LAYOUT
------------------------------------------- */

 #top { background: #0e0e0e; color: #fff; position: relative; z-index: 100; min-width: 885px;  }
  #top .wrapper { width: 765px; margin: 0 auto; position: relative; padding: 0 120px 0 0; height: 50px; }
  #logo { width: 144px; height: 37px; float: left; margin: 6px 0;}
   #logo a { display: block; width: 100%; height: 37px; overflow: hidden; text-decoration: none; background: url(../images/logo-screen.png) no-repeat; }
    #logo a img { position: absolute; top: -999em; }
	
  #nav { float: right; margin: 0; padding: 0; position: relative; z-index: 100; }
  
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
   
 #content { background: #fff url(../images/footer-bg.png) 0 100% repeat-x; color: #0c0c0c; min-width: 885px; }
  #content .wrapper { width: 885px; margin: 0 auto; padding: 70px 0 140px; overflow: hidden; }
   
 #main { width: 570px; float: left; }
 #aside { width: 255px; float: right; padding: 70px 0 0;}
 
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 {  }
h1 { font: normal 2.4em/1 NeoSans, Arial, Helvetica, sans-serif; margin: 0 0 45px; }
h2 { font: bold 1.1em/1.4 Lucida Sans Unicode, Arial, Helvetica, sans-serif; margin: 0 0 15px; }
h2.a { font: normal 2.4em/1 NeoSans, Arial, Helvetica, sans-serif; margin: 0 0 30px; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }
 
/* forms */

input[type=text],
textarea { background: url(../images/form-input-bg.png) 0 0 repeat-x; border: 1px solid #b0b0b0; padding: 2px 0; }

select { padding: 2px 0; border: 1px solid #b0b0b0; }

/* ELEMENTS
------------------------------------------- */

#nav li { margin: 0 0 0 -1px; padding: 0 1px 0 0; list-style: none; position: relative; float: left; z-index: 20; background: url(../images/nav-hover.png) 0 -999em repeat-x; font: normal 1.3em/1 Tahoma, Arial, Helvetica, sans-serif; }
* html #nav li { width: 90px; }
 #nav li:hover { z-index: 10; background-position: 0 100%; }
 #nav a { display: block; height: 50px; padding: 0 15px; color: #fff; text-decoration: none; line-height: 50px;	text-align: center; overflow: hidden; outline: none; }
 

 html.js #nav li:hover { background-position: 0 -999em; }
  html.js #nav a { padding: 0; position: relative; } 
    html.js #nav li li a { padding: 0 15px; } 
   html.js #nav a span.a {  position: relative; z-index: 20; padding: 0 15px; height: 50px; display: block; line-height: 50px; text-align: center; cursor: pointer; }
   html.js #nav a span.b { top: 0; left: 0; position: absolute; z-index: 10; height: 50px; width: 100%; background: url(../images/nav-hover.png) 0 0; }   

 #nav em { position: absolute; text-indent: -999em; right: 0; width: 2px; height: 33px; top: 9px; text-indent: -999em; background: url(../images/menu-sep.png) 0 0 no-repeat; z-index: 30; }
  #nav li:hover em { background-position: 100% 0; }   
  #nav-contact em { top: -999em; }
  #nav-services a { padding-right:30px; background: url(../images/nav-dropdown.png) 90% 53% no-repeat; }
  html.js #nav-services a { padding: 0; background: none; }
    html.js #nav-services a span.a { padding-right: 30px; background: url(../images/nav-dropdown.png) 90% 53% no-repeat; }

 #nav li ul { position: absolute; top: -999em; left: 0; border: 1px solid #303030; border-top: 1px solid #2e2e2e; padding: 15px 0 10px; width: 200px; background: #242424; }
  #nav li:hover ul { top: 50px;  }
  
  html.js #nav li ul { display: none; top: 50px; }   
  
  #nav li li,
  html.js #nav li li { font-size: 0.85em; background: none; float: none; padding: 0; width: 100%; }
   #nav li li a,
   html.js #nav li li a { height: 27px; line-height: 27px; padding: 0 10px 0 35px; background: url(../images/nav-services-icons.png) 10px 0 no-repeat; text-align: left;  }
   #nav li li a:hover,
   html.js #nav li li a:hover { background-color: #2f2f2f; }
   
   #nav #nav-advertising a { background-position: 10px 4px; }
   #nav #nav-seo a         { background-position: 10px -28px; }
   #nav #nav-design a      { background-position: 10px -60px; }
   
   
#langs { position: absolute; right: 0; top:0; width: 110px; }
 #langs p.current { position: absolute; top: 14px; width: 80px; height: 22px; background: url(../images/lang-dropdown.png) no-repeat; color: #fff; line-height: 22px; padding: 0 22px 0 8px; cursor: pointer; }
  #langs p.current:hover,
  #langs p.active { background-position: 0 -22px; }
 #langs ul { padding: 4px 8px; margin: 0; width: 94px; background: #191919; }
  #langs ul li { marign: 0; list-style: none; padding: 3px 0; }
   #langs ul li a { color: #5b5b5b; text-decoration: none; display: block; }
   #langs ul li a.active, 
   #langs ul li a:hover { color: #fff; }

html.js #langs p.current { display: block; }
 html.js #langs ul { display: none; position: absolute; top: 37px; }

/* Featured
------------------------------------------- */
#featured { height: 280px; background: url(../images/featured-bg.png) 0 100% repeat-x; }
#featured .project { overflow: hidden; }
 #featured .wrapper { width: 885px; margin: 0 auto; position: relative; padding: 95px 0 0; height: 185px; }
  #featured h2 { color: #babab9; font: normal 2.3em/1 NeoSans, Helvetica, Arial, sans-serif; margin: 0 0 7px;  position: relative; z-index: 20;}
  #featured p { margin: 0 0 5px;  position: relative; z-index: 20; }
    #featured p strong { font: normal normal 2.667em/1 NeoSans, Arial, Helvetica, sans-serif; color: #121212;  }
   #featured p.desc { font: italic 1.6em/1 NeoSans, Helvetica, Arial, sans-serif; margin: 0 0 10px; color: #7b7b7b; }
   #featured p.visual { z-index: 10; position: absolute; right: 0; top: 0; }
   #featured .more a { overflow: hidden; }
    #featured p.more a { display: block; color: #fff; background: url(../images/featured-more-button.png) repeat-x; padding: 0 7px; float: left; height: 19px; font: normal 0.819em/18px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
     #featured p.more a:hover { background-position: 0 -19px; }
	
html.js #featured .project { display: none; position: absolute; top: 0; right: 0; width: 885px; height: 185px; padding: 95px 0 0; }
 html.js #featured .active { display: block; }
	
	
#featured-controls { position: absolute; left: -6px; bottom: 1px; z-index: 30; width: 83px; height: 45px; overflow: hidden; }
#featured-controls .controls { position: absolute; top: 45px; left: 0; height: 45px; width: 83px; background: url(../images/featured-controls-bg.png) no-repeat;  }
 #featured-controls span { position: absolute; top: -999em; }
 #featured-controls a { width: 22px; height: 22px; overflow: hidden; text-indent: -999em; position: absolute; top: 16px; } 
  #featured-controls a.prev { background: url(../images/project-controls-left.png) 0 0 no-repeat; left: 15px; }
  #featured-controls a.next { background: url(../images/project-controls-right.png) 0 0 no-repeat; right: 15px; }  
   #featured-controls a.prev:hover,
   #featured-controls a.next:hover { background-position: 0 -22px; }
      
/* Content
------------------------------------------- */

/* Aside
------------------------------------------- */
#aside h2 { font: normal 1.9em/1.4 NeoSans, Arial, Helvetica, sans-serif; color: #434343; }
   
#aside .section { border: 1px solid #e9e9e9; padding: 15px 14px; display: block; margin: 0 0 30px; }  
#aside .section-clients { padding: 0; }
 #aside .section-clients img { display: block; }
 
html.js #aside .section-clients { height: 120px; width: 253px; position: relative; }
 html.js #aside .section-clients img { position: absolute; top: 0; left: 6px; } 
 
 #aside ul li { padding: 0; list-style: none; margin: 0 0 5px; width: 100%; }
  #aside ul li.seo { margin: 0; }
  #aside ul li a { padding: 0 0 0 35px; background: url(../images/content-services-icons.png) 0 0 no-repeat; display: block; line-height: 32px; color: #0c0c0c; }
   #aside ul li a:hover { text-decoration: none; }   
    #aside ul li.advertising a { background-position: 0 2px; }
    #aside ul li.seo a         { background-position: 0 -35px; }
    #aside ul li.design a      { background-position: 0 -70px; }
  
#aside form p { margin: 0; }
 #aside form input { width: 105px; margin: 0 10px 0 0; }
 #aside form label { margin: 0 10px 0 0; } 
 #aside form button { color: #303030; }   
  
#aside .vcard p { margin: 0; }
 #aside .vcard p.a { margin: 0 0 15px; }  
 #aside .vcard p.fn { font-size: 1.2em; }   
  
 #presskit a, 
 #rankingtool a,
 #pricequote a { display: block; width: 255px; height: 68px; overflow: hidden; text-indent: -999em;  } 
  
 #presskit a { background: url(../images/presskit.png) no-repeat; }
 #pricequote a { background: url(../images/pricequote.png) no-repeat; }
 #rankingtool a { background: url(../images/rankingtool.png) no-repeat; } 

 #presskit a:hover,
 #rankingtool a:hover,
 #pricequote a:hover { background-position: 0 -68px; }

 body.se #presskit a { background-image: url(../images/presskit_se.png); }
 body.se #pricequote a { background-image: url(../images/pricequote_se.png); }
 body.se #rankingtool a { background-image: url(../images/rankingtool_se.png); } 

#aside p.send-ok { margin: 0 0 10px; padding: 5px 10px; border: none; }
#aside .errors { margin: 0 0 10px; padding: 5px 10px; background: #FFDFDF; border: none; }
 #aside .errors li { margin: 0; padding: 5px 0; list-style: none; color:#444; }


/* Home page
------------------------------------------- */
body.home #content .wrapper { background: url(../images/home-content-bg.png) 50% 0 no-repeat; overflow: hidden; }
 body.home #content .section { width: 255px; float: left; margin: 0 58px 15px 0; }
 body.home #content #clients-section { margin: 0 0 15px; }
  body.home #content .section h2 { padding: 0 0 10px; border-bottom: 1px solid #333; margin: 0 0 25px; color: #7e7e7e; font: normal 1.2em/1 NeoSans, Arial, Helvetica, sans-serif; }
   body.home #content .section h2 span.m { font-size: 2em; color: #0c0c0c; margin: 0 0 3px; display: block; }

  body.home #content .section ul { padding: 0; margin: 0; }
   body.home #content .section ul li { padding: 0; list-style: none; margin: 0 0 5px; width: 100%; }
    body.home #content .section ul li a { padding: 0 0 0 35px; background: url(../images/content-services-icons.png) 0 0 no-repeat; display: block; line-height: 32px; color: #0c0c0c; text-decoration: none; }
	 body.home #content .section ul li a:hover { text-decoration: underline; }
	
   
    body.home #content .section ul li.advertising a { background-position: 0 2px; }
    body.home #content .section ul li.seo a         { background-position: 0 -35px; }
    body.home #content .section ul li.design a      { background-position: 0 -70px; }
    
 body.home #clients-section img { display: block; margin: 0 auto; }
 html.js body.home #content #clients-section p { height: 120px; width: 240px; position: relative; }
  html.js body.home #content #clients-section p img { position: absolute; top: 0; left: 7px; }    
  
/* About us  
------------------------------------------- */

#about-intro { margin: 0 0 4em; } 
	
div.staff { position: relative; color: #000; padding: 0 0 0 110px; margin: 0 0 15px; height: 1%; }
 div.staff h2 { font-size: 1.1em; font-weight: normal; margin: 0; }
  div.staff h2 span.role { font-size: 1em; display: block; font-weight: bold; }
   div.staff p { margin: 0 0 10px; }
  div.staff a.email { color: #000; }
  div.staff p.thumb { position: absolute; top: 0; left: 0; }
  
/* Web design
------------------------------------------- */

#portfolio { width: 100%; overflow: hidden; margin: 0 0 30px; }
 #portfolio .copy { width: 260px; float: left; }
  #portfolio .copy ul { padding: 0; margin: 0 0 15px; }
   #portfolio .copy ul li { padding: 0 0 0 20px; margin: 0 0 5px; background: url(../images/content-li.png) 0 50% no-repeat; list-style: none; }
 
 #portfolio p.contact, 
 #portfolio p.case-studies { padding: 0 0 0 20px; line-height: 22px; margin: 0; }
 
 #portfolio p.contact { background: url(../images/ico-contact.png) 0 50% no-repeat; }
 #portfolio p.case-studies { background: url(../images/ico-case-studies.png) 0 50% no-repeat; }
 
 #portfolio .projects { width: 575px; float: right; position: relative; }
  #portfolio .projects h2 { font: normal 2em NeoSans, Arial, Helvetica, sans-serif;  margin: 0 0 20px; }
  #portfolio .projects .controls { position: absolute; top: 240px; right: 0; width: 53px; height: 22px; }
   #portfolio .projects .controls span { position: absolute; top: -999em; }
   #portfolio .projects .controls a { width: 22px; height: 22px; overflow: hidden; text-indent: -999em; position: absolute; top: 0; } 
    #portfolio .projects .controls .prev { background: url(../images/project-controls-left.png) 0 0 no-repeat; left: 0; }
    #portfolio .projects .controls .next { background: url(../images/project-controls-right.png) 0 0 no-repeat; right: 0; }  
     #portfolio .projects .controls .prev:hover,
     #portfolio .projects .controls .next:hover { background-position: 0 -22px; }

  html.js #portfolio { height: 330px; }
  html.js #portfolio .project { position: absolute; right: 0; top: 0; } 

#process { width: 885px; height: 200px; overflow: hidden; background: url(../images/process.png) no-repeat; margin: 0 0 15px; }
body.se #process { background-image: url(../images/process_se.png); }
 #process * { position: absolute; top: -999em; }
 
/* Industries  
------------------------------------------- */

#industries { margin: 0 0 15px; overflow: hidden; width: 100%; padding: 0; }
 #industries dt { clear: left; float: left; width: 126px; height: 164px; text-indent: -999em; background: url(../images/industries.png) no-repeat; zoom: 1; margin: 0 40px 0 0;}
 body.se #industries dt { background-image: url(../images/industries_se.png); }
  dt#industry-vehicle-garage     { background-position: 0 0; }
  dt#industry-ecommerce          { background-position: -126px 0; }
  dt#industry-hotel-conference   { background-position: -253px 0; }
  dt#industry-public-government  { background-position: -380px 0; }
  dt#industry-travel-flight      { background-position: -506px 0; }
  dt#industry-education          { background-position: -633px 0; }
  dt#industry-law-insurance      { background-position: -759px 0; }
  dt#industry-other              { background-position: -886px 0; }

/* Tooltip is only visible with JavaScript enabled */
 #tooltip,
 #industries dd { width: 265px; padding: 0; float: left; *float: none; _float: none; }
 
  #tooltip { font-size: 1.1em; padding: 10px; position: absolute; z-index: 300; background: #ebebeb url(../images/tooltip-bg.png) repeat-x; border: 1px solid #cdcdcd; } 
 
  #tooltip h3,
  #industries dd h3 { font: normal 1.637em/1 NeoSans, Arial, Helvetica, sans-serif; color: #6c6c6c; }
  #tooltip h3 { text-indent: -999em; background: url(../images/tooltip-globe.png) 0 50% no-repeat; height: 27px; line-height: 27px; }
   body.se #tooltip h3 { background-image: url(../images/tooltip-globe_se.png); }
   
  #tooltip table,
  #industries table { width: 100%; margin: 0; }
  
   #tooltip th,
   #tooltip td,
   #industries th,
   #industries td { font-size: 1em; text-align: left; font-weight: normal; color: #6c6c6c; padding: 0 5px 0 0; border: none; }
    #tooltip thead th,
    #industries thead th { color: #383838; text-decoration: underline; padding: 0 5px 5px 0; }

#industries-wrapper { width: 504px; position: relative; overflow: hidden; margin: 0 0 15px; padding: 0 33px; }
 #industries-wrapper-b { width: 504px; overflow: hidden; position: relative; z-index: 200; }
 #industries-wrapper .controls { position: absolute; z-index: 100; top: 0; left: 0; width: 570px; height: 200px; }
  #industries-wrapper .controls a { width: 23px; height: 26px; display: block; text-indent: -999em; overflow: hidden; background-repear: no-repeat; position: absolute; top: 35px; }
  #industries-wrapper .controls a:hover { background-position: 0 -26px; }
   #industries-wrapper .controls a.prev { background-image: url(../images/industries-arrow-left.png); left: 0; }
   #industries-wrapper .controls a.next{ background-image: url(../images/industries-arrow-right.png); right: 0;}
   #industries-wrapper .controls a.inactive:hover { background-position: 0 0; }
  #industries-wrapper .controls span { position: absolute; top: -999em; }
      
html.js #industries { margin: 0; overflow: visible; width: 1008px; position: relative; z-index: 200; }
 html.js #industries dt { clear: none; margin: 0; }
 html.js #industries dd { display: none; } 

/* Charts
------------------------------------------- */

ul.ticks { overflow: hidden; width: 100%; padding: 0; }
 ul.ticks li { float: left; width: 245px;  padding: 0 0 0 15px; margin: 0 0 5px; background: url(../images/content-li.png) 0 50% no-repeat; list-style: none; }

#chart-switcher { height: 22px; margin: 0 0 15px; position: relative; z-index: 200; width: 250px; cursor: pointer; }
 
#chart-switcher p.current { position: relative; height: 22px; background: #050505 url(../images/chart-switcher.png) 95% 50% no-repeat; width: 220px; line-height: 22px; color: #fff; padding: 0 22px 0 8px; } 
 #chart-switcher ul { display: none; position: absolute; background: #191919; border: 1px solid #282828; position: absolute; top: 22px; left: 0; padding: 6px 10px; width: 228px; }
  #chart-switcher ul li { margin: 0; padding: 4px 0; list-style: none; }	
   #chart-switcher ul li a { color: #5b5b5b; text-decoration: none; display: block; outline: none; }
   #chart-switcher ul li a:hover { color: #fff; }

/* SEO Tool	
------------------------------------------- */
#seo-tool-header { height: 63px; text-indent: -999em; overflow: hidden; background: url(../images/seo-tool-header.png) no-repeat; }
body.se #seo-tool-header { background-image: url(../images/seo-tool-header_se.png); }
#seo-tool { display: block; overflow: hidden; width: 100%; background: url(../images/seo-tool-bg.png) 50% 50% no-repeat; margin: 40px 0; }
 #seo-tool .personal { float: left; width: 212px; }
 #seo-tool .website { float: right; width: 212px; } 
 #seo-tool .submit { clear: both; text-align: right; }
 
 #seo-tool h2 { font: 300 normal 2.4em/1 NeoSans, Arial, Helvetica, sans-serif; margin: 0 0 30px; }
 #seo-tool p { overflow: hidden; }
  #seo-tool label { display: block; margin: 0 0 5px; }
  #seo-tool input,
  #seo-tool select { width: 210px; padding: 2px 0; }
  #seo-tool button { padding: 1px 40px; color: #303030; }
  
/* SEO Tool	results
------------------------------------------- */
#search-results-options { margin: 0 0 30px; }
 #search-results-options a { display: inline-block; line-height: 25px; padding: 0 0 0 30px; margin: 0 20px 0 0; }
  #search-results-options a.return { background: url(../images/ico-return.png) 0 50% no-repeat; }
  #search-results-options a.print { background: url(../images/ico-print.png) 0 50% no-repeat; }
 #search-results-options span { position: absolute; top: -999em; }

table.seo-results-a { width: 100%; margin: 0 0 30px; }
 table.seo-results-a td,
 table.seo-results-a th { text-align: center; padding: 15px; color: #565656; border: 1px solid #fff; font-weight: normal; background: #f0f0f0; font-size: 1.3em; }
 table.seo-results-a th { background: #d0d0d0 url(../images/seo-results-th.png) repeat-x; padding: 9px 15px; }
 
#seo-results-meta { width: 100%; overflow: hidden; margin: 0 0 30px; }
 #seo-results-meta .backlinks { width: 265px; float: left; }
 #seo-results-meta .sitedata { width: 265px; float: right; } 
 
#seo-results-meta h3 { font: normal 1.6em/1 NeoSans, Arial, Helvetica, sans-serif; color: #737373; } 
 
table.seo-results-b { width: 100%; margin: 0; }
 table.seo-results-b td,
 table.seo-results-b th { background: #f0f0f0; text-align: left; font-weight: normal; padding: 10px; border: none; color: #565656; }
 
/* Case studies
--------------------------------------------- */
div.case { padding: 0 0 0 355px; position: relative; margin: 0 0 50px; height: 1%; }
div.case h2 { font: normal 2.6em/1 NeoSans, Arial, Helvetica, sans-serif; color: #0c0c0c; margin: 0; }
 div.case h2 a { text-decoration: none; }
 div.case h3 { font: 500 1.6em/1 NeoSans, Arial, Helvetica, sans-serif; color: #949494; margin: 0 0 15px; }
 
 div.case p.thumb { position: absolute; left: 0; top: 0; }
 div.case p { margin: 0 0 10px; }
 div.case p.more { background: url(../images/ico-case-studies.png) 0 50% no-repeat; padding: 0 0 0 20px; line-height: 22px; margin: 0; }

#main.main-case { background: url(../images/case-bg.png) 0 200px no-repeat; }
 #main.main-case .visual { position: relative; height: 100px; padding: 100px 0 0; margin: 0 0 50px; }
  #main.main-case .visual h1 { position: relative; z-index: 30; }
  #main.main-case .visual p { position: absolute; bottom: 0; left: 0; z-index: 10; margin: 0;  }
   #main.main-case .visual p img { display: block; position: absolute; bottom: 0; }

/* Contact form
--------------------------------------------- */
.c-form { display: block; overflow: hidden; width: 522px; }

.errors { margin: 0 0 30px; padding: 5px 10px; background: #f5f5f5; border: 1px solid #e1e1e1; }
 .errors li { margin: 0; padding: 5px 0; list-style: none; color:#444; }

 .c-form p { clear: both; }
  .c-form p label { display: block; margin: 0 0 5px; }

 #contact-type { border: none; padding: 0 0 15px; overflow: hidden; width: 100%; margin: 0; }
  #contact-type legend { font-size: 1.1em; padding: 0; color: #0c0c0c; }
  * html #contact-type legend  { margin-left: -7px }
  *:first-child+html #contact-type legend { margin-left: -7px; }
  
  #contact-type p { display: block; margin: 10px 0 0; width: 110px; float: left; clear: none; }
    #contact-type p label { display: inline; margin: auto; }
  
 .c-form .col1 { width: 210px; float: left; }
 .c-form .col2 { width: 210px; float: right; } 

 .c-form .col input,
 .c-form .col select { width: 208px; }
 
 .c-form textarea { width: 520px; height: 150px; }
 .c-form p.submit button { padding: 1px 30px; color: #303030; font-size: 1.182em; }
 
 p.send-ok { background: #6B9F31; padding: 10px; color: #fff; text-align: center; font-weight: bold; }
 p.send-fail { background: #AF0000; padding: 10px; color: #fff; text-align: center; font-weight: bold; }
 
/* Client grid
--------------------------------------------- */
#client-grid { background: url(../images/client-grid.png) 0 0 no-repeat; position: relative; width: 888px; }
 #client-grid h2 { position: absolute; left: 0; overflow: hidden; text-indent: -999em; width: 89px; height: 50px; margin: -10px 0 10px; }
  #client-grid h2.brands { background: url(../images/client-grid-brands.png) no-repeat; }
  #client-grid h2.agencies { background: url(../images/client-grid-agencies.png) no-repeat; }
  body.se #client-grid h2.agencies { width: 110px; height: 56px; background: url(../images/client-grid-agencies_se.png) no-repeat; }  
  
 #client-grid ul { padding: 0; margin: 0; overflow: hidden; width: 100%; }
  #client-grid li { display: inline; float: left; margin: 0; padding: 0; list-style: none; width: 222px; height: 125px; overflow: hidden; }
   #client-grid li img { display: block; }  
  #client-grid li.last { margin: 0 0 0 8px; }  
  
/* 404
--------------------------------------------- */  
 #error404 { margin : 0 0 30px; background: url(../images/ico_404.png) 0 50% no-repeat; padding: 20px 0 0 100px; min-height: 80px; }
  #error404 h1 { margin: 0 0 5px; font-size: 3.6em; color: #000; }
  #error404 p { margin: 0; color: #848484; font: normal 1.4em/1 NeoSans, Arial, Helvetica, sans-serif;  } 
  
  .sitemap { margin: 0 0 15px; overflow: hidden; width: 100%; }
   .sitemap .col { float: left; width: 170px; margin: 0 10px 0 0; }
   .sitemap .col2 { width: 300px; }
    .sitemap .col h2 { font: normal 2em/1 NeoSans, Arial, Helvetica, sans-serif; color: #333; margin: 0 0 30px; }
	 .sitemap .col ul { padding: 0; margin: 0 ; }
  	 .sitemap .col li { background: url(../images/sitemap-arrow.png) 0 4px no-repeat; padding: 0 0 0 20px; margin: 0 0 10px; list-style: none; font-size: 1.4em; }
	  .sitemap .col li ul { margin: 10px 0 0; }
	  .sitemap .col li li { font-size: 1em; background-image: url(../images/sitemap-indent.png); }
	  
/* Text replacement
--------------------------------------------- */

#seotool-personaldata { text-indent: -999em; height: 24px; background: url(../assets/headers/seotool-personaldata.png) no-repeat; }
 body.se #seotool-personaldata { background-image: url(../assets/headers/se/seotool-personaldata.png); }
#seotool-websitedata { text-indent: -999em; height: 24px; background: url(../assets/headers/seotool-websitedata.png) no-repeat; }
 body.se #seotool-websitedata { background-image: url(../assets/headers/se/seotool-websitedata.png); }
	  
#newsletter-unsubscribed { padding-top: 65px; height: 66px; background: url(../assets/headers/newsletter-unsubscribe.png) 0 100% no-repeat; margin: 0 0 16px; }
 body.se #newsletter-unsubscribed  { background-image: url(../assets/headers/se/newsletter-unsubscribe.png); }
 #newsletter-unsubscribed  * { position: absolute; top: -999em;  }
  	  
/* Fancybox
--------------------------------------------- */
html, body{height:100%}

div#fancy_overlay{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#666; display:none; z-index:30}

* html div#fancy_overlay{position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}

div#fancy_wrap{text-align:left}

div#fancy_loading{position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:1000}

div#fancy_loading div{position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url(../images/fancybox/fancy_progress.png) no-repeat}

div#fancy_loading_overlay{position:absolute; background-color:#FFF; z-index:300}

div#fancy_loading_icon{position:absolute; background:url(../images/fancybox/fancy_loading.gif) no-repeat; z-index:350; width:16px; height:16px}

div#fancy_outer{position:absolute;     top:0;     left:0;     z-index:900;     padding:18px 18px 33px 18px;     margin:0;     overflow:hidden;     background:transparent;     display:none}

div#fancy_inner{position:relative; width:100%; height:100%; border:1px solid #BBB; background:#FFF}

div#fancy_content{margin:0; z-index:1000; position:absolute}

div#fancy_div{background:#000; color:#FFF; height:100%; width:100%; z-index:1000}

img#fancy_img{position:absolute; top:0; left:0; border:0; padding:0; margin:0; z-index:1000; width:100%; height:100%}

div#fancy_close{position:absolute; top:-12px; right:-15px; height:30px; width:30px; background:url(../images/fancybox/fancy_closebox.png) top left no-repeat; cursor:pointer; z-index:1810; display:none}

#fancy_frame{position:relative; width:100%; height:100%; display:none}

#fancy_ajax{width:100%; height:100%; overflow:auto}

a#fancy_left, a#fancy_right{position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; z-index:1110; display:none; background-image:url(data:image/gif; base64,AAAA); outline:none}

a#fancy_left{left:0px}

a#fancy_right{right:0px}

span.fancy_ico{position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; z-index:1120; cursor:pointer; display:block}

span#fancy_left_ico{left:-9999px; background:transparent url(../images/fancybox/fancy_left.png) no-repeat}

span#fancy_right_ico{right:-9999px; background:transparent url(../images/fancybox/fancy_right.png) no-repeat}

a#fancy_left:hover{ visibility:visible}

a#fancy_right:hover{ visibility:visible}

a#fancy_left:hover span{left:20px}

a#fancy_right:hover span{right:20px}

.fancy_bigIframe{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent}

div#fancy_bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:700; border:0; padding:0; margin:0}

div.fancy_bg{position:absolute; display:block; z-index:700; border:0; padding:0; margin:0}

div.fancy_bg_n{top:-18px; width:100%; height:18px; background:transparent url(../images/fancybox/fancy_shadow_n.png) repeat-x}

div.fancy_bg_ne{top:-18px; right:-13px; width:13px; height:18px; background:transparent url(../images/fancybox/fancy_shadow_ne.png) no-repeat}

div.fancy_bg_e{right:-13px; height:100%; width:13px; background:transparent url(../images/fancybox/fancy_shadow_e.png) repeat-y}

div.fancy_bg_se{bottom:-18px; right:-13px; width:13px; height:18px; background:transparent url(../images/fancybox/fancy_shadow_se.png) no-repeat}

div.fancy_bg_s{bottom:-18px; width:100%; height:18px; background:transparent url(../images/fancybox/fancy_shadow_s.png) repeat-x}

div.fancy_bg_sw{bottom:-18px; left:-13px; width:13px; height:18px; background:transparent url(../images/fancybox/fancy_shadow_sw.png) no-repeat}

div.fancy_bg_w{left:-13px; height:100%; width:13px; background:transparent url(../images/fancybox/fancy_shadow_w.png) repeat-y}

div.fancy_bg_nw{top:-18px; left:-13px; width:13px; height:18px; background:transparent url(../images/fancybox/fancy_shadow_nw.png) no-repeat}

div#fancy_title{position:absolute; bottom:-33px; left:0; width:100%; z-index:1000; display:none}

div#fancy_title div{color:#FFF; font:bold 12px Arial; padding-bottom:3px}

div#fancy_title table{margin:0 auto}

div#fancy_title table td{padding:0; vertical-align:middle}

td#fancy_title_left{height:32px; width:15px; background:transparent url(fancy_title_left.png) repeat-x}

td#fancy_title_main{height:32px; background:transparent url(fancy_title_main.png) repeat-x}

td#fancy_title_right{height:32px; width:15px; background:transparent url(fancy_title_right.png) repeat-x}