header nav a#logo{float: left; margin-bottom: 10px;}
nav ul li{  display: inline;}
nav ul li a, nav ul li a:visited, nav ul li a:hover{color: WHITE;text-decoration: none;}

nav#topmenu, header h1{
  margin-left: auto;
  margin-right: auto;
  width: 940px;}
nav#topmenu{padding-top: 10px;  margin-bottom: 0;}

/* --------- Main menu --------- */
nav ul#mainMenu {
    clear: both; 
    height: 30px;
    /*position: relative;*/
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 40px;
    width: 940px;
}

nav ul#mainMenu li a.levelOne{box-shadow: 0px -25px 25px -25px BLACK inset;}
nav ul#mainMenu li a.selected, nav ul#mainMenu li:hover a.levelOne{box-shadow: none;}
/*nav ul#mainMenu div.submenu a,nav ul#mainMenu div.submenu a:hover{box-shadow: none;}*/
nav ul#mainMenu li{  display: block;  float: left;}
nav ul#mainMenu li:last-child a{  margin-right: 0;}
nav ul#mainMenu li a{
  padding: 6px 0 0 10px;
  height: 24px;
  width: 130px;
  display: block;
  float: left;
  margin: 0 20px 0 0;}

/* --------- Submenu --------- */

nav#submenuWrapper {
    margin: 40px 0 0 0;
    position: relative;
}

nav .submenu { 
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

nav ul#mainMenu a{box-shadow: none;}

nav ul#mainMenu li .submenu ul {
    margin: 0 auto;
    width: 960px;
}

nav ul#mainMenu li .submenu li {
    display: inline;
    float: none;
    line-height: 40px;
    margin: 0;
}

nav ul#mainMenu li .submenu li a {
    color: #ffffff;
    display: inline;
    float: none;
    margin: 0 10px 0 20px;
    padding: 11px 0;
    height: auto;
    width: auto;
}
.submenu nav{
  height: 40px;
}

.submenu a.selected {
    opacity:0.5;
    filter:alpha(opacity=50);
}
.submenu a:hover {
    opacity:0.5;
    filter:alpha(opacity=50);
}

/*
nav ul#mainMenu li.selected{
    display: block!important;
}*/
nav ul#mainMenu li .submenu{
  display: none;
}
nav ul#mainMenu li.selected .submenu{
  display: block;
 /*z-index: 1;*/
}
nav ul#mainMenu li:hover .submenu{
  display: block;
  z-index: 2;
}

/* --------- Searchbar --------- */

nav ul#searchBar a:hover{color: rgba(255,255,255,1);}
nav ul#searchBar li{padding: 0 7px 0 10px;}
nav ul#searchBar li:last-child{padding-right: 0px;}
nav ul#searchBar form {
    float: right; margin: 0px; padding: 0px;}
nav ul#searchBar input{
  background: url("/images/searchIcon.png") 184px center no-repeat;
  background-color: rgba(255,255,255,0.25);
  border: 0;
  color: WHITE;
  font-family: PSEU;
  padding: 2px 2px 2px 5px;
  width: 200px;
  margin-top: 4px;}
nav ul#searchBar input:-webkit-input-placeholder{ color: rgba(255,255,255,0.5);}
nav ul#searchBar input:-moz-placeholder{color: rgba(255,255,255,0.5);}
nav ul#searchBar li a{line-height: 30px; color: rgba(255,255,255,0.7);}
nav ul#searchBar li a.flag{margin: 0 0 0 2px; opacity: 0.5;}
nav ul#searchBar li a.flag img{padding-bottom: 4px;}
nav ul#searchBar li a.flag:hover{opacity: 1;}
nav ul#searchBar li:nth-child(1), nav ul#searchBar li:nth-child(2), nav ul#searchBar li:nth-child(3), nav ul#searchBar li:nth-child(4){border-right: 1px solid rgba(255,255,255,0.25);}


/* --------- Inspiration/Showcase menu --------- */

nav.inspirationMenu ul li, div.showcaseLink{
  float: left;
  width: 188px;
  height: 106px;
  position: relative;
  overflow: hidden;
}
div.showcaseLink{
  width: 300px;
  height: 168px;
}
div.showcaseLink{
  margin-bottom: 25px;
}
section.showcaseBottom {
  height: 100px;
}
nav.inspirationMenu ul li div.hover, div.showcaseLink div.hover{
  background-color: rgba(0,0,0,0.5);
  color: WHITE;
  /*width: 168px;*/
  width: 280px;
  height: 220px;
  position: absolute;
  padding: 10px;
  /*top: 106px;*/
  top: 100%;
  -moz-transition: all 0.25s; /* Firefox 4 */
  -webkit-transition: all 0.25s; /* Safari and Chrome */
  -o-transition: all 0.25s; /* Opera */
  transition: all 0.25s;
  -moz-transition-delay: 0.25s; /* Firefox 4 */
  -webkit-transition-delay: 0.25s; /* Safari and Chrome */
  -o-transition-delay: 0.25s; /* Opera */
  transition-delay: 0.25s;
  
}
nav.inspirationMenu ul li:hover div.hover, div.showcaseLink:hover div.hover{
    top: 0;
  -moz-transition-delay: 0s; /* Firefox 4 */
  -webkit-transition-delay: 0s; /* Safari and Chrome */
  -o-transition-delay: 0s; /* Opera */
  transition-delay: 0s;
}
.inspirationMenu h3, div.showcaseLink h3 {
  margin-top: 0px;
  font-size: 22px;
}
div.showcaseLink a:hover img {
  box-shadow: 0px 0px 3px #6a6a6a;
}


/*---------- Page menu --------------*/  
ul.pageMenu h1{ 
  margin: 0;
  height: 81px;
  padding: 35px 0 0 0;
  text-align: left;
  color: WHITE;
}
ul.pageMenu{
  margin-bottom: 0px;
  text-align: center;
  float: left;
  letter-spacing:-.25em;
  background: url("/images/dividerWhiteBGReverse.png") bottom center no-repeat;
  width: 100%;
  list-style: none;
}
ul.pageMenu li{
  margin: 0;
  padding: 9px 0 0 0; 
  width: 124px;
  display: inline-block;
}
ul.pageMenu li a{
  background-position: center 10px;
  background-repeat: no-repeat;
  width: 122px;
  display: inline-block;
  padding-top: 65px;
  padding-bottom: 15px;
  text-decoration: none;
  color: BLACK;
  margin: 0px;
  letter-spacing: 0em;
}
ul.pageMenu li.selected{
  background: url('/media/106700/pagemenuarrow.png') no-repeat center top;
}
ul.pageMenu li a:hover{
  opacity: 0.5;  
}
ul.pageMenu li.selected a{
  opacity: 0.25;  
}



/* --------- Side menu --------- */

nav.sideMenu {height: 100%;background-color: #bebebe;}
nav.sideMenu ul.first{margin-top: 20px;}
nav.sideMenu ul.first{
  padding-bottom: 200px;  
  background: #bebebe;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JlYmViZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #bebebe 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bebebe), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top,  #bebebe 0%,#ffffff 100%);
  background: -o-linear-gradient(top,  #bebebe 0%,#ffffff 100%);
  background: -ms-linear-gradient(top,  #bebebe 0%,#ffffff 100%);
  background: linear-gradient(top,  #bebebe 0%,#ffffff 100%);}
nav.sideMenu ul li a{
  color: BLACK;
  display: block;
  border-bottom: 1px solid #999999;
  border-top: 1px solid WHITE;
  padding: 10px;
  background: #e5e5e5;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #e5e5e5 0%, #d6d6d6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#d6d6d6));
  background: -webkit-linear-gradient(top,  #e5e5e5 0%,#d6d6d6 100%);
  background: -o-linear-gradient(top,  #e5e5e5 0%,#d6d6d6 100%);
  background: -ms-linear-gradient(top,  #e5e5e5 0%,#d6d6d6 100%);
  background: linear-gradient(top,  #e5e5e5 0%,#d6d6d6 100%);}
nav.sideMenu ul li a:hover {
  color: WHITE;
  background: #b4b4b4;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0YjRiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #b4b4b4 0%, #999999 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4b4b4), color-stop(100%,#999999));
  background: -webkit-linear-gradient(top,  #b4b4b4 0%,#999999 100%);
  background: -o-linear-gradient(top,  #b4b4b4 0%,#999999 100%);
  background: -ms-linear-gradient(top,  #b4b4b4 0%,#999999 100%);
  background: linear-gradient(top,  #b4b4b4 0%,#999999 100%);}
























































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */