/* CSS Document */

:focus { outline:0; }
a:active { outline:none; }
body {
	color: #2F3337;
	background: #F6F7F4;
	font-family: Arial, Helvetica, sans-serif;
}
ol,ul { list-style:none; }

img {	display: block;	}

.site-header {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 24px 28px 0 28px;
	border: 1px solid #A4A9AD;
	border-bottom: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #FFFFFF;
}

.site-page {
	width: min(960px, calc(100% - 32px));
	margin: 20px auto 40px auto;
	background: #FFFFFF;
	border: 1px solid #D7DADD;
	border-radius: 8px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.site-header-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E1E3E5;
}

.site-logo-link {
	display: inline-block;
	text-decoration: none;
}

.site-logo {
	width: 230px;
	height: auto;
}

.site-header-tools {
	display: flex;
	align-items: center;
	gap: 18px;
}

.site-tool-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 82px;
	color: #4D4D4D;
	font-size: 12px;
	line-height: 1.2;
	text-decoration: none;
}

.site-tool-link:hover {
	color: #F59120;
	text-decoration: none;
}

.site-tool-icon {
	width: auto;
	height: 24px;
	margin-bottom: 6px;
}

.site-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	padding: 14px 0;
}

.site-nav-item {
	position: relative;
}

.site-nav-link,
.site-nav-button {
	display: inline-block;
	border: 1px solid transparent;
	border-radius: 3px;
	background: transparent;
	color: #4D4D4D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.2;
	padding: 8px 10px;
	text-decoration: none;
	cursor: pointer;
}

.site-nav-button:after {
	content: "";
	display: inline-block;
	margin-left: 6px;
	vertical-align: middle;
	border-top: 4px solid #4D4D4D;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.site-nav-link:hover,
.site-nav-button:hover,
.site-nav-has-menu:hover .site-nav-button {
	border-color: #BED53A;
	background: #F8FAE8;
	color: #F59120;
	text-decoration: none;
}

.site-nav-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 230px;
	z-index: 1000;
	padding: 6px 0;
	border: 1px solid #BED53A;
	background: #FFFFFF;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
}

.site-nav-has-menu:hover .site-nav-menu,
.site-nav-has-menu:focus-within .site-nav-menu {
	display: block;
}

.site-nav-menu a {
	display: block;
	padding: 8px 12px;
	color: #4D4D4D;
	font-size: 13px;
	line-height: 1.25;
	text-decoration: none;
	white-space: nowrap;
}

.site-nav-menu a:hover {
	background: #F8FAE8;
	color: #F59120;
	text-decoration: none;
}

.site-content {
	padding: 30px 34px 34px 34px;
}

.site-content h1 {
	margin: 0 0 12px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #DADDE0;
	color: #F59120;
	font-size: 22px;
	line-height: 1.25;
	font-weight: bold;
}

.service-copy {
	width: 100%;
	color: #34383D;
	font-size: 14px;
	line-height: 1.55;
}

.service-copy br {
	line-height: 1.7;
}

.service-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 24px;
}

.service-list-item {
	padding: 16px;
	border: 1px solid #E1E3E5;
	border-radius: 5px;
	background: #FFFFFF;
}

.service-list-item h2 {
	margin: 0 0 8px 0;
	color: #F59120;
	font-size: 16px;
	line-height: 1.25;
}

.service-list-item h2 a {
	color: #F59120;
	text-decoration: none;
}

.service-list-item h2 a:hover {
	color: #4D4D4D;
	text-decoration: none;
}

.service-list-item p {
	margin: 0;
	color: #4D4D4D;
	font-size: 13px;
	line-height: 1.45;
}

.php-services-page {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #DDE4EA;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(22, 46, 68, 0.08);
	color: #334155;
	font-family: Arial, Helvetica, sans-serif;
}

.php-services-card {
	padding: 0;
}

.php-services-page h1,
.php-services-page h2,
.php-services-page h3 {
	margin-top: 0;
	color: #1F3A56;
	line-height: 1.25;
}

.php-services-page h1 {
	margin-bottom: 14px;
	font-size: 30px;
}

.php-services-page h2 {
	margin-bottom: 18px;
	font-size: 22px;
}

.php-services-page h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.php-services-page p {
	margin: 0;
	font-size: 15px;
	line-height: 1.68;
}

.php-services-intro {
	margin-bottom: 30px;
	padding-bottom: 28px;
	border-bottom: 1px solid #E5EBF0;
}

.php-services-intro-callout {
	margin-bottom: 18px;
	padding: 16px 18px;
	border-left: 4px solid #2D6F9F;
	border-radius: 4px;
	background: #F3F8FC;
	color: #24445F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.55;
}

.php-services-section {
	margin-top: 34px;
}

.php-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.php-service-item {
	min-height: 150px;
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-radius: 6px;
	background: #FAFCFD;
	box-shadow: 0 2px 8px rgba(28, 52, 74, 0.05);
}

.php-service-item h3 {
	color: #245B83;
}

.php-service-item p {
	font-size: 14px;
	line-height: 1.58;
}

.php-services-support {
	padding: 24px;
	border-radius: 6px;
	background: #F7F9FB;
	border: 1px solid #E3E9EF;
}

.php-services-cta {
	margin-top: 36px;
	padding: 26px;
	border-radius: 6px;
	background: #21384F;
	color: #FFFFFF;
}

.php-services-cta h2,
.php-services-cta p {
	color: #FFFFFF;
}

.php-services-cta h2 {
	margin-bottom: 10px;
}

.php-services-button {
	display: inline-block;
	margin-top: 18px;
	padding: 11px 18px;
	border-radius: 4px;
	background: #F59120;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.php-services-button:hover {
	background: #D87911;
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 900px) {
	.php-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 620px) {
	.php-services-page {
		padding: 20px;
	}

	.php-services-page h1 {
		font-size: 24px;
	}

	.php-services-intro-callout {
		font-size: 16px;
	}

	.php-services-grid {
		grid-template-columns: 1fr;
	}
}

.web-projects-page {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #DDE4EA;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(22, 46, 68, 0.08);
	color: #334155;
	font-family: Arial, Helvetica, sans-serif;
}

.web-projects-card {
	padding: 0;
}

.web-projects-page h1,
.web-projects-page h2,
.web-projects-page h3 {
	margin-top: 0;
	color: #1F3A56;
	line-height: 1.25;
}

.web-projects-page h1 {
	margin-bottom: 14px;
	font-size: 30px;
}

.web-projects-page h2 {
	margin-bottom: 18px;
	font-size: 22px;
}

.web-projects-page h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.web-projects-page p {
	margin: 0;
	font-size: 15px;
	line-height: 1.68;
}

.web-projects-intro {
	margin-bottom: 30px;
	padding-bottom: 28px;
	border-bottom: 1px solid #E5EBF0;
}

.web-projects-intro-callout {
	margin-bottom: 18px;
	padding: 16px 18px;
	border-left: 4px solid #2D6F9F;
	border-radius: 4px;
	background: #F3F8FC;
	color: #24445F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.55;
}

.web-projects-section {
	margin-top: 34px;
}

.web-projects-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.web-project-item {
	min-height: 150px;
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-radius: 6px;
	background: #FAFCFD;
	box-shadow: 0 2px 8px rgba(28, 52, 74, 0.05);
}

.web-project-item h3 {
	color: #245B83;
}

.web-project-item p {
	font-size: 14px;
	line-height: 1.58;
}

.web-projects-support {
	padding: 24px;
	border-radius: 6px;
	background: #F7F9FB;
	border: 1px solid #E3E9EF;
}

.web-projects-cta {
	margin-top: 36px;
	padding: 26px;
	border-radius: 6px;
	background: #21384F;
	color: #FFFFFF;
}

.web-projects-cta h2,
.web-projects-cta p {
	color: #FFFFFF;
}

.web-projects-cta h2 {
	margin-bottom: 10px;
}

.web-projects-button {
	display: inline-block;
	margin-top: 18px;
	padding: 11px 18px;
	border-radius: 4px;
	background: #F59120;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.web-projects-button:hover {
	background: #D87911;
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 900px) {
	.web-projects-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 620px) {
	.web-projects-page {
		padding: 20px;
	}

	.web-projects-page h1 {
		font-size: 24px;
	}

	.web-projects-intro-callout {
		font-size: 16px;
	}

	.web-projects-grid {
		grid-template-columns: 1fr;
	}
}

.scripting-services-page {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #DDE4EA;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(22, 46, 68, 0.08);
	color: #334155;
	font-family: Arial, Helvetica, sans-serif;
}

.scripting-services-card {
	padding: 0;
}

.scripting-services-page h1,
.scripting-services-page h2,
.scripting-services-page h3 {
	margin-top: 0;
	color: #1F3A56;
	line-height: 1.25;
}

.scripting-services-page h1 {
	margin-bottom: 14px;
	font-size: 30px;
}

.scripting-services-page h2 {
	margin-bottom: 18px;
	font-size: 22px;
}

.scripting-services-page h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.scripting-services-page p {
	margin: 0;
	font-size: 15px;
	line-height: 1.68;
}

.scripting-services-intro {
	margin-bottom: 30px;
	padding-bottom: 28px;
	border-bottom: 1px solid #E5EBF0;
}

.scripting-services-intro-callout {
	margin-bottom: 18px;
	padding: 16px 18px;
	border-left: 4px solid #2D6F9F;
	border-radius: 4px;
	background: #F3F8FC;
	color: #24445F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.55;
}

.scripting-services-section {
	margin-top: 34px;
}

.scripting-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.scripting-service-item {
	min-height: 150px;
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-radius: 6px;
	background: #FAFCFD;
	box-shadow: 0 2px 8px rgba(28, 52, 74, 0.05);
}

.scripting-service-item h3 {
	color: #245B83;
}

.scripting-service-item p {
	font-size: 14px;
	line-height: 1.58;
}

.scripting-services-support {
	padding: 24px;
	border-radius: 6px;
	background: #F7F9FB;
	border: 1px solid #E3E9EF;
}

.scripting-services-cta {
	margin-top: 36px;
	padding: 26px;
	border-radius: 6px;
	background: #21384F;
	color: #FFFFFF;
}

.scripting-services-cta h2,
.scripting-services-cta p {
	color: #FFFFFF;
}

.scripting-services-cta h2 {
	margin-bottom: 10px;
}

.scripting-services-button {
	display: inline-block;
	margin-top: 18px;
	padding: 11px 18px;
	border-radius: 4px;
	background: #F59120;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.scripting-services-button:hover {
	background: #D87911;
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 900px) {
	.scripting-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 620px) {
	.scripting-services-page {
		padding: 20px;
	}

	.scripting-services-page h1 {
		font-size: 24px;
	}

	.scripting-services-intro-callout {
		font-size: 16px;
	}

	.scripting-services-grid {
		grid-template-columns: 1fr;
	}
}

.database-services-page {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #DDE4EA;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(22, 46, 68, 0.08);
	color: #334155;
	font-family: Arial, Helvetica, sans-serif;
}

.database-services-card {
	padding: 0;
}

.database-services-page h1,
.database-services-page h2,
.database-services-page h3 {
	margin-top: 0;
	color: #1F3A56;
	line-height: 1.25;
}

.database-services-page h1 {
	margin-bottom: 14px;
	font-size: 30px;
}

.database-services-page h2 {
	margin-bottom: 18px;
	font-size: 22px;
}

.database-services-page h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.database-services-page p {
	margin: 0;
	font-size: 15px;
	line-height: 1.68;
}

.database-services-intro {
	margin-bottom: 30px;
	padding-bottom: 28px;
	border-bottom: 1px solid #E5EBF0;
}

.database-services-intro-callout {
	margin-bottom: 18px;
	padding: 16px 18px;
	border-left: 4px solid #2D6F9F;
	border-radius: 4px;
	background: #F3F8FC;
	color: #24445F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.55;
}

.database-services-section {
	margin-top: 34px;
}

.database-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.database-service-item {
	min-height: 150px;
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-radius: 6px;
	background: #FAFCFD;
	box-shadow: 0 2px 8px rgba(28, 52, 74, 0.05);
}

.database-service-item h3 {
	color: #245B83;
}

.database-service-item p {
	font-size: 14px;
	line-height: 1.58;
}

.database-services-support {
	padding: 24px;
	border-radius: 6px;
	background: #F7F9FB;
	border: 1px solid #E3E9EF;
}

.database-services-cta {
	margin-top: 36px;
	padding: 26px;
	border-radius: 6px;
	background: #21384F;
	color: #FFFFFF;
}

.database-services-cta h2,
.database-services-cta p {
	color: #FFFFFF;
}

.database-services-cta h2 {
	margin-bottom: 10px;
}

.database-services-button {
	display: inline-block;
	margin-top: 18px;
	padding: 11px 18px;
	border-radius: 4px;
	background: #F59120;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.database-services-button:hover {
	background: #D87911;
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 900px) {
	.database-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 620px) {
	.database-services-page {
		padding: 20px;
	}

	.database-services-page h1 {
		font-size: 24px;
	}

	.database-services-intro-callout {
		font-size: 16px;
	}

	.database-services-grid {
		grid-template-columns: 1fr;
	}
}

.hosting-services-page {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #DDE4EA;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(22, 46, 68, 0.08);
	color: #334155;
	font-family: Arial, Helvetica, sans-serif;
}

.hosting-services-card {
	padding: 0;
}

.hosting-services-page h1,
.hosting-services-page h2,
.hosting-services-page h3 {
	margin-top: 0;
	color: #1F3A56;
	line-height: 1.25;
}

.hosting-services-page h1 {
	margin-bottom: 14px;
	font-size: 30px;
}

.hosting-services-page h2 {
	margin-bottom: 18px;
	font-size: 22px;
}

.hosting-services-page h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.hosting-services-page p {
	margin: 0;
	font-size: 15px;
	line-height: 1.68;
}

.hosting-services-intro {
	margin-bottom: 30px;
	padding-bottom: 28px;
	border-bottom: 1px solid #E5EBF0;
}

.hosting-services-intro-callout {
	margin-bottom: 18px;
	padding: 16px 18px;
	border-left: 4px solid #2D6F9F;
	border-radius: 4px;
	background: #F3F8FC;
	color: #24445F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.55;
}

.hosting-services-section {
	margin-top: 34px;
}

.hosting-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.hosting-service-item {
	min-height: 150px;
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-radius: 6px;
	background: #FAFCFD;
	box-shadow: 0 2px 8px rgba(28, 52, 74, 0.05);
}

.hosting-service-item h3 {
	color: #245B83;
}

.hosting-service-item p {
	font-size: 14px;
	line-height: 1.58;
}

.hosting-services-support {
	padding: 24px;
	border-radius: 6px;
	background: #F7F9FB;
	border: 1px solid #E3E9EF;
}

.hosting-services-cta {
	margin-top: 36px;
	padding: 26px;
	border-radius: 6px;
	background: #21384F;
	color: #FFFFFF;
}

.hosting-services-cta h2,
.hosting-services-cta p {
	color: #FFFFFF;
}

.hosting-services-cta h2 {
	margin-bottom: 10px;
}

.hosting-services-button {
	display: inline-block;
	margin-top: 18px;
	padding: 11px 18px;
	border-radius: 4px;
	background: #F59120;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.hosting-services-button:hover {
	background: #D87911;
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 900px) {
	.hosting-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 620px) {
	.hosting-services-page {
		padding: 20px;
	}

	.hosting-services-page h1 {
		font-size: 24px;
	}

	.hosting-services-intro-callout {
		font-size: 16px;
	}

	.hosting-services-grid {
		grid-template-columns: 1fr;
	}
}

.sql-services-page {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #DDE4EA;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(22, 46, 68, 0.08);
	color: #334155;
	font-family: Arial, Helvetica, sans-serif;
}

.sql-services-card {
	padding: 0;
}

.sql-services-page h1,
.sql-services-page h2,
.sql-services-page h3 {
	margin-top: 0;
	color: #1F3A56;
	line-height: 1.25;
}

.sql-services-page h1 {
	margin-bottom: 14px;
	font-size: 30px;
}

.sql-services-page h2 {
	margin-bottom: 18px;
	font-size: 22px;
}

.sql-services-page h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.sql-services-page p {
	margin: 0;
	font-size: 15px;
	line-height: 1.68;
}

.sql-services-intro {
	margin-bottom: 30px;
	padding-bottom: 28px;
	border-bottom: 1px solid #E5EBF0;
}

.sql-services-intro-callout {
	margin-bottom: 18px;
	padding: 16px 18px;
	border-left: 4px solid #2D6F9F;
	border-radius: 4px;
	background: #F3F8FC;
	color: #24445F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.55;
}

.sql-services-section {
	margin-top: 34px;
}

.sql-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.sql-service-item {
	min-height: 150px;
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-radius: 6px;
	background: #FAFCFD;
	box-shadow: 0 2px 8px rgba(28, 52, 74, 0.05);
}

.sql-service-item h3 {
	color: #245B83;
}

.sql-service-item p {
	font-size: 14px;
	line-height: 1.58;
}

.sql-services-support {
	padding: 24px;
	border-radius: 6px;
	background: #F7F9FB;
	border: 1px solid #E3E9EF;
}

.sql-services-support p + p {
	margin-top: 14px;
}

.sql-services-cta {
	margin-top: 36px;
	padding: 26px;
	border-radius: 6px;
	background: #21384F;
	color: #FFFFFF;
}

.sql-services-cta h2,
.sql-services-cta p {
	color: #FFFFFF;
}

.sql-services-cta h2 {
	margin-bottom: 10px;
}

.sql-services-button {
	display: inline-block;
	margin-top: 18px;
	padding: 11px 18px;
	border-radius: 4px;
	background: #F59120;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.sql-services-button:hover {
	background: #D87911;
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 900px) {
	.sql-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 620px) {
	.sql-services-page {
		padding: 20px;
	}

	.sql-services-page h1 {
		font-size: 24px;
	}

	.sql-services-intro-callout {
		font-size: 16px;
	}

	.sql-services-grid {
		grid-template-columns: 1fr;
	}
}

.html-css-services-page {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #DDE4EA;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(22, 46, 68, 0.08);
	color: #334155;
	font-family: Arial, Helvetica, sans-serif;
}

.html-css-services-card {
	padding: 0;
}

.html-css-services-page h1,
.html-css-services-page h2,
.html-css-services-page h3 {
	margin-top: 0;
	color: #1F3A56;
	line-height: 1.25;
}

.html-css-services-page h1 {
	margin-bottom: 14px;
	font-size: 30px;
}

.html-css-services-page h2 {
	margin-bottom: 18px;
	font-size: 22px;
}

.html-css-services-page h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.html-css-services-page p {
	margin: 0;
	font-size: 15px;
	line-height: 1.68;
}

.html-css-services-intro {
	margin-bottom: 30px;
	padding-bottom: 28px;
	border-bottom: 1px solid #E5EBF0;
}

.html-css-services-intro-callout {
	margin-bottom: 18px;
	padding: 16px 18px;
	border-left: 4px solid #2D6F9F;
	border-radius: 4px;
	background: #F3F8FC;
	color: #24445F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.55;
}

.html-css-services-section {
	margin-top: 34px;
}

.html-css-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.html-css-service-item {
	min-height: 150px;
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-radius: 6px;
	background: #FAFCFD;
	box-shadow: 0 2px 8px rgba(28, 52, 74, 0.05);
}

.html-css-service-item h3 {
	color: #245B83;
}

.html-css-service-item p {
	font-size: 14px;
	line-height: 1.58;
}

.html-css-services-support {
	padding: 24px;
	border-radius: 6px;
	background: #F7F9FB;
	border: 1px solid #E3E9EF;
}

.html-css-services-cta {
	margin-top: 36px;
	padding: 26px;
	border-radius: 6px;
	background: #21384F;
	color: #FFFFFF;
}

.html-css-services-cta h2,
.html-css-services-cta p {
	color: #FFFFFF;
}

.html-css-services-cta h2 {
	margin-bottom: 10px;
}

.html-css-services-button {
	display: inline-block;
	margin-top: 18px;
	padding: 11px 18px;
	border-radius: 4px;
	background: #F59120;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.html-css-services-button:hover {
	background: #D87911;
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 900px) {
	.html-css-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 620px) {
	.html-css-services-page {
		padding: 20px;
	}

	.html-css-services-page h1 {
		font-size: 24px;
	}

	.html-css-services-intro-callout {
		font-size: 16px;
	}

	.html-css-services-grid {
		grid-template-columns: 1fr;
	}
}

.jquery-services-page {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #DDE4EA;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(22, 46, 68, 0.08);
	color: #334155;
	font-family: Arial, Helvetica, sans-serif;
}

.jquery-services-card {
	padding: 0;
}

.jquery-services-page h1,
.jquery-services-page h2,
.jquery-services-page h3 {
	margin-top: 0;
	color: #1F3A56;
	line-height: 1.25;
}

.jquery-services-page h1 {
	margin-bottom: 14px;
	font-size: 30px;
}

.jquery-services-page h2 {
	margin-bottom: 18px;
	font-size: 22px;
}

.jquery-services-page h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.jquery-services-page p {
	margin: 0;
	font-size: 15px;
	line-height: 1.68;
}

.jquery-services-intro {
	margin-bottom: 30px;
	padding-bottom: 28px;
	border-bottom: 1px solid #E5EBF0;
}

.jquery-services-intro-callout {
	margin-bottom: 18px;
	padding: 16px 18px;
	border-left: 4px solid #2D6F9F;
	border-radius: 4px;
	background: #F3F8FC;
	color: #24445F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.55;
}

.jquery-services-section {
	margin-top: 34px;
}

.jquery-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.jquery-service-item {
	min-height: 150px;
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-radius: 6px;
	background: #FAFCFD;
	box-shadow: 0 2px 8px rgba(28, 52, 74, 0.05);
}

.jquery-service-item h3 {
	color: #245B83;
}

.jquery-service-item p {
	font-size: 14px;
	line-height: 1.58;
}

.jquery-services-support {
	padding: 24px;
	border-radius: 6px;
	background: #F7F9FB;
	border: 1px solid #E3E9EF;
}

.jquery-services-support p + p {
	margin-top: 14px;
}

.jquery-services-cta {
	margin-top: 36px;
	padding: 26px;
	border-radius: 6px;
	background: #21384F;
	color: #FFFFFF;
}

.jquery-services-cta h2,
.jquery-services-cta p {
	color: #FFFFFF;
}

.jquery-services-cta h2 {
	margin-bottom: 10px;
}

.jquery-services-button {
	display: inline-block;
	margin-top: 18px;
	padding: 11px 18px;
	border-radius: 4px;
	background: #F59120;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.jquery-services-button:hover {
	background: #D87911;
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 900px) {
	.jquery-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 620px) {
	.jquery-services-page {
		padding: 20px;
	}

	.jquery-services-page h1 {
		font-size: 24px;
	}

	.jquery-services-intro-callout {
		font-size: 16px;
	}

	.jquery-services-grid {
		grid-template-columns: 1fr;
	}
}

.site-footer {
	margin: 0 28px 28px 28px;
	padding: 13px 16px;
	border-radius: 5px;
	background: #BED53A;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.35;
}

#dropmenudiv{ position: absolute; top: 35px; border-bottom-width: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4B4F49; line-height:30px; z-index:100px; background-color: #DEE552}
#dropmenudiv a{color: #4B4F49; width: 100%; display: block; text-indent: 10px; border-bottom : 1px #BED53A solid; border-left : 1px #BED53A solid; border-right : 1px #BED53A solid; text-decoration: none; font-weight: normal; background-color: #DEE552}
#dropmenudiv a:hover{color: #F59120; font-weight : bold; border-bottom : 1px #BED53A solid; border-left : 1px #BED53A solid; border-right : 1px #BED53A solid; background-color: #DEE552}

#dropmenudiv_sub{position: absolute; top: 35px; border-bottom-width: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; line-height:30px; z-index:100px}
#dropmenudiv_sub a{color: #FFFFFF; width: 100%; display: block; text-indent: 24px; border-bottom : 1px #8C6CAF solid; border-left : 1px #8C6CAF solid; border-right : 1px #8C6CAF solid; text-decoration: none; font-weight: bold}
#dropmenudiv_sub a:hover{color: #F59120; border-bottom : 1px #8C6CAF solid; border-left : 1px #8C6CAF solid; border-right : 1px #8C6CAF solid; background-color: #DEE552}

#table_lists {font-family:Arial, Helvetica, sans-serif; border-collapse:collapse; }
#table_lists td, #table_lists th {font-size:11px; border:1px solid #C9CBCD; padding:3px 7px 2px 7px; background-color:#FFFFFF}
#table_lists th {font-size :11px; text-align:left; padding-top:5px; padding-bottom:4px; background-image:url(/webadmin/graphics/backgrounds/background_list_header.gif); color:#000000}
#table_lists tr.alt td {color:#000000; background-color:#f2f2f2}

.menu_top {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4D4D4D; text-decoration : none; font-weight : normal; line-height : 35px; padding-right: 10px; padding-left: 10px; text-align: center}
a.menu_top:link, a.menu:visited {color: #4D4D4D; text-decoration : none}
a.menu_top:hover {color: #F59120; text-decoration : none}
	
.menu_top_2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #F59120; text-decoration : none; font-weight : bold; line-height : 23px; text-align: center}
a.menu_top_2:link, a.menu:visited {color: #F59120; text-decoration : none}
a.menu_top_2:hover {color: #4D4D4D; text-decoration : none}

.menu_email {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4D4D4D; text-decoration : none; font-weight : normal}
a.menu_email:link, a.menu:visited {color: #4D4D4D; text-decoration : none}
a.menu_email:hover {color: #F59120; text-decoration : none}	


.bodytext	{font-family: arial, helvetica; color: #4D4D4D; font-size: 11px; text-align: left}
				
.numbers	{font-family: arial, helvetica; color: #000000; font-size: 11px; font-weight: bold; text-align: right}
				
.numbers_off	{font-family: arial, helvetica; color: #FFD700; font-size: 11px; font-weight: bold; text-align: right}
				
.questions	{font-family: arial, helvetica; color: #000000; font-size: 11px; font-weight: 650; text-align: left}
				
.header_sections	{font-family: arial, helvetica; color: #F59120; font-size: 18px; font-weight: bold; text-align: left}
				
.header_sub_sections	{font-family: arial, helvetica; color: #D6DE27; font-size: 14px; font-weight: bold; text-align: left}

.round-corners-all-grey {
	border: 1px solid #A4A9AD;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	padding: 20px;
	}
	
.round-corners-top-grey {
	border-left: 1px solid #A4A9AD;
	border-right: 1px solid #A4A9AD;
	border-top: 1px solid #A4A9AD;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	}
	
.border-left-green {
border-left: 1px solid #BED53A;	
}

.border-right-green {
border-right: 1px solid #BED53A;	
}

.border-left-grey {
border-left: 1px solid #A4A9AD;	
}

.border-right-grey {
border-right: 1px solid #A4A9AD;	
}

.border-top-grey {
border-top: 1px solid #A4A9AD;	
}

.copyright-green {
	background-color: #BED53A;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	color: #FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
}

.background-happy-rock {
    margin: 0;
    background-image: url('http://www.web-it.pro/graphics/happy_rock_1280.png');
	height:480px; 
	background-position: auto auto;
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: auto 100%;
}


@media (max-width: 767px) { 
	.background-happy-rock { 
	height:200px;
	}
	}
	
@media (min-width: 768px) { 
	.background-happy-rock { 
	height:480px;
	}
	}
	
@media screen and (max-width: 600px) {
	.nav {
		position: relative;
		min-height: 40px;
	}	
	.nav ul {
		width: 180px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #aaa;
		background: #fff url(images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	.nav li {
		display: none; /* hide all <li> items */
		margin: 0;
	}
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}
	.nav .current a {
		background: none;
		color: #666;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.nav ul:hover .current {
		background: url(images/icon-check.png) no-repeat 10px 7px;
	}

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
	
	.btn-group { }
	.btn { 
		border:none; 
		background:none;
		}
	.btn-default { }
	
}