@charset "utf-8";
/* CSS Document */

#bannerfade {
	opacity:0.4;
    animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:0.4;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:0.4;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:0.4;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 0.4;
    }
}



.dropdown-header {
	text-transform: uppercase;
	background-color: #fafafa;
	padding-top: 6px;
	padding-bottom: 6px;
	letter-spacing: 1px;
}

.btn-primary {
  color: #ffffff;
  background-color: #1d698d;
  border-color: #1d698d;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #164e67;
  border-color: #164e67;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #164e67;
  border-color: #164e67;
}
.btn-primary .badge {
  color: #164e67;
  background-color: #ffffff;
}


html {
  position: relative;
  min-height: 100%;
  overflow-x: hidden;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
    background-color: #144860;
	font-family: 'pragmatica-web', sans-serif;
	-webkit-font-smoothing: antialiased;
}

h1 {
		text-shadow: 0 0 1px rgba(51,51,51,0.2);
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 1px;
}

.projectheader {color: #368da6;	}

h3 {font-weight: 900; text-transform: uppercase; letter-spacing: 1px; color: #c1c1c1;}

.bluehead {color: #1d698d; letter-spacing: 1px; font-weight: 300; text-transform: none;}

h5 {font-weight: 900; text-transform: uppercase; letter-spacing: 1px;}

.blueh5 {font-weight: 700; color: #164b64;}

a.sidebarhref {font-size:13px; color: #164b64;}
a.inlinehref {color: #164b64;}

.itaheader {
	font-weight: 300;
	font-size: 24px;
	line-height: 25pt;
	color: #368da6;
}



.header {
	background: #fff; 
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#logo {
float: left;
margin-top: -15px;
}

#cromark {
display: block;
float: left;
}

#phone {
	margin-top: 25px;
	text-align: right;
	float:right;
	margin-bottom: 10px;
	font-size:18px; color: #11506e;
}

.navbar-default {
	z-index: 200;
	background-color: #1d698d;
border: none;
border-radius: 0px; }
  
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#fff;background-color:#144860; transition: background-color 0.6s ease; border: 0px;}

.navbar-default .navbar-text{color:#c6e7fd; text-transform: uppercase; border: 0px;}
.navbar-default .navbar-nav>li>a{color:#c6e7fd; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; line-height: 13px; height: 55px;}
#grey {color:#dcdcdc;}
#grey:hover {color:#c7d273;}
#blue2 {color:#bfbfbf}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#c7d273;background-color:#144860; border: 0px; transition: background-color 0.6s ease;}
.navbar-default .navbar-toggle{border: 0px;}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#144860; border: 0px;}.navbar-default .navbar-toggle .icon-bar{background-color:#144860; border: 0px;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border: 0px;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#144860;color:#72c0b1; border: 0px; transition: background-color 0.6s ease; transition: background-color 0.8s ease;}
.navbar-default .navbar-link:hover{color:#96ded0;}
.navbar-default .navbar-link{color:#e7e7e7;}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #96ded0;
    }
	
}

.middle {
	background-color: #efefef;
	width: 100%;
	margin-top: -20px;}
	
	.middle2 {
	background-color: #efefef;
	height: 360px;
	width: 100%;
	margin-top: -20px;}
	
.banner {
	background-image:url(../img/banner1.jpg);
	background-repeat: no-repeat;
	height: 360px;
}

.bannergroup {
	z-index: 20;
	position: relative;
	top: 230px;
	right: -560px;
	width: 400px;
}

.frontpagebtn {
	position: relative; right: -54%; top: 40px;
	width: 445px;
}

.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.bw:hover {
  -webkit-filter: grayscale(100%);
}

.blurb {
	width: 96%;
}

#blurb img {
-moz-border-radius-topleft: 50px;
-webkit-border-top-left-radius: 50px;
 border-top-left-radius: 50px;
-moz-border-radius-bottomright: 50px;
-webkit-border-bottom-right-radius: 50px;
border-bottom-right-radius: 50px; height: 155px;
}

.divider {
	width: 100%;
	height: 2px;
	background-color: #ccc;
	border-bottom: solid 1px #fff;
	clear: both;
	margin-bottom: 10px;
}

.footerdivide {
	width:0px; height:81px; border-left: #266b8c 1px dotted;
	}

#bleft {
	margin-right: 30px;
}

#bmiddle{
	margin-right: 30px;

}

#bright {
	margin-right: -51px;

}

.selected img{opacity:1;  filter: alpha(opacity=100); /* For IE8 and earlier */
-webkit-box-shadow: 0px 0px 5px 0px rgba(159, 227, 212, 0.3);
-moz-box-shadow:    0px 0px 5px 0px rgba(159, 227, 212, 0.3);
box-shadow:         0px 0px 5px 0px rgba(159, 227, 212, 0.3);}
.thumbnail {opacity:0.5;  filter: alpha(opacity=50); /* For IE8 and earlier */}
.thumbnail {
  -webkit-transition: all 1.5s ease;
     -moz-transition: all 1.5s ease;
       -o-transition: all 1.5s ease;
      -ms-transition: all 1.5s ease;
          transition: all 1.5s ease;
}
 
.thumbnail:hover {
  opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	border-color: #9fe3d4;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(159, 227, 212, 0.5);
-moz-box-shadow:    0px 0px 5px 0px rgba(159, 227, 212, 0.5);
box-shadow:         0px 0px 5px 0px rgba(159, 227, 212, 0.5);
}


.sliderspaceholder {visibility: hidden;}

#myCarousel {margin-top: 10px;}
#myCarousel2 {margin-top: 10px;}

#footer {
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 200px;
}

#sticky {
	  bottom: 0;
	  }

#footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

.smallcaps {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	font-weight:bold;
}

.smallcapsfooter {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	font-weight:900;
}

.container .text-muted {
  margin: 20px 0;
}


/*etc */
.firstcharacter { float: left; color: #54aa97; font-size: 46px; line-height: 36px; padding-top: 4px; padding-right: 2px; padding-left: 1px; font-weight: 300; text-shadow: 0 0 1px rgba(84,170,151,0.2); }

/* Computer */
.grid_1 { width: 6.5%; } 
.grid_2 { width: 15%; } 
.grid_3 { width: 23.5%; } 
.grid_4 { width: 32%; } 
.grid_5 { width: 40.5%; }
.grid_6 { width: 49%; } 
.grid_7 { width: 57.5%; } 
.grid_8 { width: 66%; } 
.grid_9 { width: 74.5%; } 
.grid_10 { width: 83%; } 
.grid_11 { width: 91.5%; } 
.grid_12 { width: 100%; } 

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin: 0 2% 1% 0;
	float: left;
	display: block;
}

.alpha{margin-left:0;}
.omega{margin-right:0;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {

  .navbar-default .navbar-nav > li > a {
    border-right: 0px;;
    border-left: 0px;
  }
  .navbar-default .navbar-nav > li:first-child > a {
    border-left: 0;
  }
  .navbar-default .navbar-nav > li:last-child > a {
    border-right: 0;
  }
}

@media screen and (min-width: 1200px) {
	
.stack {
	float: left;
    clear: left;
}

.slideshowmarg {
margin-left: 49px; margin-right: -49px;
}



}

@media screen and (max-width: 1199px) {

#bleft {
margin-right: 53px;
}

#bmiddle{
	margin-right: 53px;
}

#bright {
margin-right: -69px;
}

.frontpagebtn {
right: -47%;

}

#gallery {
	float: none;
	width: 100%;
}

.slideshowmarg {
margin-left: 0px; margin-right: 0px;
}

.stack {
	float: left;
    clear: none;
}

.col-md-2 {
}

#slider-thumbs {
	width: 10%;

}

.h5 {
	
	width: 50%;
	}

#slider {
	margin-right: -167px;
}

.footerreviews { position:relative; top: -55px; left: 20px;}

}

@media screen and (max-width: 1025px) {
.footersection {float: left; margin-right: 20px;}
.footerreviews { position:relative; top: 0px; left: 0px;}

}

@media screen and (min-width: 1025px) {
.footersection {float: left; margin-right: 30px;}
#blurbtext {width: auto; height: 31px; }


}

@media screen and (max-width: 990px) {

#bleft {
margin-right: 25px;
}

#bmiddle{
	margin-right: 26px;
}

#bright {
margin-right: -109px;
}

.blurb img {
height: 140px;
}

.frontpagebtn {
 right: -30%;
}

.stack {
	float: left;
    clear: none;
}

#blurbtext {width: auto; height: 23px; }

}

@media screen and (max-width: 800px) {

#bleft {
margin-right: 28px;
}

#bmiddle{
	margin-right: 29px;
}

#bright {
margin-right: -100px;
}

.blurb img {
height: 135px;
}

.frontpagebtn {
right: -25%;
}

}

@media screen and (max-width: 768px) {

#bleft {
margin: auto;
}

#bmiddle{
margin: auto;
}

#bright {
margin: auto;
}

.blurb img {
height: 155px;
float: left;
margin-right: 30px;
margin-bottom: 20px;
}

.blurb {
	width: 100%;
}

.blurb p {
		text-align: left;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	width:100%;
}

.frontpagebtn {
	 right: -5%;
}

#blurbtext {width: auto; height: 31px; }

}


/* Mobile */
@media screen and (max-width : 480px) {
	
.blurb img {
height: 155px;
float: none;
margin-right: 0px;
margin-bottom: 7px;
}

.blurb {
	width: 95%;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.blurb p {
		text-align: center;
}

.frontpagebtn {
	right: -26%; top: 260px;
	width: 200px;
}

.bannertext {
	display:none;
	visibility:hidden;
}

#logo {
	width: 100%;
	text-align: center;
}

#cromark {
	width:100%;
	margin-top: -15px;
	text-align: center;
}

#phone {
	width:100%;
	margin-top: 5px;
	text-align: center;
		margin-bottom: 25px;
}

}