/* CSS Created by Michael@oxidizepixel.com */

/*Using script for transparent png in IE*/
img, div { behavior: url(iepngfix.htc); }

/*  Layout  */
body {
	margin: 0;
	padding: 0;
	background: url("images/page_bg3.jpg") repeat-x;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	height: 100%;
	text-align: center;
}
#outer {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 820px;
}

#shade-left {
	float: left;
	width: 10px;
	height: 800px;
	background: url("images/shade_left.jpg") no-repeat;
}

#shade-right {
	float: right;
	width: 10px;
	height: 800px;
	background: url("images/shade_right.jpg") no-repeat;
}

/*This is to align the image in center*/

#page { 
	float: left;
	width: 94%;
}

/*-----------------------------------*/

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 800px;
	background: #ffffff url("images/bg_logo.gif") no-repeat;
}

#header {
	margin: 0 0 0 0;
	height: 300px;
	background: #ffffff url("images/header.jpg") no-repeat;
}

#side-left {
	float: left;
	width: 200px;
	padding-left: 20px;
	padding-top: 40px;
}
#side-right{
	float: right;
	width: 500px;	
	padding: 0px 10px 92px 55px;
}

#footer {
	clear: both;
	background: #ffffff url("images/footer.jpg") top no-repeat;
	height: 50px;
	padding-top: 10px;
	text-align: center;
	color : #b4b4b4;
}

/* HTML Element */

img {
	border: 0;
}


.main {
	font:bold 12px Georgia, Tahoma, Verdana;
	line-height: 15px;
	padding: 0px;
	margin: 0px;
	color: #b5143e;
	display: block;
	background: none;
}
form, p {
	margin: 0;
	padding: 0;
}

/* The Content*/

.left {
	float: left;
	padding-top:30px;
	padding-bottom:0px;
}
.left1 {	
	float: left;
	padding-top:30px;
	padding-bottom:0px;
	padding-left:80px;
}
.fixed{
	float: left;
	padding: 0px 0px 20px 0px;
	text-align:justify;
}
.fixed span { text-decoration:line-through }
.head_container { 
	padding-top: 200px; 
}
.menu_container{
	padding-top:300px;
}
.img_block { 
	display: block;
	padding-left: 80px;
}
.info {
	font:10px Tahoma, Verdana;
	padding: 0 20px 20px 500px; 
	color:#666666;
	text-align:justify;
}
.icon { 
	display:block;
	position: absolute;  
	height: 75px;
	width: 75px; 
	padding: 0px 0px 0px 0px;
}

.iconpackage{ 
	display:block;
	position: absolute;  
	height: 150px;
	width: 75px; 
	padding: 0px 0px 0px 0px;
}
.image_block{
	float:left;
	display: block;
}
.hbody {  
	 
	padding-top:5px;
	padding-left:80px; 
	padding-right:10px;
	text-align:justify; 
}
.hbody span { text-decoration:line-through }

.portfolio{
	float:left;
	position: relative;
	padding: 5px 5px 5px 5px;
	background-color: #555555;
}
.conbod {  
  margin-left:180px;

}
.pic_conta {float:left;position:relative:margin-bottom:20px;margin-top:20px;}
#side-left p { 
	line-height: 15px; 
	color: #666666; 
	width:180px;
}
#side-right p{
	line-height: 15px; 
	color: #666666; 
	width:500px;
	text-align:justify;
}
/*#side-left p:hover, #side-right p:hover { 
	color: #565656;
}*/
.content { 
          line-height: 15px; 
          color: #666666;
          float:right; 
          width: 500px;
          padding:0;
          margin:0;
}
/*.content:hover {color: #565656;}*/


a.link {
	font-weight : normal;
	color : #565656;
}

a.link:hover {
	color : #FFFFFF;
	background-color: #666666;
	text-decoration: none;
}
a.footerLink {	
	font-size : 11px;
	font-weight : normal;
	color : #565656;
	text-decoration: underline;
}

a.footerLink:hover {
	color : #FFFFFF;
	background-color: #000000;
	text-decoration: none;
}

.Strong { 
	     font-size:11px;
		 font-weight: bold;
		 line-height: 15px;
		 padding-left: 0px;
		 padding-right: 0px;
	     color: #555555;
}


/*Navigation*/


.nav_conta{
padding:0 0 0 430px;;
margin:0;
}

#menutabs {
	font-size:12px;
	margin: 0;
	padding: 0 0 20px 10px;
	}

#menutabs li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#menutabs a:link, 
#menutabs a:visited {
	float: left;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #666666;
	}

#menutabs a.active:link, 
#menutabs a.active:visited, 
#menutabs a:hover {
	border-bottom: 4px solid #565656;
	padding-bottom: 2px;
	background: #fff;
	color: #565656;
	}
	
/*Line For Content*/
.horizontal-line {
	width:200px;
	border-top: 1px solid #666666;
	margin: 20px 0px 10px 180px;
	}
	
h2 a, a.StrongLink { background: url(images/bullet.gif) no-repeat;	
	font-family: Tahoma, Verdana;
	font-size : 11px;
	font-weight : bold;
	padding-left: 8px;
	color : #666666;
	text-decoration: underline;
}
h2 a:hover, a.StrongLink:hover { background: url(images/bullet.gif) no-repeat;
	color : #565656;
	background-color: #cccccc;
	text-decoration: none;
}
h1 { 
	background: url(images/bullet.gif) no-repeat;	
	font:bold 11px Tahoma, Verdana;
	padding-left: 8px;
	color : #666666;
	display: inline;
}
h2 { 
	font-size:11px;
	font-weight: bold;
	line-height: 15px;
	padding-left: 0px;
	padding-right: 0px;
	color: #666666;
	display: inline;
}
/*Hosting page*/

#hosting-feat ul{
  float: left;
}
#hosting-feat li {
  float: left;
  margin: 0;
  
  padding: 8px 8px 8px 8px;
  list-style-type: none;
}

.serverlist1{  
	background-color:#cccccc; 
	color:#666666;
	width:250px; 
	}
.serverlist2{  
	background-color:#eeeeee; 
	color:#666666; 
	width:250px;
	}
.serverlist3{  
	background-color:#cccccc; 
	color:#666666;
	width:140px; 
	text-align:center;
	}
.serverlist4{  
	background-color:#eeeeee; 
	color:#666666; 
	width:140px;
	text-align:center;
	}
.serverpic1{ 
		height:15px; 
		background-color:#cccccc; 
		color:#666666;
		width:250px;
}
.serverpic2{ 
		height:15px; 
		background-color:#eeeeee; 
		color:#666666;
		width:250px;
}
.serverpic3{ 
  
		width:140px;
		height:15px; 
		background-color:#cccccc; 
		color:#666666;
		text-align:center;
}
.serverpic4{ 
		width:140px;
		height:15px; 
		background-color:#eeeeee; 
		color:#666666;
		text-align:center;
}

/*Services page*/

#services-list ul{
		float:left;
		padding: 0px;
		margin: 0px;

}
#services-list li {
	display:block;
  	margin-bottom: 2px;
  	list-style-type: none;
  	width:230px; 
  	background: url("bg_list.gif") repeat-y;
  	padding: 4px 4px 4px 14px;
}

/* Page Numbers */
.paging {float:left;}
.pages {
    padding: 1em;
    margin: 1em 0;
    clear: left;
    font-size: 85%;
}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;color:#A1AEBE;
}

.pages span.current {
    border: 1px solid #6e7b8b;
    font-weight: bold;
    background: #A1AEBE;
    color: #fff;
}

.pages a {
    border: 1px solid #9AAFE5;
    text-decoration: none;
}

.pages a:hover {
    border-color: #2E6AB1;
}

.pages a.nextprev {
    font-weight: bold;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
    border: 1px solid #ddd;
    color: #999;
}

.pages .nextprev-next {
    float: right;
}