@charset "UTF-8";


/*---------------------------------------------------------*/
/*------------------------CSS RESET------------------------*/
/*---------------------------------------------------------*/


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;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
sup {
	vertical-align:super;
	font-size: 60%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table.membership {
	width: 100%;
	border-collapse:separate;
	border-spacing: 20px;
	margin-left: -25px;
}
table.membership td {
	width: 45%;
	border-bottom:1px SOLID #000;
	padding:0%;
	padding-left: 0%;
}
table.membership-dues {
	width: 100%;
	border: none;
}
table.membership-dues td {
	border-bottom: none;
	padding: 0 5px 5px 0;
}

table.summary {
	width: 100%;
}

.summary td,
.summary th {
	font-size: 12px;
	line-height: normal;
	text-align: left;
	padding-bottom: .5em;
}

.summary th {
	font-weight: bold;
	width: 1%;
	min-width: 100px;
	padding-right: 1em;
	white-space: nowrap;
}

.summary .member_data div:nth-child(4n+1):not(:first-child) {
	padding-top: 10px;
}


/*---------------------------------------------------------*/
/*---------------------------MISC--------------------------*/
/*---------------------------------------------------------*/



body {
	background-color: #000;
	color: #fff;
	height: 100%;
	font-family: 'architype', Arial, Helvetica, sans-serif;
	font-weight: 200;
}
#everything {
	background: none;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.container {
	background: none;
	width: auto;
	height: auto;
	margin: 0 auto;
	max-width: 1200px;
}
#clear {
	clear:both;
}
.logomobile {
	display: none;
}
.byline {
	font-size: 10px;
	display: block;
	line-height: 12px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'DIN Next W01 Medium', sans-serif;
}
.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0px;
}
/*---------------------------------------------------------*/
/*---------------------------TEXT--------------------------*/
/*---------------------------------------------------------*/

/*
font-family:'DINNextLTW01-UltraLight 706122';
font-family:'DINNextLTW01-UltraLight 706125';
font-family:'DIN Next W01 Light';
font-family:'DINNextW01-LightItalic';
font-family:'DIN Next W01 Regular';
font-family:'DIN Next W01 Italic';
font-family:'DIN Next W01 Medium';
font-family:'DINNextW01-MediumItalic';
font-family:'DIN Next W01 Bold';
font-family:'DINNextW01-BoldItalic';
font-family:'DIN Next W01 Heavy';
font-family:'DINNextW01-HeavyItalic';
font-family:'DIN Next W01 Black';
font-family:'DINNextW01-BlackItalic';
font-family:'DINNextW01-CondensedUlt';
font-family:'DINNextW01-CondensedLig';
font-family:'DINNextW01-CondensedReg';
font-family:'DINNextW01-CondensedMed';
font-family:'DINNextW01-CondensedBol';
font-family:'DINNextW01-CondensedHea';
font-family:'DINNextW01-CondensedBla';
font-family:'DINNextRoundedLTW01-Lig';
font-family:'DINNextRoundedLTW01-Reg';
font-family:'DINNextRoundedLTW01-Med';
font-family:'DINNextRoundedLTW01-Bol';
*/

h1 {
	font-family: 'architype', sans-serif;
	font-size: 56px;
	line-height: 1.4;
	font-weight: 700;
	color: #111111;
	margin: 0 0 20px 0;
}
h2 {
	font-family: 'architype', Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
	text-transform: none;
	color: #000;
	margin: 0 0 20px 0;
	font-weight: bold;
}
h3 {
	font-family: 'architype', sans-serif;
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	color: #ee2129;
	margin: 0 0 15px 0;
	font-weight: 700;
}
h4 {
	font-family: 'architype', sans-serif;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	color: #000;
	margin: 0 0 15px 0;
	font-weight: 700;
}
h5 {
	font-family: 'architype', Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-transform: none;
	color: #000;
	margin: 0 0 20px 0;
	font-weight: bold;
}
h6 {
	font-family: 'architype', sans-serif;
	font-size: 8px;
	line-height: 8px;
	font-weight: 700;
	text-transform: uppercase;
	color: #333333;
	margin: 0 0 20px 0;
}
h3 span {
	font-family: 'DIN Next W01 Regular', sans-serif;
	font-size: 14px;
	line-height: 22px;
	text-transform: none;
	color: #333333;
	margin: 0 0 15px 0;
	font-weight: normal;
}
p {
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 1rem 0;
}
#contentright p {
	font-size: 11px;
	line-height: 15px;
	color: #000;
	margin: 0 0 13px 0;
}
strong {
	font-weight: bold;
}
em {
	font-style:italic;
}
a, :visited {
	color: #ee2129;
	text-decoration: none;
	font-weight: bold;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s ;
}
a:hover {
	color: #000;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s ;
}
hr {
	width: 100%;
	border: none;
	height: 1px;
	background: #ccc;
	margin: 20px 0;
}
#contentleft img {
	max-width: 100%;
	height: auto !important;
}
#contentleft #hero img {
	width: 100%;
	margin: 0;
}
#contentleft img[align=left] {
	max-width: 50%;
	margin: 0 20px 20px 0;
}
#contentleft img[align=right] {
	max-width: 50%;
	margin: 0 0 20px 20px;
}
#contentright img {
	width: 100%;
	margin: 0 0 20px 0;
}
#contentright img[align=left] {
	width: 100%;
	margin: 0 0 20px 0;
}
#contentright img[align=right] {
	width: 100%;
	margin: 0 0 20px 0;
}
blockquote {
	float: right;
	font-family: 'DINNextW01-LightItalic', sans-serif;
	width: 40%;
	font-size: 28px;
	line-height: 28px;
	text-transform: none;
	color: #ee2129;
	margin: 0 0 20px 15px;
}



/*---------------------------------------------------------*/
/*---------------------------MENU--------------------------*/
/*---------------------------------------------------------*/

.navbar-fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10000;
}
.navbar-shadow {
	box-shadow: rgba(0,0,0,.25) 0px 2px 2px;
}
#top,
.navbar-panel {
	background: #fff;
	color: #000;
}
#top a,
.navbar-panel a {
}
@media(max-width:1029px) {
	#top {
		padding: 0 15px;
	}
}
.navbar-panel {
	border-top: 1px solid #fff;
	padding: 10px 15px;
}
#logo {
	float: left;
	width: 222px;
	padding: 14px 0 14px 0;
}
#logo img {
	max-width: 100%;
	height: auto;
}
#search {
	float: right;
	text-align: right;
}
#search .nav, #search-form {
	float: left;
}
#search .collapsed {
	display: none;
}
#search-form {
	width: 240px;
	margin: 0;
	padding: 20px 15px 0 0;
}
#search-cancel {
	display: none;
}
#search-toggle {
	float: left;
	padding: 29px 0 10px 10px;
}
#search .form-group .btn, #search .form-group .form-control {
	float: left;
}
#search .form-group .btn {
	width: 20px;
	margin: 7px 0 0 0;
	padding: 0;
	border: none;
}
#search .form-group .form-control {
	margin-right: -26px;
}
#search .nav a, #search .nav span {
	float: left;
	display: block;
	padding: 30px 0 20px 15px;
}
#search .nav a:hover {
	text-decoration: underline;
}
#search .nav span a, #search .nav span span {
	float: none;
	display: inline-block;
	padding: 0;
}
#search .nav span.cart-info {
	padding-left: 20px;
}
#search .nav span.label-default {
	margin: -2px 0 -2px 2px;
	padding: 2px 4px;
	background-color: #fff;
	color: #ee2129;
	color: rgb(238,33,41);
}

@media(max-width:767px) {
	.hidden-mobile {
		display: none !important;
	}
	#search .collapsed {
		width: auto;
	}
	#search-form {
		float: none;
		position: absolute;
		top: 71px;
		right: 0;
		left: 0;
		background: #ee2129;
		z-index: 1000;
		padding: 15px 15px 5px;
	}
	#search-cancel {
		float: left;
		width: 20px;
		text-align: center;
		display: inline-block;
		padding: 10px 10px 15px 0;
		margin-right: -100%;
		position: relative;
		z-index: 1000;
	}
	#search-form .form-group {
		float: left;
		width: 100%;
		padding-left: 30px;
	}
}
#site-content {
	background: #fff;
	color: #000;
}
#menu {
	background: #fff;
	color: #000;
	display: none;
}
.navbar-nav > li a {
	display: block;
	width: 100%;
	padding: 10px 15px;
	color: #777;
	font-family: 'architype', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 1px solid #ee2129;
	box-sizing: border-box;
}
.navbar-nav > li a:hover {
	color: #ee2129;
}
.navbar-nav > li a .toggle {
	float: right;
	cursor: pointer;
	padding: 0 0 0 15px;
}
#sidebar .navbar-nav {
	margin: 30px 0;
	border-top: 1px solid #ccc;
}
#sidebar .navbar-nav,
#sidebar .navbar-nav > li,
#sidebar .navbar-nav > li a {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
	text-transform: none;
}
#sidebar .navbar-nav > li a {
	padding: .25em 0;
	font-family: 'architype', Arial, sans-serif;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}
#sidebar .navbar-nav > li.active a {
	color: #ee2129;
	font-weight: bold;
}
.sub-menu {
	display: none;
}
.sub-menu.active {
	display: block;
}
.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 10px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	cursor: pointer;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	background-color: #fff;
	border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 4px;
}
.navbar-nav > li .sub-menu li a {
	padding: 10px 15px 10px 30px;
}

@media(min-width:768px) {
	.hidden-desktop {
		display: none !important;
	}
	.navbar-toggle, .navbar-nav > li a .toggle {
		display: none;
	}
	#menu {
		display: block !important;
	}
	.navbar-nav {
		display: table;
		width: 100%;
		border-collapse: collapse;
	}
	.navbar-nav > li {
		position: relative;
		display: table-cell;
		text-align: center;
		box-sizing: border-box;
		width: 1%;
	}
	.navbar-nav > li a {
		padding: 1em 0;
		border: none;
		white-space: nowrap;
	}
	#submenu {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 100;
		background-color: #eee;
		-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
		box-shadow: 0 6px 12px rgba(0,0,0,.175);
	}
	.sub-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		box-sizing: border-box;
		min-width: 100%;
		padding: 0;
		margin: 0;
		font-size: 14px;
		text-align: left;
		list-style: none;
		background-color: #eee;
		background-color: rgba(238,238,238,.5);
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: none;
		border-radius: 0;
	}
	.navbar-nav > li:nth-last-child(-n+2) .sub-menu {
		left: auto;
		right: 0;
		text-align: right;
	}
	.sub-menu.active {
		display: none;
	}
	.navbar-nav > li .sub-menu li a {
		display: block;
		padding: 15px 15px 5px 15px;
		box-sizing: border-box;
		text-transform: none;
	}
	.navbar-nav > li .sub-menu li:last-child a {
		padding-bottom: 15px;
	}
}


/*---------------------------------------------------------*/
/*------------------------CONTENT--------------------------*/
/*---------------------------------------------------------*/

#content,
#sidebar,
#contentleft,
#contentright {
	box-sizing: border-box;
}
#admin {
	padding: 0 15px;
}
#content {
	width: 80%;
	float: left;
	background: #fff;
	min-height: 500px;
	padding: 0 15px 0 0;
	clear: none;
}
@media(max-width:1029px) {
	#content {
		padding: 0 15px;
	}
	#sidebar {
		padding: 0 15px;
	}
}
#contentleft {
	float: left;
	width: 75%;
	padding: 0 15px 4% 0;
}
.full-width#content,
.full-width#contentleft {
	float: none;
	width: 100%;
	padding-right: 0;
}
#contentright {
	float: right;
	width: 25%;
	padding: 30px 0;
	color: #333;
}
#sidebar {
	float: right;
	width: 20%;
}
#hero {
	width: 100%;
	margin: 0 0 30px 0;
}
#hero a {
	display: block;
	padding: 0;
	margin: 0;
}
#hero img {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#secondarynews {
	margin: 0;
}
#secondaryitem {
	font-family: 'architype', sans-serif;
	font-size: 22px;
	line-height: 26px;
	font-weight: 700;
	margin: 0 0 30px 0;
}
#secondaryitem a {
	color: #ee2129;
	font-weight: 400;
}
#secondaryitem a:hover {
	color: #000;
}
#secondaryitem a.register {
	display: inline-block;
	background: #ee2129;
	color: #fff;
	font-size: 13px;
	line-height: 13px;
	padding: 4px 10px 3px 10px;
}
#secondaryitem a.register:hover {
	background: #000;
	color: #fff;
}
#secondaryitem p {
	font-weight: 400;
	font-family: 'architype', Arial,sans-serif;
}
#tertiarynews {
	font-size: 12px;
	line-height: 14px;
	text-transform: none;
	margin: 0 0 30px 0;
}
#tertiaryitem {
	border-top: 1px solid #ebebeb;
	padding: 30px 0 15px 0;
}
#tertiaryitem img[align=left] {
	float: left;
	display: block;
	width: 25%;
	margin: 0 10px 10px 0;
}
#tile1, #tile2, #tile3 {
	display: block;
	color: #fff;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 10px;
}
#tile1 {
	background: #abe009;
}
#tile1:hover {
	background: #9acb03;
}
#tile2 {
	background: #21d3ee;
}
#tile2:hover {
	background: #16c2dc;
}
#tile3 {
	background: #ee2129;
}
#tile3:hover {
	background: #db1b22;
}
#tiletitle {
	font-size: 30px;
	margin: 0 0 5px 0;
}
#tilesub {
	font-size: 17px;
}
article {
	padding: 30px 0 0 0;
}
article.news-entry {
	margin: 0 0 30px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid rgb(204,204,204);
}

article ol,
article ul,
#content ol,
#content ul {
	margin-bottom: 1rem;
	margin-left: 1.125rem;
}
article li,
#content li {
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
}

#quicklinks span {
	font-size: 11px;
	font-family: 'architype', sans-serif;
	color: #000;
	line-height: 11px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	margin: 0 0 15px 0;
}
#quicklinks ul {
	color: #444;
	text-transform: none;
	font-weight: bold;
	display: block;
	margin: 0 0 15px 0;
}
#quicklinks li {
	font-size: 12px;
	line-height: 18px;
	list-style: none;
}
#quicklinks li.featured {
	font-size: 18px;
}
#quicklinks li a {
	color: #444;
	display: block;
}
#quicklinks li a:hover {
	color: #ee2129;
}
#quicklinks li.featured a {
	color: #ee2129;
	padding-bottom: 6px;
}
#quicklinks li.featured a:hover {
	color: #000;
}




/*---------------------------------------------------------*/
/*------------------------MICROSITE------------------------*/
/*---------------------------------------------------------*/

.microsite .byline {
	display: none;
}
.microsite #menu {
	display: none;
}
.microsite h1 {
	color: #000;
}
#micrositenav {
	font-size: 12px;
	line-height: 12px;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}
#micrositenav.entries {
	text-transform: none;
}
#micrositenav.designnight a {
	color: #0093d0;
}
#micrositenav a:hover {
	color: #000 !important;
}
#micrositenav li {
	margin: 0 0 5px 0;
}
.microsite #hero {
	float: left;
	width: 66.66%;
	padding: 0px 0 0% 4%;
	margin: 4% 0 30px 0;
}



/*---------------------------------------------------------*/
/*------------------------PORTFOLIO------------------------*/
/*---------------------------------------------------------*/

#featuredproject {
	width: 32.33%;
	margin: 0 1% 1% 0;
	float: left;
	position: relative;
	overflow: hidden !important;
	padding-bottom: 25px;
}
#featuredproject a {
	display: block;
	width: 100%;
	height: 90%;
}
#featuredproject #fpshading {
	padding: 10%;
	height: 65%;
	position:absolute;
	top: -100%;
	left: 0;
	width: 80%;
	background: rgba(0, 0, 0, .5);
	transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	zoom: 0;
	filter: alpha(opacity=0);
	opacity: 0;
}
#featuredproject:hover #fpshading {
	top: 0;
	transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}
.fpname {
	font-family: 'architype', Arial, Helvetica, sans-serif;
	text-align:left;
	color: #fff;
	display: block;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0 0 5px 0;
}
.fpsub {
	font-family: 'architype', Arial, Helvetica, sans-serif;
	text-align:left;
	color: #fff;
	display: block;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
}



/*---------------------------------------------------------*/
/*--------------------------FOOTER-------------------------*/
/*---------------------------------------------------------*/

#footer {
	background: #000;
	color: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
}
@media(max-width: 1029px) {
	#footer {
		padding: 30px 15px;
	}
}
#footer p {
	line-height: 1.5;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	text-decoration: underline;
}
.a-group {
	margin: 30px 0 0 0;
	padding: 10px;
	background: #f0f0f0;
}
.a-group h4 {
    text-align: center;
    margin-bottom: 5px;
}
.a {
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
	text-align: center;
}
.a img {
	max-width: 100%;
	height: auto;
}
#footer-copyright {
	text-align: center;
}
#footer-social {
	text-align: center;
}
#footer-social .btn {
	display: block;
	width: 100%;
	padding: 10px;
	border-radius: 0px;
}
#footer-social .social-icons a {
	display: inline-block;
	padding: 0 .5em;
}
@media(min-width: 768px) {
	#footer-copyright {
		float: left;
		width: 60%;
		text-align: left;
	}
	#footer-social {
		float: right;
		width: 200px;
	}
}



/*---------------------------------------------------------*/
/*--------------------------MOBILE-------------------------*/
/*---------------------------------------------------------*/

@media only screen and (max-device-width : 1000px), only screen and (max-width: 1000px) {
	#tiletitle {
		font-size: 30px;
	}
	#tilesub {
		font-size: 14px;
	}
}
@media only screen and (max-device-width : 900px), only screen and (max-width: 900px) {
	#tiletitle {
		font-size: 25px;
	}
	#tilesub {
		font-size: 14px;
	}
}
@media only screen and (max-device-width : 750px), only screen and (max-width: 750px) {
	.byline br {
		display: none;
	}
	#contentleft {
		float: none;
		width: auto;
		padding: 0;
	}
	#contentright {
		float: none;
		width: auto;
	}
	#content, #sidebar {
		float: none;
		width: auto;
	}
	.microsite #hero {
		padding:0px;
		width: 100%;
		margin: 0px 0px 0px 0;
	}
	.microsite #contentright {
		float: left;
		display: block;
		width: 92%;
		background: #ebebeb;
		padding: 4% 4% 1% 4%;
		margin: 0 0 30px 0;
	}
	#micrositenav li {
		margin: 0 20px 5px 0;
		float: left;
	}
	#micrositenav {
		margin: 0 0 10px 0;
	}
}
@media only screen and (max-device-width : 675px), only screen and (max-width: 675px) {
	#overview {
		font-size: 22px;
		line-height: 26px;
	}
	.byline {
		display: none;
	}
	h1 {
		font-size: 30px;
		line-height: 30px;
	}
	#secondaryitem {
		font-size: 20px;
		line-height: 20px;
		margin: 0 0 30px 0;
	}
}
@media only screen and (max-device-width : 600px), only screen and (max-width: 600px) {
	.container {
		width: 100%;
	}
	.a-group {
		display: block;
		clear: left;
		width: auto;
		height: auto;
	}
	#contentleft img[align=left], #contentleft img[align=right] {
		max-width: 100%;
		margin: 0 0px 20px 0;
	}
	#featuredproject {
		width: 49%;
	}
	#featuredproject #fpshading {
		height: 60%;
	}
	table.membership {
		margin-left: -20px;
	}
	table.membership tbody tr td {
		display: block;
		width: 100%;
	}
	table.membership tr, table.membership tr + table.membership tr {
		margin-top: 1em;
	}
	table.membership-dues {
		min-width: 450px;
	}
	table.membership-dues tbody tr td {
		width: 33%;
		display: inline-block;
		min-width: 160px;
	}
}
.the-list {
	counter-reset: my-counter;
}
.the-list dt {
	position: relative;
	font-family: 'architype', sans-serif;
	font-size: 16px;
	font-weight: 700;
	padding: 4px 0 10px 0;
}
.the-list dt:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	position: absolute;
	left: 0;
	top: 0;
	font-family: 'architype', sans-serif;
	font-size: 44px;
	color: #ee2129;
	font-weight: 700;
}
.the-list dd {
	margin: 0 0 50px 0;
	font-size: 12px;
	line-height: 16px;
}
.the-list dt, .the-list dd {
	padding-left: 50px;
}
/************************** Clearfix */
.cf:before, .cf:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}
.margin-center {
	margin-left: auto;
	margin-right:auto;
}
/************************** Images */
.image-left {
	float: left;
	clear:none;
	padding:0px 15px 10px 0px;
}
.image-right {
	float: left;
	clear:none;
	padding:0px 0px 10px 15px;
}
.products-list a, .products-list a:visited {
	font-weight: normal;
	color: #000;
	line-height: 1.5em;
}
.products-list a.red, .products-list a.red:visited {
	color: #EE2129;
}
.products-list a:hover {
	text-decoration: underline;
	color: #EE2129;
}
.products-list .single-product {
	clear: both;
	border-bottom: 1px #ccc dotted;
	padding: 10px 0px;
}
.products-list .product-index-left {
	clear: both;
	float: left;
	width: 30%;
}
.products-list .product-index-right {
	float: right;
	width: 60%;
}
article .form-horizontal table {
	width: 100%;
	margin-bottom: 30px;
}
article .form-horizontal table thead tr th {
	font-family: 'architype', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #EE2129;
	cursor: default;
	text-align: left;
	padding: 10px;
	font-weight: 700;
}
article .form-horizontal table tr {
	padding: 5px 0px;
	border-bottom: 1px solid #ddd;
}
article .form-horizontal table tbody tr td {
	text-align: center;
	padding: 10px;
}
article .form-horizontal table tbody tr td.prod {
	text-align: left;
}
article .form-horizontal table tbody tr td.prod .options_list {
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 0;
}
article .form-horizontal table tbody tr td.prod .options_list div:first-child {
	padding-top: 10px;
}
article .form-horizontal table tbody tr td.totals_tag {
	text-align: right;
	text-transform: uppercase;
	padding-right: 15px;
	font-size: .9em;
}
article .form-horizontal table tbody tr td.totals_val {
	text-align: right;
	font-family: 'architype',sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	text-transform: uppercase;
}
article .form-horizontal table tbody tr td.text-center, article .form-horizontal table thead tr th.text-center {
	text-align: center;
}
strong.red {
	color: #EE2129;
}
.results-scroller {
	overflow: hidden;
	overflow-y: scroll;
}
.form-group, .form-group * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form-group {
	margin-bottom: 15px;
}
.form-group label {
	display: block;
	line-height: 1.5;
}
.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
select[multiple], select[size] {
	height: auto;
}
.form-group .btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.form-group .btn-primary {
	color: #fff;
	background: #ee2129;
	border-color: #ee2129;
}
.form-group .btn-primary:hover {
	background: #ab0a10;
	border-color: #ab0a10;
	text-decoration: none !important;
}
.form-group .btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.form-group .btn-default:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
/* alert styles */
.alert {
	position: relative;
	font-size: 12px;
	line-height: 16px;
	padding: .75rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
}
.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.alert-info {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}
.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}
.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}
/* button styles */
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.btn-default, .btn-default:hover {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.btn-primary, .btn-primary:hover {
	color: #fff;
	background-color: #ee2129;
	border-color: #ee2129;
}
.btn-group-lg>.btn, .btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}
.btn-group-sm>.btn, .btn-sm {
	padding: 4px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.btn-group-xs>.btn, .btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
/* table styles */
.table-responsive {
	min-height: .01%;
	overflow-x: auto;
}
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
.table a {
	font-weight: normal;
}
.table td, .table th {
	text-align: left;
}
.table th {
	font-weight: bold;
}
.table-bordered {
	border: 1px solid #ddd;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border: 1px solid #ddd;
}
.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 8px;
	font-size: 14px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
	padding: 5px;
	font-size: 12px;
	line-height: 1.5;
}
.table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}
@media screen and (max-width: 767px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	}
	.table-responsive>.table-bordered {
		border: 0;
	}
}
@media screen and (max-width: 1029px) {
	#admin .table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	}
	#admin .table-responsive>.table-bordered {
		border: 0;
	}
}


/*---------------------------------------------------------*/
/*-------------------------NEW SITE------------------------*/
/*---------------------------------------------------------*/
@font-face {
	font-family: 'architype';
	font-display: auto;
	src: url('/fonts/architype-light-webfont.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'architype';
	font-display: auto;
	src: url('/fonts/Architype-Bold.woff') format('woff'),
	     url('/fonts/Architype-Boldprint.woff') format('woff'),
	     url('/fonts/Architype-Bold.woff2') format('woff2'),
	     url('/fonts/Architype-Boldprint.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	}
	
@font-face {
	font-family: 'architype';
	font-display: auto;
	src: url('/fonts/Architype-BoldItalic.woff') format('woff'),
	     url('/fonts/Architype-BoldItalic.woff2') format('woff2');
	font-weight: 700;
	font-style: italic;
}

@font-face{
	font-family: 'architype';
	font-display: auto;
	src: url('/fonts/architype-light-webfont.woff') format('woff'),
	     url('/fonts/architype-light-webfont.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'architype';
	font-display: auto;
	src: url('/fonts/Architype-LightItalic.woff') format('woff'),
	     url('/fonts/Architype-LightItalic.woff2') format('woff2');
	font-weight: 300;
	font-style: italic;
}

#top .container {
	display: flex;
	align-items: center;
	flex-direction: column;
}

#nav {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-grow: 1;
	flex-shrink: 0;
	font-family: 'architype', Arial, sans-serif;
	text-align: center;
}

#nav a {
	font-size: 1.09375rem;
    font-weight: 200;
	color: #111;
	padding: 0 1rem;
}

#nav a:hover,
#nav a.active {
	color: #fa4132;
}

#nav span {
	display: none;
}

@media(max-width:767px) {

	#logo {
		float: none;
		width: auto;
	}

	#logo a img {
		width: 144px;
		height: auto;
	}

	#nav a {
		padding: .25rem 1rem;
	}

}

@media(min-width:768px) {

	#top .container {
		flex-direction: row;
	}

	#nav {
		flex-direction: row;
		position: relative;
		top: -1px;
		margin-right: 44px;
	}

	#nav span {
		display: inline;
	}

}