/* --------- Mobile ------------- */

	.hide-mobile{display:none;}


	*{
		border:0;
		margin:0;
		padding:0;
	}
	h1{
		display:block;
		margin:0px 0 0 0;
		color:#006;
		font-size:2.60em;
	}
	h2{
		display:block;
		color:#006;
		font-size:24px;
		margin-bottom:10px;
	}
	h3{
		display:block;
		margin-top:0px;
		color:#006;
		font-size:18px;
	}
	h4{
		display:block;
		margin-top:10px;
		color:#006;
		font-size:14px;
	}
	p{
		margin-bottom:10px;
	}

	@font-face {
		font-family: "Geneva Regular";
		src: url("font/Geneva Regular.ttf");
	}


	#slideshow { 
	  position: relative; 
	  height:620px !important; 
	}

	#slideshow img{
	width:850px;
	}

	#slideshow > div { 
	  position: absolute; 
	  top: 0px; 
	  left: 0px; 
	  right: 0px; 
	  bottom: 0px; 
	}

	body{
		position:fixed
		background:#fff;
		font-size:14px;
		font-family:sans-serif;
		margin:0 auto; 
		padding:0px;
		text-align:center;
		}

	#wrapper_home {
		padding: 0 10px 0px 10px;
	}

	#wrapper {
		padding: 0 10px 0px 10px;
	}

	.sub_menu{
	}

	h1.title {
		float:left;
		font-family:"Geneva Regular";
		font-size:40px;
		margin-top:32px;
		margin-right:15px;
		width:400px;
		text-align:left;
		letter-spacing:2px;
		color:#008;
		line-height:30px;
	}

	h1 span#architect{
		letter-spacing:30px;
		font-size:20px;
		color:#008;
		font-family:"Geneva Regular";
	}

	#home-image{
		margin-bottom:20px;
	}

	#blurb p{
		margin-bottom:10px;
		line-height:28px;
		font-size:18px;
		text-align:justify;
	}

	#blurb a{
		color:#353;
		text-decoration:none;
	}

	#blurb a:hover{
		color:#ADA;
	}


	#left_home{
		margin-top:30px;
		float:left;
		width:100%;
		text-align:left;
		margin-right:25px;
	}

	#right_home{
		margin-top:30px;
		float:left;
		width:100%;
		text-align:justify;
		margin-left:5px;
	}


	.link_home a{
		display:block;
		font-size:20px;
		color:#FFF;
		background:#CCC;
		padding:10px 10px;
		text-align:center;
		text-decoration:none;
		font-style:italic;
	}

	.link_home a:hover{
		color:#006;
		background:#ccc;
	}

	.link a{
		display:block;
		font-size:20px;
		color:#006;
		background:#EFF;
		padding:10px 8px;
		text-align:center;
		text-decoration:none;
		border-radius:3px;
		box-shadow: 1px 1px 10px #8AA;
	}

	.link a:hover{
		color:#0AF;
		background:#EAFFFF;
		box-shadow: 0px 0px 0px #688;
	}

	#cycler {position:relative;height:315px;}
	#cycler img{position:absolute;z-index:1;border-radius:0px;width:99%;
	}
	#cycler img.active{z-index:3}


	#footer{
		background:#ccc;
		font-size:1.1em;
		padding:10px;
	}

	.footer-element{
		width:100%;
		padding:10px 0;
	}


	#contact_temp li{
		margin:5px;
		}

	#left_menu{
		float:left;
		margin-top:50px;
		margin-left:5px;
	}
	#mid_menu{
		float:left;
		margin-top:50px;
		margin-left:5px;
	}

	#right_menu{
		float:left;
		margin-top:50px;
		margin-left:5px;
	}

	#left{
		margin-top:0px;
		float:left;
		width:100%;
		text-align:left;
		margin-right:5px;

	}

	#left_about{
		margin-top:30px;
		width:100%;
		text-align:center;
	}

	.sub_menu_about ul{
		margin:0 auto;
	}

	.sub_menu li a{
		display:block;
		font-size:20px;
		margin:10px;
		color:#006;
		width:85%;
		text-align:left;
		text-decoration:none;
		background:#EEE;
		padding:10px;
		letter-spacing:2px;
	}

	.sub_menu li a:hover{
		color:#0AF;
		background:#FFF;
		box-shadow: 0px 0px 0px #8AA;
	}

	.sub_menu_about li a{
		display:block;
		font-size:16px;
		color:#006;
		width:85%;
		text-align:left;
		text-decoration:none;
		background:#EEE;
		padding:10px;
		letter-spacing:2px;
		margin:4px;
	}
	.sub_menu_about li a:hover{
		color:#0AF;
		background:#FFF;
		box-shadow: 0px 0px 0px #8AA;
	}

	#right{
		margin-top:0px;
		float:left;
		width:100% !important;
		text-align:left;
		margin-left:0px;
	}

	#right_about{
		margin-top:10px;
		width:95%;
		text-align:left;
		font-size:1.3em;
		padding:10px;
	}
	#right_about h3{
		font-size:1.2em;
	}

	h4{
		font-size:1.0em;
	}

	#right_about ul li{
		list-style:square;
		margin-left:0px;
		color:#242;
	}

	#right ul li a{
		text-decoration:none;
		color:#008;
		font-size:20px;
		border:1px solid #ccc;
		padding:10px;
		width:100% !important;
		background:white;
	}

	#right li{
		padding:10px;
		width:100% !important;
		margin:10px;
		}

	#right_about p{
		color:#242;
	}

	ul#awards li{
		margin:10px 0;
		list-style:none;
	}

	#project_view{
		width:100% !important;
	}

	#project_view ul{
		width:100%;
	}

	#project_view ul li{
		display:inline;
	}
	#project_view li{
		width:100px;
	}

	#project_view img{
		width:100%;
		margin:5px;
	}


	#centre{
		float:left;
		width:100%;
	}

	.link_small a{
		font-size:14px;
		color:#006;
		padding:5px;
		text-align:center;
		text-decoration:none;
		width:280px;
		letter-spacing:2px;
	}
	.link_small a:hover{
		color:#0AF;
		background:#FFF;
		box-shadow: 0px 0px 0px #8AA;
	}

	#top img{
		width:100%;
		margin-bottom:50px;
	}
	
	.link_small{margin-bottom:50px;margin-top:20px;}

	#thumbnails{display:none;}

	#right ul li h3{font-size:2.2em;margin-left:30px;letter-spacing:11px;color:#467}

	#home-message{margin-bottom:30px;margin-top:-20px;text-align:center;}

	#project_list{
		text-align:left;
	}

	.project_item{
		float:left;
		padding:20px;
		#background-color:#f5f5f5;
		width:350px;
	}

	.project_item a{
		text-decoration:none;
		font-weight:600;
		color:#467;
	}

	.project_item a:hover{
		opacity:0.8;
	}

	.project_item img{
		margin:5px;
		height:180px;
		width:100%;
		object-fit: cover;
	}

	
	
	.project_menu_item{
		float:left;
		padding:13px;
	}

	.project_menu_item img{
		margin:5px;
		height:70px;
		width:110px;
		object-fit: cover;
		opacity:0.5;
	}

	.project_menu_item a{
		text-decoration:none;
		font-weight:600;
		color:#467;
	}

	.project_menu_item a:hover{
		opacity:0.8;
	}




	.project_menu_item_active{
		float:left;
		padding:13px;
		width:150px;
	}

	.project_menu_item_active img{
		margin:5px;
		height:70px;
		width:110px;
		object-fit: cover;
	}
	.project_menu_item_active a{
		text-decoration:none;
		font-weight:600;
		color:000;
		opacity:1.0;
	}

	.project_menu_item_active a:hover img{
		opacity:0.8;
	}