/*

*/

/* Global Attributes */

	* {
		margin:0;
		padding:0
	}

	body {
		background: #e5dfdf url(../images/bg.png) repeat-x;
		margin:0;
		padding:0;
		font-family:Tahoma;
		font-size:12px;
		color:#000000
	}

		a:link img, a:active img, a:visited img, a:hover img {
			border: 0px 
		}

		a:link, a:visited, a:active {
			color:#187ab1;
			text-decoration:none
		}

		a:hover {
			color:#187ab1;
			text-decoration:underline
		}

	.left {
		float:left
	}

	.right {
		float:right
	}

	h1, h2, h3, h4, h5, h6, span, p, ul, li {
		margin:0;
		padding:0;
		font-weight:normal
	}

	#wrapper {
		background:#ffffff;
		margin:0 auto;
		width:939px;
		height:auto
	}

/* Header Section */

#header {
	height:88px
}

	#header h1 {
		text-indent: -10000px;
		background: url(../images/logo.png) no-repeat;
		width:545px;
		height:88px;
		float:left
	}

	#client-login {
		width:348px;
		height:52px;
		margin: 8px 0 0 0;
		padding: 0;
		float:right;
	}
	
		#client-login a {
			text-indent: -10000px;
			width:348px;
			height:52px;
			background: url(../images/client-area-login.png) no-repeat;
			float: right;
			margin: 8px 0 0 0;
			padding: 0;
		}
				
		#client-login a:hover {
			text-indent: -10000px;
			width:348px;
			height:52px;
			background: url(../images/client-area-login2.png) no-repeat;
			float: right;
			margin: 8px 0 0 0;
			padding: 0;
		}

/* Navigation */

#navigation {
	width:916px;
	height:35px;
	background: #999 url(../images/navigation.png) no-repeat;
	margin:0 auto 0 auto;	
}

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

	#navigation ul li {
		display: inline;
		list-style: none;
		margin:  0 0 0 20px;
		padding: 0;
	}

	.home,
	.hosting,
	.reseller,
	.domain,
	.design,
	.about,
	.contact {
		height:25px;
		margin: 0;
		padding: 0;
		text-align:center;
		font-size:12px
	}
	
		.home a,
		.hosting a,
		.reseller a,
		.domain a,
		.design a,
		.about a,
		.contact a {
			height:25px;
			float: left;
			padding: 10px 0 0 0;
			color:#fff;
			font-weight:bolder;
			text-align:center;
		}
				
		.home a:hover,
		.hosting a:hover,
		.reseller a:hover,
		.domain a:hover,
		.design a:hover,
		.about a:hover,
		.contact a:hover {
			height:25px;
			background: url(../images/navigation-hover.png) repeat-x;
			float: left;
			padding: 10px 0 0 0;
			color:#fff;
			text-decoration:none
		}

	.home {
		width:94px;
	}
	
		.home a {
			width:94px;
			margin: 0 0 0 16px;
		}
				
		.home a:hover {
			width:94px;
			margin: 0 0 0 16px;
		}

	.hosting {
		width:138px;
	}
	
		.hosting a {
			width:138px;
			margin: 0 0 0 1px;
		}
				
		.hosting a:hover {
			width:138px;
			margin: 0 0 0 1px;
		}

	.reseller {
		width:159px;
	}
	
		.reseller a {
			width:159px;
			margin: 0 0 0 1px;
		}
				
		.reseller a:hover {
			width:159px;
			margin: 0 0 0 1px;
		}

	.domain {
		width:112px;
	}
	
		.domain a {
			width:112px;
			margin: 0 0 0 1px;
		}
				
		.domain a:hover {
			width:112px;
			margin: 0 0 0 1px;
		}

	.design {
		width:134px;
	}
	
		.design a {
			width:134px;
			margin: 0 0 0 1px;
		}
				
		.design a:hover {
			width:134px;
			margin: 0 0 0 1px;
		}


	.about {
		width:115px;
	}
	
		.about a {
			width:115px;
			margin: 0 0 0 1px;
		}
				
		.about a:hover {
			width:115px;
			margin: 0 0 0 1px;
		}

	.contact {
		width:128px;
	}
	
		.contact a {
			width:128px;
			margin: 0 0 0 1px;
		}
				
		.contact a:hover {
			width:128px;
			margin: 0 0 0 1px;
		}

/* Content Section */

#content {
	width:939px;
	height:auto;
	overflow:hidden
}

	#content .left {
		width:634px;
		height:auto;
		margin:0 0 0 13px;
		background:#fff
	}

	#content .right {
		width:280px;
		height:auto;
	}

		.why-header {
			text-indent: -10000px;
			background: url(../images/index/panel/why-header.png) no-repeat;
			width:280px;
			height:40px;
		}

		.why-content {
			overflow:hidden
		}

			.why-content ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}

			.why-content ul li {
				list-style: none;
				padding:0 0 0 31px;
				margin: 0 0 0 0;
			}

			.bullet,
			.bullet_start {
				color:#535353;
				font-size:12px;
				line-height:29px
			}

				.bullet_start {
					background: url(../images/index/bullet_start.png) no-repeat;
					width:280px;
					height:29px;
				}


				.bullet {
					background: url(../images/index/bullet1.png) no-repeat;
					width:280px;
					height:29px;
				}

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


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

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

			.customers-content {
				font-size:9px;
				color:#535353;
				padding:8px 0 0 8px
			}

				.customers-content span {
					color:#3599d3;
					font-weight:bolder;
				}

				.customers-content a {
					color:#3599d3;
					font-weight:bolder;
					text-decoration:none
				}

				.customers-content a:hover {
					color:#3599d3;
					font-weight:bolder;
					text-decoration:underline
				}

		.panel-footer {
			background: url(../images/index/panel/panel-footer.png) no-repeat;
			width:280px;
			height:12px;
		}

/* Footer Navigation Section */

#footer-navigation {
	width:912px;
	height:24px;
	background: url(../images/footer-navigation.png) no-repeat;
	margin:0 auto	
}

	#footer-navigation ul {
		list-style: none;
		margin:0;
		font-size:11px;
		text-align:center;
		padding:5px 0 0 0
	}

	#footer-navigation ul li {
		display: inline;
		margin: 0;
		padding:0;
		color:#ffffff;
		font-size:11px;
		font-weight:bolder;
	}

	#footer-navigation ul li a {
		color:#ffffff;
		font-weight:bolder;
		margin:0;
		padding:0;
		text-decoration: none
	}
	
	#footer-navigation ul li a:hover {
		margin:0;
		padding:0;
		text-decoration: underline
	}

/* Footer Section */

#footer {
	width:912px;
	height:56px;
	background: url(../images/footer.png) no-repeat;
	margin:0 auto	
}

	#footer .left {
		font-size:11px;
		color:#424242;
		padding:23px 0 0 75px
	}

		#footer .left span {
			color:#ff8c20
		}


		#footer .left a {
			color:#ff8c20;
			text-decoration:none;
		}

		#footer .left a:hover {
			color:#ff8c20;
			text-decoration:underline
		}

	#footer img {
		padding:0;
		margin:0
	}