@font-face {
  font-family:'MyriadProRegular';
  src:url('../assets/fonts/myriadproregular.eot');
  src:local('☺'), url('../assets/fonts/myriadproregular.woff') format('woff'), url('../assets/fonts/myriadproregular.ttf') format('truetype'), url('../assets/fonts/myriadproregular.svg#MyriadPro-Regular') format('svg');
}
@font-face {
  font-family:'MyriadProCondensed';
  src:url('../assets/fonts/myriadprocond.eot');
  src:local('☺'), url('../assets/fonts/myriadprocond.woff') format('woff'), url('../assets/fonts/myriadprocond.ttf') format('truetype'), url('../assets/fonts/myriadprocond.svg#MyriadPro-Cond') format('svg');
}
header, footer, nav, section, aside, article, dialog, canvas { display:block; }
mark, time, progress, meter, figure, video, audio, embed { display:inline; }
html {
  margin:0;
  padding:0;
  font:76%/1.7 "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  background:#ffffff;
  overflow-y:scroll;
  cursor:default;
}
body {
  margin:0;
  padding:0 0 20px 0;
  background:#ffffff url(../assets/layout-top-bg.png) repeat-x;
}
h1, h2, h3, h4, h5, h6 {
  margin:1.7em 0 1.2em;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
}
h2 { font-size:1.7em; }
h3 { font-size:1.3em; }
h4 { font-size:1.1em; }
h5, h6 { font-size:1.0em; }
p { margin:1.7em 0 1.2em; }
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, ul + p, ol + p, dl + p, blockquote + p, pre + p, div + p, img + p { text-indent:0; }
blockquote p { text-indent:0; }
ul, ol {
  margin:1.7em 0 1.2em 2em;
  padding:0;
}
ul { list-style:square; }
dt { font-style:italic; }
dd { padding:0 0 0 2em; }
table {
  width:100%;
  margin:0 0 2em 0;
  border-collapse:collapse;
  border:0;
}
thead tr, tfoot tr {
  background:#96835a;
  color:#404040;
}
thead th { border-bottom:1px solid #96835a; }
tfoot td {
  border-top:1px solid #96835a;
  border-bottom:2px solid #96835a;
  color:#404040;
}
tr.last td { border:0; }
td, th, caption {
  vertical-align:top;
  text-align:left;
  padding:0.1em 0.3em;
}
th { font-weight:bold; }
td { border-bottom:1px solid #96835a; }
caption {
  font-weight:bold;
  font-size:0.9em;
  text-align:right;
  text-transform:uppercase;
  letter-spacing:0.1em;
  border-bottom:1px solid #96835a;
}
em { font-style:italic; }
strong { font-weight:bold; }
samp {
  font-weight:normal;
  font:inherit;
  font-size:inherit;
}
a img { border:0; }
:first-child { margin-top:0; }
:last-child { margin-bottom:0; }
a {
  color:#543560;
  text-decoration:underline;
}
a:hover { text-decoration:none; }
.inverse a { color:#f4f7df; }
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix { display:inline-block; }
.clearfix { display:block; }
ul.regular { margin-left:1em; }
ul.regular li {
  padding-left:18px;
  background:url(../assets/bullet-small-purple.png) no-repeat left 0.45em;
  list-style:none;
}
ul.alternate li { background-image:url(../assets/bullet-small-green.png); }
ul.selection {
  padding:0;
  margin:0;
  text-align:center;
}
ul.selection li {
  display:inline-block;
  vertical-align:bottom;
  margin:0 10px;
}
*:first-child + html ul.selection li { display:inline; }
ul.selection a {
  display:block;
  padding:20px;
  background:center 20px no-repeat;
  text-decoration:none;
  font-size:1.1em;
  border:1px solid transparent;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
ul.selection a:hover {
  border:1px solid #e7daeb;
  background-color:#fdfbfd;
}
div.aside {
  float:right;
  width:170px;
  margin:0 0 0 20px;
  padding:0 0 0 20px;
  border-left:1px dotted #484848;
}
div.aside ul { padding:0; }
div.aside p { text-indent:0; }
p.status {
  padding:10px 15px;
  color:#f4f7df;
  background:#543560;
  text-indent:0;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
p.important {
  padding:10px 15px 10px 35px;
  color:#f4f7df;
  background:#c44900 url(../assets/icon-warning.png) 10px 12px no-repeat;
  text-indent:0;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
p.important em { font-style:normal; }
p.important samp {
  padding:0 2px;
  border:1px solid #ec5800;
  background:#aa4000;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
p.important a { color:#f4f7df; }
div.receipt {
  padding:10px 15px;
  background:#f4f7df;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
div.receipt h5 {
  padding:2px 5px;
  background:#dde79c;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
fieldset {
  border:0;
  margin:10px 0 0 0;
  padding:0;
}
legend, p.legend {
  display:inline;
  font-weight:bold;
  padding:0 5px;
  margin:0 0 0 10px;
  border:1px solid #ccda52;
  position:relative;
  top:5px;
  background:#ffffff;
  z-index:1;
  text-indent:0;
  text-transform:lowercase;
  font-style:italic;
  font-family:Georgia, sans-serif;
  font-size:0.9em;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
legend { display:none; }
input[type="text"], input[type="password"], textarea, select {
  font:inherit;
  background:#fafbf0;
  border:1px solid #ccda52;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
option {
  padding:1px 5px;
  border:0;
  background:#ccda52;
}
option[value=""] { background:inherit; }
button, input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], a.button {
  overflow:visible;
  padding:2px 8px;
  background:#484848;
  color:#d5e081;
  text-decoration:none;
  font-weight:bold;
  font-style:italic;
  font-family:Georgia, "Times New Roman", sans-serif;
  border:2px solid #484848;
  cursor:pointer;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
button:hover, input[type="button"] :hover, input[type="submit"] :hover, input[type="reset"] :hover, input[type="file"] :hover, a.button:hover { border-color:#abb928; }
form > ul, form > fieldset > ul {
  list-style:none;
  margin:0;
  padding:0;
}
form li:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
form li { display:inline-block; }
form li { display:block; }
form p.error {
  float:right;
  width:190px;
  height:auto !important;
  height:20px;
  min-height:20px;
  margin:0;
  padding:5px 5px 5px 30px;
  line-height:1.4em;
  color:#f4f7df;
  text-indent:0;
  background:#484848 url(../assets/icon-warning.png) 8px 6px no-repeat;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
form p.note {
  float:left;
  margin:0 0 0 1em;
  font-style:italic;
  text-indent:0;
}
form.vertical label, form.vertical span.label { float:left; }
form.vertical input[type="text"], form.vertical input[type="password"], form.vertical textarea, form.vertical div.radios {
  clear:left;
  display:block;
}
form.vertical input[type="text"], form.vertical input[type="password"] {
  padding:2px 3px;
  width:340px;
}
form.vertical select { width:348px; }
form.vertical textarea {
  width:340px;
  padding:3px;
}
form.vertical div.radios label {
  display:inline;
  float:none;
}
form.vertical div.radios input { vertical-align:middle; }
form.vertical > ul > li, form.vertical > fieldset > ul > li {
  padding:10px 15px;
  margin:0 0 3px 0;
  background:#f4f7df;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
form.vertical .controls {
  margin:10px 0 0 0;
  padding:0 0 0 15px;
}
#outer {
  width:900px;
  margin:0 auto;
}
#main:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
#main { display:inline-block; }
#main { display:block; }
header {
  height:48px;
  padding:11px 0;
  overflow:hidden;
  color:#ebebeb;
}
#header-main {
  float:left;
  width:620px;
}
header #skip {
  margin:0;
  text-indent:-9999em;
  float:right;
}
header h1 { margin:0 0 0 -2px; }
header h1 a {
  display:block;
  width:210px;
  height:48px;
}
header a { color:#ebebeb; }
#header-misc {
  float:right;
  width:240px;
  padding:0 0 0 10px;
}
#header-misc a.button {
  float:right;
  background:#ffffff;
  color:#484848;
  border-color:#ffffff;
}
#header-misc a.button:hover { border-color:#abb928; }
#main-nav {
  width:910px;
  height:30px;
  margin-left:-10px;
}
#main-nav ul { margin:0; }
#main-menu {
  margin:0;
  padding:0;
  height:30px;
}
#main-menu li {
  float:left;
  list-style:none;
  position:relative;
  display:inline-block;
  z-index:10;
}
#main-menu li a {
  float:left;
  height:30px;
  padding:0 10px;
  color:#e8cdf3;
  font:1.6em/30px MyriadProCondensed, 'Trebuchet MS', sans-serif;
  vertical-align:middle;
  text-transform:uppercase;
  text-decoration:none;
  display:inline;
  overflow:hidden;
}
*:first-child + html #main-menu .cufon { top:5px; }
*:first-child + html #main-menu li li .cufon { top:8px; }
#main-menu > li > a > .cufon { top:-2px; }
#main-menu > li.active { background:url(../assets/main-menu-active.png); }
#main-menu > li:hover { background:url(../assets/main-menu-hover.png); }
#main-menu ul {
  position:absolute;
  top:30px;
  left:-9999%;
  width:170px;
  padding:1px 0 0;
  font-family:Arial, Helvetica, sans-serif;
}
#main-menu li li {
  float:none;
  display:block;
  margin:0;
  padding:0;
  background:#484848;
  border:solid #484848;
  border-width:0 1px;
}
#main-menu li li.first { border-top-width:1px; }
#main-menu li li.last, #main-menu li li.last * {
  border-bottom-width:1px;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
}
#main-menu li li a {
  float:none;
  display:block;
  width:auto;
  height:auto;
  line-height:1.7;
  padding:0 10px;
  margin:0;
  color:#ffffff;
  text-indent:0;
  font-size:1.3em;
  text-decoration:none;
}
#main-menu li li a:hover {
  text-decoration:none;
  background:#595959;
}
#main-menu li:hover ul { left:0; }
#main-content {
  float:left;
  width:620px;
  margin:0 -10px 0 0;
  padding:50px 40px 0 0;
}
html.wide #main-content {
  float:none;
  width:auto;
  margin:0;
  padding:30px 0 0;
}
#main-content h2 {
  float:left;
  height:29px;
  padding:6px 3em 0 .5em;
  font:1.5em MyriadProRegular, 'Trebuchet MS', sans-serif;
  color:#494949;
  text-transform:uppercase;
  background:url(../assets/main-h2-bg.png) repeat-x;
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomleft:5px;
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  border-top-right-radius:5px;
  border-bottom-left-radius:5px;
}
#main-content h2 + * {
  clear:both;
  display:inline-block;
}
#main-content h2 + * { display:block; }
#main-content h3 {
  background:url(../assets/bullet-main-h3.png) left 4px no-repeat;
  padding:0 0 0 20px;
  font:1.5em MyriadProRegular, 'Trebuchet MS', sans-serif;
}
#main-sidebar .logos * { vertical-align:middle; }
#main-sidebar .logos {
  margin:2em 0 0;
  text-align:center;
}
#main-sidebar {
  float:right;
  width:250px;
  margin:-50px -5px 0 0;
}
#main-sidebar-top {
  height:20px;
  background:url(../assets/sidebar-top-bg.png);
}
#main-sidebar-content {
  padding:0 20px;
  background:url(../assets/sidebar-middle-bg.png) repeat-y;
  overflow:hidden;
}
#main-sidebar-content h2 {
  margin-top:1em;
  font-family:Georgia, 'Times New Roman', serif;
  font-style:italic;
  font-size:1.8em;
  color:#d9e18c;
  border-bottom:1px dotted;
  clear:both;
}
#main-sidebar-content h2:first-child { margin-top:0; }
#main-sidebar-bottom {
  height:20px;
  background:url(../assets/sidebar-bottom-bg.png);
}
footer {
  margin:20px 0 0 0;
  padding:20px 0 0 0;
  border-top:1px solid #e7daeb;
  color:#7f7f7f;
  overflow:hidden;
  display:inline-block;
}
footer { display:block; }
footer .footer-menu {
  margin-left:0;
  margin-top:0;
  padding:0;
  list-style:none;
  float:left;
  clear:left;
  text-transform:capitalize;
}
footer .footer-menu li {
  float:left;
  border-left:1px solid #e7daeb;
  padding:0 7px;
}
footer .footer-menu a {
  float:left;
  white-space:nowrap;
}
footer .footer-menu li.first {
  border:0;
  padding-left:0;
}
footer .about-menu {
  float:left;
  clear:left;
}
footer a {
  color:#7f7f7f;
  text-decoration:none;
}
footer a:hover { text-decoration:underline; }
#logos {
  margin:0;
  float:right;
  list-style:none;
  overflow:hidden;
  display:inline-block;
}
#logos { display:block; }
#logos li { float:left; }
#logos a {
  float:left;
  height:25px;
  margin-left:20px;
  text-indent:-9999em;
}
li#logo-ca a {
  width:155px;
  background:url(../assets/footer-logo-ca.png);
}
li#logo-jchost a {
  width:149px;
  background:url(../assets/footer-logo-jchost.png);
}
#copyright {
  float:left;
  clear:left;
  margin:0;
  white-space:nowrap;
  text-indent:0;
}
#testimonials ul {
  list-style:none;
  margin:0;
  padding:0;
}
#testimonials blockquote {
  margin:0 0 5px 0;
  padding:20px 0 0;
  font:0.9em Georgia, serif;
  font-style:italic;
  text-align:center;
  line-height:1.5em;
  background:url(../assets/quote-double-start.png) no-repeat;
}
#testimonials blockquote p {
  padding:0 0 20px;
  margin:0;
  background:url(../assets/quote-double-end.png) right bottom no-repeat;
}
#testimonials cite {
  float:right;
  font-style:normal;
  padding:0 0 0 16px;
  background:url(../assets/bullet-cite.png) left center no-repeat;
}
#testimonials.cycle-wrapper .controls { margin:0 0 1.5em 0; }
#testimonials.cycle-wrapper .controls ol {
  margin:0;
  padding:0;
  display:inline;
  list-style:none;
}
#testimonials.cycle-wrapper .controls li, #testimonials.cycle-wrapper .controls .pause, #testimonials.cycle-wrapper .paused-overlay {
  display:inline;
  margin:0 2px 0 0;
  padding:0 3px;
  font-weight:normal;
  background:#8baee2;
  border:1px solid #7aa3de;
  cursor:pointer;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
#testimonials.cycle-wrapper .controls li.active, #testimonials.cycle-wrapper .controls .pause.active { background:#b8cded; }
#testimonials.cycle-wrapper .controls li:hover, #testimonials.cycle-wrapper .controls .pause:hover { background:#b8cded; }
#testimonials.cycle-wrapper .paused-overlay {
  position:absolute;
  top:6em;
  right:0;
  width:16px;
  height:16px;
  padding:3px;
  text-indent:-9999em;
  background:#b8cded url(../assets/icon-pause.png) center center no-repeat;
}
#main-content { background:url(../assets/bg-general-1.png) top right no-repeat; }
html.wide #main-content { background:none !important; }
html.webhosting #main-content { background-image:url(../assets/bg-webhosting-1.png); }
html[class^="server-solutions"] #main-content { background-image:url(../assets/bg-vps-1.png); }
html[class^="support"] #main-content { background-image:url(../assets/bg-support-1.png); }
html.network-status #main-content { background-image:url(../assets/bg-stats-1.png); }
html.order #main-content { background-image:url(../assets/bg-order-1.png); }
#promo {
  margin:0 0 3em 0;
  padding:0 0 2em 0;
  min-height:325px;
  background:url(../assets/front-promo-bg.png) no-repeat;
  overflow:auto;
  border-bottom:1px dotted #484848;
}
#promo > ul {
  margin:0;
  padding:0;
  list-style:none;
}
#promo > ul > li {
  float:left;
  width:265px;
  margin:2px;
  padding:15px;
  background:8px 45px no-repeat;
}
#promo > ul > li.first { background-image:url(../assets/front-promo-heading-1.png); }
#promo > ul > li.second {
  background-image:url(../assets/front-promo-heading-2.png);
  margin-top:20px;
}
#promo > ul > li.third { background-image:url(../assets/front-promo-heading-3.png); }
#promo > ul > li h3 { margin-bottom:140px; }
#promo + * { clear:both; }
#promo .popup {
  float:right;
  position:relative;
  z-index:auto;
}
#promo .popup .content {
  display:none;
  position:absolute;
  left:-10px;
  bottom:-10px;
  width:420px;
  min-height:1.5em;
  max-height:350px;
  padding:10px 10px 40px;
  background:#ffffff;
  border:1px solid #777777;
  overflow:hidden;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
#promo .popup:hover .content { z-index:1; }
#promo .popup:hover a.button { z-index:2; }
#promo .popup a.button {
  display:inline-block;
  position:relative;
}
#promo .popup a.button { display:block; }
#promo li.third .popup .content {
  left:auto;
  right:-10px;
}
#promo .popup .content p { text-indent:0; }
#promo .popup .content p:first-child { margin:0; }
#promo .popup .content span.price { font:bold 1.4em Arial, Helvetica, sans-serif; }
#promo .popup .content a.button {
  position:absolute;
  bottom:10px;
  right:10px;
}
html[data-page-id="home"] #about .logos * { vertical-align:middle; }
html[data-page-id="home"] #about .logos { margin:2em 0 0; }
html[data-page-id="home"] #about {
  float:left;
  width:500px;
}
html.home #testimonials {
  float:right;
  width:350px;
}
html.home #testimonials blockquote {
  background-color:#abb928;
  background-position:15px 15px;
  background-repeat:no-repeat;
  border:2px solid #d9e18c;
  padding:35px 15px 15px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
}
html.home #testimonials.cycle-wrapper .paused-overlay { top:4.5em; }
#webhosting + p {
  float:left;
  width:400px;
  margin-top:0;
}
#plans { clear:both; }
#plans ul.plans {
  list-style-type:none;
  padding:0;
  margin-left:0;
  overflow:hidden;
  display:inline-block;
}
#plans ul.plans { display:block; }
#plans ul.plans > li {
  float:left;
  display:inline;
  width:180px;
  margin:0 0 0 10px;
  padding:10px;
  background:#f4f7df;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
#plans ul.plans > li:first-child { margin:0; }
#plans ul.plans li.active { background:#dde79c; }
#plans ul.plans ul { padding:0; }
#plans ul.plans p.price {
  float:left;
  margin:0;
  font-weight:bold;
  font-family:Arial;
  font-size:1.1em;
  text-indent:1em;
}
#plans ul.plans p.price span {
  font-size:1.3em;
  margin:0 0.2em;
}
#plans ul.plans a.button { float:right; }
#vps + p {
  float:left;
  width:400px;
  margin-top:0;
}
html.order form li.product .tooltip-trigger {
  position:relative;
  margin:0 0 0 5px;
}
html.order form li.product .tooltip-trigger img { vertical-align:baseline; }
html.network-status #main-content h3 { margin-top:30px; }
html.client-portal #links li.whmcs a {
  min-width:156px;
  padding-top:100px;
  background-image:url(../assets/logo-whmcs.png);
}
html.client-portal #links li.plesk a {
  min-width:133px;
  padding-top:78px;
  background-image:url(../assets/logo-parallels.png);
}
html.client-portal #links li.prtg a {
  min-width:68px;
  padding-top:124px;
  background-image:url(../assets/logo-prtg.png);
}
html.sitemap ul.sitemap li {
  margin:5px 0;
  text-transform:capitalize;
}
html.sitemap ul.sitemap ul {
  margin-top:0;
  margin-left:.5em;
}
html.sitemap ul.sitemap a { text-decoration:none; }
html.sitemap ul.sitemap a:hover { text-decoration:underline; }
html[data-page-id="network"] #providers img {
  display:inline;
  margin:0 20px;
  vertical-align:middle;
}
html[data-page-id="network"] #providers { text-align:center; }
html[data-page-id="network"] img {
  display:block;
  margin:0 auto;
}