@charset "UTF-8";
/* CSS Document */


body {
	font-family: 'Lora', serif;
	margin: 0px;
	letter-spacing: .65px;
	
	

}



.banner {
	width: 100%;
	overflow: auto;
	
background: #ff4b1f; /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #ff4b1f , #ff9068); 
background: linear-gradient(to top, #ff4b1f , #ff9068); 

/* to avoid padding from affecting div */
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;         
	
}

.banner_pk {  /*  smaller image */
	display: inline-block;
	float:left;
	
	padding-right: 5px;
	margin: 1%;
	border-right: 1px solid #fff;
}

.banner_title {
	font-family: 'Palanquin Dark', sans-serif;;
	font-size: 24px;
	color: #fff;
	
	margin-left: 10%;
	
	

	
}




/* - - - - drop down navigation - - - -   */
/* - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - -  */

nav {
	margin:  0;
	width: 100%;
	
	font-size: 11px;
	line-height: 10px;
	
	top: 10px;
	border-bottom: 1px solid #623901;
}




ul {
    list-style-type: none;
    margin: 0 0 0 10%;
    padding: 0;
    overflow: hidden;
    background-color: none;
	
}

li {
    text-align: left;
	display: inline-block;
	
	
	
}

li a, .dropbtn {
    display: inline-block;
    color: #623901;
    text-align: left;
    padding: 14px 16px;
    text-decoration: none;
	
	
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #623901;
	color: #fff;
	
	
}

li.dropdown {
    display: inline-block;
	
}

.dropdown-content {
	
	display: none;
    position: absolute; 
  
    min-width: 160px;
  
	
	
}

.dropdown-content a {
    color: #623901;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
	background-color: #fff;

	border-bottom: 1px dotted #623901;
}

.dropdown-content a:hover {background-color: #623901;
color: #fff;}

.dropdown:hover .dropdown-content {
    display: block;
}



/*  - - - - - - - - - - - - - - - - -  */
/*  - - - - - - - - - - - - - - - - -  */

.projects {
	width: 100%;
	color: #623901;
	font-size: 20px;
	line-height: 28px;
	padding: 0 10%;
	
	
		
	/* to avoid padding from affecting div */
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box; 
	

	
}
	
.proj_title {
	font-family: 'Palanquin Dark', sans-serif;
	color: #ff4b1f ;
	font-size: 28px;
}

.proj_subtitle {
	font-family: 'Palanquin Dark', sans-serif;
	color: #ff4b1f ;
	font-size: 18px;
}
	
.proj_description {
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 10px;
}

figure {
	
	display: inline-block;
	margin: 0;
	width: 30%;
	
	align: left;
	
	
	font-size: 10px;
	line-height: 10px;
	

}

  figure:hover a img {
	box-shadow: #ff4b1f 0px 0px 7px;
	
	
}


/*  - - - - - - c.v. page  - - - - - - -  */
/*  - - - - - - -  - - - - - - - - - - - -  */
	
	
	td, th { vertical-align:top;
	}

.in_link {
	color: #623901;
	font-weight: bold;
	text-decoration:none;}
.in_link:hover {
	color: #ff4b1f;
	text-decoration:underline; }	
	
	
/*  - - - - - - projects  - - - - - - -  */
/*  - - - - - - -  - - - - - - - - - - - -  */


.container {
	width: 100%;
	overflow:auto;
	margin: 0;
	padding: 0;
	
	font-family: 'Lora', serif;
	
}


.left_op1 {
	
	float:left;
	width: 70%;
	height:auto;
		border-bottom: 1px dotted #fff;
	
	margin: 0;
	padding: 0;
	
	clear:both;
}

.right_op1 {
	
	float:right;
	width: 25%;
	

	font-size: 100%;
	margin-right:2%;
	border-bottom: 1px dotted #623901;
	

}



.left_op2 {
	
	float:right;
	width: 70%;
	height:auto;
	border-bottom: 1px dotted #fff;
	
	margin: 0;
	padding: 0;
	
	clear:both;
}

.right_op2 {
	
	float:left;
	width: 25%;
	

	font-size: 100%;
	margin-left:2%;
	border-bottom: 1px dotted #623901;
	

}


/*  - - - - - - contact  - - - - - - -  */
/*  - - - - - - -  - - - - - - - - - - - -  */

.change_frame {
	
	font-family: 'Lora', serif;
	color: #623901;
	font-size:14px;
	
}