body, html {color: #333; background: #eee url('../bg.body.png') bottom center no-repeat;}
div.clearfix { clear: both; }
a { text-decoration: none; color: #E53D4E; }
a:hover {
	color: #FF6600;
	font-size: 1em;
}
h1 { border-bottom: 1px dotted #ccc; display: block; font-size: 1.8em; margin: 0em 1em 0.5em 1em;
	font-family: Arial, Helvetica, sans-serif; color: #E53D4E; }

div.top, div.bottom {width: 960px; margin: 0 auto;}
div.top {background: url('../bg.top.png') no-repeat center bottom;height: 2em; }
div.bottom { height: 1.5em;
	background: url('../bg.bottom.png') no-repeat center bottom;
}

div#nav {background: #ddd; height: 2.2em; border-bottom: 1px solid #ccc; margin-bottom: 0.5em; line-height: 2.2em;}
div.nav-cont { width: 930px; text-align: right; margin: 0 auto; }
div.nav-left {float:left; font-size: 0.85em; color: #666;}
div.nav-left span.type {font-weight: bold; color: #E53D4E;}
div.nav-left span.newslink {color: #000000;}
div.nav-left span.newslink a {color: #000000;}
div.nav-right {
	float: right;
	width: 230px;
}
div.nav-right a:visited {color: #E53D4E;}
div#nav img {margin: 0.2em 0.5em 0 0;}
div#nav input { height: 1.25em; border: 1px solid #ddd; font-size: 0.8em;  color: #999; padding: 0.2em;}
div#nav input.submit {height: 1.95em; background: #fff; color: #333;}

div#header { width: 960px; margin: 0 auto; background: url('../bg.content.png') repeat-y center; }
div#header div.logo {
	float: left;
	height: 60px;
}
div#header div.logo a { display: block; width: 390px; height: 120px; background: url('../logo.png') no-repeat; }
div#header div.slogan-logo {
	float:right;
	width: 410px;
	height: 60px;
	background: url('../slogan-logo.png') no-repeat;
	margin-top: 1em;
	padding-right: 72px;
}

div#header div.border { margin: 0 2em; }
div#header div.menu {
	float: right;
	width: 500px;
	height: 40px;
}
div#header div.menu li { display: inline; padding: 0; height: 80px; }
div#header div.menu a { display:inline-block; background-image: url('../menu-sprites.png'); background-repeat: no-repeat;
	height: 40px; }
a.home {background-position: 0px -34px; width: 65px;}
a.features {background-position: -65px -34px; width: 110px;}
a.faq {background-position: -175px -34px; width: 50px;}
a.community {background-position: -225px -34px; width: 90px;}
a.contact {background-position: -315px -34px; width: 70px;}
a.about-us {background-position: -385px -34px; width: 85px;}

a.home:hover {background-position: 0px 0px; width: 65px;}
a.features:hover {background-position: -65px 0px; width: 110px;}
a.faq:hover {background-position: -175px 0px; width: 50px;}
a.community:hover {background-position: -225px 0px; width: 90px;}
a.contact:hover {background-position: -315px 0px; width: 70px;}
a.about-us:hover {background-position: -385px 0px; width: 85px;}


.active {background-position: inherit -34px;}





#content {  background: url('../bg.content.png') repeat-y; width: 960px; margin: 0 auto; text-align: left; }
#content .page {
	width: 600px;
	float: left;
	margin-top: auto;
	margin-right: 1em;
	margin-bottom: auto;
	margin-left: 1em;
}
#content .page h1 { margin: 0 1em 0.5em 1em; padding: 0.5em 0 0 0;}
#content .page h2 { font-size: 1.5em; margin: 1em 1em 0.5em 1em; color: #555; }
#content .page p {line-height: 1.5em; font-size: 1.1em; margin: 0 1em; color: #666}
#content .page table {line-height: 1.5em; font-size: 1.1em; margin: 0 1em; color: #666; border-spacing: 20px}
#content .page td {padding-top: 12px; padding-bottom: 12px;}
#content .page-nav {
	margin-left: 0.1em;
}

#content .smf {line-height: 1.5em; font-size: 1.1em; margin: 0 1em; color: #666}
#content .smf ul {line-height: 1.5em; font-size: 1em; margin: 0 1em; color: #666; list-style-type: circle;}
#content .smf li {line-height: 1.5em; font-size: 1em; margin: 0 1em; color: #666; list-style-type: circle;}
#content .paginate {line-height: 1.5em; font-size: 1.1em; margin: 0 1em; color: #666}

#content .buybutton {
	text-align: center;

}

#content .plandesc table {
	line-height: 1.5em;
	font-size: 1.1em;
	margin: 0em 1em;
	color: #666;
	border-spacing: 20px;
	border-bottom-color: #EEEEEE;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
#content .plandesc td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
}
#content .plandesc thead {
	background-color: #EEEEEE;
}

div#sitemap {

}

div#sitemap ul {
	margin: 0.5em 1em;
}

div#sitemap li {
	margin: 0.5em 1em;
}

#content .right { width: 290px; margin: auto 0em auto 1.5em; float:left; background: #eee; 
	-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;}
#content .right h3 { font-size: 1.5em; margin: 1em 1em 0.5em 1em; color: #666;}
#content .right p {
	line-height: 1.5em;
	font: 1.1em Arial, sans serif;
	margin: 0.5em 1em;
	color: #666
}

#content .whmcs-nav {
	width: 900px;
	float:none;
	margin-top: auto;
	margin-right: 0em;
	margin-bottom: auto;
	margin-left: 2em;
}


#plans { border-top: 1px solid #FB7D50; background: ; height: 20em; }

div.text {width: 920px; margin: 0 auto;}

div#footer { width: 940px; margin:1em auto 2em auto; padding: 2em 0 0 0; text-align: left; 
			color: #555; font-size: 0.85em; border-top: 1px solid #fff;}
div#footer a { color: #FF6600; }
div#footer a:hover {color: #E53D4E;}
div.lfirst, div.rfirst {height: 2em;}
div.lsecond, div.rsecond {height: 2.5em;}
div#footer p.lfirst { }
div#footer div.lsecond {

}
div#footer p.rfirst { color: #555}
div#footer p.rsecond {text-align:right; color: #555; }
div#footer span.copy { color: #FF6600; }
div#footer div.left{ float: left; }
div#footer div.right { float: right; text-align: right; }


/* Layout::HOME */
.plans { margin: 1em auto; width: 920px; }
#distroes { background: url('../bg.content.png') repeat-y; width: 960px; margin: 0 auto; }
#distroes a.more {margin: -3em 1em 0 0; float: right;}
div.tech span { background-image: url('../technology/distroes.png'); background-repeat: no-repeat; 
	width: 85px; height: 95px; display:block; float: left; margin: 0em 1.85em;}
.slack { background-position: 0px 0px;  }
.gentoo { background-position: -85px 0px; margin: 0 0 0 -1em;}
.freebsd { background-position: -165px 0px; }
.fedora { background-position: -250px 0px; }
.debian { background-position: -335px 0px; }
.centos { background-position: -415px 0px; }
.ubuntu { background-position: -500px 0px; }
.slack:hover { background-position: 0px -97px;  }
.gentoo:hover { background-position: -85px -97px;  }
.freebsd:hover { background-position: -165px -97px; }
.fedora:hover { background-position: -250px -97px; }
.debian:hover { background-position: -335px -97px; }
.centos:hover { background-position: -415px -97px; }
.ubuntu:hover { background-position: -500px -97px; }


div.features { margin: 0em auto; width: 940px; text-align: justify; }
div.features p { font: 1.1em Arial, sans serif; margin-top: 0pt; margin-right: 2em; margin-bottom: 0pt; margin-left: 2em;}
div.features h2 {font-size: 1.5em; margin-top: 1em; margin-right: 2em; margin-bottom: 0.5em; margin-left: 2em; text-align: left;}
ul.features { float: left; width: 20em; padding: 0 2em; }
ul.features li {
	background-image:url('../accept.png'); background-repeat: no-repeat; min-height: 1.5em;
	background-position: left top; padding: 0 0 0.8em 2em; font: 1.1em Arial, sans serif;
}
ul.features2 { width: 20em; padding: 0 2em; }
ul.features2 li {
	background-image:url('../accept.png'); background-repeat: no-repeat; min-height: 1.5em;
	background-position: left top; padding: 0 0 0.8em 2em; font: 1.1em Arial, sans serif;
}
ul.features3 { padding: 0 2em; }
ul.features3 li {
	background-image:url('../accept.png');
	background-repeat: no-repeat;
	min-height: 1.5em;
	background-position: left top;
	padding: 0 0 0.8em 2em;
	font: 1.1em Arial, sans serif;
	color: #666;
}
.boxes { margin: 0 1em; background-color : #f5f5f5;
		-moz-border-radius-topleft: 15px; -moz-border-radius-topright:15px; 
		-moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright:15px; 
 		}
.boxes a { color: #FF6600; }
.boxes a:hover {color: #E53D4E;}
.boxes h1 { margin: 0 0 0.25em 0.5em; padding: 0 0 0 1.8em; background: url('../home-section-arrow-off.gif') no-repeat left;
	font-size: 1.3em; line-height: 1.4em; height: 1.3em; font-weight: bolder;}
.boxes p {padding: 0.2em 0.5em 0.2 1.2em; line-height: 1.8em; }
.bfirst, .bsecond, .bthird  

.table-plans { font: 1em Arial, sans serif; border: 1px solid #333; }
.table-plans td {
	height: 3em;
	padding: 0 0.25em;
	text-align: center;
	border-bottom: 1px solid #fff;
	font-size: 100%;
}
td.explain { font-weight: bold; text-align: right; padding-right: 1.5em; }
td.what { background:; }
tr.tr-plans { background: ; -moz-border-radius-topleft: 15px; 
				-moz-border-radius-topright:15px; 
				-moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright:15px;
}
tr.tr-plans td {
	font-weight: bold;
	padding: 1em 0.25em;
	width: 5em;
	font-size: 120%;
 }
tr.last td {border:0;}
tr.odd {background-color: #eaeaea;}
/*tr:hover {background-color: #f5f5f5; }*/



h1#slogan {text-align: left}
.price {
	font-size: 2em;

}

.backlink {
	font-size: 0.9em;
	text-align: right;
	width: 100%;

}

.box-text {
	text-align: left;
	margin: 0em 0em 0.5em 1em;
}

.box-text td{
	color: #666;
	vertical-align: top;
	font: 1.1em Arial, sans serif;
}

.language {
	float: right;
	width: 60px;

}

.panels {
	float: left;

}

#vat {text-align: right; font-size: 0.8em;}