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

/* Global Styles */

html,
body {
  height: 100%;
  color:#000000;
  font-family:'Raleway', sans-serif;
  font-size:1em;
}
div , html {
 font-family:'Raleway', sans-serif;
 font-size:1em;
}
p {
 font-family:'Raleway', sans-serif;
 font-size:1em;
}
.promolink {
	font-size:.75em;
}
.thumbnailtext {
	font-size:.75em;
}
.breadcrumbs {
	font-size:.65em;
}
.promotitle {
	padding-left:12px;
}
.refine {
	font-size:.75em;
}
body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.navbar-nav {
	list-style: none;
	padding-left: 0;
}
.navbar-nav > li > a {
    position: relative;
    display: block;
    padding: 10px 12px;
}
#search-input {
    font-size: .70em;
    color: #000;
    padding: 0 10px;
    border: 1px solid #b8b8b8;
    height: 26px;
    width: 150px;
}
#searchbtn {
    display: inline-block;
    height: 26px;
    font-size: 10px;
    font-family: verdana, sans-serif;
    color: #fff;
    max-width: 105px;
    background-color: #cccccc;
    background-image: url('../images/sprites.png');
    background-position: 5px -92px;
    top: 3px;
    right: 3px;
    background-repeat: no-repeat;
    border: 1px solid #bbbbbb;
    margin-left: 5px;
    text-align: center;
    vertical-align: top;
    line-height: 16px;
    padding-left: 11px;
	padding-right: 14px;
    cursor: pointer;
}
.searchbox {
	float:left; 
	padding-left:0px;
	margin-left:0px;
}
#logo {
display:inline;
padding: 0px 15px 0px 10px;
margin-top:5px;
text-align:left;
}
#logo img {
    display: block;
    }
}
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}
.features {
	margin-top:15px;
}
.features p {
	text-align:center;
	font-size:.75em;
}
/* Home Page Carousel */

header.carousel {
    height: 85%;
}

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

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

.copyright {
font-size:.2em;
padding: 0px 8px 3px 8px;
color:#000000;
padding-top:10px;
text-align:right;
}
.copyrightdiv {
bottom: 0px;
margin-bottom: 0;
position:relative;
padding-bottom: 15px;
padding-top:15px;
color:#000000
}
.footer {
font-size:12px;
padding: 8px 0 0 8px;
color:#000000;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
background:#BBBBBB;
}
p.footer > a {
font-size:12px;
padding: 8px 0 0 0px;
color:#E1DDD6;
}
footer {
background:#bbbbbb;
bottom: 0;
margin-left:auto;
margin-right:auto;
max-height:175px;
padding-bottom:15px;
padding-top:15px;
}

A.tabonlink:link {
    font-size: 1em;
    background-color: #000000;
    text-decoration: none;
    color: #ffffff;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding: 4px 4px 2px 4px;
	margin-bottom:0;
}
A.tabofflink:link {
    font-size: 1em;
    background-color: #878787;
    text-decoration: none;
    color: #ffffff;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding: 4px 4px 2px 4px;
	padding: 4px 4px 2px 4px;
	margin-bottom:0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	.searchbox {
	float:left; 
	padding-left:0px;
	margin-left:0px;
	text-align:right;
}
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}
@media only screen and (min-width:1280px) {}

@media (min-width:1024px) and (max-width:1279px) {}

@media (min-width:768px) and (max-width:1023px) {}

@media (min-width:480px) and (max-width:767px) {}

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

@media only screen and (max-width:320px) {}

@media only screen and (max-width:767px) {}