body{
	background: #fdfdfd;
	margin: 0; padding: 0;
	font: 12px/18px "Lucida Grande", Arial, sans-serif;
}

.flashbox{
z-index: 1;
}

input, select{ 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; }
					
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 20px;
			z-index: 1;
		}
		#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;
		}
	/* @end */
	
	/* @group Header */
		#header h1 {
			background: url(../images/header/logo.gif) no-repeat;
			width: 200px; height: 45px;
			float: left;
			overflow: hidden;
			margin: 28px 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/women.gif) 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;
				}
			#mid_sub1 {
			background: #af2b1c url(../images/mid/subpage.gif) no-repeat;
			width: 778px; height: 97px;
		}
			#mid_sub1 h2 {
				background: url(../images/mid/read-more.gif) no-repeat;
				float: left;
				width: 122px; height: 45px;
				overflow: hidden;
				margin: 27px 0 0 35px;
			}
				#mid_sub1 h2 a, #mid_sub1 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/check.gif) no-repeat left;
				width: 554px; height: 97px;
				float: left;
				margin: 0 0 0 17px;
			}
				#mid_sub p span {
					display: none;
				}
			#mid_sub1 p {
				background: url(../images/mid/upgrade.gif) no-repeat left;
				width: 554px; height: 97px;
				float: left;
				margin: 0 0 0 17px;
			}
				#mid_sub1 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;
				}
				.joinnow {
					background: url(../images/content/joinnow.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: #af2b1c;
					text-decoration: underline;
				}
				#container p a:hover {
					color: #af2b1c;
					text-decoration: none;
				}
				/* @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: 83px; 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;
			}
#navcontainer ul
{
background-color: #af2b1c;
color: White;
float: left;
width: 100%;
font: 12px/18px "Lucida Grande", Arial, sans-serif;
text-align: center;

}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #af2b1c;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #999999;
color: #fff;
}

/* Header, logos */
#header {width: 100%; height: 104px; position: relative; background: #FF4E34 url("../images/bg-header.png") repeat-y 218px 0; }
#logo {float: left; width: 300px; height: 104px; background: url("../images/bg-logo-tcbs.jpg") no-repeat 0 0;}
#logo a {color: white;}
#logo img { margin: 30px 0 0 20px; padding: 0; border: 0; }
#header p {margin: 0;}
#header .claim { font-family: "Lucida Grande", Arial, sans-serif; font-size: 200%; float: left; color: #ffffff; margin: 40px 0 0 225px; line-height: 1.3em; }
#header .eca { margin: 30px 0 0 5px; float: left;}

#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li 
{
padding: 5px 0 5px 30px;
background-image: url(../Images/content/table/check.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
color: #494949;
}