@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css";

/*Skip content link*/
#skipContentWrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}
a#skipContentLink, a#skipContentLink:hover, a#skipContentLink:visited {
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
a#skipContentLink:active, a#skipContentLink:focus {
    position: static;
    width: auto;
    height: auto;
    font-size: 15px;
    z-index: 10000;
    text-decoration: underline;
    padding: 20px;
    background: #005696;
    color: #FFF;
}

input:not([type]):focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input[type=submit]:focus, textarea:focus, select:focus {
    background: #fcf3ba;
    outline: none;
	border:1px solid black;
    box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
    -moz-box-shadow: 0 0 5px #333;
    -o-box-shadow: 0 0 5px #333;
    -ms-box-shadow: 0 0 5px #333;
}

input[type=radio]:focus,input[type=checkbox]:focus{
	outline: 1px solid black;
}

a:focus>img,a:hover>img{	
    border:1px solid black;
    box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
    -moz-box-shadow: 0 0 5px #333;
    -o-box-shadow: 0 0 5px #333;
    -ms-box-shadow: 0 0 5px #333;
}

input[type="submit"]{
	background: #284F91 !important;
    border-color: #BDC710 !important;
    color: #FFF !important;
    border-radius: 3px;
    border-width: 0;
    text-shadow: none;
	-webkit-appearance: button;
}

.header1, .header2, .header3, .header4, .header5 {
	color:black;
}

h1 {
	color:#000;
    line-height: 1em;
    margin-top: 1em;
    margin-bottom: 0.727em;
	
	/*
	letter-spacing: -0.03em;
	font-size: 1.545em;
	font-weight: bold;
	*/
}

.header2 {
    text-transform:none;
    font-size: 2em;
    letter-spacing: 0em;
}

.header3 {
    text-transform:none;
    font-size: 1.7em;
    letter-spacing: 0em;
}

a, a:link, a:visited {
    color: #005696;
    font-weight: bold; 
    text-decoration: none;
}

a:hover, a:focus {
    color: #2a6496;
    text-decoration: underline;
}

/*.serviceListMenu {
    width: 0%;
	visibility: hidden;
}

.serviceList {
    float: left;
    width: 100%;
}*/

/*.cat_image {
	display: inline-block;
    margin: 1px;
}*/

#showall {
	width: 100%;
	margin-top:5px;
	margin-bottom:10px;
}

#homecontent {
	font-size:16px;
}

/*.cat_image_img{
	height: 200px;
	width: 200px;
}*/

/*image hover/focus functionality*/
.hovercat img:last-child{display:none}
@media only screen and (min-width: 768px){
	.hovercat:hover img:first-child{display:none;}
	.hovercat:hover img:last-child{display:inline-block;}
	.hovercat:focus img:first-child{display:none;}
	.hovercat:focus img:last-child{display:inline-block;}
}

.header{
	background-image: none;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.headerlogo {
	height:90px;
	float:left;
}

/*remove border from image links in IE*/
a img {
	outline : none;
	border: 0;
	}

/*hide the popular services title*/
#widget_PopularServiceCollection .header2, #widget_PopularServiceCollection .header2 {
	visibility: hidden;
	height: 0;
}

.PopularServiceCollection {
    border-top: none;
}

/*menu items*/
.menu{
	/* margin-top: 5px; */
}

.menu>ul {
	border-top: solid #BDC710;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.menu>ul>li>a {
	background-color: #005696;
    padding: 1em 0.75em;
    border-left: 2px solid #fff;
    line-height: 22px;
    color: #fff;
    font-size: 17px;
	font-weight:normal;
}

/*hide the border on the first menu item*/
.menu>ul>li:first-of-type>a {
    border: none;
}
/*social links*/
.headerlink {
    color: #005696;
    font-weight: bold;
    /* display: inline-block; */
    font-size: 15px;
	/* padding-left:0.4em; */
}

.social-links{
	text-align:right;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.social-links .fa, .social-links [class^=icon-] {
    font-size: 18px;
    color: #005696;
}

a.nodecoration:hover {
    text-decoration: none;
}

/*footer*/

.footer {
    text-align:left;
    background: #005696;
    padding: 1em;
    border-top: solid #BDC710;
    /* height:60px; */
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.footer a, .footer p {
    color: #fff;
    font-size: 14px;
    margin-top: 5px;
}

.footer-links{
		color: #fff;
}

.Footer_outer{
width: 100%;
}

.Footer_inner_left{
width:auto;
max-width: 70%;
float: left;
display:inline;
}

.Footer_inner_right{
width:auto;
max-width: 25%;
float: right;
text-align: right;
display:inline;
}

.clear { clear: both; }


/* image grid */
.grid-container{text-align: center;}

ul.rig {
	list-style: none;
	font-size: 0px;
	margin-left: -1%; /* should match li left margin */
}
ul.rig li {
	display: inline-block;
	padding: 2px;
	margin: 0 0 1% 1%;
	background: #fff;
	border: none;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	/*box-shadow: 0 0 5px #ddd;*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul.rig li img {
	max-width: 100%;
	width: 200px;
	height: auto;
	margin: 0 0 10px;
}
/*ul.rig li h3 {
	margin: 0 0 5px;
}*/
/*ul.rig li p {
	font-size: .9em;
	line-height: 1.5em;
	color: #999;
}*/
/* class for 2 columns */
ul.rig.columns-2 li {
	width: 47.5%; /* this value + 2.5 should = 50% */
}
/* class for 3 columns */
ul.rig.columns-3 li {
	width: 32%; /* this value + 1 should = 33% */
}
/* class for 4 columns */
ul.rig.columns-4 li {
	width: 22.5%; /* this value + 2.5 should = 25% */
}
 
@media (max-width: 500px) {
	/* switch to two columns for small screen */
	ul.rig.columns-4 li {
		width: 49%; /* this value + 1 should = 50% */
	}
	ul.grid-nav li {
		margin: 0 0 0px;
	}
	ul.rig {
		margin-left: 0;
	}
	ul.rig li img {
		margin: 0 0 0px;
	}
	/*ul.grid-nav li a {
		display: block;
	}
	
	ul.rig li {
		width: 100% !important;
		margin: 0 0 0px;
	}*/
}


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

	/*.serviceListMenu {
		float: left;
		width: 0%;
	}*/
	
	/*.cat_image_img{
		height: 165px;
		width: 165px;
	}*/

	#homeimage{
	    visibility:hidden;
	    height:0px;
	    width:0px;
	}

    #homecontent{
        padding-left:10px;
        padding-right:10px;
        font-size:14px;
    }

    #menuButton {
		background: #005696;
		color: #fff;
		font-size: 16px;
		text-shadow: none;
	}
	
	.menu{
		background: none;
		border:0px;
	}
	
	.menu>ul>li {
		background: #005696;
	}
	
	.menu>ul>li>a {
		padding: 0 0;
		border: none;
		line-height: 22px;
		color: #fff;
		font-size: 16px;
	}
	
	.header{
		padding-bottom: 0em;
    	margin-bottom: 0em;
	}
	
	.header .menu {
		padding-top: 65px;
	}
	
	.headerlogo {
		height:65px;
	}
	
	.Footer_outer{
		float: left;
	}
	
	.Footer_inner_left{
		max-width:100%;
		float: left;
		}

	.Footer_inner_right{
	max-width:100%;
	float:left;
	text-align: left;
	}
		

}	
.markup li {
	overflow: visible: !important;
	list-style: disk outside none !important;
	margin-left: 20px !important;
	padding-top: 5px;
	padding-bottom: 5px;
}