/* ------------------------------------------ */
/* echo IT Services */
/* ------------------------------------------ */
html, body {
	margin: 0px;
	padding: 0px;
}

body {
	background: #fff;
	color: #3f4c6b;
	font: 14px Arial;
}
	
a:link, a:visited {
	color: #628ba3;
	text-decoration: none;
}
	
a:hover, a:active {
	color: #628ba3;
	text-decoration: underline;
}

#wrapper {
	margin: auto;
	text-align: center;
}

#content_box {
	width: 700px;
	height: 310px;

	position: absolute;
	top: 50%;
	left: 50%;

	margin: -155px auto 0 -350px;
}

#header h1 {
	width: 366px;
	height: 144px;

	margin: 40px auto 0 auto;

	background: url('logo.png') no-repeat top left;
}

#header h1 a {
	width: 366px;
	height: 144px;
	
	display: block;
}

#header h1 span {
	display: none;
}
	
#content {
	margin: 0 auto 10px auto;
	width: 500px;

	text-align: center;

	font: 17px Calibri, Arial;
}

#content a:link, #content a:visited {
	font-weight: bold;
}
	
#content h3 {
	margin: 0;
	font: bold 20px Calibri, Arial;
}

#footer {
	margin: 30px auto 15px auto;
	width: 500px;

	font: 12px Arial;
	text-align: center;
}

/* ------------------------------------------ */
/* Button - Blue */
/* ------------------------------------------ */
.button-blue {
	-moz-box-shadow:inset 0px 1px 0px 0px #5a80a1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #5a80a1;
	box-shadow:inset 0px 1px 0px 0px #5a80a1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6083a4), color-stop(1, #355673) );
	background:-moz-linear-gradient( center top, #6083a4 5%, #355673 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6083a4', endColorstr='#355673');
	background-color:#6083a4;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:7px 20px;
	text-decoration:none;
	text-shadow:1px 1px 0px #355673;
}

.button-blue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #355673), color-stop(1, #6083a4) );
	background:-moz-linear-gradient( center top, #355673 5%, #6083a4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#355673', endColorstr='#6083a4');
	background-color:#355673;
}

.button-blue:active {
	position:relative;
	top:1px;
}

.button-blue:link, .button-blue:visited, .button-blue:active, .button-blue:hover {
	color: #ffffff;
	text-decoration: none;
}

/* ------------------------------------------ */
/* Button - Green */
/* ------------------------------------------ */
.button-green {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:7px 20px;
	text-decoration:none;
	text-shadow:1px 1px 0px #86ae47;
}

.button-green:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
	background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
	background-color:#a5cc52;
}

.button-green:active {
	position:relative;
	top:1px;
}

.button-green:link, .button-green:visited, .button-green:active, .button-green:hover {
	color: #ffffff;
	text-decoration: none;
}

/* ------------------------------------------ */
/* Button - Red */
/* ------------------------------------------ */
.button-red {
	-moz-box-shadow:inset 0px 1px 0px 0px #8c3646;
	-webkit-box-shadow:inset 0px 1px 0px 0px #8c3646;
	box-shadow:inset 0px 1px 0px 0px #8c3646;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ae0f2c), color-stop(1, #830c20) );
	background:-moz-linear-gradient( center top, #ae0f2c 5%, #830c20 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae0f2c', endColorstr='#830c20');
	background-color:#ae0f2c;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:7px 20px;
	text-decoration:none;
	text-shadow:1px 1px 0px #6c0819;
}

.button-red:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #830c20), color-stop(1, #ae0f2c) );
	background:-moz-linear-gradient( center top, #830c20 5%, #ae0f2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#830c20', endColorstr='#ae0f2c');
	background-color:#830c20;
}

.button-red:active {
	position:relative;
	top:1px;
}

.button-red:link, .button-red:visited, .button-red:active, .button-red:hover {
	color: #ffffff;
	text-decoration: none;
}

/* ------------------------------------------ */
/* Button - Grey */
/* ------------------------------------------ */
.button-grey {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #dfdfdf;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:7px 20px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}

.button-grey:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

.button-grey:active {
	position:relative;
	top:1px;
}

.button-grey:link, .button-grey:visited, .button-grey:active, .button-grey:hover {
	color: #000000;
	text-decoration: none;
}