/* Top Nav */
.topNav {position:absolute; top:10px; right:0;  font-size:0.688em; line-height:1em;}
.topNav ul {margin:0; padding:0;}
.topNav ul li {display:inline; border-left:1px solid #8a9495; padding-left:6px; margin-left:5px;}
.topNav ul li:first-child {border:none;}
.topNav ul li a {color:#8a9495;  text-transform:uppercase; text-decoration:none; }
.topNav ul li a:hover {text-decoration:underline;}

/* Home */
.home .topNav {position:absolute; top:10px; right:0;  font-size:0.688em; line-height:1em;}
.home .topNav ul {margin:0; padding:0;}
.contactTelephone {position:absolute;top:20px;right:30px;width:160px;font: 1.15em 'museo500', sans-serif;color:#006993; line-height:40px; margin:0; }

/*Main Navigation*/
#navigationToggle {display: block; position: absolute; top: 30px; right: 0; width: 40px; height: 40px;  background: url(../images/sprites.png) no-repeat 0 -95px #026996; text-indent: -9999px; }
#navigationToggle.active {background-color: #006993; width:100%; background-image:none;}
#navigationToggle.active span {width:40px; height:40px; float:right;  background: url(../images/sprites.png) no-repeat 0 -95px #026996;}
.navigationContainer {width:100%; position:absolute; display: none; z-index:101; font: 1.4em/2.0em 'museo500', sans-serif; top:-131px;}
.home .navigationContainer {top:-51px;}
ul.navigation {width: 100%; list-style: none; position: relative; padding: 0; margin: 0; background:#006993;}
ul.navigation ul {width: 100%; display: none; padding: 0; margin: 0; }
ul.navigation ul ul, ul.navigation ul ul ul {top: 0; left: 100%; }
ul.navigation li {position: relative;  color:#fff;}
ul.navigation ul li {width: 100%; display: block; border-bottom: 0 none; }

/* Root Menu */
ul.navigation a {display: block; text-decoration: none;  color: #fff; height: 2em; line-height: 2em; padding: 4px 0.5em; }
ul.navigation > li > a {background: url(../images/arrow-sprites.png) no-repeat 106% -1503px #006993; }
ul.navigation > li > a.active {background-position: 106% -1390px; }

/* Root Menu Hover Persistence */
ul.navigation a:hover {background: url(../images/arrow-sprites.png) no-repeat 106% -1503px #2998B2;}
ul.navigation li:hover a {color: #fff;}

/* 2nd Menu */
ul.navigation ul h4 {height: auto; color: #fff; line-height: 1em; border-bottom: 0 none; font: 1em/2em 'aller_lightregular', sans-serif; margin:0; background-image:none!important;}

/* 2nd Menu Hover Persistence */
ul.navigation li:hover li a:hover, ul.navigation li:hover li:hover a {background: #2998B2; }
ul.navigation ul li p {display:none;}

/* Hover Function - Do Not Move */
ul.navigation li:hover ul ul {display: none; }

/*utility navigation*/
ul.utilityNavigation {list-style: none; padding: 0; margin: 0; }
.utilityNavigation li a {color: #666; padding-left: 0.714em; border-bottom: 1px solid #ededed; display: block; }

/*internal navigation*/
ul.internalnavigation {font: 0.917em/1.2em 'Tahoma', Geneva, Verdana, Helvetica, sans-serif; margin:55px 0 0 0; list-style:none; padding:0; }
ul.internalnavigation ul {list-style:none; padding:0; margin:0 0 0 30px;}
ul.internalnavigation li {border-bottom:1px solid #ddd;}
ul.internalnavigation > li:first-child {border-top:1px solid #ddd;}
ul.internalnavigation li a {padding:0.8em; display:block; color:#555;}
ul.internalnavigation li a:hover {text-decoration:none; background-color:#ededed;}
ul.internalnavigation li a.active {font-weight:700; color:#006993;}
ul.internalnavigation li ul li{border-bottom:0 none; }
ul.internalnavigation li ul li a {background:none; padding: 0 0 0.8em 0;}
ul.internalnavigation li ul#subNavigation1 li a:hover {color:#2AA3BF; background:#fff; text-decoration:underline;}
ul.internalnavigation ul ul {margin-left:20px;}

/*mobileNavigation*/
.mobileNavigation {border:1px solid #ddd; background:#ededed; margin-top:3.3337%;}
.mobileNavigation h2 {margin:0; background:#2aa3bf; font: 1.231em/48px 'museo700', sans-serif; color:#fff; padding:0 3.3557%; border-bottom:1px solid #fff;}
.mobileNavigation ul{list-style:none; margin:0; padding:0;}
.mobileNavigation ul li {border-top:1px solid #ccc;  padding:3.3557%; font: 1.231em/1.2em 'museo500', sans-serif; color:#4f6366;}
.mobileNavigation ul li ul li {font-size:1em;}
.mobileNavigation ul li:first-child {border-top:none;}
.mobileNavigation ul a {display:block; color:#666;}
.mobileNavigation li ul li{border:none; list-style:circle; padding:0.1em;}
.mobileNavigation li ul li a {padding: 0;}
.mobileNavigation ul ul {margin-left:20px; padding:0.5em 0;}

/*breadcrumbs*/
.breadcrumb {display:none;}
.breadcrumb li:first-child a{background:none; padding-left:0;}
.breadcrumb li:last-child a{color:#999;}

/*mega Image*/
ul.navigation li.megaImage ul li:first-child {display:none;}

@media only screen and (min-width:520px) {
    /*header*/
    header .row .nine.columns {float:right; margin-top:30px;}
    #navigationToggle {top:45px;}

    /*Top Nav*/
    .topNav {right:260px;}
    .home .topNav {top:0; right:0; text-align:right; }
    .home .contactTelephone{position:relative;top:0;left:0;margin-bottom:5px;line-height:16px;}

    /* Root Menu */
    ul.navigation > li > a {background-position: 102% -1503px; }
    ul.navigation > li > a.active {background-position: 102% -1390px; }
    .navigationContainer,.home .navigationContainer {top:0;}
    #navigationToggle.active {background-color: #2998b2; width:40px;}
    ul.navigation a:hover {background-position: 102% -1503px;}

    /*breadcrumbs*/
    .breadcrumb {display:block; padding-bottom:0.5em;}
    .breadcrumb ul {list-style:none; padding:0; margin:0;}
    .breadcrumb li {float:left; font:0.917em/1.143em Arial, Helvetica, sans-serif;}
    .breadcrumb a {display:inline-block; background:url(../images/arrow16.png) no-repeat 0 0; padding:0 5px;  color:#666;}
    .breadcrumb li:first-child a{background:none; padding-left:0;}
    .breadcrumb li:last-child a{color:#999;}

    /*mobileNavigation*/
    .mobileNavigation {display:none;}
}

@media only screen and (min-width:780px) {

    /*Main Navigation*/
    #navigationToggle {display: none; }
    .navigationContainer {display: block !important;  position:relative;  font: 1.3em/2.0em 'museo500', sans-serif; z-index:103; margin-top:-53px; }
    ul.navigation {display: block !important; background:none; padding-left:17%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    ul.navigation ul {position: absolute; top: 48px; left: 2.5%; z-index:10; width:95%; border-top:1px solid #cecece; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    ul.navigation li {float: left; display: inline; border-bottom:0 none; position:static;}
    ul.navigation > li > a {background:none; color:#006993; border-bottom:none; }

    /* Root Menu */
    ul.navigation a {height:50px; line-height:1em; padding:17px 0.5em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

    /* Root Menu Hover Persistence */
    ul.navigation > li:hover > a {
        border:1px solid #cecece;  background: #fefefe;
        background: -moz-linear-gradient(top,  #fefefe 0%, #e2e6e6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e2e6e6));
        background: -webkit-linear-gradient(top,  #fefefe 0%,#e2e6e6 100%);
        background: -o-linear-gradient(top,  #fefefe 0%,#e2e6e6 100%);
        background: -ms-linear-gradient(top,  #fefefe 0%,#e2e6e6 100%);
        background: linear-gradient(to bottom,  #fefefe 0%,#e2e6e6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e6e6',GradientType=0 ); -moz-box-shadow:    0px 5px 7px 2px #ddd; -webkit-box-shadow: 0px 5px 7px 2px #ddd; box-shadow: 0px 5px 7px 2px #ddd; margin:-1px;
    }
    ul.navigation li:hover a {color: #006993;}
    /* 2nd Menu Hover Persistence */
    ul.navigation li:hover li a:hover, ul.navigation li:hover li:hover a {background:#e4f5f9; opacity:1;}
    /*hover function*/
    ul.navigation li:hover ul {display: block; }
    /* 2nd Menu */
    ul.navigation ul a {width:100%; height:110px; border:1px solid #cecece; border-top:none; border-left:none; background:#fff; background-color: rgba(255,255,255, 0.95); color:#006993; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0.7em 1em;}
    ul.navigation ul li:nth-child(1) a, ul.navigation ul li:nth-child(3n+4) a {border-left:1px solid #cecece;}
    ul.navigation ul li {display:inline-block; float:left; width:33.3333%; }
    ul.navigation ul li p {display:block; color:#4f6366; font: 0.813em/1.3em 'Tahoma', Geneva, Verdana, Helvetica, sans-serif;}
    ul.navigation ul h4 {font: 1.0em/1.1em 'museo500', sans-serif; color: #006993; background: url(../images/arrow-sprites.png) no-repeat 97% -1621px!important; padding:0 25px 0px 0;}
    ul.navigation ul li a:hover h4 {color: #2aa3bf;background: url(../images/arrow-sprites.png) no-repeat 97% -1729px!important; }

    /*megaImage*/
    ul.navigation li.megaImage ul {border-top:0; border-left:1px solid #CECECE;}
    ul.navigation li.megaImage ul li {width:33.3333%;}
    ul.navigation li.megaImage ul li a {border:1px solid #CECECE; border-width:0 1px 1px 0;}
    ul.navigation li.megaImage ul li:nth-child(2) a, ul.navigation li.megaImage ul li:nth-child(3) a {border-top:1px solid #cecece;}
    ul.navigation li.megaImage ul li:first-child {float:right; display:block;}
    ul.navigation li.megaImage ul li:first-child a {height:220px; border:1px solid #CECECE; border-width:1px 1px 1px 0;}
    ul.navigation li.megaImage ul li:first-child img {border:2px solid #fff; -moz-box-shadow:1px 3px 5px 2px #C9C9C9; -webkit-box-shadow: 1px 3px 5px 2px #C9C9C9; box-shadow: 1px 3px 5px 2px #C9C9C9; width:90%; margin:8px auto; display:block;}
    ul.navigation li.megaImage ul li:first-child p {text-align:center;}

    /*Top Nav*/
    .topNav {position:relative; float:left; margin:5px 0 0 0;}
    .topNav ul {float:right;}
    .home .topNav {position: absolute; width: 300px; top:0; left: -170px; margin:0; line-height:40px; height:40px; }
    .home .topNav ul {float:right; line-height:40px;}
    .home .contactTelephone {position:relative; float:left; top:0; left:0; line-height:40px; }
}

@media only screen and (min-width:920px) {
    .navigationContainer {font: 1.5em/2.0em 'museo500', sans-serif; }
    .contactTelephone {float:left; position:relative; top:0; left:0; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    #navigationToggle,#navigationToggle.active span {
        background-image: url(../images/sprites@2x.png);
        background-size: 200px 220px;
    }
    ul.navigation a:hover,
    ul.navigation ul h4,
    ul.navigation ul li a:hover h4
/*,
    ul.navigation > li > a {
        background-image: url(../images/arrow-sprites@2x.png); background-size: 40px 2500px;
    }*/
}