/* =============== image box =============== */

#imagebox1{

border:solid 1px #fff;
width:998px;
border-top:1px;
height:300px;
float:center;
display:block;

}

.contentsection{
padding:none;
margin:0px;
float:center;
display:block;
margin-left:270px;
}



/* ================ small boxes inside section divs ==================== */

#cncbox1{


background-color:#fff;
border:solid 1px #8ACCCB;
border-radius:4px;
font-size:95%;
padding:2px;
margin:2px;
width:263px;
color:black;
float:left;
height:280px;
padding-bottom:0px;


}

/* ======= p tag that includes the box image ============== */

.cnctest{



display:block;
text-align:center;



}

/* =============== heading include types ================ */ 

.headingcnc{
background-color:#000;
/*border:solid 2px #000;*/
/*border-radius:1em;*/
font-size:95%;
padding:1px;
margin:2px;
width:813px;
color:#fff;
height:30px;
margin-top:10px;
float:left;


}
/*============ introduction ====================== */
.intro{

width:800px;
height:auto;
border:none;
padding:1px;
text-align:justify;
color:black;

float:left;
margin:3px;


}


#introim{

margin:5px;
float:left;

}



/*============ section including boxes ====================== */
.section{

margin:0px;
padding:0px;
width:auto;
height:auto;
border:none;

float:left;
}

/* ============== image inside box ============ */

#boximcnc{


padding:2px;
margin-left: auto;`
margin-right: auto; 

max-width:100%;
max-height:100%;

opacity: 1.0;
transition: opacity 0.5s ease-in-out;
}

/* ================== Tables ================ */

.tabalerouter table, th, td {
    border: none;
	
}
th{

width:200px;

}

/*============= modal window ========================= */

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 150px; /* Location of the box */
    left: 0px;
    top: 0px;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.3); /* Black w/ opacity */
	padding-left:0px;
	
}

/* Modal Content */
.modal-content {
    background-color: white;
    margin: auto;
    padding: 10px;
    border: 1px solid #888;
    width: 600px;
	border-radius:5px;
	overflow: auto; 
	height:1000px;
	top:0px;
	
	bottom:0px;
}







/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
	
	}
	
	/* ========================= Show details buttons ============== */
.showdetails{

width:261px;
height:35px;
padding:0px;
text-align:center;
font-size:120%;
background-color:red;
border-radius:8px;
font-family:Arial;
float:center;
margin-bottom:2px;
}

.showdetails:hover{
background-color:#8ACCCB;
color:white;
}


/* =================== headers ===================== */


h4{

text-align:left;
font-size:120%;
color:black;

}

/* ========================= CNC parts unordered list menu ================= */

.doublesec{

width:380px;
height:auto;
margin-left:4px;
margin-right:4px;
padding:1px;
border:none;
float:left;
margin-top:0px;


}

#specialfeatures{


float:left;
text-align:left;
border:none;
padding:1px;
margin:0px;


}

h4{

font-size:80%;
padding:0px;
}