body,html {
	margin: 0px;
	padding: 0px;
	background: #000000 url(../images/designimg/page_bg.png) repeat-x;

}
#title {
	margin: 0px auto;
	padding: 10px 0px 0px;
	height: 108px;
	background: #3E3E3E url(../images/topbg.jpg) repeat-x;
}
#wrapper {
	margin: 0px auto;
	width: 770px;
	padding: 0px;
	background: #FFFFFF;
	}
#nav {
	height: 29px;
	width: 150px;
	float: right;
	margin: -5px 5px 0px 0px;
	padding: 0px;
	background: url(../images/toplinks.jpg) no-repeat;
	text-align: center;
}
#nav a {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 10px 0px 0px;
	padding: -2px 0px 0px;
	text-align: left;
}
#nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}
#content {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background: #FFFFFF;
}
#content a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0099FF;
	text-decoration: none;
}
#content a:hover {
	color: #FF6600;
	text-decoration: underline;
}
#content h1 {
	font: bolder 1px "Trebuchet MS", Verdana;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: url(../images/headers/hosting.jpg) no-repeat;
	height: 29px;
	color: #FFFFFF;
}
#contentboxleft {
	margin: 20px 5px 5px;
	padding: 10px;
	height: 200px;
	width: 230px;
	background: url(../images/verticalsep.jpg) repeat-y right;
	float: left;
}
/* Buttons Begin here */
.hobbyist a{
	background: url(../images/buttons/basic.png);
	margin: 0px auto;
	display: block;
	width: 136px;
	height: 30px;
}
.hobbyist a:hover {
	background: url(../images/buttons/basic.png) -136px;
}

.smbusiness a{
	background: url(../images/buttons/smallbusiness.png);
	margin: 0px auto;
	display: block;
	width: 136px;
	height: 30px;
}
.smbusiness a:hover {
	background: url(../images/buttons/smallbusiness.png) -136px;
}
.enterprise a{
	background: url(../images/buttons/enterprise.png);
	margin: 0px auto;
	display: block;
	width: 136px;
	height: 30px;
}
.enterprise a:hover {
	background: url(../images/buttons/enterprise.png) -136px;
}

#contentboxright {
	margin: 20px 5px 5px;
	padding: 10px;
	height: 200px;
	width: 200px;
	float: left;
}
.list {
	font: 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	list-style: none;
}
.title {
	font: bold 14px "Trebuchet MS", Verdana;
	color: #333333;
	text-decoration: none;
	padding-left: 20px;
}
#bottomnav {
	background: #3F3F3F;
	margin: 0px auto;
	padding: 0px;
	width: 770px;
	text-align: center;
	height: 26px;
	border-bottom: 5px solid #FFFFFF;
}
#bottomnav ul {
	margin: 0px;
	padding: 5px 0px 0px;
	line-height: 10px;
}
#bottomnav li {
	margin: 0px;
	padding: 0px 10px;
	display: inline;
	line-height: 10px;
}
#bottomnav a {
	color: #FFFFFF;
	font: bold 10px/10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0px;
	padding: 6px 8px 8px;
	height: 26px;
}
#bottomnav a:hover {
	background: #333333;
}
/*/Block Buttons/*/
#blocks {
	height: 206px;
	width: 765px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	border-bottom: 7px solid #999999;
}
#blocks span{
	display: none;
}
/*/Services Button/*/
#services a{
	text-decoration: none;
	background: url(../images/blocks/services.jpg) no-repeat;
	display: block;
	clear: none;
	width: 186px;
	height: 201px;
	padding: 0px;
	margin: 2px;
	float: left;
}
#services a:hover{
	background: url(../images/blocks/services.jpg) no-repeat -186px;
	display: block;
}
/*/Support Button /*/
#support a{
	text-decoration: none;
	background: url(../images/blocks/support.jpg) no-repeat;
	display: block;
	clear: none;
	width: 186px;
	height: 201px;
	padding: 0px;
	margin: 2px;
	float: left;
}
#support a:hover{
	background: url(../images/blocks/support.jpg) no-repeat -186px;
	display: block;
}
/*/Contacts Button/*/
#contacts a{
	text-decoration: none;
	background: url(../images/blocks/contacts.jpg) no-repeat;
	display: block;
	clear: none;
	width: 186px;
	height: 201px;
	padding: 0px;
	margin: 2px;
	float: left;
}
#contacts a:hover{
	background: url(../images/blocks/contacts.jpg) no-repeat -186px;
	display: block;
}
/*/About Us Button/*/
#aboutus a{
	text-decoration: none;
	background: url(../images/blocks/aboutus.jpg) no-repeat;
	display: block;
	clear: none;
	width: 186px;
	height: 201px;
	padding: 0px;
	margin: 2px;
	float: left;
}
#aboutus a:hover{
	background: url(../images/blocks/aboutus.jpg) no-repeat -186px;
	display: block;
}
#shadow {
	background: url(../images/designimg/shadow.png) repeat-y;
	behavior: url(css/pngsupport.htc);
	margin: 0px auto;
	height: 100%;
	width: 800px;
	padding-top: 0px;
	padding-bottom: 0px;
}