/*
	Common Responsive Stylesheet
	Denver Web Success
*/
html	{ -webkit-text-size-adjust: none; }

/* MENUS */

*	{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
nav						{ display:block; position:relative;  }
nav, nav a				{ color:#403400; text-decoration:none; }
nav a					{ display:block; padding:10px; }
nav ul					{ padding:0; margin:0; }
nav ul li				{ float:left; display:inline; position:relative; background:transparent; border-right:1px solid white; }
nav ul li ul			{ left:0; top:100%; }
nav ul ul				{ display:none; }
nav li:hover > ul		{ display:block; position:absolute; z-index:1000; width:120px; }
nav ul ul li:hover > ul	{ right:-120px; top:0; left:auto; }
nav input, nav label	{ display:none; }
nav label				{ width:100%; float:left; padding:10px; line-height:30px; padding-right:0; cursor:pointer;
							-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

@media only screen and (max-width:740px) {
	nav label, nav ul li ul	{ display:block; }
    nav ul					{ display:none; clear:both; }
    nav input:checked + ul	{ display:block; }
    nav ul ul li a:before	{ content:'-  '; display:inline; }
    nav ul li				{ float:none; display:block; border:none; padding-left:10px; }
    nav li:hover ul			{ position:relative; width:auto; }
    nav ul ul li:hover > ul	{ right:auto; top:auto; left:auto; }
}

/* COLUMNS */

.row		{ max-width:1370px; margin:0 auto; }

.section					{ clear:both; padding:0; margin:0; }

.group:before, .group:after	{ content:""; display:table; }
.group:after				{ clear:both; }
.group						{ zoom:1; }					/* For IE 6/7 (trigger hasLayout) */

.col				{ display:block; float:left; margin:0 0 0 1.6%; }
.col:first-child	{ margin-left:0; }					/* all browsers except IE6 and lower */
@media only screen and (max-width: 480px) {
	.col	{ margin: 0 0 0 0%; }						/*  Remove margins as all go full width at 480 pixels */
}

.span-8-of-8	{ width:100%; }
.span-7-of-8	{ width:87.3%; }
.span-6-of-8	{ width:74.6%; }
.span-5-of-8	{ width:61.9%; }
.span-4-of-8	{ width:49.2%; }
.span-3-of-8	{ width:36.5%; }
.span-2-of-8	{ width:23.8%; }
.span-1-of-8	{ width:11.1%; }

/* Go Full Width at less than 640 pixels */
@media only screen and (max-width: 640px) {
	.span-8-of-8 { width:100%; }
	.span-7-of-8 { width:100%; }
	.span-6-of-8 { width:100%; }
	.span-5-of-8 { width:100%; }
	.span-4-of-8 { width:100%; }
	.span-3-of-8 { width:100%; }
	.span-2-of-8 { width:100%; }
	.span-1-of-8 { width:100%; }
}

.span-12-of-12	{ width: 100%; }
.span-11-of-12	{ width: 91.53%; }
.span-10-of-12	{ width: 83.06%; }
.span-9-of-12	{ width: 74.6%; }
.span-8-of-12	{ width: 66.13%; }
.span-7-of-12	{ width: 57.66%; }
.span-6-of-12	{ width: 49.2%; }
.span-5-of-12	{ width: 40.73%; }
.span-4-of-12	{ width: 32.26%; }
.span-3-of-12	{ width: 23.8%; }
.span-2-of-12	{ width: 15.33%; }
.span-1-of-12	{ width: 6.86%; }
@media only screen and (max-width: 640px) {
	.span-12-of-12	{ width: 100%; }
	.span-11-of-12	{ width: 100%; }
	.span-10-of-12	{ width: 100%; }
	.span-9-of-12	{ width: 100%; }
	.span-8-of-12	{ width: 100%; }
	.span-7-of-12	{ width: 100%; }
	.span-6-of-12	{ width: 100%; }
	.span-5-of-12	{ width: 100%; }
	.span-4-of-12	{ width: 100%; }
	.span-3-of-12	{ width: 100%; }
	.span-2-of-12	{ width: 100%; }
	.span-1-of-12	{ width: 100%; }
	.col			{ margin:0; }
}


/* IFRAME WRAP */

.iframewrap			{ height:0; padding-bottom:56.25%; position:relative; width:100%; }
.iframewrap iframe	{ height:100%; top:0; left:0; position:absolute; width:100%; }


/* IMAGES */

img				{ max-width:100%; }
.imagefull	{ border:none; width:100%; position:relative; }
.imageleft	{ float:left; margin:0px 20px 10px 0px; border:none; max-width:80%; }
.imageright	{ float:right; margin:0px 0px 10px 20px; border:none; max-width:80%; }
.imagegone	{ max-width:50%; }
.imagetop	{ margin-top:5px; }
@media only screen and (max-width: 600px) {
	.imageleft, .imageright { float:none; margin:0; width:100%; max-width:100%; }
	.imagegone { display:none; }
}

div.imgdesc			{ position:absolute; bottom:4px; left:0; margin:0; padding:0; max-width:100%; width:100%; }
div.imgdesc			{ background-color:#498393; background:#498393\6; background: rgba(49, 83, 93, 0.6); }
div.imgdesc p		{ color:#ffffff; font-size:13px; line-height:16px; }
p.imgdesc_content	{ padding:10px; margin:0px; }