@import url("reset.css");
@import url("grid.css");


/*------------------------------------------
GENERAL //////////////////////////////////
------------------------------------------*/

body {background:#ececec url(../images/body-bg.jpg);color:#000;font:16px/24px Georgia,"Times New Roman",Times,serif;position:relative;}
  
/*Animation*/

@-webkit-keyframes drive {
  from   { -webkit-transform: rotate(0deg)}
  50% { -webkit-transform: rotate(2deg);}
  to  { -webkit-transform: rotate(0deg)}
}

@-webkit-keyframes logo {
  from   { -webkit-transform: scale(1)}
  60% { -webkit-transform: scale(1.05);}
  to {-webkit-transform: scale(1);}
}


/*------------------------------------------
TYPOGRAPHY ///////////////////////////////
------------------------------------------*/

/*Headers*/
h1, h2, h3, h4, h5, h6, blockquote {margin-bottom:24px;}
h3 {font-size:16px;}
#header h1 {background:url(../images/logo.png) no-repeat;width:258px;height:266px;text-indent:-9999px;position:absolute;left:-20px;top:0px;z-index:1100;}
h2 {font-size:24px;line-height:48px;}
div#featured-brands h3 {font-family: "adelle-1","adelle-2";text-transform:uppercase;color:rgba(197,29,38,1);}

/*Links*/
a {}
a:hover {}

/*Text*/
p {margin-bottom:24px;}


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

.grouped_elements img{
	filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
 
.grouped_elements img:hover{
	 filter:alpha(opacity=100);
     -moz-opacity:1;
     -khtml-opacity: 1;
     opacity: 1;
}

section {width:960px;margin:0 20px 0 40px;}

/*Main Header*/
#header {background:url(../images/header-branding-bg.png) repeat-x;width:100%;height:239px;position:fixed;left:0;top:0;z-index:1000;}


#nav-secondary {margin:0; z-index:100; position:absolute;position:fixed; top:0px; left:0px;}
  #nav-secondary li {float:left;list-style:none;margin:0 30px 0 0;height:45px;}
  #nav-secondary a {display:block;text-indent:-9999px;height:48px;padding-left:30px;border-left:1px solid #333;}
    #nav-secondary li.home {margin-left:25px;}
      #nav-secondary li.home a {width:125px;padding:0;border:0;}
      
      #nav-secondary li.network a {width:157px;background-position:-131px center;}
    
    #nav-secondary li.current {background:url(../images/nav-secondary-current.png) center bottom no-repeat;}
  
#newsfeed {position:absolute;left:230px;top:0;}
  #newsfeed a {line-height:50px;color:#ccc;font-family:Tahoma, Geneva, sans-serif;font-size:14px;text-decoration:none;padding:4px 0 0 27px;background:url(../images/newsletter-bg.png) left center no-repeat;-webkit-transition:color .2s linear;-webkit-transition:color .2s linear;}
    #newsfeed a:hover {color:#fff;}

#awardTop {position:absolute;right:230px;top:50px;}
  #awardTop a {display:block;line-height:40px;color:#000;font-family:Tahoma, Geneva, sans-serif;font-size:14px;text-decoration:none;text-transform:uppercase;padding:4px 0 0 20px;-webkit-transition:color .2s linear;-webkit-transition:color .2s linear;}
    #awardTop a:hover {color:#ccc;}


#videoTop {position:absolute;right:530px;top:50px;}
  #videoTop a {display:block;line-height:40px;color:#000;font-family:Tahoma, Geneva, sans-serif;font-size:14px;text-decoration:none;text-transform:uppercase;padding:4px 0 0 20px;-webkit-transition:color .2s linear;-webkit-transition:color .2s linear;}
    #videoTop a:hover {color:#ccc;}
	
	
#nav-primary {margin:0;height:60px;position:absolute;left:250px;top:122px;font-family: "league-gothic-1","league-gothic-2";text-transform:uppercase; letter-spacing:2px;font-size:27px;margin:0;}
  #nav-primary li {float:left;list-style:none;margin:0 15px 0 0;padding-right:10px;border-right:1px solid #cccccc;height:62px;line-height:62px;}
    #nav-primary li:last-child {border:0;margin:0;padding:0;}
  #nav-primary a {color:rgba(51,51,51,1);text-decoration:none;text-shadow:1px 1px 0 rgba(255,255,255,1);-webkit-transition:color .3s linear;-moz-transition:color .3s linear;}
    #nav-primary a:hover {color:rgba(0,0,0,1);}
    #nav-primary a.current {color:rgba(197,29,38,1);text-decoration:none;text-shadow:1px 1px 0 rgba(255,255,255,1);}


/*Section - Top*/ 
section#top {padding-top:205px;height:816px;position:relative; width:950px;}
/* section#top div#intro h2 {background:url(../images/slogan.png) no-repeat;width:801px;height:69px;text-indent:-9999px; top:300px; left:130px; position:absolute;}*/
section#top div#intro h2 {width:600px;height:69px; top:560px; left:240px; position:absolute;}
section#top div#producten h2 { margin-bottom:5px;width:270px;text-indent:-9999px;}
section#top div#producten h2 a{text-decoration:none; color:#000; font-size:34px; display:block; height:200px; width:215px;margin-right:10px;}
section#top div#producten li {margin-left:10px; height:30px;}
section#top div#product1 {margin-left:110px;width:310px;height:318px;float:left; background:url(../images/icon_top_workshop.png) no-repeat;}
section#top div#product2 {width:310px;height:318px;float:left; background:url(../images/icon_top_teambuilding.png) no-repeat;}
section#top div#product3 {width:200px;height:318px;float:left; background:url(../images/icon_top_marketing2.png) no-repeat;}
/*
section#top div#featured-brands {margin-top:48px;border-top:1px solid rgba(0,0,0,.2);padding-top:12px;overflow:hidden;height:228px;}
  section#top div#featured-brands ul {float:left;position:relative;}  
    section#top div#featured-brands li {float:left;width:300px;height:150px;margin:0 20px 0 0;list-style:none;}
      section#top div#featured-brands li:last-child {margin:0;}
    section#top div#featured-brands li a {display:block;width:300px;height:100px;overflow:hidden;letter-spacing:2px;font-family: "league-gothic-1","league-gothic-2";font-size:40px; line-height:50px; text-decoration:none; color:#000;text-transform:uppercase;}
*/

h2 {font-family: "league-gothic-1","league-gothic-2";font-size:45px; letter-spacing:2px;text-transform:uppercase;line-height:50px; font-weight:normal; width:759px;}
h3 {font-family:Tahoma, Geneva, sans-serif;font-size:20px;text-transform:uppercase;color:#fff;position:relative;top:0px; font-weight:normal; margin-bottom:20px;}
 
  
/*Section - About*/
section#team {position:relative; left:20px; height:500px; padding-top:140px; text-align:left; font-size:13px; margin-top:436px;}
section#team  {background:url(../images/icon_marketing.png) 120px 0px no-repeat; width:960px;}
section#team h2 {font-family: "league-gothic-1","league-gothic-2";font-size:45px; letter-spacing:2px;text-transform:uppercase;line-height:50px;float:left; font-weight:normal; width:759px;}
section#team h3 {font-family:"league-gothic-1","league-gothic-2";font-size:23px;text-transform:uppercase;color:#000;position:relative;top:12px; font-weight:normal; margin-bottom:20px;}
    
    
section#marketing {position:relative; left:20px; height:500px; padding-top:140px; text-align:left; font-size:13px; }
section#marketing  {background:url(../images/icon_marketing.png) 120px 0px no-repeat; width:960px;}
section#marketing h2 {font-family: "league-gothic-1","league-gothic-2";font-size:45px; letter-spacing:2px;text-transform:uppercase;line-height:50px;float:left; font-weight:normal; width:759px;}
section#marketing h3 a{font-family:"league-gothic-1","league-gothic-2";font-size:23px;text-transform:uppercase;color:#000;position:relative;top:12px; font-weight:normal; margin-bottom:20px; text-decoration:none;}
section#marketing h3 a:hover{color:#333333;}

section#marketing .boxTop {width:650px;margin-right:20px;padding-right:20px; float:left;} 
section#marketing .gallery {width:300px; overflow:hidden; margin-bottom:10px;}
section#marketing .boxLeft,
section#marketing .boxRight {float:left;width:200px;margin-right:20px;padding-right:20px;} 
section#marketing .boxRight {width:200px;padding-right:10px;}
 
section#workshop {position:relative; left:20px; height:500px; padding-top:140px; text-align:left; font-size:13px; }
section#workshop  {background:url(../images/icon_workshop.png) 120px 0px no-repeat; width:960px;}
section#workshop h2 {font-family: "league-gothic-1","league-gothic-2";font-size:45px; letter-spacing:2px;text-transform:uppercase;line-height:50px;float:left; font-weight:normal; width:759px;}
section#workshop h3 a{font-family:"league-gothic-1","league-gothic-2";font-size:23px;text-transform:uppercase;color:#000;position:relative;top:12px; font-weight:normal; margin-bottom:20px; text-decoration:none;}
section#workshop h3 a:hover{color:#333333;}

section#workshop .boxTop {width:650px;margin-right:20px;padding-right:20px; float:left;} 
section#workshop .gallery {width:300px; overflow:hidden; margin-bottom:10px;}
section#workshop .boxLeft,
section#workshop .boxRight {float:left;width:150px;margin-right:20px;padding-right:20px; top:-50px;} 
section#workshop .boxRight {width:150px;padding-right:10px;} 

section#teambuilding {position:relative; left:20px; height:500px; padding-top:140px; text-align:left; font-size:13px; }
section#teambuilding  {background:url(../images/icon_teambuilding.png) 120px 0px no-repeat; width:960px;}
section#teambuilding h2 {font-family: "league-gothic-1","league-gothic-2";font-size:45px; letter-spacing:2px;text-transform:uppercase;line-height:50px;float:left; font-weight:normal; width:759px;}
section#teambuilding h3 a{font-family:"league-gothic-1","league-gothic-2";font-size:23px;text-transform:uppercase;color:#000;position:relative;top:12px; font-weight:normal; margin-bottom:20px; text-decoration:none;}
section#teambuilding h3 a:hover{color:#333333;}

section#teambuilding .boxTop {width:650px;margin-right:20px;padding-right:20px; float:left;} 
section#teambuilding .gallery {width:300px; overflow:hidden; margin-bottom:10px;}
section#teambuilding .boxLeft,
section#teambuilding .boxRight {float:left;width:150px;margin-right:20px;padding-right:20px; top:-50px;} 
section#teambuilding .boxRight {width:150px;padding-right:10px;} 

section#awards {position:relative; left:20px; height:500px; padding-top:140px; text-align:left; font-size:13px; }
section#awards  {background:url(../images/icon_awards.png) 120px 0px no-repeat; width:960px;}
section#awards h2 {font-family: "league-gothic-1","league-gothic-2";font-size:45px; letter-spacing:2px;text-transform:uppercase;line-height:50px;float:left; font-weight:normal; width:759px;}
section#awards h3 {font-family:"league-gothic-1","league-gothic-2";font-size:23px;text-transform:uppercase;color:#000;position:relative;top:12px; font-weight:normal; margin-bottom:20px;}
section#awards .box {width:640px;padding-right:10px;}

section#references {position:relative; left:20px; height:500px; padding-top:140px; text-align:left; font-size:13px; }
section#references  {background:url(../images/icon_references.png) 120px 0px no-repeat; width:960px;}
section#references h2 {font-family: "league-gothic-1","league-gothic-2";font-size:45px; letter-spacing:2px;text-transform:uppercase;line-height:50px; font-weight:normal; width:759px;}
section#references h3 {font-family:"league-gothic-1","league-gothic-2";font-size:23px;text-transform:uppercase;color:#000;position:relative;top:12px; font-weight:normal; margin-bottom:20px;}
section#references .box {width:640px;padding-right:10px;}
  
/*Section - Contact*/
section#contact {position:relative;padding-top:80px;}
section#contact  {background:url(../images/icon_contact.png) 120px 0px no-repeat; width:960px;}
section#contact h2 {font-family: "league-gothic-1","league-gothic-2";font-size:45px; letter-spacing:2px;text-transform:uppercase;line-height:30px;float:left; font-weight:normal; width:759px; text-indent:-9999px;}
section#contact h3 {font-family:"league-gothic-1","league-gothic-2";font-size:23px;text-transform:uppercase;color:#000;position:relative;top:12px; font-weight:normal; margin-bottom:20px;}
section#contact form {float:left;width:350px;margin-top:20px;margin-bottom:20px;margin-left:50px;background:rgba(255,255,255,.1) url(../images/contact_header.png) 40px 40px no-repeat;padding:10px;}
  section#contact fieldset {background:rgba(0,0,0,.15);margin:0;padding:100px 20px 20px;}
  
  section#contact .row {position:relative;margin-bottom:24px;}
  
  section#contact label, header label {position:absolute;left:2px;top:7px;font-family:"league-gothic-1","league-gothic-2";font-size:25px;color:#666666;cursor:pointer;}
    section#contact .message label {top:2px;}
    section#contact label.error {position:absolute;top:-28px;background:rgba(0,0,0,.6);padding:4px 7px;font-size:11px;-webkit-border-radius:7px;z-index:-5; color:#CCC; font-family:Tahoma, Geneva, sans-serif;}
  
  section#contact input[type="text"] {width:340px;background:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.2);font-family:"league-gothic-1","league-gothic-2";font-size:25px;color:#000;height:29px;line-height:30px;}
  section#contact textarea {width:340px;min-height:96px;border:none;background:transparent;font-family:"league-gothic-1","league-gothic-2";font-size:25px;color:#000;line-height:30px;padding:0;}
  
  section#contact input[type="image"] {position:relative;float:right; margin-right:45px;}
    section#contact input[type="image"]:hover {top:-2px;left:-2px;}
    section#contact input[type="image"]:active {top:-1px;left:-1px;}
      
  
/*Footer*/
body>footer {font-family: "league-gothic-1","league-gothic-2";font-size:16px;clear:both;overflow:hidden;}
  footer section {border-top:1px solid #ccc;padding:10px 0;}
footer a {color:#000;}
footer p {float:left;}
  footer p + p {float:right;}


/*------------------------------------------
ROAD /////////////////////////////////////
------------------------------------------*/

#road-1 {background:url(../images/road-1.png) 0 -25px no-repeat; }
#road-marketing {height:2000px;margin-top:236px;position:relative;}
#road-teambuilding {height:2000px;}
#road-workshop {height:2000px;}
#road-award {height:2000px;position:relative;}
#road-team {height:2000px;position:relative;margin-top:236px;}
#road-references {height:2000px;position:relative;margin-top:236px; }
#road-contact {height:800px;margin-top:236px; }


/*------------------------------------------
MISC /////////////////////////////////////
------------------------------------------*/

/*Quick Jump Hovers*/
.quick-jump {position:absolute;top:600px;left:200px;width:200px;padding:30px;opacity:1;text-align:center;background:#000;-webkit-border-radius:12px;-moz-border-radius:12px;}
  .quick-jump span {background:url(../images/quick-jump-caret.png) right center no-repeat;display:block;width:12px;height:24px;position:absolute;right:-12px;top:24px;}
  .quick-jump p {margin-bottom:10px;}
  .quick-jump ul, .quick-jump li {list-style:none;margin:0;}
    .quick-jump li {float:left;margin-right:20px;}
    .quick-jump li + li {float:right;margin:0;}
  .quick-jump a {color:#fff;-webkit-transition:color .2s linear;}
    .quick-jump a:hover {color:#ccc;}
    
  #road-4 .quick-jump {top:500px;}

/*Hover Tooltip*/
.qtip {z-index:90000 !important;font-size:11px;font-style:italic;line-height:16px;color:#333;opacity:.8;}

/*Yes No*/
#yes-no {padding-top:60px;width:380px;margin:0 auto;font-size:20px;line-height:1.5;}
  #yes-no a {color:#fff;text-decoration:none;display:block;width:100%;height:100%;-webkit-transition:color .2s linear;}
    #yes-no a:hover {color:#000;}
  #yes-no li {list-style:none;margin:0;width:160px;text-align:center;float:right;}
    #yes-no li:first-child {float:left;}
#yes-no li span {font-size:72px;font-family: "league-gothic-1","league-gothic-2";display:block;text-transform:uppercase;line-height:1;}

/*Thanks*/
body.thanks p {padding-top:60px;text-align:center;font-size:24px;width:300px;margin:0 auto;line-height:1.3;}
body.thanks a {text-align:center;color:#000;font-size:12px;display:block;margin-top:40px;-webkit-transition:color .2s linear;}
  body.thanks a:hover {color:#fff;}
  
/*Safari & Snow Leopard Fixed Positioning Bug*/
body.home.browserSafari header {position:absolute;}