a {
	color: #7FA38B;text-decoration: none;
}

.aboutsec{
	width: 800px;
}

body{
	color:black;
	background-color: white;
	font-family: Georgia, Times New Roman, Times, sans-serif;
	font-size: 10pt;
	height: 100%;
	background-image: url(mountaingrad.jpg); 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.bg{
	background-image: url(mountaingrad.jpg); 
	background-repeat: no-repeat;
	height: 100%;
	background-size: cover;
}

#content {
    position: relative;
    width: 100px;
    height: 133px;
}

#floated{
	float: right;
}
#grad {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, yellow); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, yellow); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, yellow); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, yellow); /* Standard syntax */
}

h1 {
	text-align: center;
	color:white;
	background-color: #3C4644;
}

h2 {
	font-size: 13pt;
	color:white; 
	margin-left: 30px;
	text-align: center;
	background-color: #3C4644;s
}

h3 {
	color:black;
}

h4 {
    text-indent: 50px;
    color:black
}

#hbox{
	/*border: 2px solid gray;*/
    margin: 0;
    background-color: white;
}

img {
    display: block;
    margin: 0 auto;
}

#lbox{
	margin: 0;
    background-color: white;
}

#mainhead{
	background-color: #3C4644
}

#navcontainer ul { 
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	display: inline-block;
	text-align: center;
	list-style-type: none;
} /*Removes bullets from navcontainer lists and gets rid of margins*/

#navcontainer ul li { 
	display: inline; 
} /*Makes http links horizontal*/

#navcontainer ul li a{
	text-decoration: none;/* Removes underline from http links*/
	padding: .2em 1em;
	color: white;
	background-color:#3C4644;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
 }/*Spaces out list elements*/

#navcontainer ul li a:hover{
 	color: white;
 	background-color:#7FA38B;
 }/*Changes the color around the links as you hover over them*/

p,ul{
	color:black;
	background-color: white;
	font-family: Georgia, Times New Roman, Times, sans-serif;
	font-size: 10pt;
}

#portrait {
    position: relative;
    /*left: 0px;
    top: 0px;*/
    /*z-index: 0;*/
    /*float: left;*/
    /*margin:0 0 10px 10px;*/
    /*transform: rotate(90deg);*/
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*width: 50%;*/
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

#pubcontainer ul li a{
	text-decoration: none;
 }

 #pubcontainer ul li a{
	color: #7FA38B;
 }

section {
	display: box;
	width: 800px;
	max-width: 80%;
	background: white;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	border-radius: 2px;
	margin: 0 auto;
	padding: .5em 1em;
}

.simsec{
	width: 600px;
}

#simlabel{
	background-color:white;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
#tbox1 {
    border: 2px solid gray;
    margin: 0;
    background-color: white;
    display: inline-block;
}

td {
	vertical-align: top;
}

.wrapsectionouter{
	border-radius: 0;
	padding: 0;
	width: 1000px;
	max-width: 100%;
	background-color: transparent;
	box-shadow: none;
	/*float: right;*/
}

/*zoomin CSS for simulations.*/
/*Taken from: https://codepen.io/wifeo/pen/qzwkb*/
.fond{position:absolute;padding-top:85px;top:0;left:0; right:0;bottom:0;
 background-color:#00506b;}

.style_prevu_kit
{
    display:inline-block;
    border:0;
    width:150px;
    height:150px;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);  
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); 

}
.style_prevu_kit:hover
{ 
    box-shadow: 0px 0px 20px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(3);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(3);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(3);
    transition: all 200ms ease-in;
    transform: scale(3);
}