/*CSS Document*/



/*=================================*/
/*===========CSS Reset=============*/
/*=================================*/
/*
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*=================================*/
/*===========Page Spec=============*/
/*=================================*/
/*This container fits the entire webpage into a single fixed width box.*/
/*If this is defined as "container" and assigned as a class to any div, the attributes can be overruled by a subsequent CSS style.*/ 
/*I assign div.container to mean any div anywhere with class="container" must follow these rules.*/
div.container{
	width: 960px; /*960px design standard*/
	margin: 0 auto; /*Zero margin on top/bottom, auto margin left/right. This centers page in browser.*/
	/*position:relative;/*This will make text centered. Other elements move relative to this overall container.*/
	/*border: 1px dotted black;/*Sanity check*/
	position:relative;/*All elements are positioned relative to the global container.*/
	/*background-color: #963821;*/
}

body{
	/*background-color: #963821;*/
}


/*=================================*/
/*===========Clearfix==============*/
/*=================================*/

.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  clear: both;
  *zoom: 1;
}

/*=================================*/
/*==========Font and Text==========*/
/*=================================*/
/*This sets global font choice and text specs.*/

div{
	/*Applies to any text within any div.*/
	font-family: "Oswald", Helvetica, Arial, sans-serif;
	color: #888;
	font-size: 16px;/*12pt*/
	line-height: 150%;
}

h1{
	font-size: 3em;
	font-weight: 700;
}

h2{
	font-size: 2.33em;
	font-weight: 700;
}

h3{
	font-size: 1.66em;
	font-weight: 400;
}

h4{
	font-size: 1em;
	font-weight: 400;
}

p{
	font size: 1em;
	font-weight: 400;
}

/*=================================*/
/*======Horizontal Navigation======*/
/*=================================*/
/*This defines horizontal navigation tools.*/

.h-nav{
	/*background-color: red;/*Background color for v-nav container.*/
	font-size: 1.1em; /*Override font size of page.*/
	font-weight: 400;
	letter-spacing: 1px;
	word-spacing: 5px;
	/*border-radius: 5px;*/
	/*padding: 2px;/*Override global padding.*/
	/*margin: 2px;/*Override global margin.*/
	display: inline-block;/*Makes the container fit the ul elements.*/
	line-height: 100%;
	text-transform: uppercase;
	margin-top: 7.5px;
	float:right;
}

.h-nav-subheader{
	position: absolute;
	bottom:5;
	right:0;
}

.h-nav ul li{/*ul and li elements with v-nav properties obey these commands.*/
	text-align: center;
	display:inline;/*Make each level of the list an inline block element.*/
	float:left;/*Shift all I-B list elements to the left and close gaps between each block if margin is 0.*/


}

.h-nav a{/*Properties of hyperlinks within v-nav.*/
	color: #1C1F2A;/*Link text color*/
	/*line-height: 50px;/*Override document line height to control height of block.*/
	text-decoration: none;/*Remove underline from hyperlink.*/
	display:block;
	padding-left: 10px;/*Link block specific padding.*/
	padding-right: 0px;/*Link block specific padding.*/
}

.h-nav a:hover{/*Conditonal behavior for hovering on link.*/
	color:red;/*Change text color.*/
}

.h-nav a:active{/*Conditonal behavior for clicking on link.*/
	color:yellow;/*Change text color.*/
}

/*=================================*/
/*============Header===============*/
/*=================================*/
/*This sets the box of the header.*/


.header{
	/*width: 50%;/*Set width of header.*/
	/*border: 1px dotted blue;/*Sanity check*/
	/*margin-left: 0px;*/
	/*margin-right: 0px;*/
	/*margin-top: 0px;*/
	/*margin-bottom: 0px;*/
	/*padding-left: 10px;*/
	/*padding-right: 10px;*/
	padding-top: 20px;
	padding-bottom: 7.5px;
	vertical-align: bottom;
	text-align: left;

}

.subheader{
	/*border: 1px dotted black;/*Sanity check*/
	position:relative;
	padding-top: 10px;
}

.frank{
	/*border: 1px dotted white;*/
	color: #1C1F2A;
	text-shadow: #333F48 1px 1px 3px;
	float: left;
	font-size: 3.5em;
	font-weight: 400;
	letter-spacing: 6px;
	line-height: 100%;/* 150% best practice*/
}


.subfrank{
	display:inline-block;
	color: #1C1F2A;
	float:left;
	font-size: 2.0em;
	font-weight 400;
	letter-spacing: 3px;
	line-height: 130%;
}



/*=================================*/
/*============Home Page=============*/
/*=================================*/
/*Home page only mods.*/

.mborder{
	border:3px solid #897322;
	border-radius: 2px;
	
}


/*=================================*/
/*============Gallery============*/
/*=================================*/


.gallery{
	margin-top: 10px;
	padding-top:20px;
	text-align: center;
	float:left;
}

.galitem{
	float:left;
	margin: 0 2.25% 50px 2.25%; 
	position: relative;
	width: 20%;
	height:220px;
	box-shadow: 7px 7px 5px #3a312e;
	overflow: hidden;
}

.galitem2{
	float:left;
	margin: 0 2.25% 50px 2.25%; 
	position: relative;
	width: 19%;
	height:220px;
	box-shadow: 7px 7px 5px #3a312e;
	overflow: hidden;
}

.galitem img{
	position: absolute;
	width:100%;
	height:auto;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.thumb img.land{
	width:auto;
	height:100%;
}

a img {
	display: block;
}

a div {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.6);
	color: #ddd;
	padding: 20px;
	line-height: 2.0em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

a:hover div {
	display: block;
}


.portrait{
	float:right;
	margin-left:25px;
	margin-bottom: 25px;
	box-shadow: 7px 7px 5px #3a312e;
}

.showcase{
	float:left;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 15px;
	width: 100%;
}

.showcase img{
	box-shadow: 7px 7px 5px #3a312e;
}

.showtext{
	float:right;
	padding-top: 50px;
	width: 55%;
	height: auto;
}

.ptitle{
	font-size: 2.0em;
	font-weight: 700;
	line-height: 1.5em;
}

.pmedium{
	font-size: 1.3em;
	font-weight: 400;
	line-height: 1.2em;
}

.psize{
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.2em;
}

.psum{
	font-size: 1.0em;
	font-weight: 400;
	line-height: 1.2em;
}

.return a{/*Properties of hyperlinks within v-nav.*/
	color: #1C1F2A;/*Link text color*/
	/*line-height: 50px;/*Override document line height to control height of block.*/
	text-decoration: none;/*Remove underline from hyperlink.*/
	display:inline;
	padding-left: 0px;/*Link block specific padding.*/
	padding-right: 0px;/*Link block specific padding.*/
	font-size: 1.0em;
}

.return a{/*Properties of hyperlinks within v-nav.*/
	color: #1C1F2A;/*Link text color*/
	/*line-height: 50px;/*Override document line height to control height of block.*/
	text-decoration: none;/*Remove underline from hyperlink.*/
	display:inline;
	padding-left: 0px;/*Link block specific padding.*/
	padding-right: 0px;/*Link block specific padding.*/
}

.return a:hover{/*Conditonal behavior for hovering on link.*/
	color:red;/*Change text color.*/
}

.return a:active{/*Conditonal behavior for clicking on link.*/
	color:yellow;/*Change text color.*/
}

/*=================================*/
/*============Biography============*/
/*=================================*/


.biography{
	margin-top: -20px;
	padding-top:20px;
	text-align: left;
	color: #1C1F2A;
	font-size: 1.2em;
	letter-spacing: 1 px;
	word-spacing: 1px;
}


/*=================================*/
/*============Contact============*/
/*=================================*/


.contact{
	margin-top: 10px;
	padding-top:20px;
	text-align: center;
	color: #1C1F2A;
}

.contact a{/*Properties of hyperlinks within v-nav.*/
	color: #1C1F2A;/*Link text color*/
	/*line-height: 50px;/*Override document line height to control height of block.*/
	text-decoration: none;/*Remove underline from hyperlink.*/
	display:inline;
	padding-left: 0px;/*Link block specific padding.*/
	padding-right: 0px;/*Link block specific padding.*/
}

.contact a:hover{/*Conditonal behavior for hovering on link.*/
	color:red;/*Change text color.*/
}

.contact a:active{/*Conditonal behavior for clicking on link.*/
	color:yellow;/*Change text color.*/
}



/*=================================*/
/*============Section L============*/
/*=================================*/
/*This sets the box of the left section.*/
/*Control margin and padding of contents within box.*/

.left{
	/*border: 1px dotted blue;/*Sanity check*/
	color: #1C1F2A;
	display:inline-block;/*Allow element to move all the way to the left of the global box.*/
	/*margin-left: 0px;*/
	/*margin-right: 0px;*/
	/*margin-top: 0px;*/
	/*margin-bottom: 0px;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	width:47%;
	float:left;
}


/*=================================*/
/*============Section R============*/
/*=================================*/
/*This sets the box of the right section.*/
/*Control margin and padding of contents within box.*/

.right{
	/*border: 1px dotted purple;/*Sanity check*/
	color: #1C1F2A;
	display:inline-block;
	/*margin-left: 0px;*/
	/*margin-right: 0px;*/
	/*margin-top: 0px;*/
	/*margin-bottom: 0px;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	width:47%;
	float:left;
}




/*=================================*/
/*============Footer===============*/
/*=================================*/
/*This sets the box of the footer.*/
/*Control margin and padding of contents within box.*/

.footer{
	color: #1C1F2A;
	font-size: 0.8em;
	letter-spacing: 2px;
	/*border: 1px dotted green;/*Sanity check*/
	/*font-size: 0.67em;/*Supercede text size from global setting.*/
	/*margin-left: 0px;*/
	/*margin-right: 0px;*/
	/*margin-top: 0px;*/
	/*margin-bottom: 0px;*/
	/*padding-left: 10px;*/
	/*padding-right: 10px;*/
	padding-top: 25px;
	padding-bottom: 10px;
	text-align: center;
	clear:both;
}


.footer a{/*Properties of hyperlinks within v-nav.*/
	color: #1C1F2A;/*Link text color*/
	/*line-height: 50px;/*Override document line height to control height of block.*/
	text-decoration: none;/*Remove underline from hyperlink.*/
	display:inline;
	padding-left: 0px;/*Link block specific padding.*/
	padding-right: 0px;/*Link block specific padding.*/
}

.footer a:hover{/*Conditonal behavior for hovering on link.*/
	color:red;/*Change text color.*/
}

.footer a:active{/*Conditonal behavior for clicking on link.*/
	color:yellow;/*Change text color.*/
}

.copyright{
	float:left;
	color: #1C1F2A;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 100%;/* 150% best practice*/
	text-align:left;
	text-transform: uppercase;
	margin-top: 7.5px;
	/*border: 1px dotted red;*/
}