@charset "utf-8";
/* Reset default values */
ul, ol, dl {
	list-style:none;
}
h1, h2, h3, h4, h5, h6, pre, code {
	font-size:1em;
	font-weight:normal;
}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd {
	margin:0;
	padding:0;
}
input, textarea {
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	padding:5px;
}
small {
	font-size:10px;
	color:#777;
}
table {
	border-collapse:collapse;
}
td, th {
	vertical-align:top;
	text-align:left;
}
a img, :link img, :visited img {
	border:none;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
i {
	display:none;
}
a {
	color:#2280c7;
}
a:hover {
	color: #2da5ea;
}

/* Custom Global */
ul.featureList {
	list-style-position: inside;
	list-style-type: disc;
	margin-left: 20px;
}
ul.featureList li {
	float: left;
	clear: both;
	margin-top: 6px;
	margin-bottom: 6px;
	width: 100%; /* ie 7 */
}
ul.greenArrows li { /* ie 7 does not have arrows, donno why... */
	list-style-image: url(images/misc.arrow.png);
	list-style-type: none;
}
ul.greenPlus li { /* ie 7 does not have arrows, donno why... */
	list-style-image: url(images/misc.add.png);
	list-style-type: none;
}

div.blackButton {
	background-image: url(images/button.bg.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 27px;
	float: left;
}
div.blackButton a {
	float: left;
	white-space: nowrap;
	color: #FFF;
	text-decoration: none;
	margin-top: 6px;
	margin-left: 14px;
}
div.blackButton .buttonEnd {
	background-image: url(images/button.bg.png);
	background-position: right;
	height: 27px;
	width: 30px;
	float: left;
}
div.blackButton:hover, div.blackButton:hover .buttonEnd {
	background-image: url(images/button.bg.over.png);
}


h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 10px;
}
h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin-top: 25px;
	margin-bottom: 6px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ddd;
	color: #0b2e61;
}
h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
}
p {
	line-height: 22px;
	margin-bottom: 10px;
}
address {
	line-height: 22px;
	margin-left: 20px;
	padding-left: 10px;
	margin-top: 5px;
	font-style: normal;
	border-left: 2px solid #f3f9fb;
}

.left {
	float: left;
}
.right {
	float: right;
}
.tl {
	background-position: left top;
	left: 0px;
	top: 0px;
}
.tr {
	background-position: right top;
	top: 0px;
	right: 0px;
}
.bl {
	background-position: left bottom;
	left: 0px;
	bottom: 0px;
}
.br {
	background-position: right bottom;
	right: 0px;
	bottom: 0px;
}


table th, table td {
	padding: 4px;
}
table.form th {
	text-align: right;
	padding-top: 11px;
}
table.form input[type=text], table.form input[type=password], table.form textarea {
	width: 300px;
	border: 1px solid #bbb;
}
table.form input[type=text]:focus, table.form input[type=password]:focus, table.form textarea:focus {
	border: 1px solid #888;
}
table.form input.submit, table.form input[type=submit] {
	width: auto;
	border: 1px solid #bde7fc;
	background-color: #e8f7ff;
}

/* Special stuff */
#content.main h1.left {
	margin-top: 20px;
}
#content.main h1.left strong {
	color: #005fa8;
}
#content.main h3.right {
	padding-top: 27px;
}

/* Custom Definitions Begin */
body {
	background-image: url(images/body.bg.png);
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

#wrapper {
	background-image: url(images/content.bg.png);
	background-repeat: repeat-y;
	width: 992px;
	margin: auto;
	padding-right: 6px;
	padding-left: 6px;
}

#header {
	height: 82px;
}
#header .logo {
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	float: left;
	height: 82px;
	width: 430px;
}
#header .help {
	float: right;
	background-image: url(images/heading.help.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 68px;
	margin-right: 25px;
}
#header .help .tag {
	background-image: url(images/heading.help.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 68px;
	width: 80px;
	float: left;/* ie 7 */
}
#header .help .tag h2 {
	border: 0px;
}
#header .help .links {
	white-space: nowrap;
	float: right;
	color: #fff;
	margin: 12px 10px 8px 0px;
}
#header .help .links a {
	color: #fff;
	margin-right: 10px;
	text-decoration: none;
}
#header .help .links a:hover {
	text-decoration: underline;
}
#header .help .contact {
	float: left;
	white-space: nowrap;
	clear: right;
	line-height: 18px;
}


ul#navigation {
	background-image: url(images/navigation.bg.png);
	background-repeat: repeat-x;
	height: 36px;
	width: 991px;
}
ul#navigation li {
	float: left;
	height: 16px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 9px 15px;
	margin: 2px 2px 0px 2px;
}
ul#navigation a {
	color: #fff;
	text-decoration: none;
}
ul#navigation li.selected {
	background-color: #0a2e62;
}
ul#navigation li:hover {
	background-color: #0a2e62;
}
ul#navigation li.chat {
	float: right;
	background-color: #000;
	height: 18px;
	margin: 0px;
	padding: 9px;
	color: #FFF;
}
ul#navigation li.chat label {
	float: left;
	font-size: 13px;
	margin: 1px 10px 0px 5px;
}
ul#navigation li.chat img {
	vertical-align: baseline;
}


#banner {
	height: 227px;
}
#banner.main {
}
#banner.subbanner {
	height: 180px;
	border-bottom: 2px solid #ff6600;
	margin-bottom: 10px;
}
#banner.subbanner.mini {
	height: 100px;
}

#newsBar {
	background-image: url(images/newsbar.bg.png);
	background-repeat: no-repeat;
	width: 991px;
	height: 37px;
}
#newsBar strong {
	color: #FFF;
	float: left;
	font-size: 14px;
	margin-top: 9px;
	margin-right: 9px;
	margin-bottom: 9px;
	margin-left: 14px;
}
#newsBar p {
	float: left;
	font-size: 14px;
	margin: 8px 10px 10px 20px;
}

#content {
	float: left;
	width: 950px;
	padding: 7px 18px;
}
#content.main {
}


/*
 * Dedicated Boxes
 */
#dedicatedBoxContainer {
	float: left;
	width: 968px;
	margin-bottom: 15px;

}
#dedicatedBoxContainer .dedicatedBox {
	width: 306px;
	border: 1px solid #e0e0e0;
	float: left;
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 65px;
	position: relative;
	margin-right: 14px;
}
#dedicatedBoxContainer .dedicatedBox:last-child {
	margin: 0px;
}
#dedicatedBoxContainer .dedicatedBox .blackButton {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
#dedicatedBoxContainer .budget {
	background-image: url(images/dedicatedserver.budget.png);
}
#dedicatedBoxContainer .power {
	background-image: url(images/dedicatedserver.core.png);
}
#dedicatedBoxContainer .core {
	background-image: url(images/dedicatedserver.power.png);
}
#dedicatedBoxContainer .dedicatedBox .headbox {
	background-image: url(images/dedicatedbox.budget.png);
	background-repeat: no-repeat;
	height: 96px;
	width: 306px;
	position: relative;
	margin-bottom: 10px;
}
#dedicatedBoxContainer .budget .headbox {
	background-image: url(images/dedicatedbox.budget.png);
}
#dedicatedBoxContainer .power .headbox {
	background-image: url(images/dedicatedbox.power.png);
}
#dedicatedBoxContainer .core .headbox {
	background-image: url(images/dedicatedbox.core.png);
}
#dedicatedBoxContainer .dedicatedBox .headbox .price {
	position: absolute;
	left: 18px;
	top: 32px;
	color: #fff;
	font-weight: bold;
}
#dedicatedBoxContainer .dedicatedBox .headbox p {
	position: absolute;
	left: 18px;
	top: 50px;
	color: #fff;
	line-height: 18px;
	width: 270px;
}

/* 
 * Early Bird Special
 */
#specialEarlyBird {
	background-image: url(images/special.earlybird.bg.png);
	background-repeat: no-repeat;
	height: 53px;
	width: 950px;
	float: left;
	border: 1px solid #e0e0e0;
	margin-bottom: 10px;
}
#specialEarlyBird a {
	display: block;
	width: 100%;
	height: 100%;
}

/*
 * Datacenter Images near Footer
 */
#datacenterImages {
	float: left;
	width: 950px;
}
#datacenterImages ul {
	float: left;
}
#datacenterImages ul li {
	float: left;
	margin: 5px 9px;
}

/*
 * Partner List near Footer
 */
#partnerList {
	background-image: url(images/partners.list.png);
	background-repeat: no-repeat;
	background-position: center;
	border-top: 1px solid #e0e0e0;
	height: 60px;
	width: 950px;
	float: left;
	margin-top: 8px;
}

/* 
 * Sidebar & related stuff
 */
#mainContent {
	float: left; 
	width: 605px;
}
#mainContent.fullwidth {
	width: 940px; /* 605 + 335 */
}
#sidebar {
	float: right;
	width: 335px;
}
#sidebar .moneyback {
	width: 330px;
	float: right;
	background-image: url(images/side.moneyback.png);
	background-repeat: no-repeat;
	background-color: #c9e73f;
	position: relative;
	margin-bottom: 15px;
}
#sidebar .moneyback .bottom {
	width: 330px;
	height: 10px;
	background-image: url(images/side.moneyback.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;
	bottom: 0px;
}
#sidebar .moneyback p {
	top: 35px;
	left: 10px;
	text-indent: 50px;
	margin: 55px 10px 10px 25px;
	float: left;
}

#sidebar .testimonial {
	width: 322px;
	float: right;
	background-image: url(images/side.testimonial.png);
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 15px;
}
#sidebar .testimonial .bottom {
	width: 322px;
	height: 25px;
	background-image: url(images/side.testimonial.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
}
#sidebar .testimonial p {
	top: 35px;
	left: 10px;
	margin: 10px 10px 0px 10px;
	float: left;
}
#sidebar .testimonial address {
	background-color: #fff;
	padding-left: 20px;
	font-size: 14px;
	font-style: normal;
	line-height: 1.3em;
	margin: 0px;
	border: 0px;
}
#sidebar .testimonial address sup {
	font-size: 12px;
}





/*
 * Footer 
 */
#footer {
	background-image: url(images/footer.bg.png);
	background-repeat: repeat-x;
	height: 196px;
	float: left;
	width: 100%;
	color: #FFF;
	position: relative;
}
#footer h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .links {
}
#footer .links ul {
	float: left;
	margin-left: 25px;
	margin-top: 15px;
	margin-right: 15px;
}
#footer .links ul li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin-top: 7px;
	margin-bottom: 7px;
}
#footer .questions {
	background-image: url(images/footer.support.png);
	background-repeat: no-repeat;
	height: 94px;
	width: 248px;
	position: absolute;
	top: 30px;
	right: 30px;
}
#footer .base {
	height: 28px;
	width: 950px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 2px 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
#footer .base .left {
	float: left;
	color: #9A9FA5;
}
#footer .base .right {
	float: right;
	text-align: right;
	color: #9A9FA5;
}
#footer .base .right a {
	color: #9A9FA5;
}



















/* Dedicated Servers */
#dedicatedServers {
	margin-top: 20px;
}
#dedicatedServers #dedicatedServersTabs {
	width: 100%;
	float: left;
}
#dedicatedServers #dedicatedServersTabs .tab {
	position: relative;
	height: 33px;
	width: auto;
	float: left;
	padding-left: 10px;
	margin: 0px 0px 0px 5px;
	background-image: url(images/server.tab.off.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#dedicatedServers #dedicatedServersTabs .tab.on, #dedicatedServers #dedicatedServersTabs .tab.on .tabEnd  {
	background-image: url(images/server.tab.on.png);
	margin-bottom: -10px;
}
#dedicatedServers #dedicatedServersTabs .tab .tabEnd {
	top: 0px;
	right: 0px;
	width: 10px;
	height: 33px;
	float: right;
	background-image: url(images/server.tab.off.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#dedicatedServers #dedicatedServersTabs .tab a {
	float: left;
	margin: 9px 3px;
	font-weight: bold;
}
#dedicatedServers #dedicatedServersMain {
	position: relative;
	float: left;
	padding: 15px 10px 15px 15px;
	margin-bottom: 15px;
	border: 1px solid #d6d6d6;
	background-image: url(images/server.main.bg.png);
	background-repeat: repeat-x;
	background-color: #fff;
	width: 925px;
}
#dedicatedServers .corners {
	background-image: url(images/server.main.corners.png);
	position: absolute;
	width: 10px;
	height: 10px;
}
#dedicatedServers .tl {
	left: -1px;
	top: -1px;
}
#dedicatedServers .tr {
	top: -1px;
	right: -1px;
}
#dedicatedServers .bl {
	left: -1px;
	bottom: -1px;
}
#dedicatedServers .br {
	right: -1px;
	bottom: -1px;
}

#dedicatedServersMain .serverBox {
	width: 150px;
	float: left;
	border-right: 1px solid #eee;
	margin-right: 10px;
}
#dedicatedServersMain .serverBox.last {
	border-right: 0px;
	margin-right: 0px;
}
#dedicatedServersMain .serverBox .heading {
	padding: 20px;
	background-image: url(images/serverbox.image.png);
	background-repeat: no-repeat;
	background-position: top left;
}
#dedicatedServersMain .serverBox .heading h3 {
	font-size: 16px;
	color: #2b3031;
	font-weight: normal;
	text-align: right;
}
#dedicatedServersMain .serverBox .specs {
	padding: 10px 10px 0px 0px;
}
#dedicatedServersMain .serverBox .specs table {
	width: 100%;
}
#dedicatedServersMain .serverBox .specs td, #dedicatedServersMain .serverBox .specs th {
	border-bottom: 1px solid #eee;
	padding: 8px 0px 8px 0px;
}
#dedicatedServersMain .serverBox .specs tr:last-child td, #dedicatedServersMain .serverBox .specs tr:last-child th {
	border: 0px;
}
#dedicatedServersMain .serverBox .specs th {
	color: #555;
}
#dedicatedServersMain .serverBox .specs td {
	color: #000;
	text-align: right;
}
#dedicatedServersMain .serverBox .footer {
	border-top: 1px solid #ccc;
	background-color: #eee;
	padding: 10px;
	margin-right: 10px;
}
#dedicatedServersMain .serverBox .footer .price {
	float: left;
}
#dedicatedServersMain .serverBox .footer .price h4 {
	color: #7ea01c;
	font-size: 16px;
	margin: 0px;
	font-weight: bold;
}
#dedicatedServersMain .serverBox .footer .price span {
	color: #666;
}
#dedicatedServersMain .serverBox .footer .order {
	float: right;
	margin: 8px 0px 8px 0px;
	font-weight: bold;
}


#dedicatedServersMain table {

}
#dedicatedServersMain table tr:first-child th {
	padding: 8px 15px;
	text-align: center;
}
#dedicatedServersMain table tr:first-child th h3 {
	font-size: 16px;
	color: #2b3031;
	font-weight: normal;
	background-repeat: no-repeat;
}
#dedicatedServersMain table tr:first-child th h3.core2 {
	padding-left: 45px;
	height: 64px;
	background-image: url(images/proc/core2quad.png);
}
#dedicatedServersMain table tr:first-child td {
}
#dedicatedServersMain table tr th {
	width: 300px;
	color: #555;
	padding: 8px 5px;
}
#dedicatedServersMain table tr td {
	border-left: 1px solid #eee;
	padding: 8px 15px;
	text-align: center;
}

ul#dedicatedServerFeatures li {
	width: 300px;
	padding-left: 5px;
}
ul#dedicatedServerFeatures li ul {
	margin: 0px;
}
ul#dedicatedServerFeatures li ul li {
	width: 100%;
	margin: 2px 0px;
}
ul#dedicatedServerFeatures li ul li:hover {
	background: none;
}

.badge {
	float: left;
}
.badge.budget {
	background-image: url(images/server.badges.small.png); width: 44px; height: 44px;
}
.badge.power {
	background-image: url(images/server.badges.small.png); width: 44px; height: 44px;
	background-position: -44px 0px;
}
.badge.core {
	background-image: url(images/server.badges.small.png); width: 44px; height: 44px;
	background-position: -88px 0px;
}

.badge.mini.budget {
	background-image: url(images/server.badges.16.png); width: 16px; height: 16px;
	margin-top: 8px;
}
.badge.mini.power {
	background-image: url(images/server.badges.16.png); width: 16px; height: 16px;
	margin-top: 8px;
	background-position: -16px 0px;
}
.badge.mini.core {
	background-image: url(images/server.badges.16.png); width: 16px; height: 16px;
	margin-top: 8px;
	background-position: -32px 0px;
}







ul.hllist li {
	float: left;
	width: 30%;
	margin: 2px 2px 5px 2px;
	padding-top: 4px;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #eee;
	
}
ul.hllist li:hover {
	background: #ebf9ff;
	border: 1px solid #b6e7ff;
}
ul.hllist li h3 {
	font-weight: normal;
	font-size: 18px;
	margin-left: 0px;
}
ul.hllist li h4 {
	font-weight: bold;
	font-size: 14px;
	margin-left: 0px;
}
ul.hllist li h4 a, ul.hllist li h3 a {
	text-decoration: none;
}
ul.hllist li p {
	margin-left: 0px;
}
ul.hllist li li, ul.hllist li li:hover {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

ul.column3 li {
	width: 30% !important;
}
ul.column2 li {
	width: 47% !important;
}
ul.column1 li {
	width: 98% !important;
}
ul.morepadding li {
	padding: 10px 8px 8px 8px;
	width: 96% !important;
}

ul.whyList, ul.whyList li {
	width: 100%;
	text-align: center;
	margin: 8px 0px;
}

.networkList img {
	margin: 2px 10px 10px 10px;
}


ul#servicesOffered li  {
	width: 450px !important;
	float: left;
}

ul#contactMethods li {
	width: 450px !important;
	height: 160px;
}
ul#contactMethods li:nth-child(3n) {
	clear: both;
}
ul#contactMethods li h2 {
	margin-top: 4px;
	padding-left: 40px;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-position: 4px 0px;
}
ul#contactMethods li h2.visit {
	background-image: url(images/icon.home.png);
}
ul#contactMethods li h2.phone {
	background-image: url(images/icon.address.png);
}
ul#contactMethods li h2.helpdesk {
	background-image: url(images/icon.email.png);
}
ul#contactMethods li h2.livechat {
	background-image: url(images/icon.comment.png);
}
ul#contactMethods li address {
	float: left;
	margin-top: -5px;
}

