/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;  /*-- Enables font size scaling in MSIE  --*/
	margin:0;
	padding:0;
	text-align:center;
	background:url(../images/bg.jpg) repeat scroll 0 0;
}
html >body {
	font-size:9.5pt;
	}

form,table,p,h1,h2,h3,h4,h5,h6,ul,li,div,dl{
		margin:0;
		padding:0;
		font-size:100%;
	}
	li{
		padding:0;
		margin:0;
		list-style:none;
	}
	a{
	text-decoration:none;
	outline:none;
	color:#000;
	}
	a:hover{
	text-decoration:none;
	}
	img{
		border:0;
		vertical-align:top;
	}
	.clsFloatLeft{
		float:left;
	}
	.clsFloatRight{
		float:right;
	}
	.clsSmallFont {
		font:11px Arial, Helvetica, sans-serif;
		}
    .clsmenu .clsNoborder  {
		background:none;
	}
  .clear
  {
    clear:both;
  }
/*-- End of Common Styles --*/
/* CSS Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clsContainer
{
width:967px;
margin:0 auto;
text-align:left;
background-color:#FFFFFF;
}
#header
{
  background:url(../images/img_banner.jpg) no-repeat scroll 0 0;
  width:967px;
  height:270px;
  margin:0;
  padding:0;
}
/*--logo--*/

#selLogo
{
padding:0px 0 0 10px;
width:170px;
}
#header h1
{
background: no-repeat scroll 0 0 ;
margin:0 0 0 20px;
}
#header h1 a
{display:block;
overflow:hidden;
height:53px;
text-indent:-8008px;
width:140px;
}
.clshost
{
 font:normal 25px Arial, Helvetica, sans-serif !important;
 padding:3px 0 0 14px !important;
}
#selLogo p
{
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#c0cce2;
  padding:3px 0 0 15px;
}
.clsmenu
{
padding:0;
margin:32px 0 0 0;
}
.clsmenu ul
{
 width:535px;
}
.clsmenu li
{
background:url(../images/menu_li.jpg) no-repeat left 2px;
float:left;
width:107px;
padding:0 0 8px 0;
text-align:left;

}
.clsmenu  li a {
display:inline;
font: normal 12px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFFFFF;
padding: 11px 10px ; 
margin-left:0px; 
}
.clsmenu li a:hover
{color:#FF6401;
}
.clsmenu 
{
 /*background: url(../images/img_li_left.jpg) no-repeat scroll left 0;*/
}
.clsDedicate
{
padding:0 0 0 140px;
 margin:30px 0 0 0;
 width:390px;
 text-align:left;
}
.clsDedi
{
  font: bold 23px Arial, Helvetica, sans-serif!important ;
  color:#FF9E00 !important;
  padding-bottom:10px;
}
.clsDedicate p
{
  font: bold 14px Arial, Helvetica, sans-serif;
  color:#FFFFFF;
}
/*-- end of menu--*/

.clsHosting
{
  padding:0px 0 0 7px;
}
.clsBest
{
 margin:0 4px;
}
/*  Column  */
#Column {
	margin-top:15px;
	
	}	 
#LeftColumn {
	width:223px;
	padding:15px 0 20px 10px;
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	}


.side_Top
{
	background:url(../images/main_top.jpg) no-repeat scroll left top;
	padding-top:0px;
}
.side_center
{
	background:url(../images/main_center.jpg) repeat-y scroll left center;
	
}
.side_Bottom
{
	background:url(../images/main_bottom.jpg) no-repeat scroll left bottom;
	padding-bottom:18px;
}
.module {
margin-bottom:20px;
text-align:left
}
.module h3
{
  font:normal 18px Arial, Helvetica, sans-serif;
  margin:0;
  padding:7px 0 7px 20px;
  color:#FFFFFF;
  
}
.module ul {
padding:10px 14px 0;
}
.menu li {
background:transparent url(../images/side_li.jpg) no-repeat scroll left 2px;
padding:5px 0 5px 24px;
}
.menu li a:hover
{
  text-decoration:underline;
}
.module .clsTop {
	padding:15px 0 0 !important;
	}
.module .clsLogin p{
	padding:4px 0 0 16px;
	font:12px Arial, Helvetica, sans-serif;
	}
.clsVote{
	margin:0;
	padding-bottom:3px;
	border:0;
	background:url(../images/img_login.jpg) no-repeat;
	color:#000;
	width:54px;
	font:normal 12px Arial;
	height:25px;
	cursor: pointer; /* hand-shaped cursor */
}
.clsCheck
{
  margin-top:10px;
}
.clsLogin span
{
  color:#00B7FF;
}
.clsLogin a:hover
{
 text-decoration:underline;
}
/*End of leftcolumn*/
/*MainColumn*/

#MainColumn
{
  width:900px;
  padding:15px 25px 20px 10px;
  margin:0 0 10px 30px;
  
}
h2
{
  font:normal 18px Arial, Helvetica, sans-serif;
  color:#00B7FF;
  padding:0 0 10px 0;
  border-bottom:1px dotted #999999;
  margin-bottom:10px;
}
.clsWelcome p {
text-align:justify;
font:normal 12px Arial, Helvetica, sans-serif;
padding-bottom:15px;
}

.clsWelcome img {
float:left;
margin-right:10px;
}
.clsDesc
{
  margin:0 0 0 205px;
}
.clsWelcome
{
  padding-bottom:20px;
}
.clsFree
{
  background:#E5E5E5;
  overflow:hidden;
}
.clsSoftwares
{
  background:url(../images/img_free_right.jpg) no-repeat scroll right center;
  width:320px;
  float:left;
}
.clsSoftwares h2,.clsBackups h2,.clsMonitor h2
{
    font:normal 30px Arial, Helvetica, sans-serif;
    color:#87E66F;
    padding:26px 0 20px 21px;
	border:none;
}

.clsSoftwares img,.clsBackups img,.clsMonitor img {
float:left;
margin-right:10px;
}
.clsDescri {
margin:0 0 0 100px;
padding:0 0 40px 0;
}
.clsDescri p
{
 text-align:justify;
 font:normal 11px Arial, Helvetica, sans-serif;
 padding:0 15px 0 0;
}
.clsBackups
{
  background:url(../images/img_free_right.jpg) no-repeat scroll right center;
  width:320px;
  float:left;
}
.clsBackups h2
{
    color:#FD8535;
}

.clsMonitor
{
  width:320px;
  float:left;
}
.clsMonitor h2
{
    color:#00C0FF;
}
#footer
{
  padding:38px 0 18px 0;
  background:#9A9A9A url(../images/bg_footer.jpg) repeat-x scroll 0 0;
  text-align:center;
  clear:both;
}
#footer ul
{
  padding:0 0 28px 178px;
  overflow:hidden;
}
#footer li
{
 float:left;
 padding:0 10px 0 0;
}
#footer p
{
   font:normal 12px Arial, Helvetica, sans-serif;
   padding-bottom:5px;
}
#footer span
{
  color:#FD6433;
}
#footer a{
  color:#000;
  text-decoration:underline;
}
#footer a:hover{
  text-decoration:none;
}

/* Services */
.clsServiceList{
	width:49%;
	margin-top:10px;
}
.clsServiceList h4{
 	margin-bottom:5px;
	color:#FF6401;
}
.clsServiceList li{
	background:url(../images/bullet-arrow.jpg) no-repeat left 8px;
	height:22px;
	line-height:22px;
	padding-left:15px;
}
.clsServiceList li a{
	text-decoration:underline;
}
.clsServiceList li a:hover{
	text-decoration:none;
}
.clsCommonService{
	margin-bottom:20px;
}
#selWebHosting,#selDedicatedServer{
	overflow:hidden;
	margin-bottom:20px;
}
/* selAboutUs */
#selAboutUs p{
	margin-bottom:10px;
}
#selAboutUs img{
	float:right;
	margin:10px;
	border:1px solid #666666;
}
/* contact us */
#selContacts label {
display:block;
float:left;
margin-right:1em;
text-align:right;
width:9em;
}
#selContacts label{
color:#000000;
font-size:12px;
font-weight:bold;
}
#selContacts .clsTextBox,#selContacts .clsTextArea{
	width:350px;
}
#selContacts p{
	margin-bottom:10px;
}
#selContacts .clsSumitBlock{
	padding-left:120px;
}
/* domains */
.data th{
	background:#303030;
	color:#FFF;
}
#container
{ width: 980px; clear: both; margin: 0 auto; padding: 5px; }

#container div.hostingpackages
{ display: block; margin: 5px; width: 229px; float: left; text-align: left; }

#container div.hostingpackages h1
{ background: #526D00; height: 25px; margin: 0; padding: 8px 13px 0;
font-family: "Trebuchet MS", Arial; font-size: 14px; color: #FFFFFF; }

#container div.hostingpackages h2
{ margin: 0 0 10px; padding: 8px 0 0; text-align: center; font-family: "trebuchet ms", arial; color: #fff;
background: #B5D331; height: 25px; font-size: 14px; font-weight: normal; }

#container div.hostingpackages h3
{ font-family: "Trebuchet MS", Arial; font-size: 12px; color: #FFFFFF; }

#container div.hostingpackages a
{ color: #fff; text-decoration: none; }

#container div.hostingpackages a:hover
{ color: #fff; text-decoration: underline; }

#container div.hostingpackages ul
{ background-color: #73A210; list-style-type: none; margin: 0; padding: 20px 10px; border-left: 1px solid #8CB618;
border-right: 1px solid #4a6c8b; }

#container div.hostingpackages li
{ padding: 0 0 0 0px; margin: 0 0 2px 0; font-size: 13px; }

#container div.hostingpackages ul li.price
{ background: none; margin: 0; padding: 5px 0 0 0; font-size: 24px; text-align: center;
font-family: "trebuchet ms", arial; }

/* FEATURES */

#wrapper {
min-width: 1200px;
margin-left: 0px;
width: 97%;
}
#outer {
border-left: 210px solid #FFFFFF;  /* left column background */
border-right: 225px solid #FFFFFF; /* right column background */
background-color: #FFFFFF;         /* center column background */
}
#inner {
margin: 0px;
width: 97%;
}

#side1 {
font: 100% Arial, "Times New Roman", Times, serif;
width: 225px;                      /* left column width */
margin-left: -200px;               /* negative left column width */
float: left;
position: relative;
z-index: 10;
padding-left: 5px;
border: 1px solid #ffffff;
background-color: #ffffff;
}

#side1 h1 {
width: 250px;
font: 140% Arial, "Times New Roman", Times, serif;
color: #84E76B;
margin-bottom: 0;
margin-left: 8px;
padding-bottom: 4px;
text-align:left;
}
#side1 h2 {
width: 190px;
font: 105% Arial, "Times New Roman", Times, serif;
color: #10598C;
margin-bottom: 0;
margin-left: 8px;
padding-bottom: 4px;
text-align:left;
}
#side1 p {
width: 250px;
font: 100% Arial, "Times New Roman", Times, serif;
color: #000000;
background-color: transparent;
margin-bottom: 0;
margin-left: 8px;
padding-bottom: 4px;
}



#side2 {
font: 100% Arial, "Times New Roman", Times, serif;
width: 420px;                      /* right column width */
margin-right: -300px;              /* negative right column width */
color: #000000;
float: left;
position: relative;
z-index: 11;
border: 1px solid #EFEBEF;
background-color: #EFEBEF;
}

#side2 h1 {
font: 150% Arial, "Times New Roman", Times, serif, bold;
color: #00B6FF;
background-color: transparent;
margin-bottom: 0;
padding-bottom: 4px;
padding-left: 0.2em;
text-align:left;
}

#side2 h2 {
width: 400px;
font: 125% Arial, "Times New Roman", Times, serif;
color: #000000;
margin-bottom: 0;
margin-left: 8px;
padding-top:15px;
padding-bottom: 4px;
text-align:left;
}
#side2 p {
font: 100% Arial, "Times New Roman", Times, serif, bold;
color: #OOOOOO;
background-color: transparent;
margin-bottom: 0;
padding-bottom: 4px;
padding-left: 0.2em;
text-align:left;
}

#side3{
font: 100% Arial, "Times New Roman", Times, serif;
padding-top:0px;
width:38%;
float: right;
position: relative;
z-index: 12px;
background-color: #EFEBEF;
border: 1px solid #EFEBEF;
}
#side3 h1 {
font: 140% Arial, "Times New Roman", Times, serif, bold;
color: #FF8631;
margin-left: 1em;
text-align:center;
}
#side3 p {
font: 100% Arial, "Times New Roman", Times, serif;
color: #OOOOOO;
margin-left: 3em;
margin-right: 2em;
}

.flush {
clear: both;
}
/* Mozilla bug workarounds */
#outer > #inner {
border-bottom: 1px solid transparent;
}
#side1 {
margin-right: 1px;
}
#side2 {
margin-left: 1px;
}
#side3 {
margin: 0 -3px 0 -2px;
}