@charset "utf-8";
/* CSS Document */

body,td {
	font-family: "Segoe UI", Tahoma, "Times New Roman", sans-serif;
	font-size: 11px;
}
body {
	background-color: #282828;
	margin: 0px;
}
#horizontal {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	display: block;
}
#container {
	height:566px;
	width: 972px;
	margin: 0 auto;
	margin-left: -486px;
	position: absolute;
	top: -283px;
	left: 50%;
}
p {
	margin: 0px;
}
h1 {
	font-size: 19px;
	font-weight: normal;
	margin: 0px;
}
a {
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active, a:focus {
	outline: 0px;
}
.squares-middle-bkrnd {
	background-image: url(../layout/1-4-mid.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
.squares-title-1 {
	color: #008EDF;
}
.squares-title-2 {
	color: #FF8400;
}
.squares-title-3 {
	color: #B9DA02;
}
.squares-title-4 {
	color: #FF2C80;
}
.secbuttons {
	color: #FFFFFF;
	font-size: 10px;
}
.secbuttons a {
	color: #707070;
	text-decoration: none;
}
.secbuttons a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
/* ----------------- text 1 domains ----------------- */
.text-1-domains {
	color: #003399;
}
.text-1-domains h1 {
	color: #003399;
	font-family: "Segoe UI", "Trebuchet MS", "Times New Roman", sans-serif;
	font-size: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.text-1-domains b {
	color: #FFFFFF;

}
.text-1-domains-vat {
	font-size: 10px;
	color: #046DBB;
}
.text-1-domains form {
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
.text-1-domains form td {
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	color: #003399;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
.text-1-domains-fields {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003399;
	background-color: #D8EEFE;
	border: 1px solid #003399;
	padding-left: 2px;
	clear: both;
	float: left;
}
.text-1-domains-required {
	color: #FFFF66;
	font-size: 10px;
}
.text-1-domains-buttons {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003399;
	border: 1px solid #000000;
}
/* ----------------- text 2 hosting ----------------- */
.text-2-hosting {
	color: #6f0d00;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}
.text-2-hosting h1 {
	color: #6f0d00;
	font-family: "Segoe UI", "Trebuchet MS", "Times New Roman", sans-serif;
	font-size: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.text-2-hosting-title {
	font-size: 15px;
	color: #FFFF33;
}
.text-2-hosting-price {
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 2px;
}
.text-2-hosting-package {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	padding-bottom: 3px;
}
.text-2-hosting-package p {
	background-image: url(../layout/bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 5px;
}
.text-2-hosting-get-it {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #E85700;
	padding-bottom: 2px;
}
.text-2-hosting-get-it a {
	color: #6F0D00;
	text-decoration: none;
	font-weight: bold;
}
.text-2-hosting-get-it a:hover {
	color: #000000;
}
.text-2-hosting-vat {
	font-size: 10px;
	color: #BF4800;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	padding-top: 2px;
}
/* ----------------- text 3 design ----------------- */
.text-3-design {
	color: #2E4600;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}
.text-3-design h1 {
	color: #2E4600;
	font-family: "Segoe UI", "Trebuchet MS", "Times New Roman", sans-serif;
	font-size: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.text-3-design-title {
	font-size: 15px;
	color: #FFFF33;
}
.text-3-design-price {
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 2px;
}
.text-3-design-package {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	padding-bottom: 3px;
}
.text-3-design-package p {
	background-image: url(../layout/bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 5px;
}
.text-3-design-get-it {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #95AA00;
	padding-bottom: 2px;
}
.text-3-design-get-it a {
	color: #2E4600;
	text-decoration: none;
	font-weight: bold;
}
.text-3-design-get-it a:hover {
	color: #000000;
}
.text-3-design-vat {
	font-size: 10px;
	color: #819300;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	padding-top: 2px;
}
/* ----------------- text 4 promotion ----------------- */
.text-4-promotion {
	color: #4F0025;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}
.text-4-promotion h1 {
	color: #4F0025;
	font-family: "Segoe UI", "Trebuchet MS", "Times New Roman", sans-serif;
	font-size: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.text-4-promotion-title {
	font-size: 15px;
	color: #FFFF33;
}
.text-4-promotion-price {
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 2px;
}
.text-4-promotion-package {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	padding-bottom: 3px;
}
.text-4-promotion-package  p {
	background-image: url(../layout/bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 5px;
}
.text-4-promotion-get-it {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #D11F93;
	padding-bottom: 2px;
}
.text-4-promotion-get-it a {
	color: #4F0025;
	text-decoration: none;
	font-weight: bold;
}
.text-4-promotion-get-it a:hover {
	color: #000000;
}
.text-4-promotion-vat {
	font-size: 10px;
	color: #9F1770;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	padding-top: 2px;
}
/* ----------------- text 5 get it ----------------- */
.text-5-getit {
	color: #004035;

}
.text-5-getit h1 {
	color: #004035;
	font-family: "Segoe UI", "Trebuchet MS", "Times New Roman", sans-serif;
	font-size: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.text-5-getit b {
	color: #FFFFFF;
}
.text-5-getit form {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.text-5-getit form td {
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	color: #004035;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
.text-5-getit-fields {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #004035;
	background-color: #CCFDF4;
	border: 1px solid #004035;
	padding-left: 2px;
	clear: both;
	float: left;
}
.text-5-getit-required {
	color: #FFFF33;
	font-size: 10px;
}
.text-5-getit-buttons {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #004035;
	border: 1px solid #000000;
}
/* ----------------- home roll ----------------- */
.roll {
	position: relative;
	overflow: hidden;
	visibility: visible;
	width: 231px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
}
.roll-plus-minus {
	padding-left: 0px;
}
/* ----------------- javascript text scroll ----------------- */
#divCont {
	width:132px;
	height:133px;
	overflow:hidden;
	position: relative;
}
#divText {
	position: relative;
}