/*  
Template Name: TUXG Hosting template
Author: Omega
Author URI: http://www.eluneart.com/


	/**
	Georgia, "Times New Roman", Times, serif
	Garamond, Georgia, "Times New Roman", times, serif
	Arial, Helvetica, sans-serif
	***/

/*----------Main styles-------------*/


body {
background-color: #fff;
background-image: url(images/top-bg.gif);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
font: 13px Arial, Helvetica, sans-serif;
}

p, h1, h2, h3, h4, form, ul, li {
padding:0px;
margin:0px;
font-size:100%;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

address, caption, cite, code, dfn, em, strong, var {
font-style: normal; 
font-weight: normal; 
}
 
ol, ul {
list-style: none; 
margin: 0; padding: 0; 
}
 
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
 
acronym, abbr, fieldset, img { border: 0;}
 
:focus { outline: 0; }
/*----------Main boxes-------------*/
#header {height:148px}
#top {
float: right;
text-align: right;
padding: 3px;
display:inline
}
#container {
	width: 844px;
	\width: 874px;
	w\idth: 844px;
	margin: 0px auto;
	
}
#content {background-color:#FFFFFF;
margin-left:3px;
}
#footer {background-color:#453f3b;
padding:15px;
margin-top:20px;
font-size:11px;
color:#ccc;
text-align:center;
clear:both}

/*----------Typography-------------*/
a:link, a:active,  a:visited {font-weight:bold;
text-decoration:none; outline:none}
 a:hover {color:#393431}
 p {font-size:11px;}
 
#header h1 {
background:url(images/logo.gif) no-repeat 0 0;
text-indent: -9000px;
margin:0px;
padding:0px;}
#header h1 a {
width: 376px;
height: 148px;
display: block;
text-decoration: none;
}
/*#top a {
color: #fff;
text-decoration: none;
float: left;
padding: 10px 7px 10px 7px;font-weight:bold;
}
#top a:hover {
color: #fff;
background: url(images/arr-d1.gif) no-repeat center top;
text-decoration:underline
}
#top a.current {
color: #fff;
background: url(images/arr-d2.gif) no-repeat center top;
}*/

#left h1, #sub_left h1 {color:#4a4340;
margin:7px 0 10px 0;
padding:0px;
font-size:20px;
font-weight:normal}
#left h2, #sub_left h2 {color:#4a4340;
margin:0 0 10px 0;
padding:0px;
font-size:20px;
font-weight:normal}
#left h3, #sub_left h3{padding: 0; margin:0px;
	font: bold 14px Arial,Helvetica,sans-serif;
	color: #ed1b24;
	}
#left h4, #sub_left h4 {color:#ed1b24;
margin:0 0 10px 0;
padding:0px;
font-size:20px;
font-weight:normal}
#left h4.compare a, #sub_left h4.compare a  {color:#ed1b24;
margin:40px 0 10px 0;
padding:0px;
font-size:20px;
font-weight:normal;
display:block;
background:url(images/compare.gif) no-repeat;
height:58px;
padding:20px 0 0 80px}
#left h4.compare a:hover, #sub_left h4.compare a:hover {text-decoration:underline}
.hosting_plan h3 {padding: 5px 0 0 0; margin:0px;
	font: bold 14px Arial,Helvetica,sans-serif;
	color: #ed1b24;
	text-align: center;
	text-transform:uppercase;
	text-align:center;
	display:block;
	width:124px}
#right h2 {color:#ed1b24;
margin:7px 0 10px 0;
padding:0px;
font-size:20px;
font-weight:normal;
text-align:center}
#news h3 {color:#4a4340;
margin:10px 0 10px 20px;
padding:0px;
font-size:20px;
font-weight:normal}
#news p {font-size:11px;
margin:10px 10px 10px 20px}
#news .include h3 {color:#4a4340;
margin:10px 0 10px 0px;
padding:0px;
font-size:20px;
font-weight:normal;
display:block;
text-align:center
}
#right a:link, #right a:active, #right a:visited {font-weight:bold;
color:#ed1b24;
text-decoration:none}
#right a:hover {color:#393431}
#footer a:link,#footer a:active,#footer a:visited {color:#999; text-decoration:none;
font-weight:bold}
#footer a:hover{color:#fff}




/*----------Left column-------------*/
#left {width:579px;
float:left;
margin-bottom:20px}

#left_main_box {color:#4a4340;
font-size:11px;
margin-top:10px;
text-align:justify}

#left_main_box a:link, #left_main_box a:active, #left_main_box a:visited {font-weight:bold;
color:#ed1b24;
text-decoration:underline}
#left_main_box a:hover {color:#393431}
#left_main_box img {
	float:left;
	border:8px solid #E8E8E8;
	margin-right:23px;
	margin-bottom:5px
}


#left_main_box img.plain{
display:inline;
border:0;
margin:0;
float:none;
}
#left_main_box ul {float:left;
display:block;
margin:0px;
line-height:22px;
padding:0;
list-style:none;

}
#left_main_box ul li {background-image:url(images/arrow.gif);
background-position: 0 4px; 
padding-left:20px; 
background-repeat:no-repeat}

#left_main_box p {margin:10px 50px 5px 0;
padding:5px 0;
line-height:18px }

#plans {margin-top:20px}
.hosting_plan {
	height: 139px;
	background: #fff  url(images/plan-bg.gif) no-repeat center left;
	margin:5px 0 15px 0}


.hosting_plan ul {list-style:none;
margin:0;
padding:10px 0 0 5px}
.hosting_plan ul li {float:left; padding:3px; display:block; margin:0 7px 0 0}
.hosting_plan ul li span.price {font: bold 16px Arial,Helvetica,sans-serif;
	color: #ed1b24;
	text-align: center;
	margin:35px 0 0 0;
	display:block ;
	width:115px
}
.hosting_plan ul li ul.bullets{
	list-style: none;
	margin: 20px 0 0 10px;
	padding: 0;
	line-height: 18px;
	color:#333333;
}
.hosting_plan ul li ul.bullets li {display:block; font-weight:bold; float:none; padding:0; width:148px; margin:0}
.hosting_plan ul li span.price span {
	font-size: 24px;}
.hosting_plan ul li a.order_but {
	display: block;
	width: 98px;
	height: 56px;
	background:url(images/order_but.gif) no-repeat top left;
	padding:15px 0 0 18px;
	color:#fff;
text-decoration:none;
font-weight:bold;
font-size:12px
}
.hosting_plan ul li a.order_but:hover {
	background:url(images/order_but_hov.gif) no-repeat top left;
    color:#ccc;
}
.hosting_plan ul li span.read_more a:link,.hosting_plan ul li span .read_more a:active,.hosting_plan ul li span.read_more a:visited {text-decoration:underline;
color: #ed1b24; font-size:11px; display:block; text-align:left; padding:0 0 0 10px; margin:20px 0 5px 0}
.hosting_plan ul li span.read_more a:hover {color:#333}

/*----------Right column-------------*/

#right {width:260px;
float:right;
margin-bottom:20px
}
#news {background:#FFFFFF url(images/news-bg.gif) repeat-x;
padding-top:5px
}
#news a.read_more, #offer a.read_more {display:block}
#chat {
background:#FFFFFF url(images/chat-bg.gif) left no-repeat;
border:6px #cccccc solid;
margin:20px 0 30px 20px;
font-size:20px;
font-weight:normal;
color:#ed1b24;
text-align:center;
width:176px;
height:51px;
line-height:22px;
padding-top:10px;
padding-left:25px
}

	#chat a:link, #chat a:active, #chat a:visited {font-weight:normal;
color:#ed1b24;
text-decoration:none;
}
#chat a:hover {color:#393431}
.offer {line-height:24px;
font-weight:bold;
color:#333333;
margin-bottom:20px;}
.offer img {float:left;
margin:0 10px}

.offer ul li{
margin-left:40px;
list-style:url(images/arrow2.gif);
font-weight:normal;
font-size:0.9em;
}

.include {background-color:#f2f2f2;
font-size:10px;
margin-top:40px;
padding-top:2px
}

.testimonial{
border:1px #ed1b24 solid;
margin:20px;
background:#fff;
font-size:1em;
}

.testimonial img{
float:left;
}

.include ul {list-style:none; display:block; margin:10px 0 0 10px; 
padding:10px 0 0 0;
min-height:150px;
}
.include ul li {float:left; width:95px; display:block;
padding: 7px 0 0px 30px;
height:26px;
text-transform:uppercase;
margin:0 0px 0 0
}
li.setup {background:url(images/incsetup.gif) no-repeat}
li.cp{background:url(images/incpanel.gif) no-repeat}
li.spam{background:url(images/incspam.gif) no-repeat}
li.support{background:url(images/incsupport.gif) no-repeat}
li.ticketing{background:url(images/incmail.gif) no-repeat}
li.uptime{background:url(images/incuptime.gif) no-repeat}
li.virus{background:url(images/incvirus.gif) no-repeat}
li.move{background:url(images/incmove.gif) no-repeat}



/*----------Subpage styles-------------*/
table strong{font-weight:bold}
table {background-color:#fff;
margin:5px 15px 0px 0px;
padding:0 0 20px 0px;
text-align:left;
float:left

}
.tabtext {font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#353d43}
table a:link, #table a:active, #table a:visited {color:#ed1b24;
font-weight:bold;
text-decoration:none}
table a:hover {color:#111b22}
.grey {background-color:#f6f6f6}
#sub_left {width:839px;
float:left;
margin-bottom:20px}

#sub_left _main_box {color:#4a4340;
font-size:11px;
margin-top:10px}

#sub_left _main_box a:link, #left_main_box a:active, #left_main_box a:visited {font-weight:bold;
color:#ed1b24;
text-decoration:underline}
#sub_left _main_box a:hover {color:#393431}
#sub_left _main_box img {
	float:left;
	border:8px solid #E8E8E8;
	margin-right:23px;
	margin-bottom:5px
}
#sub_left _main_box ul {float:left;
display:block;
margin:0px;
line-height:22px;
padding:0;
list-style:none;

}
#sub_left _main_box ul li {background-image:url(images/arrow.gif);
background-position: 0 4px; 
padding-left:20px; 
background-repeat:no-repeat}

#sub_left _main_box p {margin:10px 50px 5px 0;
padding:5px 0;
line-height:18px }



/*----------Extras-------------*/


/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #top {
  margin-right: 5px;
  }
 
* html #header h1 {
  height: 1%;
  margin-left: 0;
  }
  
 
/* End hide from IE5/mac */
.cleary {
	clear: both;
}
.cleary:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.cleary {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
 * html .cleary {height: 1%;}
 .cleary {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */