body
{
	background:#000;
	color:#0047ab;
	font-size:12pt;
}

#homePage
{
	background-image: url("./img/background.jpg");
	background-repeat: no-repeat;
  	background-position: center;
	background-size: cover;
	height:800px;
}

#homePageLogo
{
	width:500px;
	float:right;
}

#homeLocations
{
	width:100%;
}

#buttonTableBox
{
	width:400px;
}

.circleButton
{
	text-align:center; 
	color:white; 
	display:inline-block; 
	text-decoration:none; 
	padding:13px 13px;
	background-color: #0047ab; 
	border-radius:50px;
}

.circleButton:hover
{
	background:gray;
}

.circleButtonLarge
{
	width:70px;
	text-align:center; 
	color:white; 
	display:inline-block; 
	text-decoration:none; 
	padding:25% 25%;
	background-color: #0047ab; 
	border-radius:50%;
}

.circleButtonLarge:hover
{
	background:gray;
}

#notificationBar
{
	color:white;
	height:30px;
	line-height:30px;
	background-color:#959595;
	float:left;
	width:100%;
}

#featuredServices
{
	width:100%;
	height:50px;
}

#featuredServices ul
{
	width:100%;
	height:50px;
	text-decoration:none;
	list-style:none;
	padding:0px;
}

#featuredServices ul li
{
	float:left;
	width:25%;
	height:150px;
	text-align: center;
	vertical-align: middle;
	display:table;
}


#featuredServices ul a
{
	width:100%;
	height:100%;
	margin:none;
	color:white;
}

#featuredServices ul a:link
{
	color: white;
}

#featuredServices ul a:visited
{
	color: white;
}

#featuredServices ul a:hover
{
	color: green;
}

#featuredServices ul a:active
{
	color: white;
}

.blackText
{
	color:black;
}

.whiteText
{
	color:white;
}

.blueText
{
	color:#2B859F;
}

#notificationBar a
{
	color:white;
	text-decoration:none;
}

#notificationBar a:hover
{
	color:green;
}

#notificationBar a:visited
{
	color:white;
}

#notificationBar a:active
{
	color:white;
}

.topHeader
{
	width:100%;
	float:left;
}
.navigation
{
	width:100%;
	float:left;
}

.navigation ul
{
	margin-left:auto;
	margin-right:auto;
	max-width:1050px;
}

.navigation li
{
	float:left;
	text-decoration:none;
	list-style:none;
	padding-left:2%;
	padding-right:2%;
	padding-top:15px;
	padding-bottom:15px;
	margin-left:5px;
	margin-right:5px;
	position:relative;
	color:white;
}

.navigation a
{
	text-decoration: none;
}

.navigation li:hover
{
	color:green;
}

.navigation li:visited
{
	color:white;
}

.navigation li:active
{
	color:white;
}



.bar
{
	float:left;
	margin-top:10px;
	width:100%;
	text-align:center;
	color:white;
}

.bar a
{
	color:white;
}

.imgLargeToLarge
{
	width:auto;
	max-width:800px;
}

.imgSmallToLarge
{
	width:400px;
}

.left_bar
{
	width:20%;
	float:left;
	margin-right:2%;
	text-decoration:none;
	list-style:none;
}

.left_bar h3
{
	margin-left:5px;
}

.left_bar li
{
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	margin-top:2px;
}
.right_bar
{
	width:69%;
	float:left;
}

.left_bar img
{
	width:50%;
}

.footer
{
	width:100%;
	float:left;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	color:white;
}

.footer a
{
	color:white;
}

.footer a:hover
{
	color:green;
}

.footer a:visited
{
	color:white;
}

.footer a:active
{
	color:white;
}

.bar_text
{
	width:50%;
	margin-left:25%;
}

.webOnly
{
	display:block;
}

.mobileOnly
{
	display:none;
}

@media screen and (max-width: 1050px)
{
	#buttonTableBox
	{
		width:100%;
	}

	#featuredServices
	{
		display:none;
	}
	#notificationBar
	{
		height:70px;
	}
	.navigation
	{
		width:100%;
	}

	#homePage
	{
		background-repeat: no-repeat;
  		background-position: center;
		background-size: cover;
		height:700px;
	}

	#homePageLogo
	{
		float:right;
		width:30%;
	}

	.navigation a
	{
		margin-left:0;
		margin-right:0;
		width:100%;
	}

	.navigation ul
	{
		margin-left:auto;
		margin-right:auto;
		padding:0;
		margin:0;
		max-width:1050px;
	}

	.navigation li
	{
		width:100%;
		display:block-inline;
		text-align:center;
		padding-left:0;
		padding-right:0;
		padding-top:15px;
		padding-bottom:15px;
		margin-left:0;
		margin-right:0;
	}

	.bar
	{
		width:100%;
	}
	.imgSmallToLarge
	{
		width:100%;
	}

	.imgLargeToLarge
	{
		width:100%;
	}
	.left_bar
	{
		width:100%;
	}

	.right_bar
	{
		width:100%;
	}
	.left_bar img
	{
		width:100%;
	}

	#searchBox
	{
		width:100%;
	}

	.bar_text
	{
		width:100%;
		margin-left:0;
	}

	.mobileOnly
	{
		display:block;
	}

	.webOnly
	{
		display:none;
	}
}

@media screen and (max-width: 950px)
{
	#homePageLogo
	{
		float:right;
		width:40%;
	}
	#homePage 
	{
		height:750px;
	}
}

@media screen and (max-width: 700px)
{
	#homePageLogo
	{
		float:right;
		width:60%;
	}
}
@media screen and (max-width: 600px)
{
	#homePageLogo
	{
		float:right;
		width:65%;
	}
	#homePage 
	{
		height:760px;
		padding-top:25px;
	}

	.circleButtonLarge 
	{
		margin-top: -30px;
	}
}
@media screen and (max-width: 500px)
{
	#homePageLogo
	{
		float:right;
		width:100%;
	}
}
@media screen and (max-width: 400px)
{
	#homePageLogo
	{
		float:none;
		width:100%;
	}
}