@charset "utf-8";
/*FONT FAMILY*/
@font-face {  
  font-family: TrajanPro;  
  src: url("TrajanPro-Regular.otf") format("opentype");  
}

@font-face {  
  font-family: Orlanda;  
  src: url("Orlando.ttf") format("truetype");  
}

/*GENERAL LAYOUT*/

body {
	font-size: 62.5%; /*16px x 62.5 = 10px (reset standard units to 10 px for use with ems)*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	
h1 {
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}

h2 {
	font-family:"Orlando";
	font-size: 240%; /*target size is 24px  container text is 10px from above - 24/10 = 2.4*/
	color: #BA9324;
	}

h3 {
	font-size: 160%; /*target size is 16px  container text is 10px from above - 16/10 = 1.6*/
	}

p {
	font-size: 140%; /*target size is 14px  container text is 10px from above - 14/10 = 1.4*/
	color: #BA9324;
	}
em {
	font-size: 120%; /*target size is 12px  container text is 10px from above - 12/10 = 1.2*/
	text-align:right;
	vertical-align:baseline;
	}
	
img {
	max-width: 100%; /*For fluid images*/
	}

#page {
	max-width: 96em; /*was 96em*/
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left: 1em;/*effective container size = 940 px*/
	}
	
/*LINK HOVER PROP*/
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #BA9324;
}
a:hover {
	text-decoration: none;
	color: #B9B9B9;
}
a:active {
	text-decoration: none;
	color: #BA9324;
}
a {
	color: #BA9324;
}


/*DESIGN LAYOUT*/

.header {
	width: 100%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-bottom: 3em;
	}
	
.back {
	float:right;
	line-height:2em;
	}

.menu {
	float:left;
	width: 23.4%; /*220/940 = .234*/
	margin-bottom: 3em;
	}

.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 180%;
	}
	
.menu ul a {
	display: block;
	width: 100%;
	height: 330%; /*desired height 60px/16px (set at "menu ul" as 1.8em or 10px x 1.8) */
	line-height: 330%; /*set to vertically align list item*/
	text-decoration: none;
	}

.indexpic {
	float:right;
	/*width: 74.3%; /*700/940 = 74.3*/
	width: 700px;
	height: 420px;
	margin-bottom: 3em; /*3em*/
	}

/*CONTACT PAGE*/
.contactpic {
	float:right;
	width: 48.9%; /*460/940 = 48.9*/
	margin-bottom: 3em;
	}

.contactinfo {
	float:left;
	width: 48.9%; /*460/940 = 48.9*/
	margin-botton: 3em;
	text-align:center;
	}



/*BIOGRAPHY*/
.biopic {
	float:left;
	width: 36.2%; /*340/940=36.2*/
	margin-bottom: 3em;
	}

.bioinfo {
	float:right;
	width: 61.7%; /*580/940=36.2*/
	margin-botton: 3em;
	text-align:center;
	}

/*OTHER*/
.clear {
	clear:both;
	}

.footer {
	width: 100%;
	text-align: center;
	font-size: 140%;
	/*	font-family: "Orlando";*/
	color: #BA9324;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #999999;
	letter-spacing: .75em;
	}

/*PORTFOLIO*/
.leftbox {
	width: 23.9%; /*target size is 220px, container is 940px: 220/940=23.9%*/
	text-align: center;	
	/*margin-right: 1.06%; target size is 10px, container is 940px: 10/940=1.06%*/
	margin-right: .5em;
	margin-bottom: 1.06%;
	font-size: 120%;
	float:left;
	}

.leftbox p {
	font-size: 120%; /*target size is 10px container text is 10px from above - 10/10 = 1.0*/
	margin-top:0;
	}

.rightbox {
	width: 23.9%; /*target size is 220px, container is 960px: 220/940=23.9%*/
	text-align: center;
	font-size: 120%; /*target size is 12px container text is 10px from above - 12/10 = 1.2*/
	/*margin-left: 1.06%; target size is 10px, container is 960px: 10/940=1.06%*/
	margin-left: .5em;
	margin-bottom: 1.06%;
	float: left;
	}
	
.rightbox p {
	font-size: 120%; /*target size is 10px container text is 10px from above - 10/10 = 1.0*/
	margin-top:0;
	}

.centerbox {
	width: 23.9%; /*target size is 220px, container is 960px: 220/940=23.9%*/
	text-align: center;
	font-size: 120%; /*target size is 12px container text is 10px from above - 12/10 = 1.2*/
	/*margin-right: 1.06%; target size is 10px, container is 960px: 10/940=1.06%*/
	/*margin-left: 1.06%; target size is 10px, container is 960px: 10/940=1.06%*/
	margin-right: .5em;
	margin-left: .5em;
	margin-bottom: 1.06%;
	float:left;
	}

.centerbox p {
	font-size: 120%; /*target size is 10px container text is 10px from above - 10/10 = 1.0*/
	margin-top:0;
	}

/*PRESS*/
.presslist {
	width: 220px; /*220/940 = 22.9*/
	height: 42em;
	text-align:center;
	float: left;
	}

.presslist ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	font-size: 140%;
	color: #BA9324;
	}


.pressboxContain {
	width: 710px;
	float:right;
	}
	
.pressbox {
	width: 220px; /*target size is 220px, container is 960px: 220/940=23.9%*/
	text-align: center;
	font-size: 120%; /*target size is 12px container text is 10px from above - 12/10 = 1.2*/
	margin-left: .8em;
	margin-bottom: 1.06%;
	float: left;
	}