/*

*/

/* Sub Banner Section */

#sub-banner {
	width:916px;
	height:180px;
	background: url(../images/index/sub-banner.png) no-repeat;
	margin:5px auto 6px auto	
}

	#tabs {
		width:288px;
		float:right;
	}

		#tabs ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		#tabs ul li {
			list-style: none;
			padding: 0;
			margin: 0 0 -3px 0;
		}

	.support a,
	.support a:hover,
	.money-back a,
	.money-back a:hover,
	.uptime a,
	.uptime a:hover,
	.customer a,
	.customer a:hover {
		float: left;
		margin: 0;
		padding: 0;
		text-indent: -10000px;
	}

	.support {
		width:288px;
		height:47px;
	}
	
		.support a {
			width:288px;
			height:47px;
			background: url(../images/index/tabs/support.png) no-repeat;
		}
				
		.support a:hover {
			width:288px;
			height:47px;
			background: url(../images/index/tabs/support.png) no-repeat;
			background-position: 0 -47px;
		}

	.money-back {
		width:288px;
		height:50px;
	}
	
		.money-back a {
			width:288px;
			height:50px;
			background: url(../images/index/tabs/money-back.png) no-repeat;
		}
				
		.money-back a:hover {
			width:288px;
			height:50px;
			background: url(../images/index/tabs/money-back.png) no-repeat;
			background-position: 0 -50px;
		}

	.uptime {
		width:288px;
		height:48px;
	}
	
		.uptime a {
			width:288px;
			height:48px;
			background: url(../images/index/tabs/uptime.png) no-repeat;
	
		}
				
		.uptime a:hover {
			width:288px;
			height:48px;
			background: url(../images/index/tabs/uptime.png) no-repeat;
			background-position: 0 -48px;
		}

	.customer {
		width:288px;
		height:35px;
	}
	
		.customer a {
			width:288px;
			height:35px;
			background: url(../images/index/tabs/customer.png) no-repeat;
		}
				
		.customer a:hover {
			width:288px;
			height:35px;
			background: url(../images/index/tabs/customer.png) no-repeat;
			background-position: 0 -35px;
		}

/* Content Section */

		#packages {
			width:634px;
			height:auto;
			margin:0 0 10px 0;
			overflow:hidden
		}

			.economy {
				background: url(../images/index/packages/economy.png) no-repeat;
				width:204px;
				height:210px;
				float:left
			}

			.business {
				background: url(../images/index/packages/business.png) no-repeat;
				width:204px;
				height:210px;
				float:left;
				margin:0 0 0 11px
			}

			.unlimited {
				background: url(../images/index/packages/unlimited.png) no-repeat;
				width:204px;
				height:210px;
				float:right
			}

			.economy ul,
			.business ul,
			.unlimited ul {
				list-style: none;
				margin: 0;
				padding:26px 0 0 0;
			}

			.economy ul li,
			.business ul li,
			.unlimited ul li {
				list-style: none;
				padding:14px 0 0 31px;
				margin: 0 0 0 0;
				color:#ffffff;
				font-size:11px
			}

		#info-boxes {
			width:622px;
			height:auto;
			margin:0 0 22px 4px;
			overflow:hidden
		}

			.info-boxes-content {
				width:281px;
				height:auto;
				background:#fff;
				border: 5px solid #c8c8c8;
				overflow:hidden
			}

				.info-boxes-content h3 {
					font-family:Century Gothic;
					color:#2b8fc4;
					font-size:17px;
					font-weight:bolder;
					padding:10px 6px 0 8px
				}

				.info-boxes-content p {
					color:#ff8f20;
					font-size:12px;
					font-weight:bolder;
					padding:10px 6px 0 8px
				}

				.info-boxes-content ul {
					list-style: none;
					margin: 0;
					padding:16px 0 0 0;
				}

				.info-boxes-content ul li {
					list-style: none;
					padding:0 0 0 28px;
					margin: 0 0 0 0;
					color:#2b2c2b;
					font-size:12px
				}

			.box1 {
				width:291px;
				height:auto;
				float:left
			}

			.box2 {
				width:291px;
				height:auto;
				float:right
			}

			.left-header {
				text-indent: -10000px;
				background: url(../images/index/info-box/new-website.png) no-repeat;
				width:291px;
				height:47px;
			}

			.website-transfer {
				text-indent: -10000px;
				background: url(../images/index/info-box/website-transfer.png) no-repeat;
				width:291px;
				height:47px;
			}

		#main-content {
			width:625px;
			height:auto;
			margin: 0;
			overflow:hidden
		}

			#main-content h2 {
				font-family:arial;
				font-weight:bolder;
				color:#b9b9b9;
				font-size:25px;
			}

				#main-content h2 .blue {
					font-weight:bolder;
					color:#4092e5;
				}

				#main-content h2 .orange {
					font-weight:bolder;
					color:#fe983b;
				}

			#main-content p {
				color:#3e3e3e;
				font-size:12px;
				padding: 10px 0 10px 5px
			}

				#main-content p span {
					font-weight:bolder;
					color:#187ab1;
				}

				#main-content a {
					font-weight:bolder;
				}

		.about-header {
			text-indent: -10000px;
			background: url(../images/index/panel/about-header.png) no-repeat;
			width:280px;
			height:42px;
			margin:8px 0 0 0
		}

			.about-content {
				font-size:12px;
				color:#535353;
				padding:10px 10px 0 5px;
				overflow:hidden
			}

				.about-content span {
					font-weight:bolder;
				}

				.about-content a {
					color:#ff9032;
					float:right;
					padding:0 14px 0 0;
					font-weight:bolder;
					text-decoration:none
				}


				.about-content a:hover {
					color:#ff9032;
					font-weight:bolder;
					text-decoration:underline
				}