body {
	font-family: 'Josefin Sans', sans-serif;
}

.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:876px}}
@media (min-width:1200px){.container{width: 1158px;
    padding-top: 23px;}}

.no-padding {
	padding:0;
}

h1, h2, h3, h4, h5 {
	text-transform:uppercase;
}

.page404 {
	padding-bottom:60px;
}

/********************************************************************
 * *********** HEADER **********************************************
 *******************************************************************/

#header{
	background: url(../img/elements/header-footer.jpg) no-repeat center 0 #1f2524;
	padding-top:15px;
}

.inner-header{
	padding-bottom:10px;
}

#header .navbar-default{
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

#header .navbar-nav{
	text-transform: uppercase;
	font-weight:bold;
}

#header .btn-primary {
	margin-bottom:20px;
	border-color:#fff;
	background-color: rgba(59, 189, 238, 0.5);
	transition: background-color ease 0.3s;
}

#header .btn-primary:hover {
	background-color: rgb(59, 189, 238);
}

#header .phone {
	color: #fff;
	font-size:1.4em;
	line-height:39px;
}

#header a:hover {
	text-decoration:none;
}
@media(max-width:400px){
	#header .center-small .col-xs-6 {
		width:100%;
		text-align:center;
	}
}

/* *** XS styles  *** */
@media (max-width: 767px){
	#header .blurb {
		display:none;
	}
	
	#header .btn-primary {
		font-size:15px;
	}
	#header .logo {
		max-width:100%;
		margin-bottom:20px;
	}
	#header .navbar-collapse{
		border:none;
	}
}

/* *** XXS styles  *** */
@media (max-width: 350px) {
	#header .phone {
		font-size:1em;
	}
	#header .btn-primary {
		font-size:12px;
	}
}

@media (min-width: 351px) and (max-width: 449px) {
	#header .phone {
		font-size:1.1em;
	}
	#header .btn-primary {
		font-size:12px;
	}
}

@media (min-width: 450px) {
	#header .phone {
		font-size:1.3em;
	}
	#header .btn-primary {
		font-size:12px;
	}
}

/* *** SM styles  *** */
@media (min-width: 768px) and (max-width: 991px) {
	#header .blurb {
		display:block;
		padding-bottom:10px;
		font-size:70%;
	}
	
	#header .logo {
		max-width:370px;
	}
	
	#header .btn-primary {
		font-size:15px;
	}

	.navbar-nav{
/*
        padding: 0 95px;
*/
		font-size:89%;
    }
}
 

/* *** MD+ styles  *** */
@media (min-width: 992px){
	#header .blurb {
		display:block;
		padding-bottom:10px;
		font-size:80%;
	}
/*
	.navbar-nav{
        padding: 0 158px;
    }
*/
} 

/********************************************************************
 * *********** MAIN BANNER **********************************************
 *******************************************************************/

#main-banner {
	background: url(../img/elements/banner-main.jpg) no-repeat center 0 #1f2524;
	height:378px;
	padding: 20px 0;
}

#main-banner h3{
	color:#AAAAAA;
}

/* *** XXS styles  *** */
@media (max-width: 499px){
	#main-banner h3{
		font-size: 23px;
	}
}

/* *** XS styles  *** */
@media (min-width: 500px) and (max-width: 767px){
	#main-banner h3{
		font-size: 27px;
	}
}

/********************************************************************
 * *********** ABOUT BANNER **********************************************
 *******************************************************************/

#about-banner .credentials {
	padding: 40px 0;
	text-align:center;
}

#about-banner .credentials img{
	max-height:36px;
	display:inline-block;
}

#about-banner .blurb {
	vertical-align: bottom;
	float: none;
	display: table-cell;
}

#about-banner h5 {
	font-size:20px;
}

@media (min-width: 768px) {
	#about-banner .blurb {
		height: 515px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#about-banner .credentials {
		padding: 30px 0;
	}
	#about-banner h5 {
		font-size:17px;
	}
	#about-banner h2 {
		font-size:32px;
	}
}

@media (max-width: 400px) {
	#about-banner h2 {
		font-size:30px;
	}
}

/********************************************************************
 * *********** PROCEDURE BANNER **********************************************
 *******************************************************************/

#procedure-banner {
    background: -webkit-linear-gradient(#fff, #CBCDCC); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #CBCDCC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #CBCDCC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #CBCDCC); /* Standard syntax (must be last) */
    
    border-top: solid 1px #161A19;
    border-bottom: solid 1px #161A19;
    padding: 28px 0 8px;
}

#procedure-banner .feature{
	background-color:#333C3B;
	text-align:center;
	padding:10px 10px;
	margin-bottom: 20px;
}

#procedure-banner .feature h5{
	text-align:left;
}

#procedure-banner .feature p{
	text-align:justify;
	color:#fff;
}

#procedure-banner .feature a{
	text-transform:uppercase;
	padding: 8px 12px;
	color:#3bbdee;
	background-color:#333C3B;
	transition: background-color ease 0.3s;
}

#procedure-banner .feature a:hover{
	background-color:#3892B4;
	color:#333C3B;
}

/* *** SM styles  *** */
@media (min-width: 768px) and (max-width: 991px) {
	#procedure-banner .feature h5{
		font-size: 16px;
	}
}

/* *** XS styles  *** */
@media (max-width: 767px) {
#procedure-banner .row{
	text-align:center;
}
	#procedure-banner .feature {
		max-width:262px;
		margin: 10px;
		display:inline-block;
	}
	
	#procedure-banner .col-sm-6{
		text-align:center;
		display:inline-block;
		padding:0;
	}
}
/********************************************************************
 * *********** CONTACT BANNER **********************************************
 *******************************************************************/
 
 #contact-banner h3 {
	font-size:1.556em;
 }
 
 #contact-banner .map_wrapper {
	height:300px;
 }
 
 #contact-banner .address {
	padding-top: 11px;
 }
 
 #contact-banner #inputs {
	padding-top:10px;
 }
 
 #contact-banner #inputs label {
	font-size: 90%;
	width:30%;
	padding-left:0
 }
 
  #contact-banner #inputs input:not(.ui-button), #contact-banner #inputs textarea {
	font-size: 90%;
	width:70%;
	padding:5px 10px;
 }
 
 #contact-banner #contact_message_remaining {
	display:none;
 }
 
 #contact-banner .ccaptcha {
	width:100px;
	position: static;
 }
 

 #contact-banner #inputs .button input {
	color: #fff;
	background-color: #3BBDEE;
	border: solid 1px #24B5EC;
	padding:10px 12px;
	float:right;
	max-width:40%;
 }
 #contact-banner #inputs .button input:hover {
	background-color: #15B0EB;
	border-color: #1191C2;
	color: #FFFFFF;
}

#contact-banner .directions-button a{
	margin: 10px 0;
	width:100%;
}

/* *** XXS styles  *** */
@media (max-width: 436px) {
	#contact-banner #inputs label {
		font-size: 90%;
		width:44%;
		padding-left:0
	 }
	 
	  #contact-banner #inputs input:not(.ui-button), #contact-banner #inputs textarea {
		font-size: 90%;
		width:56%;
		padding:5px 10px;
	 }
}
 /********************************************************************
 * *********** FOOTER **********************************************
 *******************************************************************/
#footer{
	background: url(../img/elements/header-footer.jpg) repeat-y center 0 #1f2524;
	padding-top:20px;
}

#footer #copyright {
	font-size: 70%;
	text-align:right;
	padding-bottom:10px;
}

#footer #copyright a{ 
	color:#98979c;
	text-decoration:none;
}

#footer .title{
	color:#3bbdee;
	text-transform:uppercase;
}

#footer .links {
	
}

#footer .links a{
	color:#fff;
	font-size:90%;
}

 /********************************************************************
 * *********** SERVICE PAGE *************************************
 *******************************************************************/

#service .sidebar{
	background-color:#F6F6F6;
	margin:20px 0;
	text-align:center;
	padding-bottom:20px;
}

#service .sidebar .blurb{
	font-size:80%;
	max-width:224px;
	text-align:justify;
	display:inline-block;
	padding: 10px 0;
}

#service .sidebar img{
	display:inline-block;
}

#service .sidebar .credential{
	display:inline-block;
	width:100%;
	padding:10px 40px;
}

#service .sidebar hr{
	margin:2px 20px;
	border-color:#C5C5C5;
}

 /********************************************************************
 * *********** ABOUT PAGE *************************************
 *******************************************************************/

#about .sidebar{
	background-color:#F6F6F6;
	margin:20px 0;
	text-align:center;
	padding-bottom:20px;
}

#about .sidebar .blurb{
	font-size:80%;
	max-width:224px;
	text-align:justify;
	display:inline-block;
	padding: 10px 0;
}

#about .sidebar img{
	display:inline-block;
}

#about .sidebar .credential{
	display:inline-block;
	width:100%;
	padding:10px 40px;
}

#about .sidebar hr{
	margin:2px 20px;
	border-color:#C5C5C5;
}

#about .btn {
	width:100%;
}

/********************************************************************
 * *********** CONTACT PAGE ****************************************
 *******************************************************************/
 
 #contact h3 {
	font-size:1.556em;
 }
 
 #contact .map_wrapper {
	height:300px;
 }
 
 #contact .address {
	padding-top: 11px;
	padding-bottom:10px;
 }
 
 #contact #inputs {
	padding-top:10px;
 }
 
 #contact #inputs label {
	font-size: 90%;
	width:30%;
	padding-left:0
 }
 
  #contact #inputs input:not(.ui-button), #contact #inputs textarea {
	font-size: 90%;
	width:70%;
	padding:5px 10px;
 }
 
 #contact #contact_message_remaining {
	display:none;
 }
 
 #contact .ccaptcha {
	width:100px;
	position: static;
 }
 
 #contact .callus{
	font-size:80%;
	padding-top:10px;
 }

 #contact #inputs .button input {
	color: #fff;
	background-color: #3BBDEE;
	border: solid 1px #24B5EC;
	padding:10px 12px;
	float:right;
	max-width:40%;
 }
 #contact #inputs .button input:hover {
	background-color: #15B0EB;
	border-color: #1191C2;
	color: #FFFFFF;
}

 #contact #direction_from{
	width:62%;
	background-color: #fff;
	border: solid 1px #98979c;
	height:39px;
	font-size:90%;
	padding: 0 5px;
}

#contact #get_directions {
	width:36%;
}

/* *** SM styles  *** */
@media (min-width: 768px) and (max-width: 991px) {
	 #contact #inputs label {
		font-size: 90%;
		width:36%;
		padding-left:0
	 }
	 
	 #contact #inputs input:not(.ui-button), #contact #inputs textarea {
		font-size: 90%;
		width:64%;
		padding:5px 10px;
	 }
}
/* *** XXS styles  *** */
@media (max-width: 436px) {
	#contact #inputs label {
		font-size: 90%;
		width:44%;
		padding-left:0
	 }
	 
	  #contact #inputs input:not(.ui-button), #contact #inputs textarea {
		font-size: 90%;
		width:56%;
		padding:5px 10px;
	 }
}