html, body{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.7;
    background-color:#fff;
    height:100%;
    margin-top:20px;
}

.rail-pad{
padding-top: 500px;
}


h1, h2, h3, h4{
    font-family: 'Raleway', sans-serif;   
}

b, strong{
    font-weight: 600;
}

.red{
	color:red;
}


.wrapper{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	
}

.threequarters{
	width:75%;
}


.intro-block{
    background: url(../images/landscaping2.jpg) repeat-x;
    padding: 30px 20px 10px;
    color: #fff;
    width:100%;
}    

.small-top{
	position:fixed;
    background: url(../images/landscaping2.jpg) repeat-x;
    padding: 60px 50px 10px;
    height: 200px;
    color: #fff;
    width:100%;
    z-index:500;
}    

.top-pad{
	padding-top: 2em;
}  

.bottom-pad{
	padding-bottom: 2em;
}   

.topbottom-pad{
	padding-top: 2em;
	padding-bottom: 2em;
} 



.no-padding{
	padding-top: 0px;
}

.v-align {
    float: none;
    display: inline-block;
    vertical-align: middle;
}



.margin-zero{
    margin-top:0;
}

.margin-bottom{
    margin-bottom: 5em;
}

.margin-top{
	margin-top: 2em;
}  


.railtop{
	color:#ebebeb;
	background: url(../siteimages/railtop.png); background-size:100%;
	width:100%;
	padding-top:0.5em;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:0.5em;
}


.railbottom{
	color:#ebebeb;
	background-color:#fff;
	background: url(../siteimages/railbottom.png); background-size:100%;
	width:100%;
	padding-top:5%;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:5%;
}


.fullwidth{
	color:#000;
	background-color:#fff;
	width:100%;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
}


.basic-block{
	color:#000;
	background-color:#fff;
	width:100%;
	padding-top:0.5em;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:0.5em;
}

.news-block{
	color:#fff;
	background-color:#fff;
	background: url(../siteimages/newsback.jpg); background-size:100%;
	width:100%;
	padding-top:0.5em;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:0.5em;
}

.groups-block{
	color:#000;
	background-color:#b9ed72;
	width:100%;
	padding-top:0.5em;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:0.5em;
	
}


.footer-block{
	color:#fff;
	background-color:#222;
	width:100%;
	padding-top:1em;
	padding-left:10%;
	padding-right:10%;
	padding-bottom:1em;
    text-align:center;
}

.promo-block{
	color:#fff;
	background-color:#145728;
	background: url(../siteimages/space01.jpg); background-size:100%;
	width:100%;
	padding-top:20px;
	padding-left:10%;
	padding-right:10%;
	padding-bottom:30px;
    text-align:center;
}


.checklist-block{
	color:#000;
	background-color:#145728;
	background: url(../siteimages/checlistback.jpg); background-size:100%;
	width:100%;
	padding-top:10%;
	padding-left:10%;
	padding-right:10%;
	padding-bottom:10%;
    text-align:center;
}


.bboard-block{
	color:#fff;
	background-color:#145728;
	background: url(../siteimages/bulletin_middle.jpg); background-size:100%;
	width:100%;
	padding-top:20px;
	padding-left:10%;
	padding-right:10%;
	padding-bottom:30px;
    text-align:center;
}


.colored-block{
	color:#fff;
	background-color:#222;
	width:100%;
	padding-top:50px;
	padding-left:10%;
	padding-right:10%;
	padding-bottom:50px;

}

.content-block{
    background-color:#222;
	padding: .5em;
    color: #fff;
}

.center {
	text-align:center;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.fixed-side{
    position:fixed;
    top:30%;
    left:20px;
    z-index: 100;
    background-color:white;
}


.text-muted{
    color: #e9e6df;
    font-weight: 100;
}
.tpad{
    padding-top: 20px;
}

.menupad{
	padding-top:50px;
}

.padded{
    padding: 100px 15px;
}

.sidepadded{
padding-left:2em;
padding-right:2em;
}

.service-pad{
    padding-left: 200px;
    border-top: 1px solid;
}

.marketing{
    background-color: #e9e6df;   
}
hr {
    border-top: 1px solid #c9c9c9;   
}
.info{
    background: #ffa753 url(../images/skyline.png) repeat-x bottom;
    padding: 80px 0;
}
.info small{
    color: #eeefe9;   
}
.info a{
    color: #fff;   
}
.info a:hover{
    color: #333;   
}
.tab-pane{
    padding: 10px 10px 0 50px;
}
.ftr{
    background: url(../images/shattered.png) repeat;
    padding: 80px 0 60px 0;
}
.ftr address, .ftr a, .ftr p{
    color: #fff;   
}
.ft_space{
    padding: 0 10px;   
}
.blog h1 a{ color: #4b8575; }
.blog p a{ color: #ed7337; }
.sidebar{
    background-color: #e9e6df;   
}
.bpad{ margin-bottom: 30px;}

@media(min-width: 768px){
.carousel-inner > .item{
    height: 700px;   
}

.nav-tabs > li >a {
	color: #fff;
	background-color: green;
	}


.nav-tabs > li.active > a,
.nav-tabs > li.active > a: hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  background-color: #000;
}


.nav-pills.custom > li > a{
color:#fff
}

.nav-pills.custom > li > a:hover{
color:#555
}

.nav-pills.custom > li.active > a,
.nav-pills.custom > li.active > a:hover,
.nav-pills.custom > li.active > a:focus {
  color: #fff;
  background-color: #000;
}

/*junk*/
.promo{
    width:100%;
    background-color:#2d6321;
    padding: 30px 60px 30px 60px;
    color: #fff;
    text-align:center;
}


.footer{
    width:100%;
    background-color:#000;
    padding: 40px 0 40px 0;
    color: #fff;
    text-align:center;
}


.ftr{
    background-color:#000;
    padding: 40px 0 40px 0;
    color: #fff;
}
.ftr address, .ftr a, .ftr p{
    color: #fff;   
}
.ft_space{
    padding: 0 10px;
}

    
/*junk*/
    
.shaded-box{
    background-color:#000;
    opacity: .8;
    color: whitesmoke;
    text-align:center;
    padding: 5px;
}


 .fade 2{

   -webkit-transition: opacity 5.25s linear;
      -moz-transition: opacity 5.25s linear;
       -ms-transition: opacity 5.25s linear;
        -o-transition: opacity 5.25s linear;
           transition: opacity 5.25s linear;
 }


.hours {
    margin: 0;
}
    
    .map {
    height: 350px;
    width: 100%;
    }
        


/*!
 * Start Bootstrap - Half Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */



/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */

.carousel {
    height: 50%;
}

.item,
.active,
.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

footer {
    margin: 50px 0;
}
    
/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('flexslider-icon.eot');
	src:url('flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('flexslider-icon.woff') format('woff'),
		url('flexslider-icon.ttf') format('truetype'),
		url('flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}
    
    
    /* Responsive Helpers*/



@media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}