body {
        width: 94% !important; 
        padding: 0%;
        margin: 0 3 0 3;
        font-size: 1.2em;
    }


/* Word Cloud START */
#tag_holder {
				width:80%;
                height: 140px;
                margin-left: 0%;
                padding: 10px;
                position: relative;
                text-align: center !important;
			}
			
			.tag {
				/* Some standard .tag settings: starting point */
				float:left;
				background-color:#ffa700;
				font-family: Arial, Helvetica;
				font-size:16px;
				font-weight:bold;
				text-decoration:none;
				padding: 5px 8px;
                margin: 10px;
				color:#ffffff;
                
				
				/* Shadow under text */
				-webkit-text-shadow: rgba(0,0,0,0.1) 1px 0, rgba(0,0,0,0.1) 0 1px, rgba(255,255,255,0.1) -1px 0, rgba(255,255,255,0.1) 0 -1px, rgba(0,0,0,0.1) 1px 1px, rgba(255,255,255,0.1) -1px -1px; 
				-moz-text-shadow: rgba(0,0,0,0.1) 1px 0, rgba(0,0,0,0.1) 0 1px, rgba(255,255,255,0.1) -1px 0, rgba(255,255,255,0.1) 0 -1px, rgba(0,0,0,0.1) 1px 1px, rgba(255,255,255,0.1) -1px -1px; 
				-o-text-shadow: rgba(0,0,0,0.1) 1px 0, rgba(0,0,0,0.1) 0 1px, rgba(255,255,255,0.1) -1px 0, rgba(255,255,255,0.1) 0 -1px, rgba(0,0,0,0.1) 1px 1px, rgba(255,255,255,0.1) -1px -1px;
				text-shadow: rgba(0,0,0,0.1) 1px 0, rgba(0,0,0,0.1) 0 1px, rgba(255,255,255,0.1) -1px 0, rgba(255,255,255,0.1) 0 -1px, rgba(0,0,0,0.1) 1px 1px, rgba(255,255,255,0.1) -1px -1px;

				/* Shadow under tag */
				-webkit-box-shadow: 0 0 3px rgb(111, 111, 111);
				-moz-box-shadow: 0 0 3px rgb(111, 111, 111);
				-o-box-shadow: 0 0 3px rgb(111, 111, 111);
				box-shadow: 0 0 3px rgb(111, 111, 111);

				/* Rotation transformation */
				-webkit-transform: rotate(-3deg);
				-moz-transform: rotate(-3deg);
				-o-transform: rotate(-3deg);
				transform: rotate(-3deg);
				


				/* Transition between this and :hover state */
				-webkit-transition: -webkit-transform 0.1s ease-in;
				-moz-transition: -moz-transform 0.1s ease-in;
				-o-transition: -o-transform 0.1s ease-in;
				transition: transform 0.1s ease-in;	
			}

			.tag:hover {
				color:#ffffff;
				background-color:#fa8c1d;
				z-index:10000;
                cursor: default;
				
				-webkit-box-shadow: 0 0 10px rgb(106, 106, 106);
				-moz-box-shadow: 0 0 20px rgb(106, 106, 106);
				-o-box-shadow: 0 0 20px rgb(106, 106, 106);
				box-shadow: 0 0 6px rgb(106, 106, 106);	 
	
				-webkit-transform: rotate(3deg) scale(1.2);
				-moz-transform: rotate(3deg) scale(1.2);
				-o-transform: rotate(3deg) scale(1.2);
				transform: rotate(3deg) scale(1.2);
			}


			.tag:nth-child(2n) {
				background-color:#ffc21b;
				font-size:16px;

				-webkit-transform: rotate(5deg);
				-moz-transform: rotate(5deg);
				-o-transform: rotate(5deg);
				transform: rotate(5deg);
			}

			.tag:nth-child(4n) {
				background-color:#ffc21b;
				font-size:16px;

				-webkit-transform: rotate(-8deg);
				-moz-transform: rotate(-8deg);
				-o-transform: rotate(-8deg);
				transform: rotate(-8deg);
			}

			.tag:nth-child(5n) {
				background-color:#ffc21b;
				font-size:16px;

				-webkit-transform: rotate(-6deg);
				-moz-transform: rotate(-6deg);
				-o-transform: rotate(-6deg);
				transform: rotate(-6deg);
			}




			.tag:nth-child(2n):hover {
				-webkit-transform: rotate(-3deg) scale(1.2);
				-moz-transform: rotate(-3deg) scale(1.2);
				-o-transform: rotate(-3deg) scale(1.2);
				transform: rotate(-3deg) scale(1.2);
			}

			.tag:nth-child(4n):hover {
				-webkit-transform: rotate(3deg) scale(1.2);
				-moz-transform: rotate(3deg) scale(1.2);
				-o-transform: rotate(3deg) scale(1.2);
				transform: rotate(3deg) scale(1.2);
			}

			.tag:nth-child(5n):hover {
				-webkit-transform: rotate(2deg) scale(1.2);
				-moz-transform: rotate(2deg) scale(1.2);
				-o-transform: rotate(2deg) scale(1.2);
				transform: rotate(2deg) scale(1.2);
			}

            p {
                margin-bottom:0;
            }
/* Word Cloud END */

    .headerHeadline {
        float: right; 
        margin-top: 14px; 
        margin-right:2px; 
        text-align: right;
        font-family: Arial, sans-serif;
        font-weight: bold;
        font-size: 0.9em;
        color: #f89b4c;
        letter-spacing: 0.1em;
    }
    
    img {
        border: none;
        border: 0px;
    }

    b {
        font-size: 1.2em;
    }
    
    .mainText {
        font-family: Abel, sans-serif;
        color: #848484; 
        text-align: left;
        height: auto !important;
        width:88%;
    }

    .link {
        color: #35393c;
        text-decoration: underline;
    }

    .link:hover {
        color: #6c7377;
        text-decoration: none;
    }

    .link:visited {
        color: #35393c;
        text-decoration: underline;
    }

    #navLink {
        font-family: Abel, sans-serif;
        font-size: 0.9em;
        color: #848484; 
        text-decoration: none;
    }

    #navLink:hover {
        font-family: Abel, sans-serif;
        color: #ff8018; 
        text-decoration: none;
    }

    #navLinkSelected {
        font-family: Abel, sans-serif;
        font-size: 0.9em;
        color: #FFFFFF; 
        text-decoration: none;
    }

    #navSubLink {
        font-family: Abel, sans-serif;
        font-size: 0.9em;
        color: #848484; 
        text-decoration: none;
    }

    #navSubLink:hover {
        font-family: Abel, sans-serif;
        color: #ff8018; 
        text-decoration: none;
    }

    #navSubLinkSelected {
        font-family: Abel, sans-serif;
        font-weight: bold;
        font-size: 0.9em;
        color: #ff8018; 
        text-decoration: none;
    }

    #navSubBigLink {
        font-family: Abel, sans-serif;
        font-size: 0.9em;
        color: #848484; 
        text-decoration: none;
    }

    #navSubBigLink:hover {
        font-family: Abel, sans-serif;
        color: #ef7511; 
        text-decoration: none;
    }

    #navSubBigLinkSelected {
        font-family: Abel, sans-serif;
        font-weight: bold;
        font-size: 0.9em;
        color: #ef7511; 
        text-decoration: none;
    }


    #mainNavSmall {
        font-size: 1.1em;
    }
    
    .footerText {
        font-family: Abel, sans-serif;
        color: #969393;
        font-size: 0.88em;
        float: right;
        margin-right: 1%;
    } 
    
    .linkFooter {
        font-family: Abel, sans-serif;
        color: #969393; 
        font-size: 0.88em;
        text-decoration: none;
    } 
    
    .linkFooter:hover {
        font-family: Abel, sans-serif;
        color: #ff8018; 
        font-size: 0.88em;
    }
    
    div {
        border: 0px solid #ababab;
    }
    
    hr {
        border: none;
        border-top: 1px solid #c3c3c3;
        margin-top: 2%;
    }
    
    #container {
        width: 99%;
        position: absolute;
        text-align: center;
    }
    
    #content {
        width: 100%;
        max-width: 1144px !important;
        text-align: left;
        display: table; 
    }


    #copyContainer {
        width: 1138px;
    }

    #copyTextLeft {
        font-family: Abel, Arial, Helvetica, sans-serif;
        color: #535353; 
        font-size: 0.9em;       
        width: 62%;
        text-align: justify;
        padding-top: 3%;
        padding-right: 5%;
        display: table-cell;
        line-height: 21px;
    }

    #copyTextRight {
        font-family: Abel, Arial, Helvetica, sans-serif;
        color: #7b7b7b; 
        font-size: 0.9em;       
        width: 30%;
        text-align: left;
        display: table-cell;
        line-height: 21px;
    }
    
    #headerBox { 
        height: 74px;
        padding-top: 3%;
        text-align: center;
    }    
    
    #header {       
        text-align: left;
        float: left;
        width: 99%;
        position: relative;
    }

    .firstLetter {
        float: left;
        width: auto;
        font-size: 140%;
        font-family: abel, arial, helvetica;
        line-height: 50%;
        margin-top: 2px;
        color: #535353;
    }

    .firstLetterUL {
        width: auto;
        font-size: 140%;
        font-family: abel, arial, helvetica;
        line-height: 50%;
        margin-top: 2px;
        color: #535353;
    }

    ul {
        margin: 0px 0px 0px 18px;
        padding: 0px;
    }

    ul.color { 
        margin: 0px;
        padding: 0px;
        text-align: left !important;
    }

    li.color {
        display: inline-block;
        margin-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        line-height: 23px;
        background-color: #e8e8e8;
        border: 1px solid #696969;
        color: #4a4a4a;
        text-align: left !important;
    }

/*    li.color:hover {
        display: inline-block;
        margin-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        line-height: 23px;
        background-color: #ff8018;
        color: #ffffff;
    }
*/    
    .tileBox {
        text-align: left;
        color: #ffffff;
        width: 377px;
        height: 205px;
        background-size: 100% auto;
        background-repeat: no-repeat;
        float: left;
        padding-bottom: 6px;
        margin-right: 4px;
    }
    
    .tileBox#methodologies {
        background-image: url(../gfx/bgLocation.jpg);
    }
    
    .tileBox#methodologies:hover {
        background-image: url(../gfx/bgLocationHover.jpg);
    }
    
    .tileBox#industries {
        background-image: url(../gfx/bgPharma.jpg);
    }
    
    .tileBox#industries:hover {
        background-image: url(../gfx/bgPharmaHover.jpg);
    }
    
    .tileBox#location {
        background-image: url(../gfx/bgAuto.jpg);
    }
    
    .tileBox#location:hover {
        background-image: url(../gfx/bgAutoHover.jpg);
    }
    
    .tileBox#recruitment {
        background-image: url(../gfx/bgMethods.jpg);
    }
    
    .tileBox#recruitment:hover {
        background-image: url(../gfx/bgMethodsHover.jpg);
    }
    
    .tileBox#moderation {
        background-image: url(../gfx/bgTeam.jpg);
    }
    
    .tileBox#moderation:hover {
        background-image: url(../gfx/bgTeamHover.jpg);
    }
    
    .tileBox#analysis {
        background-image: url(../gfx/bgPhoto.jpg);
    }
    
    .tileBox#analysis:hover {
        background-image: url(../gfx/bgPhotoHover.jpg);
    }
    
    .tileBox#gallery {
        background-image: url(../gfx/bgConsumer.jpg);
    }
    
    .tileBox#gallery:hover {
        background-image: url(../gfx/bgConsumerHover.jpg);
    }
    
    .tileBox#team {
        background-image: url(../gfx/bgBusiness.jpg);
    }
    
    .tileBox#team:hover {
        background-image: url(../gfx/bgBusinessHover.jpg);
    }
    
    .tileBox#contact {
        background-image: url(../gfx/bgQuestion.jpg);
    }
    
    .tileBox#contact:hover {
        background-image: url(../gfx/bgQuestionHover.jpg);
    }

/* Industries Overview Tile */
     .tileBox#pharma {
        background-image: url(../images/visual_blanksite_pharma.jpeg);
    }
    
    .tileBox#auto {
        background-image: url(../images/visual_blanksite_auto.jpeg);
    }
    
    .tileBox#b2b {
        background-image: url(../images/visual_blanksite_b2b.jpeg);
    }
    
    .tileBox#technology {
        background-image: url(../images/visual_blanksite_technology.jpeg);
    }
    
    .tileBox#consumer {
        background-image: url(../images/visual_blanksite_consumer.jpeg);
    }
    
    .tileBox#luxuries {
        background-image: url(../images/visual_blanksite_luxuries.jpeg);
    }

     .tileBox#pharma:hover {
        background-image: url(../images/visual_blanksite_pharmaHover.jpg);
    }

    
    .tileBox#auto:hover {
        background-image: url(../images/visual_blanksite_autoHover.jpg);
    }
    
    .tileBox#b2b:hover {
        background-image: url(../images/visual_blanksite_b2bHover.jpg);
    }
    
    .tileBox#technology:hover {
        background-image: url(../images/visual_blanksite_technologyHover.jpg);
    }
    
    .tileBox#consumer:hover {
        background-image: url(../images/visual_blanksite_consumerHover.jpg);
    }
    
    .tileBox#luxuries:hover {
        background-image: url(../images/visual_blanksite_luxuriesHover.jpg);
    }

    #mainNav {        
        width: 100%;
        display: inline;
    }

    #mainNavSmall {        
        width: 100%;
        display: none;
    }

    #teamLink {
        display:inline-block;
        text-transform: uppercase;
    }

    #teamLinkSmall {
        display: none;
        text-transform: uppercase;
    }

    .linkOrange {
        color: #ff8018;
        text-decoration: none;
    }

    .linkOrange:hover {
        color: #ff8018;
        text-decoration: underline;
    }

    .linkOrange:visited {
        color: #ff8018;
        text-decoration: none;
    }

.slide-out-div {
        padding: 16px;
        padding-bottom: 0px;
        width: 186px;
        background-color: #fff;
        border: 1px solid #29216d;
        font-family: Abel, sans-serif;
        color: #848484; 
        text-align: left;
        position:absolute;
      } 


       
@media only screen and (max-width: 1280px) {
  
        .tileBox {
            width: 308px;
            height: 171px;
            padding-bottom: 5px;
            margin-right: 3px;
            display: inline;
        }

  
.slide-out-div {
        padding: 16px;
        padding-bottom: 0px;
        width: 186px;
        background-color: #fff;
        border: 1px solid #29216d;
        font-family: Abel, sans-serif;
        color: #848484; 
        text-align: left;
        position: absolute;
      } 
        
        #content {        
            width: 944px;
        }
    
        #copyContainer {
        width: 944px;
    }

    #copyTextLeft {
        font-size: 0.9em;       
        width: 62%;
        display: table-cell;
        text-align: justify;
    }

    #copyTextRight {
        font-size: 0.9em;       
        width: 30%;
        display: table-cell;
    }
    
        #mainNav {        
            width: 100%;
            display: inline;
        }

        #mainNavSmall {        
            width: 100%;
            display: none;
        }

    #teamLink {
        display: block;
        text-transform: uppercase;
    }
    
        #teamLinkSmall {
            display: none;
        text-transform: uppercase;
        }
    
        .footerText {
        margin-right: 2%;
        } 
}
    
@media only screen and (max-width: 990px) {
    
        #tag_holder {
				width:100%;
                height: 160px;
                margin-left: 0%;
                padding: 4px;
                position: relative;
                text-align: center !important;
			}
    
        .tileBox {
            width: 365px;
            height: 205px;
            padding-bottom: 4px;
        }

    
    
        .tileBox#methodologies {
            background-image: url(../gfx/bgLocationHover.jpg);
        }
    
    
        .tileBox#industries {
            background-image: url(../gfx/bgPharmaHover.jpg);
        }
        
        .tileBox#location {
            background-image: url(../gfx/bgAutoHover.jpg);
        }
        
        .tileBox#recruitment {
            background-image: url(../gfx/bgMethodsHover.jpg);
        }
        
        .tileBox#moderation {
            background-image: url(../gfx/bgTeamHover.jpg);
        }
        
        .tileBox#analysis {
            background-image: url(../gfx/bgPhotoHover.jpg);
        }
        
        .tileBox#gallery {
            background-image: url(../gfx/bgConsumerHover.jpg);
        }
        
        .tileBox#team {
            background-image: url(../gfx/bgBusinessHover.jpg);
        }
        
        .tileBox#contact {
            background-image: url(../gfx/bgQuestionHover.jpg);
        }
     
        #content {       
            width: 98%;
            max-width: 768px;
            display:inherit; 
            text-align: center;
        }
    
        #copyContainer {
        width: 98%;
    }

    #copyTextLeft {
        font-size: 0.9em;       
        width: 62%;
        display: table-cell;
        text-align: justify;
    }

    #copyTextRight {
        font-size: 0.9em;       
        width: 30%;
        display: table-cell;
    }
    
        .headerHeadline {
            font-size: 0.7em;
        }
    
        #mainNav {        
            width: 100%;
            display: none;
        }

        #mainNavSmall {        
            width: 100%;
            display: inline;
            padding-top: 20px;
        }
    
        #teamLink {
            display: block;
        text-transform: uppercase;
        }
    
        #teamLinkSmall {
            display:none;
        text-transform: uppercase;
        }
    
    
        .slide-out-div {
            padding: 18px;
            width: 250px;
            background-color: #fff;
            border: 1px solid #29216d;
            font-family: Abel, sans-serif;
            color: #848484; 
            text-align: left;
            display: none;
      } 
        .footerText {
        margin-right: 3%;
    } 
}

  
@media only screen and (max-width: 767px) {

        #tag_holder {
				width:99%;
                height: 170px;
                margin-left: 0%;
                padding: 4px;
                position: relative;
                text-align: center !important;
			}
    
        .tag {
				/* Some standard .tag settings: starting point */
                margin: 6px;
        }
    
        .tileBox {
            width: 377px;
            height: 205px;
            float: left;
        }

    
        .tileBox#methodologies {
            background-image: url(../gfx/bgLocationHover.jpg);
        }
    
    
        .tileBox#industries {
            background-image: url(../gfx/bgPharmaHover.jpg);
        }
        
        .tileBox#location {
            background-image: url(../gfx/bgAutoHover.jpg);
        }
        
        .tileBox#recruitment {
            background-image: url(../gfx/bgMethodsHover.jpg);
        }
        
        .tileBox#moderation {
            background-image: url(../gfx/bgTeamHover.jpg);
        }
        
        .tileBox#analysis {
            background-image: url(../gfx/bgPhotoHover.jpg);
        }
        
        .tileBox#gallery {
            background-image: url(../gfx/bgConsumerHover.jpg);
        }
        
        .tileBox#team {
            background-image: url(../gfx/bgBusinessHover.jpg);
        }
        
        .tileBox#contact {
            background-image: url(../gfx/bgQuestionHover.jpg);
        }
    
        #container {
            padding-left: 0px;
            width: 96%;
        }
        
        #content {       
            width: 96%;
            display: block;
        }
    
        #copyContainer {
            width: 96%;
        }
    
        #copyTextLeft {
            font-size: 0.9em;       
            width: 98%;
            display: block;
        }

        #copyTextRight {
            font-size: 0.9em;       
            width: 98%;
            display: block;
        }
    
        #header {
            margin-bottom: 3%;
        }
    
    
        .headerHeadline {
            font-size: 0.7em;
        }
    
        #mainNav {        
            width: 100%;
            display: none;
        }

        #mainNavSmall {        
            width: 96%;
            display: inline;
            padding-top: 50px;
            text-align: left;
        }
    
        #teamLink {
            display: none;
            text-transform: uppercase;
        }
    
        #teamLinkSmall {
            display:block;
            text-transform: uppercase;
        }
    
}
    
@media only screen and (max-width: 400px) {
    
    #tag_holder {
				width:100%;
                height: 170px;
                margin-left: 0%;
                padding: 10px;
                position: relative;
                text-align: center !important;
			}
    
    .tag {
				/* Some standard .tag settings: starting point */
                margin: 6px;
        }
    
        .tileBox {
            width: 98%;
            float: left;
        }
    

    
        .tileBox#methodologies {
            background-image: url(../gfx/bgLocationHover.jpg);
        }
    
    
        .tileBox#industries {
            background-image: url(../gfx/bgPharmaHover.jpg);
        }
        
        .tileBox#location {
            background-image: url(../gfx/bgAutoHover.jpg);
        }
        
        .tileBox#recruitment {
            background-image: url(../gfx/bgMethodsHover.jpg);
        }
        
        .tileBox#moderation {
            background-image: url(../gfx/bgTeamHover.jpg);
        }
        
        .tileBox#analysis {
            background-image: url(../gfx/bgPhotoHover.jpg);
        }
        
        .tileBox#gallery {
            background-image: url(../gfx/bgConsumerHover.jpg);
        }
        
        .tileBox#team {
            background-image: url(../gfx/bgBusinessHover.jpg);
        }
        
        .tileBox#contact {
            background-image: url(../gfx/bgQuestionHover.jpg);
        }
    
        #container {
            padding-left: 0px;
            width: 96%;
        }
        
        #content {       
            position:static;
            width: 98%;
            max-width: 420px;
            display: block;
        }

    
        #copyContainer {
        width: 98%;
    }
    
    #copyTextLeft {
        font-size: 0.9em;       
        width: 96%;
        display: block;
    }

    #copyTextRight {
        font-size: 0.9em;       
        width: 96%;
        display: block;
    }
    
    #header {
        margin-bottom: 3%;
    }
    
        .headerHeadline {
            font-size: 0.7em;
        }
    
        #mainNav {        
            width: 100%;
            display: none;
        }

        #mainNavSmall {        
            width: 96%;
            display: inline;
            padding-top: 50px;
            text-align: left;
        }
    
        #teamLink {
            display: none;
            text-transform: uppercase;
        }
    
        #teamLinkSmall {
            display:block;
            text-transform: uppercase;
        }
    
}