html { background: #4c4d4f; }

body { 
   background: none; 
   text-align: center; }
 
.wrapper {
   width: 1300px;
   position: relative;
   -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 25px 0 rgba(0,0,0,.2); } 

 
/* Site Header
------------------------------------ */
 
header {
	background: url(../img/tile-header.jpg) no-repeat top left;
	width: 100%;   
	height: 175px;
	position: relative;
	z-index: 100;}

#logo {
	  width: 300px;
	  height: 100px;
	  position: absolute;
	  top: 25px;
	  left: 75px;
	  display: block;
	  opacity: 1;
	  -webkit-transition: opacity .5s ease-in-out;
		 -moz-transition: opacity .5s ease-in-out;
		 -o-transition:   opacity .5s ease-in-out;
		 -ms-transition:  opacity .5s ease-in-out;
		 transition:      opacity .5s ease-in-out; }
	#logo:hover { opacity: .7; }
	#logo:active { opacity: .8; }
		
#utility { 
	background: none;
	margin: 0;
	position: absolute;
	top: 25px;
	right: 85px; }

#utility a {
	display:block;
	float: left;
	font-size: 17px;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out; 
	color: #fff;
	height: 17px;
	line-height: 17px;
	margin: 10px; }
#utility a:hover {
	background: none;
	color: #ffd200; }

#block-block-1 {
	float: right;
}

#utility #search {
	background: #0073bb;
	width: 200px;
	height: 30px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	margin: 4px 0 0 20px;
	float: left; }

/* Needed for Mega Menu Push Down */	
#pagecontent { }
		
/* --- Social Float --- */
#shortcuts {
	position: absolute;
	left: 1300px;
	top: 175px;
	z-index: 200;
	overflow: visible;
	zoom: 1; }
#shortcuts .menu {
	display: block; }
.shortcut-menu {
	display: list-item; }
	
#shortcuts .shortcut-menu a {
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	position: relative;
	z-index: 3;
	margin: 0 0 0 0;
	padding: 10px;
	background: #e09d00; /* Old browsers */
	background: -moz-linear-gradient(left,  #e09d00 0%, #ffd200 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e09d00), color-stop(40%,#ffd200)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #e09d00 0%,#ffd200 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #e09d00 0%,#ffd200 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #e09d00 0%,#ffd200 40%); /* IE10+ */
	background: linear-gradient(to right,  #e09d00 0%,#ffd200 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e09d00', endColorstr='#ffd200',GradientType=1 ); /* IE6-9 */
	color: #0073bb;
	text-align: center;
	font-family: 'trilogyicons';
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 20px;
	line-height: 20px;}
#shortcuts .shortcut-menu a.shortcut-pr { 
	font: 14px/14px 'Roboto Slab', 'serif';    
	font-weight: 700;
	text-transform: uppercase; }
#shortcuts .shortcut-menu a:hover { 
	background: #fff; 
	-webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,.2);
	box-shadow: 0 3px 0 0 rgba(0,0,0,.2); }

.shortcut-content {
	float: left;
	background: #fff;
	width: 220px;
	padding: 1em;
	margin: 0;
	position: absolute;
	z-index: 2;
	right: 40px;
	top: 0;
	display: none;
	font-size: 14px;
	line-height:1em;
	font-weight:400;
	color: #666; 
	text-align:left;
	-webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,.2);
	box-shadow: 0 3px 0 0 rgba(0,0,0,.2); }
#shortcuts ul { list-style:none; }
#shortcuts li:hover a { background: #fff; }
#shortcuts li:hover div { display: block; }

.shortcut-content-1 { top: 0px; }
.shortcut-content-2 { top: 40px; }
.shortcut-content-3 { top: 80px; }
.shortcut-content-4 { top: 120px; }
.shortcut-content-5 { top: 160px; }

#shortcuts .shortcut-content-1 p a, #shortcuts .shortcut-content-2 p a, #shortcuts .shortcut-content-3 p a, #shortcuts .shortcut-content-4 p a, #shortcuts .shortcut-content-5 p a {
	width: auto;
	font-family: 'RobotoSlab Regular';
	height: auto;
	padding:0px;
	display: inline;
	font-size: 14px;
	line-height: 14px;
	text-transform: none;
	
} 

#shortcuts .shortcut-content-1 p, #shortcuts .shortcut-content-2 p, #shortcuts .shortcut-content-3 p, #shortcuts .shortcut-content-4 p, #shortcuts .shortcut-content-5 p {
	font-family: 'RobotoSlab Regular';
	line-height: 16px;

}

#shortcuts .shortcut-content-1 a, #shortcuts .shortcut-content-2 a, #shortcuts .shortcut-content-3 a, #shortcuts .shortcut-content-4 a, #shortcuts .shortcut-content-5 a {
	font-family: 'Signika', 'sans-serif';
	height: auto;
	padding:0px;
	display: inline;
	text-transform: uppercase;
	font-size: 12px;
}

#shortcuts  p.social-head {
	font-family: 'Signika', 'sans-serif';
	text-transform: uppercase;
	font-size: 12px;
	color: #acbdce;
}

#shortcuts  span.social-links a {
	color: #ff633a;
	font-size: 10px;
}

#shortcuts span.social-links a+a:before {
	content:'\00B7';
	padding-right: 3px;
}


		
/* --- Join Form --- */

.signup {
	margin: 1.0em 0;
	background:url(../img/tile-signup.jpg) no-repeat center center;
	padding: 0;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px; }
	
	body.front .signup { width: 260px; height: auto; float: left; margin:0 0 0 -30px; overflow:hidden; }

.subscribe {
	padding: 20px;
	color: #fff;
	text-align: left; } 

.subscribe h2 {
	color: #fff;
	font-size: 28px;
	display:inline-block;
	margin-bottom: 4px; }
	
.subtitle {
	float: right;
	width: 100px;
	font: 12px/14px 'Signika', 'sans-serif';
	color: #a8c9ee;
	padding: 1px 0 0 5px; }

.subscribe li { 
   padding: 0; 
   display: block;
   text-align: left; }

.subscribe input { 
   background: #fff;/**/
   border: none;
   width: 93%;
   margin: 1px 0;
   padding: 8px; 
   cursor: pointer; 
   font-size: 18px;
   line-height: 1;
   color: #91afd1;
   -webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
   transition:            all .35s ease-in-out;    
      -webkit-transition: all .35s ease-in-out;  
		-moz-transition:    all .35s ease-in-out;  
		-o-transition:      all .35s ease-in-out;  
		-ms-transition:     all .35s ease-in-out; } 

.subscribe input:hover { 
   background-color: #fff;
   color: #000; }
      
 /* ---- Placeholder Text Equalizer - NEEEDED!! ---- */
.subscribe #content input:-moz-placeholder                    { opacity: 1; }
.subscribe #content input::-moz-placeholder                   { opacity: 1; }
.subscribe #content input:-ms-input-placeholder               { color: #000; }
.subscribe #content input::-webkit-input-placeholder          { color: #000; }
   .subscribe #content input:hover:-ms-input-placeholder      { color: #000; }
   .subscribe #content input:hover::-webkit-input-placeholder { color: #000; }       
   
.subscribe input.firstname { }
.subscribe input.lastname { }
.subscribe input.email { }
.subscribe input.zip_code { width: 50%; }
   
.subscribe input:focus { 
   background-color: #fff;
   color: #000;
   cursor: text; }

.subscribe button {
	clear: both;
	margin-top: 5px;
   background: #fff; 
   width: 100%;
   height: 50px;
   border: none;   
   overflow: hidden;
   display: block;
	font: 24px/24px 'Roboto Slab', 'serif';
	text-transform:uppercase;
   font-weight: 700;
   color: #0073bb;
   position: relative;
   cursor: pointer;
   text-align: center;
   -webkit-border-radius: 3px;
    border-radius: 3px;
   -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, .4);
        box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, .4);
   transition: background-color .35s ease-in-out; 	
		-webkit-transition: all .35s ease-in-out;  
		-moz-transition: all .35s ease-in-out;  
		-o-transition: all .35s ease-in-out;  
		-ms-transition: all .35s ease-in-out;  } 
.subscribe button:hover { background-color: #ffd200; color:#fff; }  
.subscribe button:active { 
   background-color: #ffd200; color: #0073bb; } 
.subscribe button span { display: block; }  

/* --- Site Header --- */

ul#connect {
   list-style: none;
   display: inline;
   position: absolute;
      right: 25px;
      top: 22px; }
ul#connect > li {
   width: 25px;
   display: inline-block; }

ul#connect > li a {
   background: rgba(26, 57, 71, .5) url(/theme/img/connect.png) no-repeat 0 0;
   height: 25px;
   display: block;
   position: relative;
   -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      -webkit-transition: background-color .5s ease-in-out;
			-moz-transition: background-color .5s ease-in-out;
			-o-transition: background-color .5s ease-in-out;
			-ms-transition: background-color .5s ease-in-out;
			transition: background-color .5s ease-in-out; }
ul#connect > li a:hover { background-color: rgba(235, 110, 31, 1); }
ul#connect > li a:active { 
   background-color: rgba(253, 184, 37, 1);
   -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25);
      -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25);
      box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25); }
      
ul#connect li.facebook a { background-position: 0 0; }
ul#connect li.twitter a { background-position: -25px 0 !important; }
header ul#connect li.youtube a { background-position: -50px 0 !important; }
header ul#connect li.flickr a { background-position: -75px 0 !important; }


/* Site Footer
------------------------------------ */

footer {
	clear: both;
	width: auto;
	padding: 35px 80px;
	font-size: 15px;
	line-height: 20px;
	color: #aeaeae;
	background: #1e1e1e; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e1e1e 0%, #2c2d2d 20%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e1e1e), color-stop(20%,#2c2d2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e1e1e 0%,#2c2d2d 20%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e1e1e 0%,#2c2d2d 20%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e1e1e 0%,#2c2d2d 20%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e1e1e 0%,#2c2d2d 20%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#2c2d2d',GradientType=0 ); /* IE6-9 */ }
      
footer .copy { font-size: 12px; clear: both; text-align: left; padding-top: 1.5em; } 
	footer .copy span { display: block; }
	footer .copy a { color: #aeaeae; } 

footer .address1, footer .address2 { float: right; text-align:left; width: 200px; margin-left: 3em; }
footer .address1 { margin-left: 0; }
footer .address1 span, footer .address2 span { display: block; }

   
/* Error INPUT Styling
--------------------------------------------------- */
form ol, 
form ul {
  list-style: none;
  margin: 0; }
form li { 
  display: inline-block;
  position: relative; }


/* Error INPUT Styling
--------------------------------------------------- */

input.error { 
  box-shadow:         inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25);       
  -moz-box-shadow:    inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25); }

input.error:hover { 
  box-shadow:         inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35);       
  -moz-box-shadow:    inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35); }

input.error:active { 
  box-shadow:         inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45);       
  -moz-box-shadow:    inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45); }     
   
   
/* Error LABEL Styling
--------------------------------------------------- */

.validated label { 
  display: inline-block;
  position: relative; }
  
.validated strong.error { 
  background: #eb6e1f;
  padding: 3px 5px;   
  display: block;
  white-space: nowrap;
  position: absolute; 
  left: 50%;
  top: 23px;
  z-index: 9999;
  -moz-border-radius:    4px;
  -webkit-border-radius: 4px;
  border-radius:         4px; 
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: #fff; 
  text-transform: uppercase; } 
.validated strong.error:after { 
  height: 0; 
  width: 0;    
  margin-left: -6px;  
  content: " ";    
  position: absolute; 
  left: 15px; 
  bottom: 100%;
  border-color: rgba(235, 110, 31, 0);    
  border: solid transparent; 
  pointer-events: none;
  border-bottom-color: #eb6e1f; 
  border-width: 6px; }

      
/* Splash
---------------------------------- */

#splash { 
   background: rgba(0, 0, 0, 0.9);
  height: 1000px;
  width: 100%;
	min-height: 100%;
  display: none;
	position: absolute;
   	left: 0; 
   	top: 0; 
   	z-index: 100000000; 
   font-family: "deva-ideal",sans-serif; } 
.ie #splash { background: #000; font-family: arial; }

#window { 
	background: #fff url(/design/img/splash.png) repeat-y right top;
  display: none;
	width: 800px;
   -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
   -moz-box-shadow: 0 0 35px #000;
      -webkit-box-shadow: 0 0 35px #000;
      box-shadow: 0 0 35px #000;
	position: absolute;
	left: 50%;
   top: 100px;
	margin-left: -210px;
	font-size: 1.3em;
	line-height: 1.35em;
	color: #7D7D7F; }

#window #close {
	background: #ff7100 url(/theme/img/close.png) no-repeat center center; 
	width: 40px;
	height: 40px;
   cursor: pointer;
   -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;  
	position: absolute;
	top: -10px;
	right: -10px;
   -webkit-transition: background-color .3s ease-in-out;
      -moz-transition: background-color .3s ease-in-out;
      -o-transition: background-color .3s ease-in-out;
      -ms-transition: background-color .3s ease-in-out;
      transition: background-color .3s ease-in-out; }	
#window #close:hover { background-color: #31b161; }
#window #close:active { 
   -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25);
      -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25);
      box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25); }
	
#window .left p {
   background: url(/design/img/left-quote.png) no-repeat 0 0; 
   margin-top: 10px;
   padding: 4px 0 0 4px;
   text-indent: 36px; }
#window .left p span {
   position: relative; }
   
#window .left p span:after {
   background: url(/design/img/right-quote.png) no-repeat bottom right;
   width: 32px;
   height: 24px;
   content: "";
   display: inline-block; }
   
#window .left {
   width: 405px;
   padding: 30px 30px 10px;
   float: left;
   text-align: left; 
   font-size: 20px;
   line-height: 34px;
   font-weight: 300; }
   

#window .right {
   width: 255px;
   padding: 40px 40px 20px;
   text-align: left;
   float: left; }
   
   #window .right h3 {
      color: #02aeef;
      font-size: 1.2em;
      text-transform: uppercase;
      font-weight: 300;
      margin: 0 0 8px; }
   #window .right p {
      color: #fff;
      font-size: .9em;
      line-height: 1em;
      font-weight: 300;
      margin-bottom: 10px; }

#window #continue {
   position: absolute;
   top: 510px;
   left: 240px;
   cursor: pointer;
   font-size: 1.2em;
   color: #8dc63f;
   text-transform: uppercase;
   text-align: center; }	
#window #continue:hover { color: #02aeef; }   
#window #continue:active { color: #2897c7; }