* {outline-color:#bf1e2e;}
input:focus {-moz-outline: 2px outset #bf1e2e;}
* {box-sizing:border-box;}
*,*:before,*:after{box-sizing:inherit;}
html, body
	{
	height: auto;
	height: 100%;
	min-height: 100%;
	padding: 0px;
	margin: 0px;
	min-width: 1100px;
	}
html
	{
	overflow-y:scroll;
	box-sizing:border-box;
	overflow-x:hidden;
	}
body
	{
	font-family:'Open Sans', Arial, sans-serif;
	font-size:16px;
	color:#555555;
	line-height:1.6;
	background-color:#414142;
	background: #ffffff;
	}
img {image-rendering: auto; image-rendering: -webkit-optimize-contrast;}



#header
	{
	position: relative;
	height: 200px;
	border-top: 6px solid #bf1e2e;
	border-bottom: 1px solid #ccc;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
	z-index: 10;
	}


#logo {position:absolute; padding:12px 0px 14px 0px;}


#nav {position:absolute; top:104px; right:0; line-height:70px; margin:0; height:70px; font-size:16px; padding-left:20px; overflow-x:auto; overflow-y:hidden; transition:all 0.4s ease-in-out;}

#nav ul {font-size:0pt;display:inline-block;padding:0px;}
#nav li {font-size:16px;display:inline-block;}
#nav a {height:70px; padding: 0px 9px 0px 9px; display:inline-block; text-decoration:none; color:inherit; transition:background-color 0.3s ease-out, color 0.1s, text-shadow 0.5s ease-out, height 0.35s ease-in-out, border-bottom 0.3s ease-in-out;}
#nav a.active {border-bottom:4px solid #bf1e2e; color:#bf1e2e;}
#nav a:hover {background-color:#bf1e2e; border-bottom:4px solid #f11; color:#fff; /*text-shadow:0px 0px 5px #fff;*/}


#login_options {position:absolute; right:0; top:52px; text-align:right;}
#login {position:absolute; right:0; top:20px; display:block; width:0px; overflow:hidden; transition:width 0.3s;}
#login.show {display:block; width:600px;}
#login .input {padding:4px 6px 4px 6px; width:200px;}




#slideshow {position:relative; height:400px;}
#slideshow.large {height:733px;}
#slideshow.hidden {display:none;}
#slideshow section {position:absolute; width:100%; height:100%; top:0px; background-size:cover; background-position:center 30%;}
#slideshow .slideshow_controls {position:absolute; height:30px; width:30px; top:50%; margin-top:-15px; background-color:#fff; opacity:0.3; border-radius:50%; font-size:20pt; line-height:30px; text-align:center; font-family: Lato, sans-serif;}
#slideshow .slideshow_controls {position:absolute; height:30px; width:30px; top:50%; margin-top:-15px; background-color:#fff; opacity:0.3; border-radius:50%; font-size:18pt; line-height:28px; text-align:center; font-family: monospace;}
#slideshow .slideshow_controls:hover {opacity:0.7;}
#slideshow a {text-decoration:none;color:#000000;}
#slideshow .slideshow_controls_left {left:20px;}
#slideshow .slideshow_controls_right {right:20px;}
#slideshow .slide1 {background-image:url('images/slideshow/slideshow4.jpg'); background-position: center 35%;}
#slideshow .slide2 {background-image:url('images/slideshow/slideshow3.jpg'); background-position: center 50%;}
#slideshow .slide3 {background-image:url('images/slideshow/slideshow1.jpg'); background-position: center 56%;}
#slideshow .slide4 {background-image:url('images/slideshow/slideshow2.jpg'); background-position: center 18%;}
#slideshow.large .slide1, #slideshow.large .slide2, #slideshow.large .slide3, #slideshow.large .slide4 {background-position: 0% 0%;}




#content {min-height:800px; background-color:#fff; text-align:left; z-index:1;}
#content .subcontent {padding:35px 0px 35px 0px; width:100%;}
#content .subcontent:last-child {padding-bottom:75px;}
#content .subcontent_white {background-color:#fff;}
#content .subcontent_grey {background-color:#f8f8f8; background-color:#f4f4f4;}
#content .content_header {clear:both; display:block; color:#fff; border-radius:10px; background:#95090d url("images/binding_light_trans.png") repeat; border:1px solid #000; padding:20px; font-size:16pt; margin:0px 0px 30px 20px; box-shadow:5px 3px 8px rgba(0,0,0,0.5);}
#content img.img_card {border:1px #eee solid; padding:10px; background:#fff; border-radius:8px; box-shadow:3px 5px 10px rgba(0,0,0,0.25); box-sizing:content-box;}
#content img.float_left {margin-right:20px; float:left;}
#content img.float_right {margin-left:20px; float:right;}




#footer_top {height:40px; line-height:40px; font-size:11pt; background-color:#e0e0e0; border-top:1px solid #cccccc; box-shadow:0px 2px 4px rgba(0, 0, 0, .3) inset;}
#footer_top p {text-align:center;}
#footer_top strong {margin-left:30px; margin-left:65px;}
#footer_bottom {position:relative; left:0px; width:100%; min-width:1100px; height:auto; background-color:#333333; color:#cccccc; font-size:7pt; text-align:center; box-shadow:0px 3px 5px rgba(0, 0, 0, .3) inset;}











/* Scalable Columns */
.cs-col.text {padding-left: 5%; padding-right: 5%;}
.cs-container:after,.cs-container:before,.cs-panel:after,.cs-panel:before,.cs-row:after,.cs-row:before,.cs-row-padding:after,.cs-row-padding:before,
.cs-cell-row:before,.cs-cell-row:after,.cs-clear:after,.cs-clear:before,.cs-bar:before,.cs-bar:after{content:"";display:table;clear:both}
.cs-col,.cs-half,.cs-third,.cs-twothird,.cs-threequarter,.cs-quarter{float:left;width:100%}
.cs-col.s1{width:8.33333%}.cs-col.s2{width:16.66666%}.cs-col.s3{width:24.99999%}.cs-col.s4{width:33.33333%}
.cs-col.s5{width:41.66666%}.cs-col.s6{width:49.99999%}.cs-col.s7{width:58.33333%}.cs-col.s8{width:66.66666%}
.cs-col.s9{width:74.99999%}.cs-col.s10{width:83.33333%}.cs-col.s11{width:91.66666%}.cs-col.s12{width:99.99999%}
@media (min-width:601px){.cs-col.m1{width:8.33333%}.cs-col.m2{width:16.66666%}.cs-col.m3,.cs-quarter{width:24.99999%}.cs-col.m4,.cs-third{width:33.33333%}
.cs-col.m5{width:41.66666%}.cs-col.m6,.cs-half{width:49.99999%}.cs-col.m7{width:58.33333%}.cs-col.m8,.cs-twothird{width:66.66666%}
.cs-col.m9,.cs-threequarter{width:74.99999%}.cs-col.m10{width:83.33333%}.cs-col.m11{width:91.66666%}.cs-col.m12{width:99.99999%}}
@media (min-width:993px){.cs-col.l1{width:8.33333%}.cs-col.l2{width:16.66666%}.cs-col.l3{width:24.99999%}.cs-col.l4{width:33.33333%}
.cs-col.l5{width:41.66666%}.cs-col.l6{width:49.99999%}.cs-col.l7{width:58.33333%}.cs-col.l8{width:66.66666%}
.cs-col.l9{width:74.99999%}.cs-col.l10{width:83.33333%}.cs-col.l11{width:91.66666%}.cs-col.l12{width:99.99999%}}
/* End Scalable Columns */





a {color:#bf1e2e; text-decoration:none;}
a:hover {color:#ea4f5c; text-decoration:underline;}
a:active {color:#d43f4c; text-decoration:none;}
td {vertical-align: top;}
table.middle td {vertical-align: middle;}
td.label {text-align: right; padding-right:10px;}
p {margin: 1em 0em 1em 0em; padding: 0px; text-align: justify;}
ul, ol {margin: 0px 0px 1em 0px;}
h1, h2, h3, h4, h5, h6 {margin: 5px 0px 10px 0px; color:#bf1e2e; font-family: 'Open Sans', sans-serif; font-weight: normal; letter-spacing: 0;}
h1 {font-size:1.7em; font-size:1.9em; margin:0; line-height:1.3em;}
h2 {font-size:1.5em; font-size:1.7em; margin-bottom:20px;}
h2 {position:relative; padding-left:20px;}
h2::before {position:absolute; display:block; left:0px; height:43px; border-left:6px solid #bf1e2e; content:""}
h3 {font-size:1.25em;}
h4 {font-size:1.1em;}
a img {border:0;}
ol, ul {margin-bottom:0;}
hr {background-color:none; border:solid 1px #b02025; border-radius:100%; height:0;}
error, success {display:block; font-weight:bold; padding:11px; text-align:center; border-radius:3px;}
error {color:#cc0000; background-color:#ffd1d1; border:1px solid #bf1e2e;}
success {color:#009900; background-color:#d1eadb; border:1px solid #009900;}

.centred_content
	{
	width: 1100px;
	margin: 0px auto 0px auto;
	}
.red
	{
	/*color:#e22;
	color:#bf1e2e;*/
	}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

input, textarea, select, button {font-family: 'Open Sans', sans-serif; font-size: 16px;}
.input
	{
	box-sizing: border-box;
	width: 100%;
	padding: 4px 6px 4px 6px;
	padding: 11px 11px 11px 11px;
	border: 1px #aaaaaa solid;
	line-height: 23px;
	letter-spacing: 0px;
	border-radius: 3px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.075) inset;
	}
select.input {padding: 11px 7px 11px 7px;}


.button {
	padding:10px 75px 10px 75px;
	text-align:center;
	border:1px solid #999999;
	cursor:pointer;
	color:#000000;
	text-decoration:none;
	border-radius:5px;
	background:#e9e9e9;
	background:linear-gradient(to bottom, #e9e9e9 0%,#d7d7d7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d7d7d7',GradientType=0 );
	box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
}
.button:hover {
	background:#dfdfdf;
	text-decoration:none;
}
.button:focus {
	background:linear-gradient(to bottom, #d7d7d7 0%,#e9e9e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#e9e9e9',GradientType=0 );
	box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
}
.button:disabled {
	color: #808080 !important;
	background: #e6e6e6 !important;
	border: 1px solid #bababa !important;
	box-shadow: none !important;
	cursor: default !important;
}

.disabled {
	pointer-events: none;
	color: #808080 !important;
	background: #e6e6e6 !important;
	border: 1px solid #bababa !important;
	box-shadow: none !important;
	cursor: default !important;
}



.contact_pad {padding: 10px 15px 10px 15px;}
.contact_pad_h {padding: 0px 15px 0px 15px;}



.noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome and Opera */
}


/*
============================================================================
trying shit out here
============================================================================
*/

hr.half /* border based */
	{
	height:0;
	width:75%;
	margin-left:0;
	border:1px solid #bf1e2e;
	border-radius: 0 100% 100% 0;
	}
hr.half
	{
	height:3px;
	width:75%;
	margin-left:0;
	background:#bf1e2e;
	background: linear-gradient(to right, rgba(191,30,46,1) 0%,rgba(191,30,46,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf1e2e', endColorstr='#00bf1e2e',GradientType=1 );
	border:0px solid #bf1e2e;
	border-radius: 0 100% 100% 0;
	text-align: left;
	}
h1 + hr.half {margin-bottom:1.6em;}












@media (max-width:980px) {
	html, body {min-width: 980px;}
	.centred_content {width: 980px;}
	#footer_bottom {min-width: 980px;}
}