html {
	padding:0px;
	margin:0px;
	width:100%;
}

body {
	padding:0px;
	margin:0px;
	width:100%;
    background-image: url("../media/site/background1.jpg");
	background-size: cover;
	background-repeat:no-repeat;
	background-attachment: fixed;
    background-position: center; 
    background-color: #000000;

	font-family: "from_mars1", Verdana;
	color: #aaaaaa;
	letter-spacing:0.5px;
} 

a {
	color: #ffffff;
	text-decoration:none;
	font-weight:bold;
	outline: 0;
}
a:hover {
	text-decoration:underline;
	text-shadow: 0px 0px 5px #cccccc;
}

#frame_left {
	font-size:9px;
	text-align:right;
	width:100px;	
	height:400px;
	position:fixed;
	left: 50%;
	top: 0%;
		-ms-transform: translate(-610px);
		-webkit-transform: translate(-610px);
		-moz-transform: translate(-610px);
	transform: translate(-610px);

}

#frame_left img {
	padding:10px 5px 0px 0px;
	width:35px;
	height:35px;
	border:none;
}

.fade_in {
   opacity: 0.6;
   filter: alpha(opacity=60);
   transition: opacity .15s ease-in-out;
   -moz-transition: opacity .15s ease-in-out;
   -webkit-transition: opacity .15s ease-in-out;
   }

.fade_in:hover {
    opacity: 1;
	filter: alpha(opacity=100);
}

.fade_out {
   opacity: 1.0;
   filter: alpha(opacity=100);
   transition: opacity .15s ease-in-out;
   -moz-transition: opacity .15s ease-in-out;
   -webkit-transition: opacity .15s ease-in-out;
   }

.fade_out:hover {
    opacity: 0.6;
	filter: alpha(opacity=60);
}

#frame_center {
	/* background-image: url("../media/site/frame_center_background.png"); */
	/* background-repeat:repeat-y; */
	
	/* border: solid 1px rgba(70,70,70,0.5); */
	/* box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.3); */
	
	width:1020px;
	margin:0px auto;
	padding:0px;

}

#frame_header {
	background-image: url("../media/site/frame_center_background.png");
	background-repeat:repeat-y;

	width:960px;
	height:210px;
	
	padding:7px 30px 10px 30px;

}

#frame_header_banner {
	background-image: url("../media/site/jay_marsman_header.png");
	background-repeat:no-repeat;
	background-position: center top; 

	width:960px;
	height:210px;

	float:left;

}

.frame_navigation {
	background-image: url("../media/site/frame_nav_background.png");
	
	border: solid 1px #999;
	border: solid 1px rgba(200,200,200,0.5);
	box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.3);
	width:1010px;
	height:40px;
	margin:0px 0px 0px 4px;
	padding:0px 0px 0px 0px;
	clear:left;

	letter-spacing:0px;
	font-family: "from_mars1", Verdana;
	font-size:20px;
	text-align:center;
    line-height: 40px; /* <-- this is what you must define */
    vertical-align: middle;
	color:#ffffff;

}

.frame_title {
	background-image: url("../media/site/frame_nav_background.png");
	
	border: solid 1px #999;
	border: solid 1px rgba(200,200,200,0.5);
	box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.3);
	width:1010px;
	height:60px;
	margin:0px 0px 0px 4px;
	padding:0px 0px 0px 0px;
	clear:left;

	letter-spacing:15px;
	font-family: "from_mars1", Verdana;
	font-size:45px;
	text-align:center;
    line-height: 59px; /* <-- this is what you must define */
    vertical-align: middle;
	color:#ffffff;

}

.frame_subtitle {
	background-image: url("../media/site/frame_nav_background.png");
	
	border: solid 1px #999;
	border: solid 1px rgba(200,200,200,0.5);
	box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.3);
	width:1010px;
	height:34px;
	margin:0px 0px 0px 4px;
	padding:0px 0px 0px 0px;
	clear:left;
	
	font-family: "from_mars2", Verdana;
	font-size:16px;
	text-align:center;
    line-height: 39px; /* <-- this is what you must define */
    vertical-align: middle;
	color:#ffffff;

}

.frame_title_left {
	background-image: url("../media/site/frame_nav_background.png");
	
	border: solid 1px #999;
	border: solid 1px rgba(200,200,200,0.5);
	box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.3);
	width:500px;
	height:34px;
	margin: 0px 4px 0px 4px;
	padding:0px 0px 0px 0px;
	
	font-family: "from_mars2", Verdana;
	font-size:16px;
	text-align:center;
    line-height: 39px; /* <-- this is what you must define */
    vertical-align: middle;
	color:#ffffff;
	float: left;
	clear: left;

}

.frame_title_right {
	background-image: url("../media/site/frame_nav_background.png");
	
	border: solid 1px #999;
	border: solid 1px rgba(200,200,200,0.5);
	box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.3);
	width:500px;
	height:34px;
	margin:0px 0px 0px 4px;
	padding:0px 0px 0px 0px;
	
	font-family: "from_mars2", Verdana;
	font-size:16px;
	text-align:center;
    line-height: 39px; /* <-- this is what you must define */
    vertical-align: middle;
	color:#ffffff;
	float: left;

}

#frame_nav {

}

.frame_content {
	background-image: url("../media/site/frame_center_background.png");
	background-repeat:repeat-y;

	width:960px;
	padding:0px 30px 0px 30px;
	margin:0px;

}

.frame_endorsements {
	position: relative; 
	text-align:center;
	height:300px;
	width:100px; 
	top:0px; 
	left:0px; 
	float:right; 
	z-index:1; 

}

.frame_slider {
	position:relative;
	float:left;
	width:100%;
	z-index:0;
	margin-top:-300px;

}

.frame_spacer {
	background-image: url("../media/site/frame_center_background.png");
	background-repeat:repeat-y;

	width:960px;
	padding:10px 30px 0px 30px;
	margin:0px;

}

.frame_content_inner {
	width:940px;
	margin:0px auto;
	padding:10px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-top: solid 0px #999;
	background-image: url("../media/site/frame_content_box_background.png");

	font-family: "from_mars1", Verdana;
	font-size:20px;

}

.content_left {
	width:454px;
	margin-left:0px;
	margin-bottom:10px;
	padding:10px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-top: solid 0px #999;
	background-image: url("../media/site/frame_content_box_background.png");
	float:left;
	font-family: "from_mars1", Verdana;
	font-size:20px;

}

.content_right {
	width:454px;
	margin-left:8px;
	margin-bottom:10px;
	padding:10px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-top: solid 0px #999;
	background-image: url("../media/site/frame_content_box_background.png");
	float:left;
	font-family: "from_mars1", Verdana;
	font-size:20px;

}

#frame_footer {
	/* background-image: url("../media/site/from_mars_footer.png");
	background-repeat:no-repeat;
	background-position: center top; */
	height:101px;
	width:960px;
	font-size:11px;
    font-family: "from_mars1", Verdana;
	
	
}

.footer_links {
	width:120px; 
	/*font-family: "from_mars1", Verdana;*/
	font-size:18px; 
	float:right; 
	text-align:right;
	margin:5px 0px 0px 0px;


}

.text_title_small {
	font-size:14px;
	width:50px;
	text-align:right;
	float:left;
	margin:5px 5px 0px 0px;

}

.text_title_small_2 {
	font-size:14px;
	width:90px;
	text-align:right;
	float:left;
	margin:5px 5px 0px 0px;

}

.text_center_small {
	width:935px;
	text-align:center;
	font-size:12px;

}


.text_center_small_half {
	width:454px;
	text-align:center;
	font-size:12px;
	font-weight:bold;

}

.text_center_footer {
	width:720px;
	margin: 0px auto;
	text-align:center;
	padding-top:20px;
	text-shadow: 0px 0px 3px #000000;

}

.text_center_footer_copyright {
	font-size:12px;
	font-family: "from_mars2", Verdana;

}

#facebook_likebox {
	/*deprecated*/
	border: solid 1px #999;
	float:left; 
	width:400px;
	height:400px;
	background-image: url("../media/site/frame_content_box_background.png");

}
.fb-page {
	border: solid 0px #999;
	/* margin-top: 3px; */
	margin: 0px 0px 6px 0px;
	/* float:left; */
	width:450px;
	height:446px;
	background-image: url("../media/site/frame_content_box_background.png");

}
#facebook_facepile {
	margin-left:20px;
	border: none;
	float:left;

}

#facebook_text {
	width:510px;
	height:287px;
	margin-left:20px;
	margin-bottom:10px;
	padding:10px;
	border: solid 1px #999;
	background-image: url("../media/site/frame_content_box_background.png");
	float:left;
	font-family: "from_mars1", Verdana;
	font-size:25px;

}

#facebook_facepile {
	width:510px;
	height: 60px;
	margin-left:20px;
	margin-bottom:10px;
	padding:10px;
	border: solid 1px #999;
	background-image: url("../media/site/frame_content_box_background.png");
	float:left;
	font-family: "from_mars1", Verdana;
	font-size:25px;
}

.twitter_pic {
	width:280px; 
	border: solid 1px #666; 
	height:158px; 
	overflow:hidden; 
	float:left; 
	padding:0px;
	margin:0px 0px 10px 0px;
	background-image: url("../media/site/frame_content_box_background.png");
}

.twitter_pic img {
	border:none;
}

.twitter_pic_small {
	width:60px; 
	border: solid 1px #666; 
	height:40px; 
	overflow:hidden; 
	float:right; 
	clear:right;
	padding:0px;
	margin:0px 0px 5px 0px;
	background-image: url("../media/site/frame_content_box_background.png");

}

.twitter_pic_small img {
	border:none;
}


.twitter_pic_dummy {
	padding:30px 0px 0px 90px;
	width:100px;
	height:92px;
}

.twitter_text {
	width:630px;
	height:138px;
	margin-left:20px;
	margin-bottom:13px;
	padding:10px;
	border: solid 1px #999;
	background-image: url("../media/site/frame_content_box_background.png");
	/* border: solid 1px #ff0000; */
	float:left;
	font-family: "from_mars1", Verdana;
	font-size:25px;
	overflow:auto
		
	/*margin:0px 0px 10px 0px; */

}

.twitter_textlink {
	font-size:20px;
}

.instagram_pic {
	float:left; 
	padding:0px; 
	margin:0px; 
	font-size:0px;
}

.instagram_pic_tags {
	float:left; 
	padding:0px; 
	margin:0px;
	font-size:0px;

}

.slider {
	font-family: "from_mars1", Verdana;
	font-size:14px;
	
}

@font-face {
    font-family: 'from_mars1';
    src: url('../media/site/fonts/font1-webfont.eot');
    src: url('../media/site/fonts/font1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../media/site/fonts/font1-webfont.woff2') format('woff2'),
         url('../media/site/fonts/font1-webfont.woff') format('woff'),
         url('../media/site/fonts/font1-webfont.ttf') format('truetype'),
         url('../media/site/fonts/font1-webfont.svg#from_mars1') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	/* TODO FIX FOR IE SEE ABOVE */
    font-family: 'from_mars2';
    src: url('../media/site/fonts/font2.otf');
    font-weight: normal;
    font-style: normal;
	
}

/* POPUP */


.modal-window {
	position:fixed;
    background-color: rgba(0,0,0,0.7);
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:999;
	opacity:0;
	pointer-events:none;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;

}
.modal-window:target {
	opacity:1;
	pointer-events:auto;
}
.modal-window>div {
	width:800px;
	position:relative;
	margin:10% auto;
  	padding:30px 30px 10px 30px;
  	background-color: rgba(0,0,0,0.7);
	/* background:#fff; */
	text-align:center;
	border: solid 1px #555;
}
.modal-window header {
	font-weight:bold;
}
.modal-close {
	/* color:#aaa; */
	line-height:30px;
	font-size:30px;
	font-weight:bold;
	position:absolute;
	right:0;
	text-align:center;
	top:0;
	width:70px;
	text-decoration:none;
}
.modal-close:hover {
	/* color:#000; */
}
.modal-window h1 {
  font-size: 150%;
  margin: 0 0 15px;
}


/* NEWS SLIDER */








.news_slider {
  height: 130px;
  width:454px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;

}

.news_slider__nav {
  width: 10px;
  height: 10px;
  margin: 15px 12px;
  border-radius: 50%;

  z-index: 10;
  outline: 6px solid #ccc;
  outline-offset: -6px;
  box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.news_slider__nav:checked {
  -webkit-animation: check 0.5s linear forwards;
  animation: check 0.5s linear forwards;
}

.news_slider__nav:checked:nth-of-type(1) ~ .news_slider__inner {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.news_slider__nav:checked:nth-of-type(2) ~ .news_slider__inner {
  -webkit-transform: translateX(-25%);
  transform: translateX(-25%);
}

.news_slider__nav:checked:nth-of-type(3) ~ .news_slider__inner {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.news_slider__nav:checked:nth-of-type(4) ~ .news_slider__inner {
  -webkit-transform: translateX(-75%);
  transform: translateX(-75%);
}

.news_slider__inner {
  position: absolute;
  top: 0;
  left: 0;
 width:400%;
  height: 100%;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;

}

.news_slider__contents {
  height: 100%;
  padding: 0px;
 width:454px;


}


 @-webkit-keyframes 
check {  50% {
 outline-color: #333;
 box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
}
 100% {
 outline-color: #333;
 box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
}
}
 @keyframes 
check {  50% {
 outline-color: #333;
 box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
}
 100% {
 outline-color: #333;
 box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
}
}