body{
	background: #fdfdfd;
	margin: 0; padding: 0;
	font: 12px/18px "Lucida Grande", Arial, sans-serif;
}
h1,h2,h3,p,ul,li,form{
	margin: 0; padding: 0;
}
h2 span{
	display: none;
}
a img{
	border: 0;
}
.clearfix:after{
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
.clearfix{
	display: inline-block;
}
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
td {
	vertical-align: top;
}
	/* @group Rows */
		.wrapper {
			width: 778px;
			margin: 0 auto;
		}
		#header {
			background: url('/images/header/background.gif') repeat-x top;
			height: 99px;
		}
		#mid {
			background: url('/images/mid/mid.gif') repeat-x top;
			height: 97px;
			padding: 14px 0 10px 0;
		}
		#content {
			background: #fff;
			padding: 20px 0;
		}
	/* @end */
	
	/* @group Header */
		#header h1 {
			background: url('/images/header/hostmatix-hd.jpg') no-repeat;
			width: 182px; height: 37px;
			float: left;
			overflow: hidden;
			margin: 41px 0 0;
		}
			#header h1 a, #header h1 a:hover {
				text-decoration: none;
				width: 182px; height: 37px;
				float: left;
				display: block;
				text-indent: -100000px;
			}
		#subhead {
			float: left;
			width: 532px;
			margin: 0 0 0 64px;
		}
			#subhead p {
				font: 11px/15px "Lucida Grande", Arial, sans-serif;
				color: #494949;
				text-align: right;
				padding: 20px 50px 0 0;
			}
				#subhead p a {
					text-decoration: none;
					color: #494949;
					padding: 0 10px;
				}
				#subhead p a:hover {
					text-decoration: underline;
					color: #494949;
				}
			#subhead ul {
				margin: 34px 0 0;
				height: 30px;
				list-style: none;
			}
				#subhead li {
					background-position: right;
					height: 30px;
					float: left;
				}
				#subhead li a {
					text-decoration: none;
					height: 30px;
					float: left;
					text-indent: -100000px;
					display: block;
				}
				#subhead li a:hover {
					background-position: right;
					text-decoration: none;
					height: 30px;
					float: left;
					text-indent: -100000px;
				}
				#subhead li span {
					display: none;
				}
					#homepage, #homepage a {
						background: url('/images/navigation/homepage.gif') left;
						width: 139px;
						overflow: hidden;
					}
					#webhosting, #webhosting a {
						background: url('/images/navigation/web-hosting.gif') left;
						width: 124px;
						overflow: hidden;
					}
					#whoarewe, #whoarewe a {
						background: url('/images/navigation/who-are-we.gif') left;
						width: 122px;
						overflow: hidden;
					}
					#contactus, #contactus a {
						background: url('/images/navigation/contact-us.gif') left;
						width: 147px;
						overflow: hidden;
					}
	/* @end */
	
	/* @group Mid Home */
		#mid_home {
			background: #fff url('/images/mid/mid_home.gif') no-repeat;
			width: 778px; height: 97px;
		}
			#mid_home h2 {
				background: url('/images/mid/readmore.gif') no-repeat;
				float: left;
				width: 118px; height: 41px;
				overflow: hidden;
				margin: 28px 0 0 35px;
			}
				#mid_home h2 a, #mid_home h2 a:hover {
					text-decoration: none;
					float: left;
					width: 118px; height: 41px;
					text-indent: -100000px;
					display: block;
				}
			/* @group Old Woman
			#mid_home p {
				background: url('/images/mid/women-sub.gif') no-repeat left;
				color: #b22d1e;
				font: bold 12px/21px "Lucida Grande", Arial, sans-serif;
				width: 449px; height: 77px;
				float: left;
				margin: 0 0 0 17px; padding: 20px 0 0 106px;
			}
			/* @end */
			
			/* @group New Woman */
			#mid_home p {
				background: url('/images/mid/homeheader1.jpg') no-repeat left;
				width: 555px; height: 97px;
				margin: 0 0 0 17px;
				float: left;
			}
				#mid_home p span {
					display: none;
				}
			/* @end */
	/* @end */
	
	/* @group Mid Subpage */
		#mid_sub {
			background: #af2b1c url('/images/mid/subpage.gif') no-repeat;
			width: 778px; height: 97px;
		}
			#mid_sub h2 {
				background: url('/images/mid/read-more.gif') no-repeat;
				float: left;
				width: 122px; height: 45px;
				overflow: hidden;
				margin: 27px 0 0 35px;
			}
				#mid_sub h2 a, #mid_sub h2 a:hover {
					text-decoration: none;
					float: left;
					width: 122px; height: 45px;
					text-indent: -100000px;
					display: block;
				}
			/* @group Old Sub 
			#mid_sub p {
				background: url('/images/mid/check-sub.gif') no-repeat left;
				color: #fff;
				font: bold 12px/21px "Lucida Grande", Arial, sans-serif;
				width: 449px; height: 77px;
				float: left;
				margin: 0 0 0 17px; padding: 20px 0 0 106px;
				_height: 67px;
				_padding: 30px 0 0 106px;
			}
			/* @end */
			
			/* @group New Sub */ 
			#mid_sub p {
				background: url('/images/mid/otherheader1.jpg') no-repeat left;
				width: 554px; height: 97px;
				float: left;
				margin: 0 0 0 17px;
			}
				#mid_sub p span {
					display: none;
				}
			/* @end */
	/* @end */
	
	/* @group Content */
		#left {
			width: 237px;
			float: left;
		}
			#left h2 {
				background: url('/images/content/side-h2.gif') no-repeat;
				width: 192px; height: 37px;
				font: 13px/21px "Lucida Grande", Arial, sans-serif;
				color: #333;
				padding: 15px 0 0 45px;
				/*text-shadow: #fff 2px 2px 0;*/
			}
			.sidefoot {
				background: url('/images/content/foot-side.gif') no-repeat bottom right;
				padding: 0 0 16px;
			}
			#left ul {
				list-style: none;
				color: #af2b1c;
				padding: 10px;
			}
				#left li {
					padding: 2px 0;
				}
			.box {
				background: url('/images/content/side-bg.gif') repeat-y;
				font: 11px/18px "Lucida Grande", Arial, sans-serif;
				padding: 5px 26px;
				width: 185px;
				color: #606060;
			}
				.box form {
					padding: 10px 0;
				}
				.box label {
					color: #af2b1c;
				}
				.box a {
					text-decoration: underline;
					color: #af2b1c;
					font-weight: bold;
				}
				.box a:hover {
					text-decoration: none;
					color: #af2b1c;
					font-weight: bold;
				}
				#user, #pass {
					border-top: 1px solid #ababab;
					border-left: 1px solid #ababab;
					border-bottom: 1px solid #d6d6d6;
					border-right: 1px solid #d6d6d6;
					margin: 2px 0; padding: 2px;
					color: #7f7f7f;
					font-size: 11px;
				}
				.signin {
					background: url('/images/content/signin.gif') no-repeat;
					width: 73px; height: 22px;
					cursor: pointer;
					border: 0;
					margin: 10px 0 0;
				}
				.help {
					background: url('/images/content/help.gif') no-repeat;
					width: 53px; height: 22px;
					cursor: pointer;
					border: 0;
					margin: 10px 0 0 9px;
				}
				.sidefoot {
					background: url('/images/content/foot-side.gif') no-repeat top right;
					width: 237px; height: 16px;
					font-size: .1em;
				}
				#testimonial {
					background: url('/images/content/quote-bg.gif') no-repeat bottom right;
					color: #af2b1c;
					font: italic 13px/18px Georgia, "Times New Roman", serif;
					width: 237px;
					margin: 15px 0; padding: 0;
				}
					#testimonial div {
						background: url('/images/content/quote-top.gif') no-repeat top left;
						margin: 0 0 -20px 0; padding: 15px 0 0;
						height: 24px;
					}
					#testimonial p {
						padding: 0 20px 20px 20px;
					}
		#right {
			width: 517px;
			float: left;
			margin: 0 0 0 24px;
		}
			#top {
				background: url('/images/content/top.gif') no-repeat;
				width: 517px; height: 7px;
				font-size: .1em;
			}
			#container {
				background: url('/images/content/background.gif') repeat-y;
				width: 467px;
				padding: 0 25px 5px;
			}
				#container h2 {
					color: #af2b1c;
					padding: 20px 0 10px;
					font-size: 16px;
				}
				#container h2 strong {
					color: #494949;
					text-transform: lowercase;
				}
				#container p {
					color: #494949;
					padding: 13px 0;
				}
				
				#container p a {
					color: #494949;
					text-decoration: none;
					font-weight: bold;
					padding: 13px 0;
				}
				
				/* @group Table */
					.tab {
						background: url('/images/content/webhosting.gif') no-repeat bottom;
						width: 52px;
					}
					#container td a {
						text-decoration: underline;
						color: #af2b1c;
						font-weight: bold;
					}
					#container td a:hover {
						text-decoration: none;
						color: #af2b1c;
						font-weight: bold;
					}
					.inner {
						background: #c9c9c9;
						color: #af2b1c;
						font-size: 11px;
					}
						.inner .off {
							background: #e2e2e2;
							border: 1px solid #fff;
						}
							.inner .off-shade {
								background: #e2e2e2;
								border: 1px solid #fff;
							}
							#index .off, #index .off-shade, #index .on, #index .on-shade {
								width: 200px;
							}
							#hosting .off, #hosting .off-shade, #hosting .on, #hosting .on-shade {
								width: 175px;
							}
							.off span, .off-shade span, .on span, .on-shade span {
								font-weight: bold;
							}
						.inner .on {
							background: #fff;
						}
							.inner .on-shade {
								background: #fff;
							}
						.inner strong {
							color: #494949;
							font-size: 12px;
						}
						.order {
							padding: 5px 10px;
						}
				/* @end */
				
			#foot {
				background: url('/images/content/footer.gif') no-repeat;
				width: 517px; height: 9px;
				font-size: .1em;
			}
			
			/* @group Domain Check */
				#domaincheck {
					background: url('/images/content/domainbox.gif') no-repeat ;
					width: 483px; height: 34px;
					margin: 15px 1px; padding: 11px 16px 0 16px;
				}
					.search {
						background: url('/images/content/search.gif') no-repeat;
						width: 73px; height: 22px;
						border: 0;
						cursor: pointer;
						float: right;
					}
					#domaincheck label {
						color: #af2b1c;
						font-weight: bold;
					}
					.domain {
						border: 1px solid #ccc;
						color: #7f7f7f;
						margin: 0 0 0 15px; padding: 3px;
					}
			/* @end */
	/* @end */
	
	/* @group Footer */
		#footer {
			background: url('/images/footer/background.gif') repeat-x top;
			height: 55px;
			padding: 15px 0;
			font-size: 11px;
			color: #494949;
		}
			#toppage {
				width: 77px; height: 25px;
				float: right;
				overflow: hidden;
				margin: 14px 24px 0 0;
			}
				#toppage a {
					background: url('/images/footer/top.gif') no-repeat left;
					text-decoration: none;
					text-indent: -10000px;
					float: left;
					display: block;
					width: 77px; height: 25px;
				}
				#toppage a:hover {
					background: url('/images/footer/top.gif') no-repeat right;
					text-decoration: none;
					text-indent: -10000px;
					float: left;
					display: block;
					width: 77px; height: 25px;
				}
			#links a {
				text-decoration: none;
				color: #333;
				padding: 0 12px;
			}
			#links a:hover {
				text-decoration: underline;
				color: #333;
			}
				#links strong a {
					text-decoration: underline;
				}
			#copyright {
				padding: 5px 12px 2px;
			}
				#copyright a {
					text-decoration: underline;
					color: #333;
				}
				#copyright a:hover {
					text-decoration: none;
					color: #333;
				}
			#by {
				padding: 0 12px;
			}
				#by a {
					text-decoration: underline;
					color: #af2b1c;
				}
				#by a:hover {
					text-decoration: none;
					color: #af2b1c;
				}
	/* @end */
	
	/**
	 * Web Hosting Page
	 *========================================
	 * Seperate styles for the tables and such
	 */
		#tab, #small-tab {
			padding: 36px 0 0;
		}
			.top-tab {
				background: url('/images/content/table/top.gif') no-repeat;
				width: 132px; height: 7px;
				font-size: .1em;
			}
			.bottom-tab {
				background: url('/images/content/table/bottom.gif') no-repeat;
				width: 132px; height: 7px;
				font-size: .1em;
			}
		#tab ul {
			background: url('/images/content/table/background.gif') repeat-y;
			list-style: none;
			width: 132px;
			font-size: 11px;
			color: #fff;
		}
			#tab li {
				padding: 7px 15px 6px;
			}
		#small-tab ul {
			padding: 0 10px;
		}
			#small-tab li {
				background: url('/images/content/table/li.gif') no-repeat left center;
				padding: 9px 5px 9px 10px;
				/*_padding: 9px 5px 6px 10px;*/
				list-style: none;
				font-size: 11px;
				color: #333;
			}
		.order-hosting {
			padding: 10px;
		}
		#free {
			margin: 0 27px 0 0;
		}
		#breadcrumbs {
			background: url('/images/content/arrow-crumb.gif') no-repeat left center;
			padding: 7px 10px 10px 20px;
			font-size: 11px;
			font-weight: normal;
			color: #494949;
		}
			#breadcrumbs a {
				text-decoration: none;
				color: #af2b1c;
				padding: 0 10px;
			}
			#breadcrumbs a:hover {
				text-decoration: underline;
				color: #af2b1c;
			}
			#breadcrumbs strong a {
				text-decoration: underline;
				color: #333;
				font-weight: bold;
			}
			#breadcrumbs strong a:hover {
				text-decoration: none;
				color: #333;
				font-weight: bold;
			}