/*!
 * Bounce Template v2.0 - Blue
 *
 * Built with Bootstrap v2.1.1
 * https://twitter.github.com/bootstrap
 */

/* General
-------------------------------------------------- */
body {
	background: #FFFFFF;	
}

/* Navbar
-------------------------------------------------- */
.navbar-inner {
    background: #eaf8fb;
}
.navbar .brand {
    color: #033;
}
.navbar .nav > li > a {
    color: #033;
}
.navbar .nav > li > a:hover {
    color: #1f4c61;	
}
.navbar .nav > li.active > a,
.navbar .nav > li.active:hover > a,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 2px solid #5b9dcd;
    color: #033;
}

/* Landing
-------------------------------------------------- */
#landing {
    background: none repeat scroll 0 0 #F1F1F1;
}
#landing h1 {
    color: #308CCF;
}
#landing p {
    color: #394755;
}
#landing .carousel-control {
    color: #0088CC;
}
#landing .carousel-control:hover {
    color: #17405E;
}

/* Call to Action Headline
-------------------------------------------------- */
#headline {
    background: none repeat scroll 0 0 #394755;
    color: #FFFFFF;
}

/* Page Header
-------------------------------------------------- */
#header {
    background: none repeat scroll 0 0 #F1F1F1;
}
#header h1 {
    color: #308CCF;
}

/* Main Content
-------------------------------------------------- */
#content {
	background:#0c748a url("/img/back.jpg") top repeat-x;
    color: #394755;
}
.bouncy:hover i {
    color: #0074CC;
}

.sides {
    border-left: 1px solid rgba(0, 0, 0, 1);
	border-right: 1px solid rgba(0, 0, 0, 1);
	margin-right:1px;
	background-color: #ffffff;
}

/* Pricing Tables
-------------------------------------------------- */
.product-plan {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
}
ul.plans {
    margin: 0;
}
.product-plan .name {
    background: none repeat scroll 0 0 #394755;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.product-plan .name h3 {
    color: #D6DFE5;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
}
.product-plan .price {
    background: none repeat scroll 0 0 #F1F1F1;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
}
.product-plan .price h3 {
    color: #308CCF;
}
.product-plan .feature {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
}
.product-plan .action {
    background: none repeat scroll 0 0 #F1F1F1;
}
.product-plan.popular .name {
	background: none repeat scroll 0 0 #308CCF;
	color: #FFFFFF;
}
.product-plan.popular .name h3 {
	color: #FFFFFF;
}

/* Meet the Team
-------------------------------------------------- */
#team.thumbnail {
    background: none repeat scroll 0 0 #FFFFFF;
}

/* Footer
-------------------------------------------------- */
#footer {
	 background:#0c748a url("/img/footer.jpg") bottom center repeat-x;
    color: #17405E;
}

/* Copywrite
-------------------------------------------------- */
#copywrite {
	background: none repeat scroll 0 0 #394755;
    color: #D6DFE5;
}

#copywrite a{
    color: #ffffff;
}

/* Mobile Defaults
------------------------- */
@media (max-width: 767px) {
  .navbar .nav-collapse .nav > li.active > a,
  .navbar .nav-collapse .nav > li.active:hover > a,  
  .navbar .nav-collapse .nav .active > a,
  .navbar .nav-collapse .nav .active > a:hover,
  .navbar .nav-collapse .nav .active > a:focus {
    background-color: #308CCF;	
  }
  .navbar .nav-collapse .nav > li > a:hover {
    background-color: #308CCF;
  }
  .product-plan .feature .pull-right {
    color: #308CCF;
  }
  .sides {
    border-left: 0px solid rgba(0, 0, 0, 1);
	border-right: 0px solid rgba(0, 0, 0, 1);
}

#content {
    background-color: #ffffff;
	background-image:none;
}
}


@media (min-width: 768px) and (max-width: 979px) {
#content {
    background-color: #ffffff;
	background-image:none;
}
  .sides {
    border-left: 0px solid rgba(0, 0, 0, 1);
	border-right: 0px solid; rgba(0, 0, 0, 1);
	
}
}