form, p, ul, ol, dl, dt, dd, li, body, h1, h2, h3, h4, h5, h6, td, tr, button, input, fieldset { margin: 0; padding: 0; }
header,footer,article,section,hgroup,nav,figure	{ display: block; }

*, *:before, *:after 	{
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


body					{ font-family: Verdana, Arial, sans-serif; font-size: 62.5%; background-color: #C7C7C7; height: 100vh; }

body.single				{ background-repeat: no-repeat; background-size: cover; }

a						{ color: #b91e23; text-decoration: none; }
a:hover					{ text-decoration: underline; }

a img					{ border: none; }

.row					{ width: 100%; }

.row.main				{ position: fixed; top: 20px; z-index: 9999; }

header					{ position: absolute; z-index: 999; }
header nav				{ width: 100%; background-color: #b91e23; padding: 5px 0 6px; /*margin-top: 12px;*/ font-size: 1.7em; }
header nav ul			{ list-style-type: none; text-align: center; }
header nav ul li		{ padding: 0 15px; display: inline-block; }
header nav ul li a		{ color: white; }


nav.sub					{ border-bottom: 1px solid #C1C1C1; position: fixed; width: 37.6%; background-color: rgba(255, 255, 255, 0.9); height: 100px; top: 0; }
nav.sub ul				{ list-style-type: none; padding: 68px 8.3333333% 15px; }
nav.sub ul li			{ display: inline-block; font-size: 1.4em; margin-right: 25px; }
nav.sub ul li a			{ color: #000; }
nav.sub ul li a.active	{ color: #b91e23; }

.main_logo				{ position: fixed; top: 78px; left: 30px; z-index: 999; }

.main_wrap				{ width: 100%; overflow: auto; padding: 0 3%; position:absolute; z-index:99; pointer-events: none; }

.col_1					{ width: 60%; float: left; }
.col_2					{ width: 40%; background-color:rgba(255,255,255,0.8); float: left; pointer-events: all;  }

.ie8 .col_2				{ background-color: white; }

.main_content			{ padding: 115px 8.3333333%; }

.single .main_content	{ padding: 140px 8.3333333% 80px; }

p						{ font-size: 1.4em; margin-bottom: 20px; line-height: 1.7em; }

.home h1				{ font-weight: bold; font-size: 3.2em; line-height: 1.4em; }
.home h2				{ font-weight: normal; font-size: 2.2em; margin-bottom: 45px; }

.single h1				{ font-weight: bold; font-size: 3.2em; line-height: 1.4em; margin-bottom: 45px; }
.single h2				{ font-weight: normal; font-size: 2.2em; margin-bottom: 20px; }

.mobile_pics			{ display: none; }

.bio.summary				{ margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid black; }
.single .bio.summary h2		{ margin-bottom: 5px; }

.single .bio h2		{ margin-bottom: 20px; }
.single .bio h3		{ margin-bottom: 20px; font-size: 1.6em; font-weight: normal; font-style: italic; }
.single .bio h4		{ font-weight: normal; font-size: 16px; margin-bottom: 7px; text-decoration: underline; }

.bid_summary				{ margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid black; }

.single .bid_summary h2		{ margin-bottom: 5px; }
.single .bid_summary h3		{ margin-bottom: 20px; font-size: 1.6em; font-weight: normal; font-style: italic; }
.single .bid_summary h4		{ font-weight: normal; font-size: 16px; margin-bottom: 7px; text-decoration: underline; }

.next_prev				{ width: 100%; background-color: rgba(255, 255, 255, 0.9); overflow: auto; border-top: 1px solid #C1C1C1; }
.next_prev a			{ display: block; padding: 20px 8.3333333%; width: 50%; font-size: 1.5em; }
.next_prev a:hover		{ background-color: #B91E22; text-decoration: none; color: white; }

.next_prev .prev		{ float: left; text-align: left; }
.next_prev .next		{ float: right; text-align: right; }

.main_content ul.project_list			{ list-style-type: none; font-size: 1.8em; margin-left: 0; }
.main_content ul.project_list li		{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #000; }

.photo_nav				{ z-index: 9999; }

.next_image a			{ display: block; padding: 20px 8.3333333%; background-color: rgba(255, 255, 255, 0.9); border-top: 1px solid #C1C1C1; font-size: 1.5em; cursor: pointer; }
.next_image a:hover		{ background-color: #B91E22; text-decoration: none; color: white; }

#supersized li			{ background: white; }

.main_content ul		{ margin: 0 0 20px 25px; font-size: 1.4em; line-height: 1.7em; }
.main_content ul ul		{ font-size: 1em; margin-bottom: 0; }

.mobile-caption			{ color: white; margin-bottom: 0; padding: 5px 5% 10px; background: black; }


/*===============================================
	MOBILE NAVIGATION
===============================================*/

.mobile_nav_bar						{ display: none; padding: 15px; background-color: #B91E23; }
.mobile_nav_bar	a.nav_icon			{ color: white; font-size: 1.6em; font-weight: 300; text-decoration: none; text-transform: white; background: url('/images/styles/icon_mobile_nav.png') no-repeat 0 4px; background-size: 25% 50%; padding-left: 25px; }

.navobile-navigation				{ background: black; }

ul.sliding_nav						{  }
ul.sliding_nav li					{ /*border-bottom: 1px solid #AF9E69;*/ }
ul.sliding_nav li a					{ display: block; width: 100%; color: white; font-size: 1.6em; text-transform: uppercase; padding: 14px 10%; text-decoration: none; font-weight: 300; }
ul.sliding_nav li a:hover, ul.sliding_nav li a:active, ul.sliding_nav li a.active			{ background-color: white; color: black; }



/*===============================================
	SLIDESHOW
===============================================*/

.slideshow_controls {
	right: auto;
    top: auto;
	bottom: 25px;
    left: 30px;
}

.caption_title {
	font-weight: normal;
    font-size: 1.6em;
    margin-bottom: 20px;
    background-color: black;
    color: white;
    padding: 15px 20px;
    width: 300px;
	transform: skew(-10deg);
}

.caption_title span{
	transform: skew(10deg);
	display: block;
}




@media only screen and (max-width: 1100px) {

	.col_1					{ width: 50%; }
	.col_2					{ width: 50%; }

	nav.sub					{ width: 47%; }

}

@media only screen and (max-width: 860px) {

	body					{ background-color: #000; height: 100%; }

	header					{ height: 100%; text-align: center; position: relative; }

	header nav				{ display: none; }

	.row.main				{ position: relative; }

	.col_1					{ width: 100%; }
	.col_2					{ width: 100%; }

	nav.sub 				{ width: 100%; position: relative; height: 100%; min-height: 20px; }
	nav.sub ul				{ padding: 15px 4.3333333%; }
	nav.sub ul li			{ margin-right: 20px; }

	.main_logo				{ position: relative; margin: 40px auto 30px; text-align: center; top: auto; left: auto;  }

	.single .main_content	{ padding: 40px 8.3333333% }

	.mobile_nav_bar			{ display: block; }

	.navobile-content		{ background-color: #C7C7C7; }

	.mobile_pics			{ display: block; }

	.mobile_pics img		{ width: 100%; height: auto; display: block;}

	.next_image				{ display: none; }

	.next_prev a			{ padding: 20px 2.3333333% 20px 4.3333333%; font-weight: bold; font-size: 1.2em; }

	.next_prev .next		{ padding: 20px 4.3333333% 20px 2.3333333%; }

	nav.sub ul li			{ font-weight: bold; font-size: 1.2em; }

	.main_wrap				{ position: relative; }



}

@media only screen and (max-width: 500px) {


	.main_logo				{ width: 100%; height: auto; padding: 0 5%; }

	.single h1				{ font-size: 2.4em; }
	.single h2				{ font-size: 1.8em; }

}