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

html {
  position: relative;
  min-height: 100%;
}

body {
	
	background:#f2f2f2;
	margin-bottom:4em;
}
body, input, textarea {
    font:14px Myriad Pro,  Arial, Sans-Serif;
    line-height:1.3em;
	color:#000;
}

#container {
	margin:1em 0 0 0;
	width:100%;
	padding:0;	
}

.footer {
	position:absolute;
	bottom:0;
	text-align:center;
	width:100%;
}

#branding {
		
}

#logo-container {	
	position:relative;
}

#logo {
	margin:0;
	float:right;	
}

#slug {
	padding-top:1.70em;
	font-family:Lato, Arial, Helvetica, sans-serif;
}

#slug-top {
	color:#009ddc;
	font-size:1.25em;
	letter-spacing:0.2em;	
	text-align:right;
	padding-left:20px;
	padding-bottom:0.25em;
	text-align:left;
}

#slug-bottom {
	color:#6c6c6c;
	text-align:left;
	font-size:0.875em;
	letter-spacing:0.1em;
	text-transform:uppercase;
	padding-left:20px;
	
}

.justified {
	max-width:575px;
	margin:0 auto;	
}

.carousel-inner {
	max-width:575px;
	margin:0 auto;	
}

#top-shadow {
	margin:1em 0 0 0;
	padding:0;
	-webkit-box-shadow: 0px -8px 8px 0px rgba(209,209,209,0.6);
	-moz-box-shadow: 0px -8px 8px 0px rgba(209,209,209,0.6);
	box-shadow: 0px -8px 8px 0px rgba(209,209,209,0.6);
}

#carousel-container {
	
	background:#fff; 
	border-top:1px solid #46b6e3;
	border-top:1px solid #46b6e3;
	border-bottom:1px solid #46b6e3; 
	-webkit-box-shadow: 0px 8px 8px 0px rgba(209,209,209,0.6);
	-moz-box-shadow: 0px 8px 8px 0px rgba(209,209,209,0.6);
	box-shadow: 0px 8px 8px 0px rgba(209,209,209,0.6);
	
	margin:0 0 2em 0;
}

.carousel-control-container {
	
}

.carousel-control {
	text-shadow:none;	
}
.carousel-control.left, .carousel-control.right {
   background-image:none !important;
   filter:none !important;
}

.out {
	color:#cdcdcd;	
}
.out:hover {
	color:#009ddc;
}	

.carousel-caption {
	background:#009ddc;
	border-top-left-radius:1em;
	border-top-right-radius:1em;
	bottom:0;
	padding:0.75em 0 0.5em 0;	
}

#main-content {
	text-align:center;	
}

.blue, a {
	color:#009ddc;
}
.bold  {
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.25em;
}

#branding, #slug, #logo {
	padding-left:0;
	padding-right:0;	
}

@media (max-width:750px) 
{
	#branding {
		padding-left:0;	
	}
	#logo {
		margin:0 auto;	
		float:none;
	}
	#slug {
		padding:0 0 0.5em 0;	
	}
	#slug-top, #slug-bottom {
		text-align:center;	
		padding-left:0;
	}
	#main-content {
		text-align:left;	
	}
	
}