@import url('https://fonts.googleapis.com/css?family=Lato:400,300,700,400italic|Squada+One');

html { 
	background-color: #121212;
	font-family: 'Lato', sans-serif;
	font-size: 64%;
}
a:link, a:visited {
	color: #000;
}
a:link:hover, a:visited:hover {
	text-decoration: none;
}
h1 {
	font-size: 33px;
	font-weight: normal;
	color: #000;
	text-shadow: 1px 1px 1px #ccc;
}
h2 {
	font-size: 24px;
	font-weight: normal;
	color: #000;
	margin: 7px 0 0 2px;
}
input[type=submit] {
	width: 110px;
	height: 28px;
	background-color: #000;
	color: #fff;
	border: solid 1px #ccc;
	border-radius: 5px;
}
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus,
select:focus {
	box-shadow: 0 0 5px #000;
	border: 1px solid #000;
}

#container {
	width: 100%;
	background-color: transparent;
}
#header {
	background-color: #fff;
}
#logoName {
	color: #000;
}
#logoName1 {
	font-size: 2.95em;
	font-weight: 200;
	text-shadow: 1px 1px 1px #999;
}
#logoName2 {
	font-size: 1.9em;
	font-weight: 400;
}
#phone {
	color: #000;
	font-size: 2.2em;
	font-weight: 600;
	text-shadow: 1px 1px 1px #999;
}
#phone2 {
	font-size: 1.9em;
	font-weight: 400;
	text-shadow: 1px 1px 1px #999;
}
#navigation-container {
	background-color: #000;
	box-shadow: 3px 3px 6px #333;
}
.navigation-menu ul li {
	border-top: 1px solid #fff;
	flex: 1 0 auto;
}
.navigation-menu ul li ul {
	background-color: #000;
}
.navigation-menu a:link, .navigation-menu a:visited {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: capitalize;
}
.navigation-menu li:hover > a:link, .navigation-menu li:hover > a:visited {
	color: #0094d0;
}
.navigation-menu-arrow {
	color: #fff;
	font-size: 13px;
}
.show-menu div {
	background-color: #fff;
}
#contentWrapper {
	background-color: #fff;
}
#main-content {
	font-size: 1.2em;
}
#right-sidebar-wrapper {
	background-color: #fff;
	border: solid 1px #e7f0f8;
	border-radius: 12px 12px 0 0;
}
#footer {
	background-color: #000;
	min-height: 30px;
	margin-bottom: 20px;
	box-shadow: 0 0 2px 2px #666;
}
#footerNav a:link, #footerNav a:visited {
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
#footerNav a:link:hover, #footerNav a:visited:hover {
	color: #0094d0;
}
#copyright {
	color: #fff;
	margin-top: 0;
}
#copyright a:link, #copyright a:visited {
	color: #fff;
	font-size: .85em;
	text-decoration: none;
}
#copyright a:link:hover, #copyright a:visited:hover {
	color: #0094d0;
}

@media screen and (min-width: 1000px) {
	#header {
		position: relative;
		display: block;
	}
	#header-display {
		position: absolute;
		top: 15px;
		left: 0;
		margin: 0;
		padding: 0;
	}
	#logoName {
		margin-left: 30px;
	}
	#phone {
		position: absolute;
		top: 0;
		right: 15px;
	}
	.navigation-menu {
		width: 1000px;
	}
	.navigation-menu ul li {
		text-align: left;
		border-top: none;
	}
	.navigation-menu li:hover > a.navigation-level-2:link, .navigation-menu li:hover > a.navigation-level-2:visited {
		color: #fff;
		font-size: 13px;
		font-weight: 200;
		font-weight: bold;
	}
	.navigation-menu li:hover > a.navigation-level-3:link, .navigation-menu li:hover > a.navigation-level-3:visited {
		color: #fff;
		font-size: 13px;
		font-weight: 200;
		font-weight: bold;
	}
	#contentWrapper {
		width: 1000px;
		margin: 24px auto;
		border-radius: 12px;
		box-shadow: 5px 5px 5px rgba(51,51,51,0.5);
	}
	#layoutB #main-content {
		width: 67%;
	}
	#layoutB #right-sidebar {
		width: 32%;
	}
}