mainmenu {
  width: 100%; /* makes the entire menu span the entire width */
  position:absolute; top: 365px; left: 0px set location of main mainmenu on the web page */
  /* Use this if you want a border around the whole menu -> border: 1px solid #ccc; */
  border-right: none;
}
mainmenu .clearfix:after {
    display:block;
    clear:both;
}
.spacer {width: 100%; height: 0px}
@media screen and (max-width: 700px) {
	.spacer {width: 100%; height: 375px}
}
mainmenu ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
mainmenu ul li {
  font-family:Helvetica; font-weight: bold; list-style: none; font-size: .8em;
  display:block;
  text-align: center;
  /* Use these border terms if you want a separation between menu items . . .
  border-left: 1px solid #fff;
  border-right: 1px solid #ccc;
  */  
  border-right: 1px solid #0d0d0e;
  width: 100%; /* Width of each menu item.*/
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
	mainmenu ul li {font-size: .7em}
}
@media screen and (min-width: 700px) {
	mainmenu ul li {
		float: left;
    	display:inline-block;
    	position:relative;
		width: 14.2857%; /* Width of each menu item. Set to 100%/#menuitems -> 100%/7 */}
}
	
mainmenu ul li:first-child {
  border-left: none;
}
mainmenu ul li a {
  display: block;
  text-decoration: none;
  line-height: 12px; /* Set space between lines of text */
  color: #0d0d0e; /* color of menu text */
  background: #f8b950; /* color of menu items */
  padding: 10px 0;
}
@media screen and (max-width: 700px) {
	mainmenu ul li a {
  		line-height: 7px; /* Set space between lines of text */
  		border-bottom: 1px solid #0d0d0e;
	}
}
mainmenu ul li:hover a, mainmenu > ul > .current-item > a {
  display: block;
  text-decoration: none;
  line-height: 12px; /* Set space between lines of text. This, along with the number of lines of text determines the height of the menu boxes */
  color: #0d0d0e; /* color of menu text */
  background: #5662a0; /* color of menu items ???? */
  padding: 10px 0;
}
@media screen and (max-width: 700px) {
	mainmenu ul li:hover a, mainmenu > ul > .current-item > a {
  line-height: 7px; /* Set space between lines of text */
  background: #5662a0; /* color of menu items ???? */}	
}
.locatecanvas {position:relative; top: -30%; left: 45%;margin: auto}
@media screen and (max-width: 700px) {
	/*For small screens, shrink the logo by 15% and center it in the page*/
	.locatecanvas {position:relative; top: 50px; left: 0%;margin: auto}
	#mycanvas{width: 335px; height: 70px; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto;  display: block} 
}

.locatedropmenu
{
position:relative; top: 5px; right: 10%;
display: inline-block;
margin-top: auto;
}
.locatetechmenu {position:relative; top: 0%; left:-15%; display: inline-block; margin-top: auto;}
@media screen and (max-width: 700px) {
	.locatetechmenu {position:relative; top: 0%; left:-15%; display: inline-block; margin: auto}
}
.SampleLoc {position:relative; text-align: left; word-break: normal}
.SampleLocTech {position:relative; text-align: left; }

input.sizeCheckbox
{
width: 15px;
height: 15px;
border: 0;
padding-right:0px;
}
input.textlen
{
width: 220px;
height: 25px;
padding-right:10px;
background-color: #0d0d0e;
color: #5b6578;
}
input.bordercolor
{
border-color: #0d0d0e;
background-color: #0d0d0e;
font-style:bold;
}

* { margin:0; padding:0;}
body {background:#2e2f30; font-size:1.25em; line-height:1em; font-family:Helvetica; color:#5b6578; overflow-x: hidden;  max-width: 100%}
@media only screen and (min-device-width : 400px) and (max-device-width : 700px) {
	body {font-size:1.45em}
}
/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:Helvetica; color:#c9cdd4; font-weight:normal; font-size:1em; border:solid 1px #c9cdd4; padding-left:5px; background:#19191a}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

/*==================list====================*/
ul{margin:0px; padding:0px; list-style:none}
ul li { line-height:2.18em}
ul li a{text-decoration:underline; color:#f8ba52; background:url(images/marker_list.gif) no-repeat 0 5px; padding-left:15px; font-weight:bold}
ul li a:hover{ text-decoration:none; background:url(images/marker_list.gif) no-repeat 5px 5px}
/*==========================================*/

a {text-decoration:underline; color:#c9cdd4; font-weight:bold}
a:hover {text-decoration:none}

a.link {text-decoration:underline; color:#fbfbfb; font-weight:bold}
a.link:hover {text-decoration:none}

a.link_2 {text-decoration:underline; color:#f8ba52; background:url(images/marker_link.gif) no-repeat 0 5px; padding-left:15px; font-weight:bold}
a.link_2:hover { text-decoration:none; background:url(images/marker_list.gif) no-repeat 5px 5px}

a.link_3 {color:#f8ba52; text-decoration:underline; font-weight:bold}
a.link_3:hover {text-decoration:none}

.div_title {background:url(images/l_1.gif) no-repeat 0 0 #f5a239; height:30px; color:#0d0d0e; float:left; font-weight:bold; font-size:1.18em; margin-bottom:11px}
.div_title .r {background:url(images/r_1.gif) no-repeat right top; padding:8px 13px 7px 28px; float:left}

.column { float:left;}
.clear { clear:both;}

strong {color:#c9cdd4}

b {color:#fff}

h1{text-indent:-10000px; background:url(images/RALogoName.jpg); background-size: 372px 78px; no-repeat 0 0; height:78px; font-size:0; line-height:0}

h2 {color:#c9cdd4; font-size:1em; margin:0 0 15px 0}
h3 {background:url(images/l_1.gif) no-repeat 0 0 #f5a239; height:30px; color:#0d0d0e; padding:0 13px 0 28px}
h3 span {background:url(images/r_1.gif) no-repeat right top; width:100%; padding:10px 0 10px 0}

p {margin:0 0 12px 0}

#main {background:url(images/top_bg.gif) repeat-x top}

/*header*/
#header {height:103px; background:url(images/menu_bg.jpg) no-repeat 0 0; font-size:0.6875em; line-height:1.64em}
#header ul{margin:27px 0 0 35px; padding:0px; list-style:none}
#header ul li { line-height:1em; float:left; margin-right:28px}
#header ul li a{text-decoration:underline; color:#5b6578; background:url(images/marker_header.gif) no-repeat center top; padding:7px 0 4px 0; font-weight:bold; display:block}
#header ul li a:hover{ text-decoration:none; background:url(images/marker_header.gif) no-repeat center 4px; color:#fff}

#header .col_1 {width:100%}
#header .col_2 {padding-top:25px; width:372px; margin-left:-372px}

#wrapper_header {height:264px; background:url(images/wrapper_header_bg.jpg) no-repeat 0 0; text-align:right; font-family:Helvetica; font-size:0.8125em; line-height:1.38em; position:relative;}
@media screen and (max-width: 700px) {
	#wrapper_header {height:264px; background:none}
	#header {background:url(images/menu_bgmobile.jpg) no-repeat 0 0}
}
#wrapper_header .indent {padding:90px 43px 0 0}

.txt {width:309px; height:67px}

a.link_header {text-decoration:underline; color:#f8ba52; background:url(images/marker_header_2.gif) no-repeat 0 1px; padding-left:23px; font-weight:bold; text-align: right; padding-right: 5%}
a.link_header:hover {text-decoration:none}

a.link_header2 {text-decoration:underline; color:#f8ba52; background:url(images/LeftArrow.png) no-repeat 0 1px; background-size: 10px 10px;background-position: 0px 3px; padding-left:23px; font-weight:bold}
a.link_header2:hover {text-decoration:none; background:url(images/LeftArrow.png) no-repeat 0 1px;}

#menu {height:100px; width:80%}

#RAMessage1 .rauchfont {font-family:Helvetica; color: #ffffff; font-size:1.8125em; line-height:0.38em; text-align: right; padding-right: 5%}
#RAMessage2 .rauchfont {font-family:Helvetica; color: #8993a5; font-size:1.3em; line-height:2.38em; text-align: right; padding-right: 5%}
@media screen and (max-width: 700px) {
	#RAMessage1 .rauchfont {font-size:1.1em; line-height:0.38em; text-align: right; padding-right: 1%}
	#RAMessage2 .rauchfont {font-size:1.0em; line-height:1.1em; text-align: right; padding-right: 1%}
}
/*content*/
#content {background:#0d0d0e; font-size:0.6875em; line-height:1.36em}
.title {margin-bottom:19px; display:block}
.title_1 {margin-bottom:11px; display:block}
.img_left15 {width: 15%; height: auto; float:left; margin:0 24px 0 0}
.img_left20 {width: 20%; height: auto; float:left; margin:0 24px 0 0}
.img_left25 {width: 25%; height: auto; float:left; margin:0 24px 0 0}
.img_left30 {width: 30%; height: auto; float:left; margin:0 24px 0 0}

.img_leftsample {width: 15%; height: auto; float:left; margin:0 24px 0 -25%}
.img_bullet {margin-top:5px}
@media screen and (max-width: 700px) {
	.img_left15 {width: 100%; height: auto; float:left; margin:10px 24px 20px 0}
	.img_left20 {width: 100%; height: auto; float:left; margin:10px 24px 20px 0}
	.img_left25 {width: 100%; height: auto; float:left; margin:10px 24px 20px 0}
	.img_left30 {width: 100%; height: auto; float:left; margin:10px 24px 20px 0}
	.img_leftsample {width: 85%; height: auto; float:left; margin:10px 24px 24px 5%}
}
.img_leftindex {width: 20%; height: auto; float:left; margin:10px 24px 0 -25%}
@media screen and (max-width: 700px) {
	.img_leftindex {width: 100%; height: auto; float:left; margin:10px 24px 20px 0}
}
.pic {margin-bottom:14px; display:block}

.line {background:url(images/line_bg.gif) repeat-x 0 20px; height:21px}
.line_1 {background:url(images/line_bg.gif) repeat-x 0 15px; height:30px; margin-right:-37px}

/*footer*/
#footer { height:88px; background:url(images/footer_bg.gif) repeat-x top; font-size:0.6875em; line-height:1.36em; color:#fff}
#footer .col_1 {width:89%; text-indent:27px; padding-top:46px}
#footer .col_2 {width:11%; padding:46px 0 10px 0}
@media screen and (max-width: 700px) {
	#footer .col_1 {width:89%; text-indent:5px; padding-top:46px; float:none; text-align: center}
	#footer .col_2 {width:89%; padding:46px 0 20px 20px; text-align: center}
}
#footer a {color:#f8b950; text-decoration:underline; font-weight:bold}
#footer a:hover {text-decoration:none}
#footer a.linkedin {color:#fff; text-decoration:underline; font-weight:bold; background:url(images/LinkedIn.png) no-repeat right top;  background-size: 90% auto; padding:0 24px 8px 0}
#footer a.linkedin:hover {text-decoration:none}
#footer a.twitter {color:#fff; text-decoration:underline; font-weight:bold; background:url(images/Twitter.png) no-repeat right top;  background-size: 90% auto; padding:0 24px 8px 0}
#footer a.twitter:hover {text-decoration:none}


/*================== index.html ==================*/
#page1 #content .indent {padding:33px 20px 20px 26px}
#page1 #content .indent .title {display:inline; margin:3px 0 11px 0}
#page1 #content .col_1 .indent_1 { padding:8px 48px 20px 30px}
#page1 #content .col_2 .indent_1 { padding:0 24px 0 0}
#page1 #content .col_2 .ind {padding:33px 20px 38px 26px}

/*================== index-1.html ==================*/
#page2 #content .indent {padding:36px 46px 20px 31px}
#page2 #content .col_1 .indent_1 { padding:0 13px 0 30px}
#page2 #content .col_1 .ind {padding:36px 20px 38px 26px}
#page2 #content .col_2 .indent_1 { padding:8px 24px 0 0}
@media screen and (max-width: 700px) {
	#page2 #content .indent {padding:36px 46px 20px 31px}
	#page2 #content .col_1 .indent_1 { padding:0 20px 20px 20px}
	#page2 #content .col_1 .ind {padding:36px 20px 38px 26px}
	#page2 #content .col_2 .indent_1 { padding:8px 24px 0 40px}
}

/*================== index-2.html ==================*/
#page3 #content .col_1 .indent { padding:36px 48px 16px 30px}
#page3 #content .col_2 .indent { padding:36px 24px 0 0}
#page3 #content .col_2 .ind {padding:37px 20px 34px 26px}
@media screen and (max-width: 700px) {
	#page3 #content .col_1 .indent { padding:36px 48px 0px 30px}
	#page3 #content .col_2 .indent { padding:0px 24px 0px 30px}
	#page3 #content .col_2 .ind {padding:37px 20px 34px 26px}
}

/*================== index-3.html ==================*/
#page4 #content .indent {padding:8px 24px 0 31px}
#page4 #content .block {margin-top:20px}
#page4 #content .ind {padding:8px 20px 30px 22px}
#page4 #content .box {width:100%}
#page4 #content .col_box_1 {width:45%}
#page4 #content .col_box_1 .ind_1 {padding-left:25%; padding-right:5%}
#page4 #content .col_box_2 .ind_2 {padding-left:25%; padding-right:5%}
#page4 #content .col_box_2 {width:40%; padding-left:5%;}
@media screen and (max-width: 700px) {
	#page4 #content .col_box_1 {width:110%; float:none}
	#page4 #content .col_box_2 {width:120%}
	#page4 #content .col_box_1 .ind_1 {padding-left:0%; padding-right:10%}
	#page4 #content .col_box_2 .ind_2 {margin-left: -2.5%; margin-top: 20px; padding-left:0%; padding-right:20%}
}
#page4S #content .indent {padding:8px 24px 0 31px}
#page4S #content .block {margin-top:20px}
#page4S #content .ind {padding:8px 20px 30px 22px}
#page4S #content .box {width:100%}
#page4S #content .col_box_1 {width:45%}
#page4S #content .col_box_1 .ind_1 {padding-left:5%; padding-right:5%}
#page4S #content .col_box_2 .ind_2 {padding-left:5%; padding-right:5%}
#page4S #content .col_box_2 {width:43%; padding-left:5%;}
@media screen and (max-width: 700px) {
	#page4S #content .col_box_1 {width:110%; float:none}
	#page4S #content .col_box_2 {width:100%; margin-left: -5%}
	#page4S #content .col_box_1 .ind_1 {padding-left:0%; padding-right:10%}
	#page4S #content .col_box_2 .ind_2 {padding-left:0%; padding-right:10%}
}

/*================== index-4.html ==================*/
#page5 #content .col_1 .indent_1 { padding:36px 30px 0 30px}
#page5 #content .col_2 .indent_1 { padding:36px 40px 0 0}
#page5 #content .line {margin:0 20px 22px 30px}
#page5 #content .col_1 .indent_2 { padding:8px 40px 0 30px}
#page5 #content .col_2 .indent_2 { padding:0 24px 0 0}
#page5 #content .col_2 .ind {padding:36px 20px 31px 26px}
@media screen and (max-width: 700px) {
	#page5 #content .col_1 .indent_1 { padding:36px 30px 0 30px}
	#page5 #content .col_2 .indent_1 { padding:10px 40px 0 30px}
	#page5 #content .line {margin:0 20px 22px 30px}
	#page5 #content .col_1 .indent_2 { padding:8px 40px 30px 30px}
	#page5 #content .col_2 .indent_2 { padding:0 24px 0 30px}
	#page5 #content .col_2 .ind {padding:36px 20px 31px 26px}
}
#page5C #content .col_1 .indent_1 { padding:36px 0 0 40%}
#page5C #content .col_2 .indent_1 { padding:36px 40px 0 20%}
#page5C #content .line {margin:0 20px 22px 30px}
#page5C #content .col_1 .indent_2 { padding:8px 40px 0 30px}
#page5C #content .col_2 .indent_2 { padding:0 24px 0 0}
#page5C #content .col_2 .ind {padding:36px 20px 31px 26px}
#page5C #content .col_box_1 {float: none}
@media screen and (max-width: 700px) {
	#page5C #content .col_1 .indent_1 { padding:36px 0 0 10%}
	#page5C #content .col_2 .indent_1 { padding:36px 40px 0 10%}
}

/*================== index-5.html ==================*/
#page6 #content .indent {padding:36px 24px 0 31px}
#page6 #content .col_1 .ind_1 {padding-right:40px}
#page6 #content .block {margin-top:20px}
#page6 #content .ind {padding:37px 20px 25px 22px}
#page6 #content .box {width:100%}
#page6 #content .col_box_1 {width:49%; float:left}
#page6 #content .col_box_1 .ind_1 {padding-left:20%; padding-right:10%}
#page6 #content .col_box_2 .ind_2 {padding-left:30%; padding-right:0%}
#page6 #content .col_box_2 {width:49%; overflow:hidden}

#page6 #content .col_1 {float:left}
#page6 #content .col_2 {overflow:hidden}
@media screen and (max-width: 700px) {
	#page6 #content .col_1 {float:none}
	#page6 #content .col_box_1 {width:100%; float:none}
	#page6 #content .col_box_2 {width:100%}
	#page6 #content .col_box_2 .ind_2 {padding-left:1%; padding-right:0%; padding-top: 30px}
	#page6 #content .col_box_1 .ind_1 {padding-left:1%; padding-right:0%}
}
@media screen and (max-width: 800px) {
	#page6 #content .col_box_1 {font-size:0.90em}
	#page6 #content .col_box_2 {font-size:0.90em}
}
/*================== index-6.html ==================*/
#page7 #content .col_1 .indent { padding:36px 30px 16px 30px}
#page7 #content .col_1 .line_1 {margin:8px -20px 17px 0}
#page7 #content .col_1 .box {width:300px}
#page7 #content .col_1 .col_box_1 {width:135px}
#page7 #content .col_1 .col_box_2 {width:165px}
#page7 #content .col_2 .indent { padding:36px 24px 0 0}
#page7 #content .col_2 .ind {padding:37px 20px 27px 26px}
#page7 #content .col_2 p {margin-bottom:15px}

input {width:126px; height:20px}
.div_input {height:25px}
textarea {width:157px; height:70px; overflow:auto; margin-bottom:10px; display:block}
.div_links {text-align:right; width:300px}

/*================== Privacy.html ==================*/
#page8 #content .indent { padding:36px 38px 34px 30px}
#page8 #content p {margin-bottom:15px}

/*==================block====================*/
.block { background:#1d1d20; width:100%}
.block .l_t { background:url(images/l_t_1.gif) left top no-repeat; width:100%}
.block .r_t { background:url(images/r_t_1.gif) right top no-repeat;}
.block .r_b { background:url(images/r_b_1.gif) right bottom no-repeat;}
.block .l_b { background:url(images/l_b_1.gif) left bottom no-repeat;}
.block .left {background:url(images/border.gif) repeat-y left}
.block .top {background:url(images/border.gif) repeat-x top}
.block .right {background:url(images/border.gif) repeat-y right}
.block .bot {background:url(images/border.gif) repeat-x bottom}
/*==========================================*/
/* Main Drop Down Menus */
.clearfix:after {
    display:block;
    clear:both;
}
 
/*----- Menu Outline -----*/

.menu {
    width:120%; /* width of the main menu entries */
	position:absolute; left: -120%; top: -28px; /* set location of main menu on the web page */
    margin:0px auto;
}
@media screen and (max-width: 700px) {
	.menu {position:absolute; left: 35px; top: 0px; width:125%}
}
.menu li {
    margin:0px;
    list-style:none;
    font-family: Helvetica; font-weight: bold;
}
 
.menu a {
    transition:all linear 0.15s;
    color:#f8ba52; /* color of all menu and sub-menu non-hover text */
	text-align: center; /* align main menu text */
	text-decoration:none; /* Don't underline the menu text */
	background:url(none);
}
 
.menu li:hover > a, .menu .current-item > a {
    text-decoration:none;
    color:#f8b950; /* color of all menu and sub-menu hover text */
}
 
.menu .arrow {
    font-size:11px;
    line-height:0%;
}
 
/*----- Top Level -----*/
.menu > ul > li {
    
    display:block;
    position:relative;
    font-size:.85em;
	border-style: solid; border-color: #f8ba52;  border-width: 1px; /* put colored border around main menu boxes */
}
 
.menu > ul > li > a {
    padding:0px 0px; /* adjust the spacing around menu text (top&bottom right-left) */
    display:block;
	
    /* Use if we want to shadow the text -> text-shadow:0px 1px 0px rgba(0,0,0,0.4); */
	background:#0d0d0e; /* background color of menu boxes */
}
 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
    background:#5b6578; /* background color of main main menu hover boxes */
}
 
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
 
.sub-menu {
    padding:0px 0px;
    position:absolute;
    top:0px;    left:-200px;
	width:120%; /* width of the main sub-menu entries */
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#0d0d0e; /* background color of sub-menu boxes */
}
@media screen and (max-width: 700px) {
	.sub-menu {top:0px; left:-125px; width:90%}
}
.sub-menu li {
    display:block;
    font-size:.95em;
	border-style: solid; border-color: #f8ba52;  border-width: 1px; /* put colored border around sub-menu boxes */
}
 
.sub-menu li a {
    padding:0px 0px; /* adjust the spacing around sub-menu text (top&bottom right-left) */
    display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#5b6578; /* background color of sub-menu hover boxes */
}
/*----- Another Level -----*/
.sub-menu li:hover .sub-menu2 {
    z-index:1;
    opacity:1;
}
 
.sub-menu2 {
    padding:0px 0px;
    position:absolute;
    top:40px;    left:-125px;
	max-width: 50px
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728; /* background color of sub-menu2 boxes */
}
 
.sub-menu2 li {
    display:block;
    font-size:16px;border-style: solid; border-color: #a9b7b0;  border-width: 1px; /* put colored border around sub-menu2 boxes */
}
 
.sub-menu2 li a {
    padding:10px 30px; /* adjust the spacing around sub-menu2 text (top&bottom right-left) */
    display:block;
}
 
.sub-menu2 li a:hover, .sub-menu2 .current-item a {
    background:#3e3436; /* background color of sub-menu2 hover boxes */
}
/* Main drop down button */
.dropbtn {
    /* opacity: 0.0; /*Make background transparent*/
    color: #f8ba52; /* Button text color */
	background:none;
    padding:5px 5px; /* adjust the spacing around main button text (top&bottom right-left) */
    font-family:Helvetica; font-size: .90em; font-weight:bold; text-decoration:underline;
    border: none;
    cursor: pointer;
	width: 100%; height: 30px;
}

.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover {
    background-color: none;
}
.dropbtn:hover {
    text-decoration:none; background-color:none;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;}
	
/* Technology drop down button system */
.techdropbtn {
    background-color: transparent; /* Button non-hover background color */
	font-family:Helvetica; font-weight: bold; color: #fbfbfb; /* text color */
    padding:5px 0 5px 0; /* adjust the spacing around main button text (top&bottom right-left) */
    font-size: 1em; text-decoration:underline;
    border: none;
    cursor: pointer;
	width: 100%; height: 30px; margin-top: 0%;
}

.techdropdown {
    position: relative; text-align: left;
    display: inline-block;
}
.techdropdown:hover .techdropdown-content {
    display: block; 
}

.techdropdown:hover .techdropbtn {
    background-color: transparent; /* hover background */
	text-decoration:none;
}
.techdropdown-content {
    display: none;
    position: absolute;
    background-color: #0d0d0e;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.techdropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.techdropdown-content a:hover {background-color: #0d0d0e}

.techdropdown:hover .techdropdown-content {
    display: block;}
	
/* Main Drop Down Menus */
.techclearfix:after {
    display:block;
    clear:both;
}
 
/*----- Menu Outline -----*/
.techmenu {
    width:100%; /* width of the main techmenu entries */
	position:absolute; left: 165%; top: -30px; /* set location of main techmenu on the web page */
    margin:0px auto;
}
@media screen and (max-width: 700px) {
	.techmenu {position:absolute; left: 100%; top: -8px}
}
@media only screen and (min-device-width : 701px) and (max-device-width : 800px) {
	.techmenu {position:absolute; left: 115%; top: -11px}
} 
.techmenu li {
    margin:0px;
    list-style:none;
    font-family:Helvetica; font-weight: bold;
}
 
.techmenu a {
    transition:all linear 0.15s;
    color:#fbfbfb; /* color of all techmenu and sub-techmenu non-hover text */
	text-align: center; /* align main techmenu text */
	text-decoration:none; /* Don't underline the techmenu text */
	background:url(none);
}
 
.techmenu li:hover > a, .techmenu .current-item > a {
    text-decoration:none;
    color:#fbfbfb; /* color of all techmenu and sub-techmenu hover text */
}
 
.techmenu .arrow {
    font-size:11px;
    line-height:0%;

}
 
/*----- Top Level -----*/
.techmenu > ul > li {   
    display:block;
    position:relative;
    font-size:.9em;
	border-style: solid; border-color: #c9cdd4;  border-width: 1px; /* put colored border around main techmenu boxes */
}
 
.techmenu > ul > li > a {
    padding:0px 0px; /* adjust the spacing around techmenu text (top&bottom right-left) */
    display:block;
	
    /* Use if we want to shadow the text -> text-shadow:0px 1px 0px rgba(0,0,0,0.4); */
	background:#202020; /* background color of techmenu boxes */
}
 
.techmenu > ul > li:hover > a, .techmenu > ul > .current-item > a {
    background:#5b6578; /* background color of main main techmenu hover boxes */
}
 
/*----- Bottom Level -----*/
.techmenu li:hover .techsub-menu {
    z-index:1;
    opacity:1;
}
 
.techsub-menu {
    padding:0px 0px;
    position:absolute;
    top:0px;    left:-140px;
	width:150px; /* width of the main techsub-menu entries */
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#0d0d0e; /* background color of techsub-menu boxes */
}
 
.techsub-menu li {
    display:block;
    font-size:11px;
	border-style: solid; border-color: #f8ba52;  border-width: 1px; /* put colored border around techsub-menu boxes */
}
 
.techsub-menu li a {
    padding:0px 0px; /* adjust the spacing around techsub-menu text (top&bottom right-left) */
    display:block;
}
 
.techsub-menu li a:hover, .techsub-menu .current-item a {
    background:#5b6578; /* background color of techsub-menu hover boxes */
}