/********************************************
	Tag Resets
********************************************/

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	min-height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #3d3d3d;
	font-weight: normal;
}
p  {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #3d3d3d;
	font-weight: normal;
	margin: 0;
	padding: 0 0 12px 0;
}
a  {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #da1a32;
	font-weight: normal;
	text-decoration: none;
}
a:hover  {
	color: #000;
	text-decoration: none;
}
ul {
	margin:0 0 0 0;
	padding: 0 0 0 0; 
	list-style-image:url('/images/dot_red.png');
}
li { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	text-indent:0px; 
	margin:0px 0px 5px -25px;
	padding: 0 0 0 12px;
}
h1 {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 36px;
	line-height: 44px;
	letter-spacing: 1.5px;
	font-weight: 400;
	color: #000;
	text-transform: uppercase;
}

h2 {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 21px;
	line-height: 30px;
	letter-spacing: 1.5px;
	font-weight: 400;
	color: #556e79;
}

h2 a {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 21px;
	line-height: 30px;
	letter-spacing: 1.5px;
	font-weight: 400;
	color: #556e79;
	text-decoration: none;
}

h2 a:hover {
	color: #000;
	text-decoration: none;
}

h3 {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	color: #cf0a2c;
}

h4 {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	color: #000;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
audio,
canvas,
video {
	display: block;
}

img {
	max-width:100%;
}

.header {
	clear: both;
	padding: 0px;
	margin: 0 0 10px 0;
}

.section_full {
	clear: both;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.section_slide {
	clear: both;
	padding: 0px;
	margin: 0px;
	max-width: 1400px;
	text-align: left;
}

.section {
	clear: both;
	padding: 0px;
	margin: 0 0 10px 0;
	max-width: 960px;
	text-align: left;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0 0 0 0;
}


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}

#homeSlideshow {position:absolute; top:100px; overflow:visible; padding:0; width:100%;}
#homeSlideshowContent { text-align:left;}
.hmSlide-content {position:relative;}
.hmSlide-nav {position:absolute; float:right; top:20px; right:0px; text-align:left; width:300px; padding:0; z-index: 500;}
.hmSlide-nav-pos {float:right; text-align:right; padding:0;}
.hmSlide-nav ul {padding:0; margin:0; list-style:none; text-align:right;}	
.hmSlide-nav ul li {float:left; padding-right:10px;}
.hmSlide-connect {position:absolute; top:0px; left:0px;}

.span_full {
	width: 100%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*  GRID OF TWO  */
.span_1_of_2 {
	width: 50%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*  GRID OF THREE  */
.span_1_of_3 {
	width: 33.333%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.span_2_of_3 {
	width: 66.667%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*  GRID OF FOUR  */
.span_1_of_4 {
	width: 25%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.span_1_of_4n {
	width: 25%;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.span_3_of_4n {
	width: 75%;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*  GRID OF SIX  */
.span_1_of_6 {
	width: 16.666%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.span_2_of_6 {
	width: 33.333%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*  GRID OF SEVEN  */
.span_1_of_7 {
	width: 16.666%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.span_2_of_7 {
	width: 33.333%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.remove960 {
	display: block;
}
.remove768 {
	display: block;
}
.add768 {
	display: none;
}
.remove640 {
	display: block;
}
.add640 { 
	display: none;
}
.remove480 {
	display: block;
}

@media screen and (max-width: 960px) {
	.remove960 {
		display: none;
	}
}

@media screen and (max-width: 900px) {
	#homeSlideshow {position:absolute; top:145px; overflow:visible; padding:0; width:100%;}
}

@media screen and (max-width: 768px) {
   .span_1_of_4 {
		width: 50%;
	}
	.remove768 {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	#homeSlideshow {position:relative; top:0px; overflow:visible; padding:0; width:100%;}
	.hmSlide-nav {display: none;}
	.hmSlide-connect {position:absolute; top:-115px; left:0px;}
	h2 {
		padding-top: 40px;
	}
   .span_1_of_2 {
		width: 100%; 
	}
   .span_1_of_3 {
		width: 100%;
	}
	.span_2_of_3 {
		width: 100%; 
	}
   .span_1_of_4 {
		width: 100%;
	}
   .span_1_of_4n {
		width: 100%;
	}
   .span_3_of_4n {
		width: 100%;
	}
   .span_1_of_6 {
		width: 33.333%;
	}	
   .span_2_of_6 {
		width: 66.667%;
	}	
	.remove640 {
		display: none;
	}
	.add640 {
		display: block;
	}
}

/* ******************************************
    Media Queries for screen less than 30em (480px)
****************************************** */
	
@media screen and (max-width: 480px) {			
   .span_1_of_6 {
		width: 50%; 
	}
	.remove480 {
		display: none;
	}
}

/* ******************************************
    Media Queries for screen less than 22.5em (360px)
****************************************** */
	
@media screen and (max-width: 360px) {	
   .span_1_of_6 {
		width: 100%; 
	}
}