/* ==========================================================================FONTS
   
   GENERAL FONTS
   --------------------
  font-family: 'aileronblack';
  font-family: 'aileronbold';
  font-family: 'aileronblack_italic';
  font-family: 'aileronheavy';
  font-family: 'aileronbold_italic';
  font-family: 'aileronheavy_italic';
  font-family: 'aileronlight_italic';
  font-family: 'aileronitalic';
  font-family: 'aileronlight';
  font-family: 'aileronsemibold';
  font-family: 'aileronsemibold_italic';
  font-family: 'aileronregular';
  font-family: 'aileronthin_italic';
  font-family: 'aileronultralight';
  font-family: 'aileronthin';
  font-family: 'aileronultralight_italic';

   GENERAL COLOR SCHEME
   --------------------
   LIGHT BLUE   #0082cb
   YELLOW       #FFD519
   GOLD         #B29200
   LIGHT GRAY   #E3E3E3
   LIGHTER GRAY #F7F7F7

   ========================================================================== */
   
* {margin:0;padding:0;} 
html,button,input,select,textarea {color: #222;}
html, body {}
hr {display: block; height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0; padding: 0;}
audio,canvas,img,video {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}

/* ========================================================================== FOR OUTDATED BROWSWERS ========================================================================== */
.browsehappy {margin: 0.2em 0;background: #ccc;color: #000; padding: 0.2em 0;}

html, body {height: 100%;background:#f8f8f8;font-size:100%;line-height: 1.4;font-family:'aileronlight', Arial, Helvetica, sans-serif;color:#1a1a1a;}
h1 {font-size: 2.2em;} 
h2 {font-size: 2.0em;} 
h3 {font-size: 1.8em;} 
h4 {font-size: 1.6em;} 
h5 {font-size: 1.4em;} 
h6 {font-size:1.2em;}

h2.subhead {font-size:1.5em;color:#B29200}

p {font-size:1em;margin:0 0 .75em;padding:0;}
p.size2 {font:1.4em/1.4em 'aileronlight', Arial, Helvetica, sans-serif;color:#666}

/* ==========================================================================NAVIGATION========================================================================== */
nav {z-index: 1;margin-bottom: -72px; /* nav height */transition: box-shadow 400ms;}
  
.sticky{position: fixed;top: 0; left: 0;z-index: 2; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);background:#1a1a1a;-moz-box-shadow: 0px 19px 15px 0px rgba(0,0,0,0.8);
box-shadow: 0px 19px 15px 0px rgba(0,0,0,0.8);border-bottom:1px solid #FFF}
  
#nav {width: 100%;margin: 0 auto;overflow: auto;display:block !important;}
#nav .clickr {color: #ffffff;display: block;text-align:center;padding:0;display: none;text-decoration:none;cursor:pointer;}
#nav ul {margin: 0;padding: 0;text-align:center;}
#nav ul li {list-style: none;margin:0;display:inline-block;padding: 0;}
#nav a {
  display:block;
  margin:0;
  padding:6px 20px;
  font-family:'aileronblack', Arial, Helvetica, sans-serif;
  font-size:.8em;
  line-height:normal;
  color: #B29200;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow:1px 2px 0 rgba(0,0,0,.1);
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s; 
}

#nav a span {display:block;margin:0;padding:0;font-family: 'aileronregular', Arial, Helvetica, sans-serif;line-height:normal;color:#FFF}

#nav ul li:first-child {}

#nav ul li a:hover {background: #0082cb;color:#FFF;text-shadow:1px 1px 0 #0082cb, 3px 3px 0px rgba(0,0,0,.15);border-radius:4px; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) {
	#nav {display:block;margin:0 auto 0 auto;background:#0082cb;padding:5px}
	#nav .clickr {display: block;line-height:normal;margin:0;padding:0 15px 0 0;}
	#nav .clickr i {float:right;border:	2px solid #fff;padding:4px 6px;border-radius:4px;font-size: 1.75em;}
	#nav .clickr span {float:left;font-family:'aileronheavy_italic', Arial, Helvetica, sans-serif;line-height:2.5;padding:0 0 0 5px;}
	#nav ul {display: none;}
	#nav ul li  {display:block;border-top: 1px solid rgba(255,255,255, 1);/*border-bottom: 1px solid rgba(255, 255, 255, 0.1)*/margin:0 0 0 -5px;padding:0;}
	#nav ul li:first-child {margin-top:50px}
    #nav a {display:block;font-size:1em;border:none;padding:5px 0;color:#FFF;}
	#nav a:hover {color:rgba(255,255,255,.5);}
	#nav ul li a {font-size:.9em}
	#nav ul li a:hover {background:#B29200;text-shadow:none}
	}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}


/* ==========================================================================SLIDER========================================================================== */

.cbp-fwslider {position: relative;margin: 0;overflow: hidden;padding: 0;}
.cbp-fwslider ul {margin: 0;padding: 0;list-style-type: none;white-space:normal}
.cbp-fwslider ul li {-webkit-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);float: left;display: block;margin: 0;padding: 0;}
.cbp-fwslider ul li .container {min-height:300px;max-height:300px;margin-top:30px;padding:20px 20px 0 20px;background: #f8f8f8 url(../images/ghostknight2.png) no-repeat 106% 50%;border-radius:25px 25px 0 0}
.cbp-fwslider ul li .container > a,
.cbp-fwslider ul li .container > div {display: block;outline: none;color:#666;text-decoration:none;}
.cbp-fwslider p {font-size:1.25em;line-height:1.4em;white-space:normal}
.cbp-fwslider ul li > a img {border: none;display: block;margin: 0 auto;max-width: 75%;}

.cbp-fwslider ul li .container .container_2 {background: #f8f8f8 url(../images/ghostknight2.png) no-repeat 106% 50%;}

.cbp-fwslider a {text-decoration:none;color:inherit}

.cbp-fwslider h1 {font-family:'aileronblack_italic', sans-serif;text-transform:uppercase;color:rgba(178,146,0,1)}
.cbp-fwslider h3 {position:absolute;bottom:40px;font-family:'aileronblack_italic', sans-serif;text-align:center;line-height:normal;color:#fff}

.cbp-fwslider nav span {
	position: absolute;
	top: 50%;
	width: 75px;
	height: 100px;
	background: rgba(0,0,0,.35);
	color: #fff;
	font-size: 50px;
	text-align: center;
	margin-top: -50px;
	line-height: 100px;
	cursor: pointer;
	font-weight: normal;
	text-align:center;
}

.cbp-fwslider nav span:hover {background: rgba(255,255,255,.35);}
.cbp-fwslider nav span.cbp-fwnext {right: 0px;border-radius:25px 0 0 25px;border:4px solid rgba(255,255,255,.5);border-right:none;}
.cbp-fwslider nav span.cbp-fwprev {left: 0px;border-radius:0 25px 25px 0px;border:4px solid rgba(255,255,255,.5);border-left:none;}
.cbp-fwdots {position: absolute;bottom: 0px;white-space: nowrap;text-align: center;width: 100%;}
.cbp-fwdots span {display: inline-block;width: 14px;height: 14px;background:rgba(0,130,203,.5);margin: 4px 8px;border-radius: 50%;cursor: pointer;}
.cbp-fwdots span:hover {background:rgba(0,130,203,1);}
.cbp-fwdots span.cbp-fwcurrent {background: #666;-webkit-transition: box-shadow 0.2s ease-in-out;-moz-transition: box-shadow 0.2s ease-in-out;
transition: box-shadow 0.2s ease-in-out;
}

ul.points {list-style-type:none;}
ul.points li {margin:0;padding:0 0 6px 0;font-size:1.25em;list-style-position:outside}
ul.points li:before {font-family: 'FontAwesome';content: '\f132';margin:0 6px 0 0;color:#0082cb}

/* ==========================================================================GENERAL STYLES========================================================================== */

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#wrap {min-height: 100%;}
#main {overflow:auto;padding-bottom: 290px;}  /* must be same height as the footer */

#footer {position: relative;margin-top: -290px; /* negative value of footer height */height: 290px;clear:both;} 	
#footer {background:#666;font-family:'aileronsemibold', sans-serif;color:#FFF;font-size:.75em}
.footer_content {padding:20px 0;overflow:hidden;}
.footer_content ul {margin:-5px 0 0 0;padding:0;list-style-type:square;font-size:1.1em}
.footer_content ul li {display:block;padding:6px 0;color:#FFF;list-style-position:inside}
/*.footer_content ul li:before {font-family: 'FontAwesome';content: '\f14c';margin:0 4px 0 0;}	*/
.footer_content h2 {font: 1.75em 'aileronblack_italic', Arial, Helvetica, sans-serif;color:#fff;margin:0;padding:0 0 4px 0;line-height:normal;font-weight:normal;text-shadow:1px 2px 0 rgba(0,0,0,.5)}
.footer_content h3 {font: 1.25em 'aileronbold', Arial, Helvetica, sans-serif;color:#FFF;padding:6px 0;font-weight:normal;}
.footer_content p  {font-size:1.1em;padding:0;}
.copyright {text-align:center;margin:8px 0 0 0;padding:7px 0 0 0; border-top:1px solid rgba(255,255,255,.5)}

.address-group {border:1px solid rgba(255,255,255,1);width:75%;margin:0 0 10px 0;padding:0;border-radius:4px;background:rgba(0,0,0,.1)}
.address-group-addon {display:inline-block;border-right:1px solid rgba(255,255,255,1);margin:0;padding:5px;font-size:1.2em}
.address-group p {display:inline-block;line-height:normal;margin:0;padding:0 0 0 10px}

h1,h2,h3,h4,h5,h6 {font-family: 'aileronblack_italic', Arial, Helvetica, sans-serif;margin:0;padding:0;text-shadow:none;font-weight:normal;word-spacing:6px}

.floatleft {float:left;margin:-5px 30px 0 0}
.floatright {float:right}

/* Gradient transparent - color - transparent */
hr.style-two { display:block;margin-bottom:40px;border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)) }

   
.textcenter {text-align:center}
	
img {max-width: 100%;height: auto;width: auto/9; /* ie8 */border:0}

.header {padding:20px 0;background:#1a1a1a;color:#FFF;}

.slider, .hero {background:url(../images/pattern.jpg)}

.slidershadow {clear:both;display:block;background:url(../images/slidershadow.png) no-repeat top center;margin:-1px 0 0 0;height:50px}

.hero_a {height:350px;position:relative;
background-image: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 12%), url(../images/hero_a.jpg) no-repeat right; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(12%,rgba(0,0,0,0))), url(../images/hero_a.jpg) no-repeat right; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_a.jpg) no-repeat right; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_a.jpg) no-repeat right; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_a.jpg) no-repeat right; /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_a.jpg) no-repeat right; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ), url(../images/mechanic.jpg) no-repeat right; /* IE6-9 */
}

.hero_b {height:350px;position:relative;
background-image: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 12%), url(../images/hero_b.jpg) no-repeat right; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(12%,rgba(0,0,0,0))), url(../images/hero_b.jpg) no-repeat right; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_b.jpg) no-repeat right; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_b.jpg) no-repeat right; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_b.jpg) no-repeat right; /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_b.jpg) no-repeat right; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ), url(../images/hero_b.jpg) no-repeat right; /* IE6-9 */
}

.hero_c {height:350px;position:relative;
background-image: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 12%), url(../images/hero_c.jpg) no-repeat right; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(12%,rgba(0,0,0,0))), url(../images/hero_c.jpg) no-repeat right; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_c.jpg) no-repeat right; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_c.jpg) no-repeat right; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_c.jpg) no-repeat right; /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_c.jpg) no-repeat right; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ), url(../images/hero_c.jpg) no-repeat right; /* IE6-9 */
}

.hero_d {height:350px;position:relative;
background-image: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 12%), url(../images/hero_d.jpg) no-repeat right; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(12%,rgba(0,0,0,0))), url(../images/hero_d.jpg) no-repeat right; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_d.jpg) no-repeat right; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_d.jpg) no-repeat right; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_d.jpg) no-repeat right; /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_d.jpg) no-repeat right; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ), url(../images/hero_d.jpg) no-repeat right; /* IE6-9 */
}

.hero_e {height:350px;position:relative;
background-image: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 12%), url(../images/hero_e.jpg) no-repeat right; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(12%,rgba(0,0,0,0))), url(../images/hero_e.jpg) no-repeat right; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_e.jpg) no-repeat right; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_e.jpg) no-repeat right; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_e.jpg) no-repeat right; /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_e.jpg) no-repeat right; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ), url(../images/hero_e.jpg) no-repeat right; /* IE6-9 */
}

.hero_f {height:350px;position:relative;
background-image: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 12%), url(../images/hero_f.jpg) no-repeat right; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(12%,rgba(0,0,0,0))), url(../images/hero_f.jpg) no-repeat right; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_f.jpg) no-repeat right; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_f.jpg) no-repeat right; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_f.jpg) no-repeat right; /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 12%), url(../images/hero_f.jpg) no-repeat right; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ), url(../images/hero_f.jpg) no-repeat right; /* IE6-9 */
}

.herotagline {position:absolute;top:50px;left:20px;width:40%;}
.herotagline h1 {font:2.4em/1em 'aileronblack_italic', Arial, Helvetica, sans-serif;color:rgba(178,146,0,1);margin:0 0 10px 0;padding:0;text-transform:uppercase;font-weight:normal}
.herotagline p {font:1.2em/1.5em 'aileronregular', Arial, Helvetica, sans-serif;color:#666;margin:0;padding:0;}

.uptop {position:relative;}
.uptop .login a {position:absolute;top:0;right:0;background-color: rgba(0,130,203,1);margin-top:-20px;padding:4px 10px;border-radius:0 0 4px 4px;color:#fff;text-decoration:none;font-family:'aileronsemibold', Arial, Helvetica, sans-serif;font-size:.8em}
.uptop .login a:hover {background-color: rgba(0,130,203,.8);}

ul.contact {list-style: none;color:#FFF;padding:0 20px;text-align:center}
ul.contact li {display: inline;padding:0 2px;font-size:1.5em;font-family:'aileronbold_italic', Arial, Helvetica, sans-serif;}
ul.contact li.locs {color:#FFD519}
ul.contact li span {color: #fff; /* orange */display: inline;font-style: normal;}

ul.other {margin:0 0 0 20px;padding:0}
ul.other li {list-style-type:square;list-style-position:outside;margin:0 0 10px 0}

.bluebox a {
	display:block;
	margin:0 0 20px 0;
	text-decoration: none;
	background-color: rgba(0,130,203,1);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:15px;
	color:#FFF;
	text-decoration:none;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	 box-shadow: 0 8px 6px -6px black;
	}
	
	.bluebox h1 {font-family: 'aileronblack_italic', Arial, Helvetica, sans-serif;color:#FFF;font-size:1.25em;line-height:normal;margin:0 0 5px;padding:0;text-shadow:none;font-weight:normal;}
	.bluebox h1:after {font-family: 'FontAwesome';content: '\f0a9';margin:0 0 0 5px;color:rgba(255,255,255, 1)}
	.bluebox p {font-family: 'aileronregular', Arial, Helvetica, sans-serif;font-size:.9em;line-height:1.5em;margin:0;padding:0;color:#fff;z-index:9995;}
    .bluebox a:hover {background:rgba(0,130,203,.75);}
	
.bluebox img {
  float:right;  
  clear:both;
  width:150px;
  margin: -10px -10px 10px 10px ;
}

/*.bluebox ul {list-style-type:none;margin:15px 0 0 0;padding:0;font-size:.9em;}
.bluebox ul li {margin:0;padding:0 0 6px 0;list-style-position:inside;}
.bluebox ul li:before {margin:0 10px 0 0;}
.bluebox ul li span {font-family: 'aileronbold';font-weight:normal}*/

.bluebox ul {display: table;margin:10px 0 0 0;padding:0;font-size:.9em;line-height:1.5em;}
.bluebox ul > li {display: table-row;margin:0 0 10px 0;padding:0}
.bluebox ul > li:before {font-family: 'FontAwesome';content: "\f14a";display: table-cell; text-align: left;width:20px}

/** Image has to be wrapped in div. This creates a shiv to bump down the image and all text to wrap **/
.rightimage:after {
  content: '' ;
  display:block;
  float: right;
  height: 155px; 
}

ul.sidebar  {margin:20px 0 0 20px;padding:0;font-size:.9em;line-height:1.5em;}
ul.sidebar li {margin:0 0 10px 0;padding:0;list-style-type:none}
ul.sidebar li:before {font-family: 'FontAwesome';content: "\f14a";padding-right:5px;color:#B29200}

/* ========================================================================== BUTTONS ========================================================================== */
.blu-button {
	margin:10px 0 0 0;
	display:inline-block;
	padding: 14px 26px;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	text-decoration:none;
	transition: background 0.1s ease-in-out;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	color: #fff;
	text-transform:uppercase;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:rgba(0,130,203,.8);
	box-shadow: 0px 4px 0px 0px rgba(0,130,203,1);
}

.blu-button:hover {
	background-color: rgba(0,130,203,1);}
	
	.gold-button {
	margin:10px 0 0 0;
	display:inline-block;
	padding: 14px 26px;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	text-decoration:none;
	transition: background 0.1s ease-in-out;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	color: #fff;
	text-transform:uppercase;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:rgba(178,146,0,.8);
	box-shadow: 0px 4px 0px 0px rgba(178,146,0,1);
}

.gold-button:hover {
	background-color: rgba (178,146,0,1);}
	
/* ========================================================================== FORM ========================================================================== */


#login {width:300px;border:1px solid #B29200;border-radius:4px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}

#login h3 {font-family: 'aileronheavy';font-size:18px;text-align:center;margin:0 0 20px 0;padding:5px;background:#B29200;color:white;border:1px solid transparent;letter-spacing:-1px}

#login form span {
  background-color: rgba(204,204,204,.5);
  border-radius: 3px 0px 0px 3px;
  color: rgba(0,130,203,.7);
  display:inline-block;
  float: left;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 48px;
  margin-left:20px;
  font-size:1.3em;
  border-right:2px solid white
}

#login form input {
  display:inline-block;
  height: 40px;
  border:none;
  background:rgba(204,204,204,.25);
  border-radius: 0px 3px 3px 0px;
  color: #606468;
  margin-bottom: 15px;
  margin-right:20px;
  padding: 0 16px;
  width:175px;
  font-family: 'aileronitalic';
  font-size:14px
}



#login form input:focus {border:0;box-shadow:inset 0 0 5px rgba(0,0,0,.3);}

#login form input[type="submit"] {
  display:inline-block;
  width:255px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: rgba(0,130,203,.8);
  color: #fff;
  margin-bottom: 2em;
  text-transform: uppercase;
  margin:0 20px
}

#login form input[type="submit"]:hover {
  background-color: rgba(0,130,203,1);
}

.warning {
	display: block;
	margin-top:20px;
	text-align: center;
	border-top:1px solid #B29200;
	padding: 15px 0;
	border-radius: 0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius: 0 0 4px 4px;
	font-family: 'aileronitalic';
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	color:#B29200;
}


/* ==========================================================================HELPER CLASSES========================================================================== */

/* Image replacement*/
.ir {background-color: transparent;border: 0;overflow: hidden;/* IE 6/7 fallback */*text-indent: -9999px;}
.ir:before {content: ""; display: block; width: 0;height: 150%;}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {display: none !important;visibility: hidden;}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden; padding: 0; position: absolute;width: 1px;}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto; height: auto;margin: 0;overflow: visible;position: static; width: auto;}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {visibility: hidden;}

/* Clearfix */

.clearfix:before,
.clearfix:after {content: " "; /* 1 */ display: table; /* 2 */}
.clearfix:after {clear: both;}

/* For IE 6/7 only */
.clearfix { *zoom: 1;}

/* ==========================================================================MEDIA QUERIES========================================================================== */


 /* iPads (landscape) ----------- */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : landscape) {
    .tablethidden {display:none;visibility:hidden;}
	}
	
	/* Smartphones (portrait and landscape) ----------- */
    @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px) {}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
	.slidershadow {clear:both;display:block;background:none;height:20px}
	
	h1 {font-size:1.5em;line-height:normal;margin:0 0 5px 0}
	h2 {font-size: 1.2em;color:#0082cb} 
	h2.subhead {font-size:1.2em}
    
    p.size2 {font-size:1em;line-height:1.4em}	
	
	#main {padding-bottom:0}
	
	.slider, .hero {display:none}

    #footer {position: relative;margin-top: 0;height: auto;}
	
	.header {margin:0;padding:0}
	.header .container {position:relative;width:100%;margin:0 auto;padding:0;}
	.header .container .thirteen.columns {width:100%;}
	.header img {padding:10px 0 0 20px}
	
    .uptop .login a {position:absolute;top:0;right:10px;margin-top:-140px;font-size:.75em}
	
	ul.contact {margin:0;padding:8px 0}
	ul.contact li {margin:0;padding:0;font-size:14px}
	
	.mobilehidden {visibility:hidden;display:none;}
	
    a[href^=tel]{color:inherit;text-decoration:none;}	
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}




/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}