/*Global Body Styles*/
body {
  background: #171717 url('imgs/background-index.png') repeat-x top;
  color: #ccc;
  font-family: Verdana, Tahoma, Arial, 'Trebuchet MS';
  font-size: 0.75em;
  margin: 0;
  padding:0;
  width: 100%;
  height: 100%;
}
a:link, a:visited {
  color: #93f5f1;
  text-decoration: none;
  font-weight: bold;
}
a:hover, a:active {
  color: #c4a6e0;
}

img {
 border: 0;
}

p {
  margin: 0 0 10px 0;
}

/*Horizontal Rules*/
.hr {
  background: transparent url('imgs/hr.png') repeat-x;
  margin: 0 auto;
  clear: both;
}
.hrxsm {
  background: transparent url('imgs/hr.png') repeat-x;
  width: 290px;
  margin: 8px 0 0;
}
.hrsm {
  background: transparent url('imgs/hr.png') repeat-x;
  width: 400px;
  margin: 5px 0;
}
.hrmd {
  background: transparent url('imgs/hr.png') repeat-x;
  width: 575px;
  margin: 5px 0;
}


/*Index - Free Overview Table Styles */
.index table{
  width: 800px;
  border: 0;
  margin: 0 auto;
}
.index th{
  width: 283px;
  text-align: left;
  text-indent: 35px;
}
.index td.overallcompare {
  text-align: left;
  width: 230px;
}
.index td.indexposts {
  background: transparent url('imgs/indextable.png');
  width: 30px;
}
.index td.indextablevr {
  width: 10px;
}

.index td.overallcompare ul {
  list-style-position: inside;
  margin: 0;
  padding: 0;
}
.index td.overallcompare li {
  padding: 0 0 0 8px;
  margin-bottom: 6px;
  background:url('imgs/bullet_blue.gif') left center no-repeat;
  text-transform:capitalize;
}

/*Heading Stuffs*/
#header {
  margin: 0 auto;
  padding: 0;
  background:transparent url('imgs/header.png') no-repeat center;
  width: 900px;
  height: 200px;
}
.hostwootheading {
  text-indent: -2000px;
  float: left;
  background: transparent url('imgs/hw_logo.png') no-repeat center;
  height: 107px;
  width: 400px;
  padding: 80px 0 0 0px;
}

h1, h2, h3 {
  text-transform: capitalize;
  margin: 0 0 5px 0;
}
h1 {
  color: #c4a6e0;
}
h2 {
  color: #f1ff61;
}
h3 {
  color: #93f5f1;
}

h3:hover {
  color: #fff;
}
h1.blue {
  color: #93f5f1;
  float: left;
}


/*Introduction Styles*/
#introcontainer {
width: 455px;
float: right;
color: #333;
padding: 0;
margin: 0;
font-style: italic;
}
.introtop {
 background:url('imgs/intro-top.gif') no-repeat top center;
 margin: 0;
 padding: 0;
 height: 7px;
 width: 455px;
}
.introbottom {
 background:url('imgs/intro-bottom.gif') no-repeat top center;
 margin: 0;
 padding: 0;
 height: 7px;
 width: 455px;
}
.intro {
 background:url('imgs/intro-background.gif');
 margin: 0;
 padding: 0 3px;
 width: 449px;
}

/*Main Menu Styles*/
#menucontainer {
width: 100%;
height: 45px;
margin: 12px 0 0;
}

#menucontainer .menu {
background: transparent url('imgs/menu-background.gif') repeat-x;
height:45px;
padding: 10px 0;
margin: 0;
float: right;
}
#menucontainer .menuleftcap {
background: transparent url('imgs/menu-leftcap.gif') no-repeat;
width: 46px;
height:45px;
padding: 0;
margin: 0;
float: right;
}
#menucontainer .menurightcap {
background: transparent url('imgs/menu-rightcap.gif') no-repeat;
width: 4px;
height:45px;
padding: 0;
margin: 0;
float: right;
}
#menucontainer .menu ul {
  list-style-type: none;
  margin: 0;
  padding: 4px 10px 0 0;
}
#menucontainer .menu li {
  display: inline;
}
#menucontainer .menu a:link, a:visited{
  padding: 0 6px;
  font-weight: bold;
  color: #fff;
}
#menucontainer .menu a:hover, a:active {
  color: #5bb9f4;
}
/*Global List Styles*/
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
li {
  margin: 0;
  padding: 0;
}


/*Sub-menu Styles*/
#submenucontainer {
  float: right;
}
#submenucontainer .submenu {
background: transparent url('imgs/submenu-background.gif') repeat-x;
height:35px;
padding: 10px 0 0;
margin: 0;
float: left;
}
#submenucontainer .submenuleft {
background: transparent url('imgs/submenu-leftcap.gif') no-repeat;
width: 9px;
height: 35px;
margin: 0;
padding: 0;
float: left;
}
#submenucontainer .submenuright {
background: transparent url('imgs/submenu-rightcap.gif') no-repeat;
width: 9px;
height: 35px;
margin: 0;
padding: 0;
float: left;
}
#submenucontainer .submenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#submenucontainer .submenu li {
  display: inline;
}
#submenucontainer .submenu li.rss a:link, .submenu li.rss a:visited, .submenu li .rss a:hover, .submenu li.rss a:active{
  padding-right: 14px;
  background:url('imgs/bullet_rss.gif') right center no-repeat;
  color: #f58550;
  font-size: 0.83em;
}
#submenucontainer .submenu li a:link, .submenu li a:visited{
  background:url('imgs/bullet_green.gif') left center no-repeat;
  padding: 0 12px 0 8px;
  font-weight: normal;
  color: #fff;
}
#submenucontainer .submenu li a:hover, li a:active {
  color: #ccc;
}


/* Page Styles */
#page {
  width: 932px;
  height: 100%;
  margin: 0 auto;
  background: transparent url('imgs/background-content.png') repeat-y;
}
#pageheading {
width: 932px;
height: 55px;
margin: 0;
padding: 18px 0 0 25px;
background: transparent url('imgs/heading-background.png') no-repeat;
}
#container {
  width: 885px;
  margin: 0 auto;
  padding: 0;
}

.alignright {
  float: right;
  padding-right: 50px;
  padding-top: 5px;
}


/* Skip To Styles */
.skip {
  font-weight: bold;
  font-size: 15px;
  color: #fff;
}
.skip:hover {
  color: #ccc;
}


/* Inline List Styles */
.listinline {
  width: 200px;
  float: left;
}

.listinline li {
  background: transparent url('imgs/bullet_green.gif') left center no-repeat;
  padding: 0 8px 0 8px;
  margin-bottom: 6px;
}


/*Index Free Packages*/
#indexfreeshared {
  float: left;
  width: 33%;
}

#indexfreereseller {
  float: left;
  width: 33%;
}

#indexfreeffmpeg {
  float: left;
  width: 33%;
}

/*Package Comparison Table*/
#comparetables {
  float: left;
  width: 575px;
}

#descriptions {
  width: 290px;
  float: right;
  padding: 0;
}

.packages {
	width: 575px;
	padding: 0;
	margin: 0;
	text-align: left;
	font-weight: normal;
	font-size: 0.90em;
}

.packages th {
  color: #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  text-transform: capitalize;
  padding: 2px;
  background-color: #333;
  font-weight: normal;
}

.packages th.noborder {
  border-right: 0;
  border-left: 0;
  background-color: #171717;
}
.packages tr{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.packages td {
  border-bottom:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  background: #333;
  padding: 6px 6px 6px 12px;
  text-align: center;
}
.packages th.spec {
  border-left: 1px solid #ccc;
  border-top: 0;
  background-color: #333;
}

/*Footer Properties*/
#footer {
background: #333 url('imgs/background-footer.png') repeat-x;
height: 100px;
width: 100%;
padding: 0;
margin: 0;
text-align: center;
}

#footer a:link, #footer a:visited {
font-weight: normal;
color: #fff;
}

#footer a:hover, #footer a:active {
color: #c4a6e0;
}
/*Various Classes*/
#leftmodule {
  float: left;
  width: 400px;
  margin: 0 0 0 15px;
  padding-right: 10px;
}

#rightmodule {
  float: right;
  width: 400px;
  margin: 0 15px 0 0;
  padding-left: 10px;
}

/* Clear Properties */
.clear {
  clear: both;
}
.clearr {
  clear: right;
}
.clearl {
  clear: left;
}

/* Etcetera */
.center {
  text-align: center;
  margin: 0 auto;
  clear: both;
}
.floatleft {
  float: left;
}
.floatright {
  float:right;
}