/***** RESET ******/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
/* remember to define focus styles! */
:focus {
    outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*****************************************************************/


html, body {
		padding: 0px;
		margin: 0px;
		width: 100%;
		height: auto;
		/*font-family: Georgia;
		font-size: 16px;
		font-weight: 100;*/
		font: 16px/1.2 'Swiss 721 Light Condensed BT', serif;
		letter-spacing: 0.1em;
	  	-webkit-font-smoothing: antialiased;
	  	-moz-font-smoothing: antialiased;
	  	color: #484848;
	  	background-color: #F2F2F2;

	 overflow-x: hidden;


	}

	ul.project h1 {
		
	}

	h1 span.left-arrow {
		display: none;
	}

	ul.project a h1 {
		margin-left: 10px;
	}

	ul, ol {
		list-style-type: none;
		padding: 0;
	}

	div.mobile {
		display: block;
	}

	p.no-mobile {
		display: none;
	}

	div#content { 
		width: 320px;
	}

	#content ul.arch {
		width: 305px; 
		margin: 0 auto;
		margin-top: 10px;

	}

	#content ul.arch li {
		width: 300px;
		height: auto;
		margin: 0 0 0 0;
	}

	#content ul.arch li img {
		width: 300px;
		height: auto;
		margin: 0 0 0 0;
	}

	#content ul li#a2, #content ul li#a3, 
	#content ul li#a4, #content ul li#a7, 
	#content ul li#a10, #content ul li#a13  {
		margin: 0;
		width: auto;
		height: auto;
	}

	#content ul.arch li a span {
		display: none;
	}

	#content ul.arch li:hover span {
		display: none;
	}

	img#title {
		width: 180px;
		top: 18px;
		margin-left: 8px;
	}

	li.text {
		font-size: 14px;
		margin-top: 0;
		height: auto;
		

	}

/******************************* PROJECT **********************************/
	
	#content ul.project {
		width: 320px;
		padding: 0;
		margin: 0;
	}

	#content ul.project li {
		width: 300px;
		height: auto;
		margin: 0 auto 5px auto;
	}

	#content ul.project li img {
		width: 100%;
		height: auto;
		margin: 0;
	}

	#content ul.project li.video {
		display: none;
	}


	#content ul.project li.text {
		display: block;
	}

	ul.project li.more  {
		top: 0px;
		position: relative;
		left: 0;
		display: block;
		font-size: 16px;
		font-weight: bold;

	}

	a.toggle-desc {
		display: block;
	}

	#content ul.project li.text p {
		display: none;
		text-align: justify;
	}

	#content ul.arch li#a9 {
		margin-top: 0px;
	}


/******************************* Mobile Menu ****************************/

ul.menu {
	width: 250px;
	position: fixed;
	background-color: #000000;
	left: 100%;
	margin-left: 0px;
	height: 100%;
	z-index: 700;
	top: 0;
	background-color: #ffffff;
	border-left: 1px solid #cacaca;
	padding-top: 65px;
}

ul.menu li.mobile-only {
	display: block;

}

ul.menu li {
	display: block;
	width: 100%;
	text-align: left;
	height: 50px;
	overflow: hidden;
	
	font-size: 20px;
	background-color: #fff;

	padding-left: 20px;
	z-index: 800;
	text-transform: lowercase;
	font: 16px 'Swiss 721 Light Condensed BT', serif;
	letter-spacing: 0.1em;
  	-webkit-font-smoothing: antialiased;
  	-moz-font-smoothing: antialiased;
  	line-height: 50px;
}


ul.menu li#lang {
	margin-left: 0;
}



#toggle {
  position: fixed;
  width: 30px;
  height: 26px;
  right: 20px;
  top: 20px;
  z-index: 9999;
}
#toggle input {
  position: absolute;
  top: -3px;
  left: -3px;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
  cursor: pointer;
}
#toggle input:checked + span {
  background: transparent;
}
#toggle input:checked + span:after {
  -webkit-transform: rotate(45deg) translate(-1px, -8px);
          transform: rotate(45deg) translate(-1px, -8px);
}
#toggle input:checked + span:before {
  -webkit-transform: rotate(-45deg) translate(-4px, 12px);
          transform: rotate(-45deg) translate(-4px, 12px);
}
#toggle span {
  position: absolute;
  width: 100%;
  height: 2px;
  background: gray;
  margin-top: 10px;
}
#toggle span:before, #toggle span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: gray;
  top: -9px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#toggle span:after {
  top: 9px;
}

#content ol {
	width: 280px;
	margin-left:auto;
	margin-right:auto;
}

ol.cont li#bio p {
	text-align: justify;
	word-wrap: normal;
	word-break: none;
}


#content ol li#bio, li#address {
	width: 280px;
	margin-top: -40px;

}

#content ol li#bio div {
	width: 100%;
	margin: 0 auto;
	word-wrap: normal;
	word-break: none;
}

#content ol li#bio img {
	width: 100%;
	height: auto;
	margin-bottom: 30px;

}


/********************* back to top *********************/


#back-top {
	bottom: 10px;
	right: -55px;
}






#content ul li#a14 {
	padding-bottom: 0px;
	top: unset;
	left: unset;
}