/* Navigation */

nav { z-index: 170; position: absolute; top: 0px; left: 0px; padding-left: 270px; }

nav ul { list-style: none; margin: 0; padding: 0;  }

nav ul::after { content:''; display: block; clear: both; }
nav ul li:hover { background-color: $main; }
nav ul li:hover > ul { display: block; }

nav ul li a { display: inline-block; color: $main; padding: 10px 0px 10px 20px; text-decoration: none; width: 125px; }
nav ul li:hover a { color: #fff;}

nav ul ul { display: none; position: absolute; top: 100%; background-color: $main; }
nav ul ul li a:hover { background-color: lighten($main, 20%); }
nav ul ul li { position: relative; }
nav ul ul ul { left: 100%; top: 0; }

/* top level */
nav > ul { padding-left: 35px; }
nav > ul > li { float: left;}
nav > ul > li > a { padding: 14px 20px 17px 20px; width: auto; }

nav a.logo { float: left; padding-top: 5px;}
nav ul ul img{ position: absolute; top: 10px; left: 0px; }

div.skill-nav {
	float: left;
	height: 150px; width: 150px;
	background-color: #ccc;
}

#infoNav { position: absolute;  width: 900px; height: 250px; top: 50px; left: 60px; background-color: $main; }

#infoNav li div { box-sizing: border-box; position: relative; float: left; width: 300px; height: 250px; /*background: url(../img/test/cat-look-1.jpg); background-size: 250px auto; */}
#infoNav li div:hover { box-sizing: border-box; position: relative; float: left; width: 300px; height: 250px; background-color: lighten($main, 5%);/*background: url(../img/test/cat-look-1.jpg); background-size: 250px auto; */}
#infoNav li div { padding: 15px; color: #fff;  }
#infoNav li div a { position: absolute; right: 20px; bottom: 20px; width: 99px; padding: 8px; background-color: #fff; color: $main; text-align: center; }
#infoNav li div a:hover { background-color: lighten($main, 30%); }
#infoNav li div h3 { font-size: 1.01em; padding-bottom: 9px; margin: 7px 0px 0px 40px; }
#infoNav li div p { font-size: .8em; padding-top: 0px; margin-top: 0px; }
.lidvimg { position: absolute; top: 20px; left: 17px; }

#uInfo { position: absolute;  width: 900px; height: 200px; top: 300px; left: 60px; background-color: #f00; background: url(../img/test/techPoint.jpg);}
#uInfo li div { box-sizing: border-box; }

//infoNav li div img { float: left; width: 33%; height: 157px; padding: 24px 16px 10px 16px; }

.tim { position: absolute; top: 100px; left: 200; }

#lang { position: absolute; top: 5px; left: 1000px;}

#lang select { position: absolute; top: 10px; right: 10px; }

#lang img { position: absolute; top: 7px; right: 164px; }

.lang-pick { width: 150px; padding-left: 5px; }
.lang-pick option { padding-left: 6px; }

.map-lang-pct {
	position: absolute;
	display: block; width: 58px; height: 25px;
	background: url(../img/pct-world-lang.svg) no-repeat 0 0; background-size: contain;
	top: 9px; right: 170px; 
}

/* Styling for Navigation Div Divider */
.divider{
	display: block;
    position:absolute;
    left:100%;
	width: 1px;
	height: 200px;
	//bottom: 10px;
	top: 25px;

    border-left:1px solid lighten($main, 5%);
}
#infoNav li div:hover > span.divider { display: none;}
/* Styling for Navigation Div Divider */










