.tech-columns{
display: inline-block;
width: 35%;
margin-left: 2%;
padding-left: 2%;
padding-top: 2%; 
padding-bottom: 2%;
padding-right: 2%;
vertical-align: top;
min-height: 780px;
margin-top: 1%;
margin-bottom: 6%; 
}




.technicaldatawrapper{
	
width: 100%; 
float: left;
text-align: center;
min-height: 500px;
margin-top: 0%;
margin-bottom: 2%;
border-top: 2px solid gainsboro;	
	
}


.technicaldatawrapper h1{
font-size: 210%;
text-align: center;
width: 100%; 
float: left; 
margin-bottom: 9px; 
font-weight: 200; 	
color: darkslategray;
font-family: calibril;
	
	
	
}


.technicaldatahideinfo, .techincaldatashowusage{
width: 20px;
height: 20px;
background: rgb(21, 21,21);
font-family: calibril;
color: white;
line-height: 20px; 
border-radius: 50%;
position: absolute;
right: 2%;
top: 2%;	
text-align: center;
cursor: pointer;	
	
	
	
}


.technicaldatahideinfo:hover, .technicaldatahideinfo:active, .techincaldatashowusage:hover, .techincaldatashowusage:active {
background: firebrick;	
	
	
}


.techpdf{
width: auto;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 3px;
font-size: 110%;
text-align: center;
background: darkred; 
color: white;
display: inline-block;
vertical-align: top;
margin-top: 9px; 
margin-bottom: 9px;	
text-transform: uppercase;	
	
}


.techpdf:hover {
background: red;	
	
	
	
}


.technicaldatashowinfo{
width: 100%;
position: absolute; 
z-index: 999999;
text-align: center;	
color: darkslategray;
display: none;
}


.technicaldatashowinfo img{
width: 100%; 
margin-top: 2%;
margin-bottom: 2%;	
height: auto;
	
}



.technicaldatashowinfo div{
display: inline-block;
vertical-align: top; 
border-radius: 3px;	
background: white; 
border-bottom: 2px solid silver; 
border-top: 2px solid silver;
box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.2);	
margin-top: 0%;	
width: 60%;
padding: 3%;
font-family: calibril; 
font-weight: 300;
text-align: left;	
position: relative;	
}


.technicaldatashowinfo h2{
text-align: center;
font-weight: 400;
text-transform: uppercase;
font-family: calibril;
font-size: 140%;	
	
	
}

.technicaldatashow{
	
width: 80%;
background: gainsboro;
margin-top: 2%; 
margin-bottom: 6%; 
display: inline-block;
vertical-align: top; 
height: 500px;	
text-align: left;	
position: relative;	

	
}



.maintech{
width: 80%;
display: inline-block;
vertical-align: top;	
overflow-y: scroll;
height: 500px;
background: #f1f1ef;	
	
	
}


.technicaldatashoweacha, .technicaldatashoweachb, .technicaldatashoweachc, .technicaldatashoweachd, .technicaldatashoweache, .technicaldatashoweachf, .technicaldatashoweachg, .technicaldatashoweachh{
width: 100%;
display: inline-block;
vertical-align: top;	
display: none;		
	
}

.technicaldatashoweacha p, .technicaldatashoweachb p, .technicaldatashoweachc p, .technicaldatashoweachd p, .technicaldatashoweache p, .technicaldatashoweachf p, .technicaldatashoweachg p, .technicaldatashoweachh p{
width: 96%;
padding-left: 2%;
padding-right: 2%;
float: left;
padding-top: 5px;
padding-bottom: 5px;
color: rgb(21,21,21);
border-bottom: 2px dotted dimgray;
font-family: calibril;
font-weight: 300;	
margin-bottom: 5px;	
cursor: pointer;	
	
}

.technicaldatashoweacha p:hover, .technicaldatashoweachb p:hover, .technicaldatashoweachc p:hover, .technicaldatashoweachd p:hover, .technicaldatashoweache p:hover, .technicaldatashoweachf p:hover, .technicaldatashoweachg p:hover, .technicaldatashoweachh p:hover{
border-bottom: 2px dotted firebrick;
color: firebrick;
	
}




.technicaldatasidebar{
width: 80px; 
background: rgb(21,21,21);
color: white; 
height: 500px; 
display: inline-block; 
vertical-align: top;
	
	
	
	
}


#technicaldatasidebara, #technicaldatasidebarb, #technicaldatasidebarc, #technicaldatasidebard, #technicaldatasidebare, #technicaldatasidebarf, #technicaldatasidebarg, #technicaldatasidebarh, #technicaldatasidebari{
color: white; 
font-family: calibril; 
text-transform: uppercase; 
padding-top: 14px; 
padding-bottom: 14px;
padding-left: 1%; 
padding-right: 1%;
width: 98%; 
border-bottom: 1px solid gainsboro;	
font-size: 90%;	
cursor: pointer;	
display: inline-block;	
text-align: center !important;
}

#technicaldatasidebara:hover, #technicaldatasidebarb:hover, #technicaldatasidebarc:hover, #technicaldatasidebard:hover, #technicaldatasidebare:hover, #technicaldatasidebarf:hover, #technicaldatasidebarg:hover, #technicaldatasidebarh:hover, #technicaldatasidebari:hover{
border-bottom: 1px solid gray;
background: gray;	
-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;	
	
	
}



.opentech{
width: 96%;
padding-left: 2%;
padding-right: 2%;
float: left;
margin-top: 2%; 
margin-bottom: 2%;
font-family: calibril; 
font-weight: 300;
font-size: 95%;
line-height: 25px; 	
display: none;	
	
	
}



.techhighlight{
	
border-bottom: 1px solid gray;
background: gray;	
-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;	
		
	
	
}





@media (max-width: 770px) {


.tech-columns{
width: 42%;
margin-left: 1%;
margin-right: 1%;
padding-left: 2%;
padding-top: 2%; 
padding-bottom: 2%;
padding-right: 2%;
min-height: 750px;
 
}


}




.tech-columns{

min-height: 670px;
 
}


}




@media (max-width: 350px){

.tech-columns{
width: 80%;
min-height: auto;
 
}



}


@media (max-width: 560px){
.technicaldatashow{	
width: 95%;
overflow: hidden;
}	
	
.technicaldatasidebar{
width: 20% !important;
font-size: 85%;	
overflow: hidden;	
}	


.maintech{
width: 76%;

}	
	
}