html, body {
  width: 100%;
  height: 100%;
}

body { margin:0px; font-size:13px; line-height:20px;}
body, button, input, select, textarea {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	text-align: center;
}

:focus { outline:0;}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  margin-right: 0.5em;
  opacity: 0.2;
}

/*.fadein { position:relative; height:100%; width:100%; }
.fadein img { position:absolute; left:0; top:0; }*/


/* Defaut link style */
/* Defaut link style */
#access a, #access #menu a, #menu li a {
  /*background-color:#DEDEDE;*/

  color: #0066ff;
  text-decoration:none;
  padding:0;
  -webkit-transition: -webkit-transform 500ms linear, box-shadow 500ms ease-in, background-color 250ms ease-in;
  -moz-transition: -moz-transform 500ms linear, box-shadow 500ms ease-in, background-color 250ms ease-in;
  -ms-transition: -ms-transform 500ms linear, box-shadow 500ms ease-in, background-color 250ms ease-in;
  -o-transition: -o-transform 500ms linear, box-shadow 500ms ease-in, background-color 250ms ease-in;
  transition: transform 500ms linear, box-shadow 500ms ease-in, background-color 250ms ease-in;
}

#access a:hover, #access #menu a:hover, #menu li a:hover {
	/*background-color:#cecece;*/
	color: #000;
}
#access a.skip-link.focus, #access #menu a.skip-link.focus{ color: #0066ff;}
#access {
  font-size: 10pt; float:left; width:100%; min-height:45px; margin-bottom:20px;
}
#access a.skip-link, #access #menu a.skip-link {
  background: #D4D4D4 none repeat scroll 0 0;
  color: #F0FF00;
  display: block;
  padding: 10px 0;
  position: relative;
  text-align: right;
  z-index: 2;
}

#access a.skip-link span, #access #menu a.skip-link span {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  -webkit-box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.2);
  padding: 0 0.3em; display:none;
}
#access #menu li.active a a, #access #menu li.active a a:hover, #access #menu li.active:nth-child(odd) a, #access #menu li.active:nth-child(odd) a:hover {
  /*background-color: #CECECE;*/
  color: #0066ff;
  cursor: default;
}
#access #menu li.active a a, #access #menu li.active a a:hover, #access #menu li.active:nth-child(even) a, #access #menu li.active:nth-child(even) a:hover {
  /*background-color: #CECECE;*/
  color: #0066ff;
  cursor: default;
}
#menu {
  border: 0 none;
  margin: 0;
  padding: 0;
}
#menu li {
  list-style-image: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
  -webkit-transition: max-height 500ms linear;
  -moz-transition: max-height 500ms linear;
  -ms-transition: max-height 500ms linear;
  -o-transition: max-height 500ms linear;
  transition: max-height 500ms linear;
}
#menu li a {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -moz-binding: url('xml/ellipsis.xml#ellipsis');
}
.home-menu-nav{
	margin: 20px auto 0;
	display: block;
}
.home-menu-nav #menu{text-align:right;}
.home-menu-nav #menu li {
	display: inline-block;
	margin: 4 9px;
	font-size: 13pt;

}
.home-menu-nav #menu li a{color: #0066ff; font-weight:100; font-family: Trebuchet MS;}
.home-menu-nav #access {
  margin: 0;
  min-height: auto;
}

@media only screen and (max-width: 880px) {
  #menu {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: margin 500ms linear;
    -moz-transition: margin 500ms linear;
    -ms-transition: margin 500ms linear;
    -o-transition: margin 500ms linear;
    transition: margin 500ms linear;
    margin-top: -1.2em;
    overflow: hidden; text-align:center;
  }
  #menu li {
    max-height: 0;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;
  }
  #menu li a {
    -webkit-transform-origin: top 50%;
    -moz-transform-origin: top 50%;
    -ms-transform-origin: top 50%;
    -o-transform-origin: top 50%;
    transform-origin: top 50%;
    -webkit-transform: rotateX(-90deg) scale(0.97);
    -moz-transform: rotateX(-90deg) scale(0.97);
    -ms-transform: rotateX(-90deg) scale(0.97);
    -o-transform: rotateX(-90deg) scale(0.97);
    transform: rotateX(-90deg) scale(0.97);
    position: relative;
    overflow: hidden;
    /*background-color: #48665c;*/
  }
  #menu li:nth-child(odd) a {
    /*-webkit-box-shadow: inset 0 0 4em rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 0 4em rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 4em rgba(0, 0, 0, 0.5);*/
    -webkit-transform: rotateX(90deg) scale(0.97);
    -moz-transform: rotateX(90deg) scale(0.97);
    -ms-transform: rotateX(90deg) scale(0.97);
    -o-transform: rotateX(90deg) scale(0.97);
    transform: rotateX(90deg) scale(0.97);
  }
  #menu li.active a:before, #menu li a:hover:before {
    opacity: 1;
  }
  #menu li a:hover:before {
    color: #689384;
  }
  #menu li.active a:before, #menu li.active a:hover:before {
	color: #0066ff;
  }
  #menu:target, #menu.target {
    margin-top:0px; margin-right:1px;
  }
  #menu:target li, #menu.target li {
    max-height: 2.5em;
    height: auto;
		line-height: 30px;
  }
  #menu:target li a, #menu.target li a {
    /*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);*/
    -webkit-transform: rotateX(0) scale(1);
    -moz-transform: rotateX(0) scale(1);
    -ms-transform: rotateX(0) scale(1);
    -o-transform: rotateX(0) scale(1);
    transform: rotateX(0) scale(1);
  }
  #access { margin-bottom:0px;}
  .home-menu-nav #access {min-height:45px;}
  .home-menu-nav #menu li {display:block; margin:0 auto;}
  
}
@media only screen and (min-width: 881px) {
  [class^="icon-"]:before,
  [class*=" icon-"]:before {
    display: block;
    text-align: center;
    margin-right: 0;
  }

  #access a.skip-link {
    display: none;
  }

  #menu {
    width: 100%;
    /*background: #dedede;*/
    text-align: left;
  }
  #menu li {
    display: block;
    vertical-align: middle;
		line-height: 24px;
  }
  #menu li {
    *display: inline;
  }
  #menu li a:before {
    -webkit-transition: -webkit-transform 500ms ease-in;
    -moz-transition: -moz-transform 500ms ease-in;
    -ms-transition: -ms-transform 500ms ease-in;
    -o-transition: -o-transform 500ms ease-in;
    transition: transform 500ms ease-in;
  }
  #menu li a:hover:before {
    -webkit-transform: translateY(1em) scale(3) rotate(15deg);
    -moz-transform: translateY(1em) scale(3) rotate(15deg);
    -ms-transform: translateY(1em) scale(3) rotate(15deg); -o-transform: translateY(1em) scale(3) rotate(15deg); transform: translateY(1em) scale(3) rotate(15deg);}
}
