body {
margin:0;
padding:0;
}
body,td,th {
	font-family: Trebuchet MS, Arial;
}
.wrapper { max-width:979px; margin:0 auto;}

.inner_box  { /*width:100%;*/ background:#ffffff; -webkit-box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.2); box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.2); overflow:hidden; padding:5px; margin-top:8px;}
.header { width:100%; background: #ff5f05;; padding:26px 0 26px 0; text-align:center; clear:both;}
.navigation { width:100%; clear:both;}
.slider { width:100%; clear:both; text-align:center;}
.middle { width:100%; display:table; clear:both;}
.middle > .left_section{  display:table-cell;}
.middle > .right_section{  display:table-cell; 	background-image: url(../img/rght-text-bg.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	vertical-align: top;
    padding-top: 20px;
	 }

.heading {
	font-family:Arial Black;
	font-size:34px;
	color:#FFFFFF;
	font-weight:bold;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
.heading1 {
	font-family:Arial;
	font-size:18px;
	color:#a40147;
	font-weight:bold;
	padding-bottom: 10px;
}
.heading2 {
	font-size:13px;
	color:#a40147;
	font-weight:bold;
}
.heading3 {
	font-size:13px;
	color:#a40147;
	font-weight:normal;
	padding-right:10px;
}
.heading4{
	font-size:13px;
	color:#000000;
	font-weight:normal;
}
.navigation {
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
}
.navigation a{
	color:#ffffff;
	text-decoration:none;
}
.navigation a:hover{
	color:#bdd2e3;
	text-decoration:none;
}
.main-text {
	font-size:14px;
	color:#000000;
	font-weight:normal;
	padding-right: 21px;
	padding-left: 9px;
	width: 632px;
	padding-top: 20px;
}
.main-text a {
	color:#000000;
	text-decoration:underline;
}
.main-text a:hover{
	color:#000000;
	text-decoration:none;
}
.footer_box { margin:0 auto; margin-top:5px; width:99%;}
.footer {
	font-size: 11px;
	color: #ffffff;
	background-color: #000000;
	padding: 10px;
	margin:0 auto;
	overflow:hidden;
}
.footer .nav_box{ width:73%; float:left; }
.footer .site_design{ width:27%; float:right; }


.footer a {
	color:#ece9e3;
	text-decoration:none;
}
.footer a:hover{
	color:#ffcb66;
	text-decoration:underline;
}
#right-text-bg {
	padding-left:20px;
	padding-bottom:10px;
	font-size:13px;
	width:244px;
}
#right-text-bg a {
	color: #000000;
	text-decoration: none;
}
#right-text-bg a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#left-bg {
	background-image: url(../img/left-bg.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	width: 12px;
}
#right-bg {
	background-image: url(../img/right-bg.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	width: 13px;
}
p {
	margin-top: 0px;
	padding-top: 0px;
}
.text-cont {
	font-size:14px;
	color:#000000;
	font-weight:normal;
}
.text-cont a {
	color:#000000;
	text-decoration:underline;
}
.text-cont a:hover{
	color:#000000;
	text-decoration:none;
}

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

/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: none;
  text-align: center; }
  #nav-trigger span {
    display:block;
    padding: 10px 27px;
    background-color: #c80032;
    color: white;
    cursor: pointer;
    text-transform: uppercase; 
	}
    #nav-trigger span:after {
      display: inline-block;
      margin-left: 10px;
      width: 20px;
      height:0;
      content: "";
      border-left: solid 10px transparent;
      border-top: solid 10px #fff;
      border-right: solid 10px transparent; }
    #nav-trigger span:hover {
      background-color: #af002c; }
    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }

nav {
  margin-bottom:0px; }

nav#nav-main {
  background:url(../img/navi-patt.jpg) repeat-x;
  min-height:42px;
  background: #112041 !important;
 }
  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; }
  nav#nav-main li {
  background:url(../img/divider.jpg) right no-repeat;
	float:left;
	    background: #112041 !important;
 }
    nav#nav-main li:last-child {
      background:none;
	  }
  nav#nav-main a {
    display: block;
    color:#ffffff;
    padding: 11px 24px 11px 24px;
	 }
    nav#nav-main a:hover {
      color:#ffcb66; 
	  }

nav#nav-mobile {
  position: relative;
  display: none; }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    background-color: #c80032;
	margin:0 auto;
	z-index:99;
	 }
  nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    border-bottom: solid 1px #950025; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: white;
    padding: 10px 30px; }
    nav#nav-mobile a:hover {
      background-color: #af002c;
      color: #ffcb66; }
	  
	  .js-video {
	height: 0;
	padding-top: 24px;
	padding-bottom: 20%;
	position: relative;
	overflow: hidden;
}
.js-video.vimeo {
	padding-top: 0;
}
.js-video.widescreen {
	padding-bottom: 20%;
}
.js-video embed, .js-video iframe, .js-video object, .js-video video {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}


/* =Sections
-------------------------------------------------------------- */

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width:767px) and (min-width: 240px){
.wrapper {
padding: 5px;
}
.navigation {background-color: #c80032;}
.heading {
font-size:14px;
}
.middle .left_section {
float:none;
display:inherit;
margin-bottom:30px;
}
.main-text {
width:100%;
padding:0;
}
.middle .right_section {
float:none;
margin:0 auto;
display:inherit;
}
.footer .nav_box {
width:100%;
float:none;
text-align:center;
}
.footer .site_design {
width:100%;
float:none;
text-align:center;
margin-top:10px;
}
  #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; } 
	
	.js-video {
		padding-top:9px;
	}
	
	}
@media all and (max-width:1002px) and (min-width: 768px){
.wrapper {
padding: 5px;
}
 nav#nav-main a {padding:11px 10px 11px 10px;}
 .heading {
font-size:26px;
}
.main-text {
width:460px;
}
.js-video {
		padding-top:20px;
	}
	
	}