@font-face {
    font-family: Arial, Helvetica, sans-serif;
}

body {
	margin-top:0px; 
    padding-top:0px;
	line-height:20px;
	background-color:#FFFFFF;
}

img.index_img {
  max-height: 90%;
  max-width: 90%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border:0px;
}

img.project_img {
  width: 100%;
  height: auto;
}

.container {
	margin: 0 auto; 
	padding:0px;
	border:0px;
	outline:0px;
	height:auto;
	width:100%;
	max-width:1600px;
	float:left;
}

.logo {
	width:100%;
	height:auto;
	float:left;
	position:absolute;
	top:19.35%;
	text-align: center;
}

.logo img {
	/*max-width:100%;*/
	outline:none !important;
}

.header {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.header b {
	letter-spacing:6px;
	margin-bottom:20px;
}
/* Home */
.home {
	margin: 10% auto auto 50px;
}

/* Menu */

.menu ul {
	padding:0px;
	margin:20px auto auto 0px;
}

.menu ul li {
	width:100%;
	display:block;
	list-style:none;
	text-align:left;
	margin-bottom:0.5%;
	text-decoration:none;
}

.menu ul li a {
	font-size:12px;
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
	line-height:15px;
	letter-spacing: 1px;
	outline:none;
	border:none;
}

.menu ul li a:hover {
	color:#878787;
	text-decoration:none;
}


/* Bio */
.bio {
	margin:0px auto 100px 50px;
	width:80%;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
    letter-spacing:6px;
	font-size:18px;
	margin-top:0px;
	padding-top:25%;
}

h2 {
    letter-spacing:6px;
	font-size:18px;
	margin-top:0px;
	padding-top:50px;
}

h3 {
    letter-spacing:6px;
	font-size:18px;
	margin-top:0px;
	padding-top:15%;
}

h4 {
    letter-spacing:2px;
	font-size:14px;
	margin-top:0px;
	padding-top:50px;
}

	
.bio img {
	float:right;
	margin:0px;
	padding:0px;
}

p.clear {
	clear:both;
}

p.text {
	font-size:14px;
	margin:0px auto 20px 0px;
}

p.textbold {
	font-size:14px;
	margin:40px auto 20px 0px;
}

p.textbottom {
	font-size:14px;
	margin: 0px auto 0px 0px;
	float: inherit;
}

p.title {
	font-size:14px;
	margin:0px auto 20px 0px;
	padding-top:50px;
}

p.title b {
	letter-spacing: 1px;
	margin-right:10PX;
}

p.continue {
	font-size:14px;
	margin:0px auto 20px 0px;
	padding-top:20px;
}

p.continue b {
	letter-spacing: 1px;
	margin-right:10PX;
}

p.baanchang3title {
	font-size: 14px;
	color: #747474;
}
p.baanchang3title b {
	font-size: 14px;
	color: #AB1B1D;
	margin-right: 10px;
}

p.video {
	font-size:14px;
	margin:20px auto 20px 0px;
}




/* Prejects */
.project {
	margin:0px auto 100px 50px;
	width:80%;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
}
	
.project img {
	float:left;
	margin:0px;
	padding:0px;
}

p.space {
	margin-bottom:50px;
	clear:both;
}



p.space_img {
	margin-bottom:100px;
	clear:both;
}

.baanchang1 {
	width: 60%;
	float: left;
}

.baanchang1 img {
	border: 1px solid #000000;
}

.baanchang2 {
	width: 38%;
	float: left;
	margin-left: 15px;
}

.baanchang3 {
	width: 45%;
	float: left;
	border: 1px;
	margin-right: 60px
}

.baanchang3 img {
	width: 100%;
	border: 1px solid #000000;
	margin-bottom: 10px;
}

.baanchang4 {
	width: 45%;
	float: left;
	border: 1px;
}

.baanchang4 img {
	width: 100%;
	border: 1px solid #000000;
	margin-bottom: 10px;
}
	
.erb-image-wrapper{
    max-width:100%;
    height:auto;
    position: relative;
    display:block;
    margin:0 auto;
}
.erb-image-wrapper img{
    width:100% !important;
    height:100% !important;
    display:block;
}

p.project_back a {
	font-size:14px;
	color:#000;
	margin:20px auto 0px 0px;
	text-decoration:none;
}

p.project_back a:hover {
	font-size:14px;
	margin:20px auto 0px 0px;
	text-decoration:none;
	color:#878787;
}

p.project_title {
	font-size:14px;
	margin:50px auto 20px 0px;
}

p.project_sub {
	font-size:14px;
	margin:50px auto 20px 0px;
	letter-spacing:6px;
}

p.project_detail {
	font-size:14px;
	margin-bottom:50px;
}

p.project_detail a {
	font-size:14px;
	color:#000;
	text-decoration:none;
}

p.project_detail a:hover {
	font-size:14px;
	color:#878787;
	text-decoration:none;
}



.project_menu {
	margin:0px auto 200px 0px;
	width:50%;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
}

.project_menu ul {
	padding:0px;
	margin:20px auto auto 0px;
}

.project_menu ul li {
	width:100%;
	display:block;
	list-style:none;
	text-align:left;
	margin-bottom:0.5%;
	text-decoration:none;
}

.project_menu ul li a {
	font-size:12px;
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
	line-height:15px;
	letter-spacing: 1px;
	outline:none;
	border:none;
}

.project_menu ul li a:hover {
	color:#878787;
	text-decoration:none;
}


/* Video */  

.video {
	margin:25px auto 25px 0px;
	width:60%;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Footer */  

.footer {
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:80%;
	margin:0px auto 80px 50px;
	text-align:left;

}

.footer_head {
	margin-top:0px;
	height:25px;
	border-bottom:solid #000000 1px;
}

.footer_head span {
	font-size:12px;
}
	
.footer_menu {
	width:100%;
	margin:0 auto;
}

.footer_menu ul, .footer_menu ul li {
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;
}

.footer_menu ul li {
	padding:0px 25px 0px 0px;
	text-transform:uppercase;
	font-size:12px;
	line-height:25px;
	display:inline;
}


.footer_menu ul li a {
	text-transform:uppercase;
	font-size:12px;
	line-height:25px;
	color:#000000;
	text-decoration:none;
	display:inline-block;
}

.footer_menu ul li a:hover {
	color:#878787;
	text-decoration:none;
}

.responsive_footer {
	display:none;
}