/*Three Counties*/
/**{border:1px solid #FF0000}*/

body { color: #333; font-family:Verdana, Arial, "Times New Roman", Helvetica,  sans-serif; }
/*body { background-size: contain; background: url(../images/background.png) no-repeat fixed center top; }*/
body {  font-size: 16px;}

h1, h2, h3, h4, h5, h6	{ color: #0000ff;   margin-bottom: 25px;} 
h1, h2 {font-size: 30px}
.lead {font-size: 16px}
.large {font-size: 24px; margin-bottom: 25px;}

ul, ol{  margin-bottom: 25px; margin-left:75px;}

a:link 									{ color:#0000ff;}
a:visited 								{ color:#999; }
a:active 								{ color:#3072ad; }
a:hover 			 					{ color:#333; }

.blue	{ color: #00f;} 
.grey {color: #666;}

/*a[href^="tel:"]:before {
    content: "\260E";
    display: block;
    margin-right: 0.5em;
}*/



/***********************************************
Nav-bar
**********************************************/
.navbar {margin-bottom: 1px; border-color: #ffffff; height: auto; }
.navbar-custom {
	background-color: #0000ff;
	border-color: #0000b2;
}
/*.navbar-custom .navbar-text {color: #ffffff;}
.navbar-custom .nav > li > a {color: #ffffff;}
.navbar-custom .nav > li > a:visited {color: #ffffff!Important;}
.navbar-custom .nav > li > a:hover, .navbar-custom .nav > li > a:focus {color: #ffff80; background-color: #00a4f2!Important;}
.navbar-custom .nav > .active > a, .navbar-custom .nav > .active > a:hover, .navbar-custom .nav > .active > a:focus {color: #ffff80;	background-color: #00a4f2; }
.navbar-custom .nav > .open > a, .navbar-custom .nav > .open > a:hover, .navbar-custom .nav > .open > a:focus {color: #ffff80;	background-color: #00a4f2;}*/

.navbar-custom .nav li a {color: #ffffff;}
.navbar-custom .nav li a:visited {color: #ffffff;}
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus {color: #ffff80; background: #0000b2;}
.navbar-custom .nav .active a, .navbar-custom .nav .active a:hover, .navbar-custom .nav .active a:focus {color: #ffff80;	background: #0000b2; }
.navbar-custom .nav .open a, .navbar-custom .nav .open a:hover, .navbar-custom .nav .open a:focus {color: #ffff80;	background: #0000b2;}

.navbar-custom .navbar-toggle {border-color: #ffff80;}
.navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {background: #0000b2;}
.navbar-custom .navbar-toggle .icon-bar {background: #ffff80;}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {border-color: #ffff80;}
.navbar-custom .navbar-link {color: #ffff80;}
.navbar-custom .navbar-link:hover {color: #ffff80;}

.navbar-custom .nav .open .dropdown-menu {background-color: #0000ff;}
.navbar-custom .nav .open .dropdown-menu li a {color: #ffffff;	background: #0000ff;}
.navbar-custom .nav .open .dropdown-menu li a:hover { color: #ffff80; background: #0000b2; }
.navbar-custom .nav .open .dropdown-menu li a:focus {color: #ffff80; background: #0000b2;}

.navbar-custom .nav .open .dropdown-menu .active a, .navbar-custom .nav .open .dropdown-menu .active a:hover, .navbar-custom
.nav .open .dropdown-menu .active a:focus {color: #ffffff; background: #0000b2;}


@media (max-width: 767px) {
.navbar-custom .nav .open .dropdown-menu > li > a {color: #ffffff;}
.navbar-custom .nav .open .dropdown-menu > li > a:hover, .navbar-custom .nav .open .dropdown-menu > li > a:focus {color: #ffff80; background-color: #0000b2;}
.navbar-custom .nav .open .dropdown-menu > .active > a, .navbar-custom .nav .open .dropdown-menu > .active > a:hover, .navbar-custom .nav .open .dropdown-menu > .active > a:focus {color: #ffffff;	}
}

/* <---------- HEADER ----------> */
.logoimg {margin: 0 auto;}
.logoimg .img-responsive {margin: 0 auto;}
#logo {  padding: 10px 0; font-size: 18px; text-align: center; }
#slogan{
	font-size: 18px;
	color: #0000ff;
	text-align: center;
}
.slogan2 {
	color: #666;
	font: italic bold 16px "Times New Roman", Times, serif;
	text-align: center;
}
.slogan4 {
	color: #0000ff;
	font: italic bold 18px "Times New Roman", Times, serif;
	text-align: center;
	padding: 10px 0;
}
.cleaners {	text-align: center;}
.cleaners .img-responsive {    margin: 0 auto;}
#contact{ text-align: center; font-size: 14px; }
.telephone{font-size: 18px;}
.email{font-size: 18px;}

@media (min-width: 768px) {
#contact{ text-align: right; }
}

/* <----------- Spacing -----------> */

.topspace {padding-top:10px;}

/* <----------- Image Spacing for pull-----------> */

.rightspace{padding-right: 20px; padding-top: 10px; padding-bottom: 10px;}
.leftspace{padding-left: 20px; padding-top: 10px; padding-bottom: 10px;}

/* <----------- Boxes ------------> */


.box { padding: 5px; margin-bottom: 10px; text-align: center; border: 1px solid #999; background: #CCC;   border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.add { padding: 5px; margin-bottom: 10px; text-align: center; border: 1px solid #999; background: #fff;   border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.add .img-responsive {    margin: 0 auto;}

.calltoaction {
	margin-bottom: 10px;
	padding: 5px;
	background: #0000ff;
	font-size: 20px;
	text-align: center;
	color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.calltoaction a:link{	color: #fff;}

.slogan3 {
	font: italic bold 24px "Times New Roman", Times, serif;
	text-align: center;
}
/* <----------- to overide bootstrap css on button ------------> */
.btn
{
  background-color:#0000ff !important;
  color:#ffffff !important; 
}

.btn:hover, .btn:focus, .btn.focus
{
  background-color:#0000b2 !important;
  color:#ffff80 !important; 
}


/* <----------- FOOTER ------------> */
#footernav {margin-top:20px; text-align: center;}
#footernav ul { display:inline; margin-left: 0px;}
#footernav ul li { display:inline; list-style: none;}

footer a:link { text-decoration: underline; }
footer a:visited {text-decoration: underline; }
footer a:hover { text-decoration: none; }

#footerslogan{
	text-align:center;
	display: block;
	clear: both;
	color:#666;
}
#footercontact{	}

#credits { margin-top: 20px; text-align: center; }
#credits ul { display:inline; margin-left: 0px;}
#credits ul li { display:inline; list-style: none;}