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;
}
/* login box */
#login {
	margin: -38px 5px 0px 0px;
	float: right;
	height: 32px;
	width: 195px;
	background: url(../images/designimg/loginbg.jpg) no-repeat;
	padding: 0px;
	display: none;
}
#login .textfield  {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/designimg/logintextbg.jpg) no-repeat;
	height: 23px;
	width: 70px;
	border-style: none;
	color: #666666;
	float: left;
	padding: 5px 5px 2px;
	margin: 3px 0px 0px 3px;
}
#login input:hover {
	color: #000000;
}
#login .gobutton {
	background: url(../images/designimg/gobutton.jpg) no-repeat;
	padding: 0px;
	height: 23px;
	width: 20px;
	border-style: none;
	float: left;
	margin: 4px 0px 0px 4px;
}
/* end login box */
#content {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	min-height: 400px;
}
#content p {
	font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 0px;
	margin: 10px 20px;
}

#content a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0099FF;
	text-decoration: none;
}
#content .superscript {
	font: normal 10px/5px Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	margin: 0px;
	padding: 5px 0px;
	text-decoration: none;
}
#content .superscript:hover{
	color: #00CC00;
	text-decoration: none;
	
}
#content a:hover {
	color: #FF6600;
	text-decoration: underline;
}
/* headings */
#content h1 {
	font: 1px "Trebuchet MS", Verdana;
	width: 100%;
	margin: 0px 0px 10px;
	padding: 0px;
	height: 29px;
	color: #FFFFFF;
}
#content .webhosting {
	background: url(../images/headers/hosting.jpg) no-repeat;
}
#content .aboutus {
	background: url(../images/headers/aboutus.jpg) no-repeat;
}
#content .services {
	background: url(../images/headers/services.jpg) no-repeat;
}
#content .support{
	background: url(../images/headers/support.jpg) no-repeat;
}
#content .contact{
	background: url(../images/headers/contact.jpg) no-repeat;
}
#content .faq{
	background: url(../images/headers/faq.jpg) no-repeat;
}
#content .clients{
	background: url(../images/headers/clients.jpg) no-repeat;
}
#content .compareplans{
	background: url(../images/headers/compareplans.jpg) no-repeat;
}
#contentboxleft {
	margin: 20px 5px 5px;
	padding: 10px;
	height: 200px;
	width: 230px;
	background: url(../images/verticalsep.jpg) repeat-y right;
	float: left;
}
/* end headings */

/* for content boxes */
.list {
	font: 11px/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;
}
/* end of for conent boxes */

/* 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;
}
/* end buttons */
#bottomnav {
	background: #3F3F3F;
	padding: 0px;
	width: 770px;
	text-align: center;
	height: 26px;
	border-bottom: 5px solid #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#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;
}