html {
	background-color: #FFFFFF; 
	overflow-x: hidden; 
	font-family: "JasmineUPC"; 
	font-size: 20px;
}

/* header */
.header_img{

	float: left;
	padding: 0px;
	padding-left: 0px;

	/*border: 0.25px solid black; */
} 

.header_name{

	padding: 10px;
	padding-top: 50px;
	/*border: 0.25px solid black;  */
}

 .orange_bar {

	background-color: #FF9100;
	height: 8px;
	position: relative;
	top: 19px;
	/*border: 0.25px solid black; */

}

/* ------------general p formating ------------*/

p {

	font-size: 26px;
}

#tabs a {

  -webkit-transition:0.4s;
  -moz-transition:0.4s;
  -o-transition:0.4s;
  color:blue; background:white;

  transition:color 0.4s ease-out; /* fading in and out time */
}

#tabs a:hover { 

	color:#FF9100;

}


/*Work*/

.page{
	max-width:1200px;
	min-height:500px;
	width: 1200px;
	position: relative;
	margin-right:auto;
	margin-left:auto;
	padding-right:0px;

}
.main_content {

	/*background-color: #292929; */
	/*border: 3px solid red; */
	width:auto; /* fluid occurs in 3dmodels page */
	height: auto;

}

.col {

	float: left;

}

.images {             /* a box that makes the fluid of the nav barworked*/

	width: 2000px; /* the width of the box */

}

.images p{

	margin-left: 180px;
	font-size: 34px;

}


.work{

	padding: 20px;
	margin-top: 15px;
	margin-left: 12px; /* aligned with contact tab */
	/*border: 0.3px solid gray; */
	/*background-color: gray; */
}

.images .work p {

	font-size: 30px;
	text-align: center;
	margin-left: 0px;
	color:#000000;
	text-decoration:none;
	/*border: 1px solid black; */

}

.images .work p:hover { 

	color: #FF9100;
	text-decoration: none;

}

.work img {     /* reference: http://www.w3schools.com/css3/css3_transitions.asp */

	

  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s; 
  border: 0.5px solid gray;

}

.work img:hover {

  opacity: 0.7;

}
/* -------------------3D model Page---------------------------*/

#model{

	width: 2000px; /* the width of the box */
	padding: 20px;
	margin-top: 15px;

}

#model a {
		color:#000000;
}


#model p{

	width: 1150px;
}

#model p b{

	font-size: 32px;
}

/* -------------------3d environment Page ---------------------------*/

.environment img {

	border: 0.5px solid gray;
}

/* -------------------About Page ---------------------------*/

#environment{

	width: 2000px; /* the width of the box */
	padding: 20px;
	margin-top: 15px;

}

#environment a {

	color:#000000;

}

/* -------------------About Page ---------------------------*/

#about{

	width: 2000px; /* the width of the box */
	padding: 20px;
	margin-top: 15px;
}
.about_img {
	float: left;
	padding-right: 15px;
	border: 1px solid blue;


}

.about_text{

	width: 1200px;
	padding: 10px;
	border: 1px solid blue;
}

.about_text p{

	font-size: 28px;

}


/* -------------------Contact Page ---------------------------*/

#contact_info{

	width: 2000px; /* the width of the box */
	padding: 20px;
	padding-left: 150px;
	font-size: 25px;
	/* border: 1px solid red; */
}

#contact_info p a{

	margin: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background:#666;
	color:#fff;
	text-decoration:none;
}

#contact_info p a :active{

	background:#fff;
	color:#000;
}

#contact_info p a :hover{

	background:#000;
	color: #FF9100;
}