/* Basic CSS */

/* Colors

Blue: #4351A3

*/
 html {
    -webkit-text-size-adjust: none;
}
@viewport {
    zoom: 1.0;
    width: device-width;
}
@-ms-viewport {
    width: device-width;
    zoom: 1.0;
}
body {overflow-x:hidden;}
/* Basic font and starter CSS */
 h1, h2, h3, h4, h5, h6 {
    color:#4351A3;
}
h1, h2 {
    font-weight:bolder;
}
h1 {
    margin-top:-10px;
}
h2 {
}
h4 {font-size:1.2em;
}
td, p {
    font-size:0.9em;
    color: #444444;
}

li{
  list-style:none;
  font-size:0.9em;
    color: #444444;
}

.container-fluid {
    width: auto;
    max-width: 940px;
}
.wrapper {
    border: solid 4px #4351A3;
    border-top:none;
    border-bottom:none;
}
.page-header {
    border:none;
}

/*.page-header h1{
    display:none;
}*/

div.blog > div.page-header h2, div.blog-featured > div.page-header h2  {font-size: 2em;}
div.blog-featured{margin-top:30px;}

h2.item-title{
  margin-top:-50px;
}

div.page-header h2, .item-page > .page-header h2{
  font-size: 1.5em;
  line-height:1.5em;
  margin-top:-18px;
  margin-bottom:-30px;margin-top:-18px;
}

div.gallery > div.page-header h2, div.privacy > div.page-header h2, div.terms > div.page-header h2, div.links > div.page-header h2, div.about > div.page-header h2, div.contact > div.page-header h2, div.random > div.page-header h2  {font-size: 2em;}

.page-header:nth-of-type(2){font-size:10px;}

/* Remove Outline from Links */
 .btn, a:focus, a:hover, a:active {
    outline: 0;
}
.btn:focus {
    outline:0;
}
/* Site Specific CSS */
 .header {
    margin-top:0;
    padding:0;
}
.head_img {
    margin-top:0;
    min-width:104.5%;
    height:auto;
    margin-left:-20px;
}
.logo {
    width:auto;
    display:block;
    margin:0 auto;
    margin-top:-26px;
}
/* Navigation CSS */
 .navig {
    display:inline;
    /*font-size:0.9em;*/
    margin:0 auto;
    padding:5px 0;
    text-align:center;
    font-weight:600;
}
/*  */
 .navig ul {
    margin:0 auto;
    text-align:center;
}
.navig li {
    display:inline-block;
    margin-right: 0.5em;
    padding-right: 0.9em;
}
.navig a, .navig a:link {
    color:#4351A3;
}
.navig a:hover, .navig a:active {
    color:#465193;
}

.nav > li > a:hover, .nav > li > a:focus {background-color:transparent;}

li.item-124, li.item-125, li.item-410 {display:none;}

/* Other Links */

a,  a:link {
    color:#4351A3;
  text-decoration:none;
}
a:hover, a:active {
    color:#465193;
  text-decoration:underline;
}

/* END Other Links */

/* Content CSS */

.frontvids {
  max-width:100%;
  height:auto;
}

.bbc {
  padding-left:10px;
  border:3px solid #4351A3;
  border-radius:12px;
  margin-bottom:20px;
}
 img.front-page {
    float:right;
    max-width:250px;
    height:auto;
    margin:13px 0 20px 20px;
    /* img-polaroid effect */
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    /* END img-polaroid effect */
}

 img.frontpage {
   
    /* img-polaroid effect */
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    /* END img-polaroid effect */
   margin-top:43px;
}

.frontVideo{
  width:100%;
  height:auto;
  max-width:560px;
}

.teeny{
  font-size:0.75em;
  text-align:right;
  font-style:italic;
  margin-top:-5px;
}

.logos {
    margin-top:30px;
}
.logos img {
    display:block;
    max-width:180px;
    
    margin:0 auto;
    margin-bottom:30px;
}

.grange{
  display:block;
  margin:0 auto;
  width:110px;
  max-width:110px !important;
  height:auto;
}

/* Articles CSS */

div.blog > div.page-header h2, div.blog-featured > div.page-header h2, div.item-page > div.page-header h2 {
  margin-top:-10px;
}

.readmore a:link {
float:right;
text-align:right;
text-decoration:none;
font-size:0.9em;
color:#4351A3;
font-style:italic;
margin-top:0;
}

.readmore a.btn:hover, .readmore a.btn > a:focus{
  background-color:transparent;
  text-decoration:underline;
}

SPAN.icon-chevron-right{display:none;}

.readmore a.btn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0px;
font-size: .95em;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #4351A3;
text-shadow: none;
background-color:none;
background-image: none;
background-color:transparent;
background-repeat: repeat-x;
border-width: 0;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-radius: 15px 15px 15px 15px;
box-shadow: none;
}

/* END Articles CSS */

/* HTML5 Video */
/*
#my-video{
  width:100%;
  height:auto;
}*/

/* END HTML5 Video */

/* Links CSS */

.scottpic{
  float:right;
  max-width:350px;
  height:auto;
  clear:both;
}
.scottpic2{
  	display:block;
    float:none;
    max-width:250px;
    height:auto;
    margin:0 auto;
    margin-bottom:10px;
}

/* END Links CSS */

/* Single Video CSS */


/* Video Module */

.video, .embed-container iframe{
  	display:block;
  	width:100%;
  	max-width:100%;
  	height:auto;
	margin:0 auto;
}

.embed-container {
    position: relative;
    padding-bottom: 75%; /* 4:3 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* END Video Module */

/* Audio Plugin CSS */

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: transparent;  
}

.table th, .table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: none;
}

td.mptitle{display:none;}


/* END Audio Plugin CSS */

.vid{
  width:auto;
  max-width:auto;
  display:block;
  margin:0 auto;
}

/* END Single Video CSS */

/* Gallery CSS */

 div.pics{
  width:600px;
  margin-top:20px;
  }

/* END Gallery CSS */

/* END Content CSS */

/* Sidebar CSS */

/* Next Comp CSS */

hr.dark, hr{
  border: 0;
  height: 1px;
  background: #000;
  background-image: linear-gradient(to right, #ccc, #000, #ccc);
}

/* END Next Comp CSS */

/* Twitter CSS */

div.moduletable > .twitter{
  display:block;
  width:100%;
  margin:0 auto;
}

#widget{text-align:center;}

/* END Twitter CSS */

/* Rapid Contact CSS*/
 div.rapid_contact {
    padding-left:60px;
}
div.rapid_contact td {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:0.9em;
    color:#4351A3;
}
INPUT.rapid_contact.button {
    color:#4351A3;
}

label {
    display: block;
    max-width: 100%;
    margin: 5px 0;
    font-weight: normal;
}

INPUT.rapid_contact.btn-primary.button{
  color:#ffffff;
}

/* END Rapid Contact CSS*/
/* END Sidebar CSS */


/* Footer CSS */
 .footer {
    max-width:940px;
    width: auto;
    text-align:center;
    margin:0 auto;
    /*font-size:1em;*/
}
.small {
    /*font-size:0.75em;*/
    color:#4351A3;
    padding-top:3px;
    text-align:center;
}
.small a {
    color:#4351A3;
    text-decoration:underline;
    }
.footer p:nth-child(2){margin-bottom:10px;}

.split {display:none;}

.sep {display:inline;}

/* END Footer CSS */

/*Sticky Footer Starter*/

/* The html and body elements cannot have any padding or margin. */
 html, body {
    height: 100%;
}
/* Wrapper for page content to push down footer */
 .wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -20px;
    max-width:940px;
}
/* Set the fixed height of the footer here */
 .push, .footer {
    height: 20px;
}
@media screen and (min-width: 239px) and (max-width: 767px) {
    .logo {
        width:auto;
        display:block;
        margin:0 auto;
        margin-top:-12px;
    }
    .head_img {
        margin-top:0;
        min-width:115%;
        height:auto;
        margin-left:-20px;
    }
    .wrapper {
        border:none;
        border-top:none;
        border-bottom:none;
    }
    img.front-page {
        display:block;
        float:none;
        max-width:250px;
        height:auto;
        margin:0 auto;
        margin-bottom:10px;
    }
  .scottpic{
  	display:block;
    float:none;
    max-width:250px;
    height:auto;
    margin:0 auto;
    margin-bottom:10px;
}
  .vid{
  width:250px;
  max-width:250px;
  display:block;
  margin:0 auto;
}
  
   div.pics{
  width:310px;
  margin:20px 0 0 15px;
}
  
  li.item-124, li.item-125, li.item-410 {display:none;}

  
}
@media screen and (min-width: 360px) and (max-width: 767px) {
     div.pics{
  width:310px;
  margin:20px 0 0 35px;
}
}
@media screen and (min-width: 239px) and (max-width: 767px) {
    .split {
        display:block;
    }
    .sep {
        display:none;
    }
}
@media screen and (min-width: 631px) and (max-width: 767px) {}
@media screen and (min-width: 768px) and (max-width: 939px) {
    .head_img {
        margin-top:0;
        min-width:105.5%;
        height:auto;
        margin-left:-20px;
    }
    .wrapper {
        border:none;
        border-top:none;
        border-bottom:none;
    }
  
  .scottpic{
  max-width:250px; 
}
  
  div.pics{
  width:450px;
  margin:20px 0 0 30px;
  }
  
  div#klixoSlider_97{width:100%;}
    div#klixoSlider_97 div.readmore a{line-height:1.5em;}

}


        /* Rapid Contact CSS*/
@media screen and (min-width: 239px) and (max-width: 359px) {
    INPUT.rapid_contact.inputbox {
        max-width:150px;
    }
    TEXTAREA.rapid_contact.textarea {
        max-width:150px;
    }
}
@media screen and (min-width: 239px) and (max-width: 767px) {
    h1 {
        padding-left:0;
    }
    .mainimg {
        max-width:280px;
        display:block;
        margin:0 20px;
        clear:both;
    }
    div.rapid_contact {
        padding-left:0;
    }
    /* END Rapid Contact CSS*/
  
  @media screen and (min-width: 239px) and (max-width: 939px){}

  
/* Print Styles */
 @media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
    h2, h3 {
        page-break-after: avoid;
    }
}