@charset "UTF-8";
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
h1 {
  color: #777890;
  font-size: 14px;
  font-weight: bold;
  line-height: 10px;
}
h2 {
  color: #777890;
  font-size: 12px;
  font-weight: bold;
  line-height: 10px;
}
h4 {
	color: #FFFCCC;
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 0px -20px 10px;
	line-height: 30px;
}
a,  a:link {
  color: #5456ef;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: #50516b;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #3a32c4;
  text-decoration: underline;
}
a:focus {
  color: #3a32c4;
}
a:active {
  color: #383644;
}

body {
  background-color: #000;
  color: #CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}

.commenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bolder;
	font-variant: small-caps;
	text-transform: capitalize;
	text-decoration: none;
	color: #666666;
}
.commenu a
{
color: #FFFFFF;
text-decoration: none;
}
.commenu a:hover
{
color: #0066FF;
text-decoration: none;
}
.commenu a:visited,
{
color: #999999;
text-decoration: none;
}


.topmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bolder;
	font-variant: small-caps;
	text-transform: capitalize;
	text-decoration: none;
	color: #999999;
}
.topmenu a
{
color: #999999;
text-decoration: none;
}
.topmenu a:hover
{
color: #0066FF;
text-decoration: none;
}
.topmenu a:visited,
{
color: #999999;
text-decoration: none;
}


.pisubmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	font-variant: small-caps;
	text-transform: capitalize;
	text-decoration: none;
	color: #999999;
}
.pisubmenu a
{
color: #999999;
text-decoration: none;
}
.pisubmenu a:hover
{
color: #0066FF;
text-decoration: none;
}
.pisubmenu a:visited,
{
color: #999999;
text-decoration: none;
}

.pisubmenu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: bolder;
	font-variant: small-caps;
	text-transform: capitalize;
	text-decoration: none;
	color: #999999;
}
.pisubmenu2 a
{
color: #999999;
text-decoration: none;
}
.pisubmenu2 a:hover
{
color: #0066FF;
text-decoration: none;
}
.pisubmenu2 a:visited,
{
color: #999999;
text-decoration: none;
}

.boldtext {
color: #FFFFFF; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight: bold;
}
.img {
background-color: #0066FF;
padding: 0px;

}
.img a:hover{
background-color: #0066FF;
boarder: 4px solid #0066FF;
padding: 10px;

}
.menuroll {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #ffffff;
}
.menuroll a{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	font-variant: small-caps;
	text-decoration: none;
	display: block;
	padding: 3px;

}
.menuroll a:hover{
	color: #ffffff;
	display: block;
	padding: 3px;
	background-color: #0066FF;
}

.botmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bolder;
	font-variant: small-caps;
	text-transform: capitalize;
	text-decoration: underline;
	color: #ffffff;
}
.botmenu a
{
color: #ffffff;
text-decoration: none;
}
.botmenu a:hover
{
color: #0066FF;
text-decoration: none;
}
.botmenu a:visited,
{
color: #ffffff;
text-decoration: none;
}

.title1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CCCCCC;
}

.title2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CCCCCC;
	font-size: 16px;
}

.text1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
}
.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
}


.style1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.style5 {
font-size: 12px
}

.style2 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.style3 {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

.style4 {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }


.style11 {	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	list-style-type: none;
	text-transform: capitalize;
	font-weight: bolder;
}
h1 { font-size:16px; margin:0 0 .5em 0 }	
.style7 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #CCCCCC;}
.style9 {
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
<!--start hosting-->

.htitles {	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	list-style-type: none;
	text-transform: capitalize;
	font-weight: bolder;
}

.titlebar{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	padding-left: auto;
	text-decoration: none;
}
.titlebar a{ 
color:#FFFFCC; 
text-decoration:none;
white-space: nowrap;
}
.titlerow{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 10px;
	text-decoration: none;
}
.titlerow a{ 
color:#FFFFFF; 
text-decoration:none;
white-space: nowrap;
}

.titleinfo{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

#topbanner {
	height: 75px;
	padding: 0px;
	margin: 2px;
}
#hosting {
	text-align: left;
	width: 294px;
	float: left;
	margin-top: 2;
	margin-right: auto;
	margin-bottom: 2;
	margin-left: auto;
	}

#hosting #centerinfo {
  margin: 4px;
  padding: 0px;
  background-image: url(http://mgsiteweb.com/images/bgr_main.jpg);
background-repeat: repeat;
}
#hosting #centerinfo #plans{
	padding: 2px;
	background-image: url(http://mgsiteweb.com/images/ch_heder.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 4px;
	margin-right: 20px;
	margin-bottom: 3px;
	margin-left: 20px;
}
#hosting #centerinfo #plans li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#hosting #centerinfo a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	margin-left: 30px;

}
#hosting #centerinfo li {
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}
#hosting #centerinfo #hosttoprht {
	background-image: url(http://mgsiteweb.com/images/con2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#hosting #centerinfo #hosttopleft {
	background-image: url(http://mgsiteweb.com/images/con1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#hosting #infolist {
	margin: 5px;
	padding: 0px 0px 0px 0px;
	background-color: #666;
}
#hosting #infolist li {
	border: solid 1px #000;
	background-image: url(http://mgsiteweb.com/images/r1.gif);
	background-repeat: no-repeat;
	background-position: 12px center;
	list-style-image: none;
	list-style-type: none;
}
#hosting #infolist li a {
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 15px;	
}
#hosting #infolist li a:hover {
	color: #0066FF;
}

#endlinks {
  margin: 5px;
  padding: 0px;
  background-image: url(http://mgsiteweb.com/images/bgr_main.jpg);
background-repeat: repeat;
}
#endlinks a {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#endlinks a:hover {
	color: #0066FF;	
}
#endlinks #infonow {
	padding: 2px;
	margin-top: 2px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
}

#endlinks #hostbotrht {
	background-image: url(http://mgsiteweb.com/images/con4.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#endlinks #hostbotleft {
	background-image: url(http://mgsiteweb.com/images/con3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#webhosting {
  margin: 0 auto 0 auto;
  text-align: left;
  width: 905px;
}
#webhosting #hostnav {
	background-color: #9ea3aa;
	border-bottom: solid 1px #767a7f;
	background-image: url(http://mgsiteweb.com/images/bgr_main.jpg);
	background-repeat: repeat;
}
#webhosting #tophosttext {
	background-color: #000000;
	border-bottom: solid 1px #9ea3aa;
	padding: 20px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
}
#webhosting #hostingcontent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	
}
#webhosting #hostingcontent li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ccc;
	
}
#webhosting #hostingcontent #content {
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099CC;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;

}
#webhosting #hostfoot {
  background-color: #f4f2fc;
  border-top: solid 1px #9ea3aa;
  background-image: url(http://mgsiteweb.com/images/bgr_main.jpg);
  background-repeat: repeat;
}
#webhosting #hostfoot p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	padding: 5px;
}
#webhosting #hostnav .pisubmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	font-variant: small-caps;
	text-transform: capitalize;
	text-decoration: none;
	color: #999999;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: -20px;
	padding-left: 20px;
}
#webhosting #hostnav .pisubmenu a
{
color: #999999;
text-decoration: none;
}
#webhosting #hostnav .pisubmenu a:hover
{
color: #0066FF;
text-decoration: none;
}
#webhosting #hostnav .pisubmenu a:visited,
{
color: #999999;
text-decoration: none;
}
#webhosting #hosttoprht {
	background-image: url(http://mgsiteweb.com/images/con2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#webhosting #hosttopleft {
	background-image: url(http://mgsiteweb.com/images/con1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#webhosting #hostfoot #hostbotrht {
	background-image: url(http://mgsiteweb.com/images/con4.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#webhosting #hostfoot #hostbotleft {
	background-image: url(http://mgsiteweb.com/images/con3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.fineart3 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; }
.fineart10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; font-weight: bold; }
.fineart12 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; font-size: 10px; }
.fineart13 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; }