﻿/**START RESET.CSS**/
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top}
ol, ul {list-style:none}
blockquote, q {quotes:none}
table, table td {padding:0;border:none;border-collapse:collapse}
/**END RESET.CSS**/
/**START LAYOUT.CSS**/
#page1 #content .row-1 .col-1 {width:242px;margin-right:6px}
#page1 #content .row-1 .col-2 {width:242px;margin-right:6px}
#page1 #content .row-1 .col-3 {width:242px;margin-right:6px}
#page1 #content .row-1 .col-4 {width:242px}
#page1 #content .row-2 .col-1 {width:195px;margin-right:53px}
#page1 #content .row-2 .col-2 {width:657px}
#page2 #content .col-1 {width:195px;margin-right:53px;padding-top:10px}
#page2 #content .col-2 {width:657px}
#page3 #content .col-1 {width:114px;margin-right:11px}
#page3 #content .col-2 {width:109px;margin-right:11px}
#page3 #content .col-3 {width:109px;margin-right:11px}
#page3 #content .col-4 {width:109px;margin-right:11px}
#page3 #content .col-5 {width:109px;margin-right:11px}
#page3 #content .col-6 {width:109px;margin-right:11px}
#page3 #content .col-7 {width:109px;margin-right:11px}
#page3 #content .col-8 {width:109px}
#hosting-overview #content .row-1 .col-1 {width:242px;margin-right:6px}
#hosting-overview #content .row-1 .col-2 {width:242px;margin-right:6px}
#hosting-overview #content .row-1 .col-3 {width:242px;margin-right:6px}
#hosting-overview #content .row-1 .col-4 {width:242px}
#hosting-overview #content .row-11 .col-1 {width:242px;margin-right:6px;margin-left:120px}
#hosting-overview #content .row-11 .col-2 {width:242px;margin-right:6px}
#hosting-overview #content .row-11 .col-3 {width:242px}
#hosting-overview #content .row-2 .col-1 {width:195px;margin-right:53px}
#hosting-overview #content .row-2 .col-2 {width:407px;margin-right:53px}
#hosting-overview #content .row-2 .col-3 {width:193px}
#page5 #content .col-1 {width:195px;margin-right:53px;padding-top:10px}
#page5 #content .col-2 {width:657px;padding-top:10px}
#page6 #content .col-1 {width:265px;margin-right:53px;padding-top:10px}
#page6 #content .col-2 {width:603px;padding-top:10px}
#page6 .col-inside-1 {width:300px;padding-top:10px}
#page6 .col-inside-2 {width:300px;padding-top:10px}
#dom-page #content .col-1 {width:165px;margin-right:53px;padding-top:10px}
#dom-page #content .col-2 {width:703px;padding-top:10px}
aside .col-1 {width:122px;margin-right:53px}
aside .col-2 {width:147px;margin-right:46px}
aside .col-3 {width:162px;margin-right:32px}
aside .col-4 {width:136px;margin-right:60px}
aside .col-5 {width:130px}
allaccounts .col-7 {width:410px;margin-right:60px;margin-left:55px; font-size:14px}
allaccounts .col-8 {width:410px; font-size:14px}
allaccounts .col-1 {width:260px;margin-right:53px;margin-left:45px}
allaccounts .col-2 {width:260px;margin-right:46px}
allaccounts .col-3 {width:260px}
/**END LAYOUT.CSS**/
/**START STYLE.CSS**/
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Global properties */
body {background:#fff;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1em;color:#464646}
html {min-width:auto}
html, body {height:100%}
/* Global Structure = */
.container {margin:0 auto;width:100%;font-size:.75em}
/* Header */
header .container {height:131px;position:relative}
/* Sidebar */
aside {background:url(../images/aside-tail.png) repeat-x left top #131313;min-width:auto}
/* Footer */
footer .container {text-align:center;line-height:1.667em;padding:26px 0}
/* Left & Right alignment */
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-7, .col-8, .col-inside-1, .col-inside-2 {float:left}
.col-7 {text-align:left;display:block;font-size:20px;} /*bottom of speical hosting pages */
.col-8 {text-align:left;display:block;font-size:20px;} /*bottom of speical hosting pages */
.col-specialist-hosting-1 {text-align:left;display:block;font-size:17px;float:left; width:49%}
.col-specialist-hosting-2 {text-align:left;display:block;font-size:17px;float:left; width:49%; padding-left:2%}
.alignright {text-align:right}
.alignleft {text-align:left}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
.wrap {width:100%}
/* tailings */
.tail-top, .tail-top1, .tail-top2, .tail-top3 {background-repeat:repeat-x;background-color:#f2f2f2;background-position:left top;min-width:auto}
.tail-top {background-image:url(../images/tail-top.gif)}
.tail-top1 {background-image:url(../images/tail-top1.gif)}
.tail-top2 {background-image:url(../images/tail-top2.gif)}
.tail-top3 {background-image:url(../images/tail-top3.gif)}
/* form defaults */
input, select, textarea {font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal;color:#393939;margin:0;padding:0}
fieldset {border:0}
/* lists */
.info-list {padding-bottom:5px}
.info-list li {text-align:right;width:100%;overflow:hidden;vertical-align:top;border-bottom:1px solid #dfdfdf;padding:0 0 6px 5px;margin:0 0 6px -5px}
.info-list li span {float:left}
.info-list-dom {padding-bottom:5px}
.info-list-dom li {text-align:right;width:100%;overflow:hidden;vertical-align:top;border-bottom:1px solid #dfdfdf;padding:0 0 6px 5px;margin:0 0 6px -5px}
.info-list-dom li span {float:left}
.info-list1 {padding-bottom:5px}
.info-list1 li {width:100%;overflow:hidden;vertical-align:top;border-top:1px solid #dfdfdf;padding:6px 0 0 5px;margin:6px 0 0 -5px}
.info-list1 li:first-child {border:none;padding-top:0;margin-top:0}
.info-list1.alt li {text-align:center}
.solutions li {width:100%;overflow:hidden;vertical-align:top;margin:18px 0 0 -8px;background:url(../images/divider1.gif) repeat-x left top;padding-top:20px}
.solutions li:first-child {background:none;padding-top:0;margin-top:0}
.solutions li img {float:left;margin-right:9px} 
.solutions li p {margin-bottom:10px}
.list li {line-height:1.667em}
.list li:first-child {font-weight:bold}
.list li,
.list li a {color:#e5e5e5}
.list li a {text-decoration:none}
.list li a:hover {color:#6fa803}
.list1 {padding-bottom:11px} 
.list1 li {padding:0 0 15px 10px;height:1%;background:url(../images/marker.gif) no-repeat left 4px}

.banners {padding:12px 0 0 0}
.banners li {float:left;font-size:26px;line-height:2.4em;letter-spacing:-1px;margin-left:6px}
.banners li:first-child {margin-left:0}
.banners li a {width:242px;display:block;height:65px;background:url(../images/banner-bg.gif) no-repeat left top;text-align:center;color:#fff;text-decoration:none}
/* other */
.img-indent {margin:0 20px 0 0;float:left}
.img-box {width:100%;overflow:hidden;padding-bottom:12px;line-height:1.667em}
.img-box img {float:left;margin:0 20px 0 -1px}
.extra-wrap {overflow:hidden}
p {margin-bottom:10px;line-height:1.667em}
.p0 {margin:0}
.p1 {margin-bottom:18px}
.price {text-align:center;display:block;font-size:30px;line-height:1.2em;letter-spacing:-1px;padding-bottom:8px;padding-top:10px}
.priceSmall {text-align:center;display:block;font-size:14px;letter-spacing:-1px;color:#3e7901;line-height:1.5;padding-bottom:8px}
.priceSmallIndex {text-align:center;display:block;font-size:14px;letter-spacing:-1px;color:#3e7901;line-height:1}
.priceMedium {display:block;font-size:18px;letter-spacing:-1px;color:#3e7901;line-height:1}

#slogan {background:url(../images/slogan-bg.jpg) no-repeat left top;width:100%;height:220px;margin:12px 0 0 0;position:relative;left:3px;color:#fff;text-shadow:1px 1px #3e7901;position:relative}
#slogan h2 {font-size:26px;text-transform:uppercase;color:#fff}
#slogan h2 span {color:#262626}
#slogan .inside {position:absolute;left:360px;top:50px;width:576px}

#sloganSpecial {background:url(../images/SSLminimalbanner.jpg) no-repeat left top;width:100%;height:130px;margin:12px 0 0 0;position:relative;left:3px;color:#fff;text-shadow:1px 1px #3e7901;position:relative}
#sloganSpecial h2 {font-size:26px;text-transform:uppercase;color:#fff}
#sloganSpecial h2 span {color:#262626}
#sloganSpecial .inside {position:absolute;left:360px;top:20px;width:576px}



address {font-style:normal;line-height:1.667em;display:block;padding-bottom:20px}
address b {float:left;width:73px}
/* txt, links, lines, titles */
a {color:#428301;outline:none}
a:hover {text-decoration:none}
h1 {padding:15px 0 0 44px;font-size:36px;line-height:1.2em;float:left}
h1 a {text-decoration:none}
h2 {color:#464646;font-size:30px;line-height:1.2em;margin-bottom:15px;letter-spacing:-1px}
h2.extra {padding:30px 0 0 43px}
h3 {font-size:26px;line-height:1.2em;color:#fff;margin-bottom:30px}
h4 {font-size:20px;line-height:1.2em;color:#fff;margin-bottom:27px;letter-spacing:-1px}

h4.extra {margin-bottom:12px;font-size:25px}
h5 {font-size:1em;line-height:1.667em;margin-bottom:10px}
h6 {font-size:20px;line-height:1.2em;margin-bottom:15px;letter-spacing:-1px; margin-top:35px; font-weight:normal}
.link1 {display:inline-block;color:#fff;font-size:15px;line-height:1.2em;text-decoration:none;background:url(../images/link1-right.png) no-repeat right top;padding-right:7px;letter-spacing:-1px;text-transform:uppercase}
.link1:hover {color:#82b704}
.link1 span {display:block;background:url(../images/link1-left.png) no-repeat left top;padding-left:7px}
.link1 span span {background:url(../images/link1-bgd.png) left top repeat-x;padding:12px 14px}
.link2 {display:inline-block;color:#fff;font-size:15px;line-height:1.2em;text-decoration:none;background:url(../images/link2-bgd.gif) left top repeat-x;letter-spacing:-1px;text-transform:uppercase}
.link2:hover {color:#000}
.link2 span {display:block;background:url(../images/link2-left.png) no-repeat left top}
.link2 span span {background:url(../images/link2-right.png) no-repeat right top;padding:10px 22px}
.link3 {display:inline-block;color:#fff;font-size:15px;line-height:1.2em;text-decoration:none;background:url(../images/link3-bgd.gif) left top repeat-x;letter-spacing:-1px;text-transform:uppercase}
.link3:hover {color:#82b704}
.link3 span {display:block;background:url(../images/link3-left.gif) no-repeat left top}
.link3 span span {background:url(../images/link3-right.gif) no-repeat right top;padding:8px 19px}
.link4 {display:inline-block;color:#fff;font-size:15px;line-height:1.2em;text-decoration:none;background:url(../images/link4-bgd.gif) left top repeat-x;letter-spacing:-1px;text-transform:uppercase}
.link4:hover {color:#82b704}
.link4 span {display:block;background:url(../images/link4-left.gif) no-repeat left top}
.link4 span span {background:url(../images/link4-right.gif) no-repeat right top;padding:10px 22px}
.line-ver1 {background-image:url(../images/line-ver1.gif);background-repeat:repeat-y;background-position:336px 0;width:100%}
.line-ver2 {background-image:url(../images/line-ver1.gif);background-repeat:repeat-y;background-position:457px 0;width:100%}
.line-ver3 {background-image:url(../images/line-ver1.gif);background-repeat:repeat-y;background-position:617px 0;width:100%}
.line-ver4 {background-image:url(../images/line-ver1.gif);background-repeat:repeat-y;background-position:777px 0;width:100%}
.line-ver5 {background-image:url(../images/line-ver1.gif);background-repeat:repeat-y;background-position:486px 0;width:100%} /*this is for speical pages bottom middle divider*/
/* boxes */


.header-box {width:100%;background:url(../images/header-box-tail.png) repeat-x left top;position:relative;top:50px}
.header-box .left {background:url(../images/header-box-left.png) no-repeat left top}
.header-box .right {background:url(../images/header-box-right.png) no-repeat right top;height:81px}

.box {background:url(../images/box-tail.png) repeat-x left top #fff;width:100%}
.box .border-bot {background:url(../images/border-bot.gif) repeat-x left bottom}
.box .border-left {background:url(../images/border-left.gif) repeat-y left top}
.box .border-right {background:url(../images/border-right.gif) repeat-y right top}
.box .left-top-corner {background:url(../images/left-top-corner.png) no-repeat left top}
.box .right-top-corner {background:url(../images/right-top-corner.png) no-repeat right top}
.box .left-top-corner1 {background:url(../images/left-top-corner1.png) no-repeat left top}
.box .right-top-corner1 {background:url(../images/right-top-corner1.png) no-repeat right top}
.box .left-bot-corner {background:url(../images/left-bot-corner.png) no-repeat left bottom;width:100%}
.box .right-bot-corner {background:url(../images/right-bot-corner.png) no-repeat right bottom}
.box .inner {padding:15px 38px 26px 43px}
.box.extra {background-image:url(../images/box-tail1.gif);background-repeat:repeat-x;width:100%}
.box.extra .inner {padding:4px 4px 1px 4px}
.box .border-top {background-image:url(../images/box-tail2.gif);background-repeat:repeat-x;width:100%}
.box .inner1 {padding:7px 0 0 0}


/***************/



/* content */
#content .inside {padding:0 2px}
#content .inside1 {padding:40px 0 48px 42px}
#content .inside2 {padding:20px 0 28px 10px}
#content .left-indent {padding-left:39px}
#content .left-indent {padding-left:25px} /*EDIT for just one instance*/
#content .bot-indent {padding-bottom:54px}
#content .bot-indent1 {padding-bottom:12px}
#content .indent {padding:7px 0 18px 0}
#content .indent1 {padding:17px 0 18px 0}
/* Sidebar */
aside .inside {padding:35px 40px 35px 44px}
aside .line-ver1 {background-image:url(../images/line-ver.gif);background-repeat:repeat-y;background-position:162px 0;width:100%}
aside .line-ver2 {background-image:url(../images/line-ver.gif);background-repeat:repeat-y;background-position:354px 0;width:100%}
aside .line-ver3 {background-image:url(../images/line-ver.gif);background-repeat:repeat-y;background-position:547px 0;width:100%}
aside .line-ver4 {background-image:url(../images/line-ver.gif);background-repeat:repeat-y;background-position:742px 0;width:100%}
#login-form fieldset {position:absolute;right:45px;top:15px}
#login-form span.text {float:left;width:104px;height:23px;margin-left:5px;background:url(../images/input-bg1.gif) no-repeat left top}
#login-form input {border:none;background:none;padding:4px 10px;vertical-align:top;color:#9b9b9b;width:84px}
*+ html #login-form input {padding-top:3px}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
#login-form a.login {color:#fff;text-decoration:none;text-shadow:1px 1px #295c01;float:left;background:url(../images/button-tail1.gif) repeat-x left top;position:relative;top:-2px;margin-left:3px}
#login-form a.login span {display:block;background:url(../images/button-left1.png) no-repeat left top}
#login-form a.login span span {padding:5px 22px 6px 22px;background:url(../images/button-right1.png) no-repeat right top}
#login-form span.links {font-size:.923em;line-height:1.2em;float:left;padding-left:8px;position:relative;top:-2px}
#login-form span.links a {color:#464646}#domain-form {padding-bottom:35px}
#domain-form span.text {display:block;background:url(../images/input-bg2.gif) no-repeat left top;width:217px;height:21px;margin:11px 0 13px 0}
#domain-form label {margin-left:6px;padding-top:0;float:left}
<!--#domain-form span.text input {background:none;border:none;color:#9b9b9b;vertical-align:top;width:197px !important;padding:3px 10px}-->
#domain-form ul.checkboxes li {float:left;width:100px;padding-bottom:13px}
#domain-form ul.checkboxes li.alt {width:auto}
#domain-form ul.links {padding:9px 0 0 33px}
#domain-form ul.links li {float:left;line-height:1.2em;border-left:1px solid #464646;padding-left:11px;margin-left:11px}
#domain-form ul.links li:first-child {border:none;padding:0;margin:0}
#contacts-form .field {width:100%;overflow:hidden}
#contacts-form .field.text {height:30px}
#contacts-form label {float:left;width:94px}
#contacts-form input,
#contacts-form textarea { border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position:relative; border:1px solid #cbcbcb; background-color:#fff;float:left; color:#464646}
#contacts-form input {width:300px;padding:3px 3px}
#contacts-form textarea {width:549px;height:293px;padding:3px 3px;overflow:auto;margin-bottom:17px}
#contacts-form a {margin-left:6px}
/* slider */
#faded {width:990px;height:350px;margin:7px 0;background:url(../images/slider-bg.png) no-repeat 25px 5px}
#faded ul {list-style:none;padding:0;margin:0}
#faded ul.pagination {list-style:none;padding:0;margin:0;width:246px;height:350px;background:url(../images/pagination-bg.png) no-repeat left top}
#faded ul.pagination li {padding:5px 0 0 5px;margin-bottom:-5px}
#faded ul.pagination li a {width:270px;height:85px;background-repeat:no-repeat;background-position:left -85px;background-image:url(../images/thumb-sprite.png);text-decoration:none;display:block;color:#464646}
#faded ul.pagination li.current a {background-position:left top;color:#fff}
#faded ul.pagination li a span {font-size:30px;line-height:1.2em;display:block;padding:14px 0 0 0}
#faded ul.pagination li a small {display:inline-block;color:#428301;background-repeat:no-repeat;background-position:right -80px;background-image:url(../images/arrows.png);padding:0 17px 0 0}
#faded ul.pagination li a span,
#faded ul.pagination li a small {padding-left:40px}
#faded ul.pagination li.current a small {color:#82b704;background-position:right 5px}
#faded ul.slides li {position:relative;width:100%}
#faded ul.slides li img {position:absolute;top:71px;right:35px}
#faded ul.slides li a {color:#fff;text-transform:uppercase;text-decoration:none;position:absolute;right:43px;top:217px;font-size:18px;line-height:1.2em;padding-left:8px;background:url(../images/button-left.png) no-repeat left top;letter-spacing:-1px}
#faded ul.slides li a:hover {color:#8ab805}
#faded ul.slides li a span {display:block;padding-right:8px;background:url(../images/button-right.png) no-repeat right top}
#faded ul.slides li a span span {background:url(../images/button-tail.png) repeat-x left top;padding:15px 14px 17px 14px}
a {outline:0;border:0}
/* custom forms */
/* Checkboxes */
span.jqTransformCheckboxWrapper {display:block;float:left}
a.jqTransformCheckbox {background:transparent url(../images/checkbox.gif) no-repeat left -30px;vertical-align:middle;height:17px;width:17px;display:block;/*display:-moz-inline-block;*/}
/* Checked - Used for both Radio and Checkbox */
a.jqTransformChecked {background-position:left top}
/* Hidden - used to hide the original form elements */
.jqTransformHidden {display:none}


/* header */
header nav {float:right;padding:11px 22px 0 0;position:relative;z-index:200;}
header nav li {float:left;font-size:18px;line-height:3em;text-transform:uppercase;padding-left:15px;margin-left:11px;background:url(../images/divider.gif) repeat-y left top;z-index:200;margin-top:8px}
header nav li:first-child {background:none;padding-left:0;margin-left:0;z-index:200;}
header nav li a {color:#fff;text-decoration:none;z-index:200;}
header nav li.current a, header nav li a:hover {
	color: #D6D6D6
}
header .top-info {position:absolute;left:5px;top:12px}
header nav li ul{float:right;padding:13px 24px 0 0;position:relative}
header .top-info2 {position:absolute;right:50px;top:12px; color:blue}


/*************************
/* demo page styles */


/* main menu styles */
#nobar li {background:none;padding-left:0;margin-left:0;z-index:0}
#nobar ul {background:none;padding-left:0;margin-left:0;z-index:0}
#nav,#nav ul {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	
}
#nav {
	height:50px;
	left:0;
	overflow:hidden;
	top:0;
	z-index:0;
}
#nav li {
	float:left;
	position:relative;
	z-index:10;
	font-size:18px;text-transform:uppercase;padding-left:21px;
	
	
}
#nav li a {
	/*background:url(../images/bg-menu.png) no-repeat center top;*/
	color:#fff;
	display:block;
	float:left;
	font-size:20px;
	height:50px;
	line-height:40px;
	padding:0 10px;
	position:relative;
	text-decoration:none;
	z-index:20;
}
#nav li:first-child a {
	/*background:url(../images/bg-menu.png) no-repeat left top;*/
	/*padding-left:35px;*/
	/*background:none;padding-left:0;margin-left:0*/
	
}
#nav li ul li:first-child a {
	background-image:none;
	padding-left:10px;
}
#nav li.pad {
	background:url(../images/bg-menu.png) no-repeat right top;
	display:block;
	height:51px;
	width:35px;
	/*END OF MENU BIT*/
}
#nav ul {
	background:#000;
	height:auto;
	padding:10px 0;
	position:absolute;
	top:-245px;
	left:1px;
	width:220px;
	z-index:1;

	border-radius:8px; /*some css3*/
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	transition:0.8s ease-in-out;
	box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
	-moz-transition:0.8s ease-in-out;
	-o-transition:0.8s ease-in-out;
	-webkit-transition:all 0.8s ease-in-out;
}
#nav ul li {
	width:180px;
}
#nav ul li a {
	background:transparent;
	height:22px;
	line-height:20px;
	width:180px;
	font-size:14px;
}
#nav:hover {
	height:300px;
}
#nav li:hover ul {
	-moz-transform:translate(0,291px); /*some css3*/
	-o-transform:translate(0,291px);
	-webkit-transform:translate(0,291px);
    transform: translate(0,291px);
    z-index:5000;
}
#nav a:hover,#nav li:hover > a {
	color:#6fa803;
	z-index:5000;
}
/******************************************/
allaccounts .inside {padding:35px 40px 35px 44px}
allaccounts .line-ver1 {background-image:url(../images/line-ver1.gif);background-repeat:repeat-y;background-position:328px 0;width:100%}
allaccounts .line-ver2 {background-image:url(../images/line-ver1.gif);background-repeat:repeat-y;background-position:638px 0;width:100%}
allaccounts .line-ver3 {background-image:url(../images/line-ver1.gif);background-repeat:repeat-y;background-position:547px 0;width:100%}
allaccounts .line-ver4 {background-image:url(../images/line-ver1.gif);background-repeat:repeat-y;background-position:742px 0;width:100%}
allaccounts .list li span {float:left}
allaccounts .list li {color:#000; font-size:14px}
allaccounts .list li {text-align:right;width:100%;overflow:hidden;vertical-align:top;border-bottom:1px solid #dfdfdf;padding:0 0 6px 5px;margin:0 0 6px -5px}
allaccounts .list li:first-child {font-weight:inherit}
allaccounts .list {padding-top:18px}


/*HELP SECTION*/
/* line 184, ../sass/screen.sass */
.example-image-link {
  display: inline-block;
  margin: 0 10px 20px 10px;
  line-height: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 4px solid #5e5e5e;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
/* line 191, ../sass/screen.sass */
.example-image-link:hover {
  border: 4px solid #00bfa8;
}

/* line 194, ../sass/screen.sass */
.example-image {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}



/* For the demo only  **ONLY FOR BOTTOM LINE SPECIAL
#footer {
    background: #598628;
    line-height: 2;
    text-align: center;
    color: #FFF; 
    font-size: 22px;
    font-family: sans-serif;
    font-weight: bold;
    text-shadow: 0 1px 0 #84BAFF;
    box-shadow: 0 0 15px #00214B
}
#smallerFont {
 font-size: 18px;	
 padding-bottom:10px
}
*/
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  border: none;
  line-height: 1;
  margin: 0;
  padding: 0;
}
#cssmenu {
  height: 70px;
  display: block;
  border: 1px solid;
  border-radius: 5px;
  width: auto;
  border-color: #3f3f3f;   /* formally #080808  */
  margin: 0;
  padding: 0;
  
}
#cssmenu > ul {
  list-style: inside none;
  margin: 0;
  padding: 15px;
}
#cssmenu > ul > li {
  list-style: inside none;
  float: left;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu.align-center > ul {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
  margin-left: -3px;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
}
#cssmenu > ul > li > a {
  outline: none;
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
  /*font-weight: -10;*/
  font-size: 20px;
  font-family:Arial, Helvetica, sans-serif;
  font-style:normal;
  /*font-family: Arial, Helvetica, sans-serif;*/
  border-right: 1px solid #000;  /* formally #080808   */
  color: #ffffff;
  padding: 12px 20px;
}
#cssmenu > ul > li:first-child > a {
  /*border-radius: 5px 0 0 5px;*/
  padding-left:0px;     /* move the menu away from the webhostingnz on the left side */
}
#cssmenu > ul > li > a:after {
  content: "";
  position: absolute;
  border-right: 1px solid;
  top: -1px;
  bottom: -1px;
  right: -2px;
  z-index: 99;
  border-color: #0;
}
#cssmenu ul li.has-sub:hover > a:after {
  top: 0;
  bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
  content: "";
  position: absolute;
  top: 18px;
  right: 6px;
  border: 5px solid transparent;
  border-top: 5px solid #ffffff;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 19px;
}
#cssmenu > ul > li.has-sub:hover > a {
  padding-bottom: 14px;
  z-index: 999;
  border-color: #3f3f3f;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
  display: block;
}
#cssmenu > ul > li.has-sub > a:hover,
#cssmenu > ul > li.has-sub:hover > a {
  background: #000;   /*  3f3f3f   */
  border-color: #3f3f3f;
}
#cssmenu ul li > ul,
#cssmenu ul li > div {
  display: none;
  width: auto;
  position: absolute;
  top: 38px;
  background: #000;  /*  3f3f3f  */
  border-radius: 0 0 5px 5px;
  z-index: 999;
  padding: 10px 0;
}
#cssmenu ul li > ul {
  width: 200px;
}
#cssmenu ul ul ul {
  position: absolute;
  
}
#cssmenu ul ul li:hover > ul {
  left: 100%;
  top: -10px;
  border-radius: 5px;
}
#cssmenu ul li > ul li {
  display: block;
  list-style: inside none;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu ul li > ul li a {
  outline: none;
  display: block;
  position: relative;
  font: 10pt Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 8px 20px;
}
#cssmenu,
#cssmenu ul ul > li:hover > a,
#cssmenu ul ul li a:hover {
  background: #000;    /*    3c3c3c   */
  background: -moz-linear-gradient(top, #000 0%, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c3c3c), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #000 0%, #222222 100%);
  background: -o-linear-gradient(top, #000 0%, #222222 100%);
  background: -ms-linear-gradient(top, #000 0%, #222222 100%);
  background: linear-gradient(top, #000 0%, #222222 100%);
}
#cssmenu > ul > li > a:hover {
  background: #000;
  color: #ffffff;
}
#cssmenu ul ul a:hover {
  color: #ffffff;
}
#cssmenu > ul > li.has-sub > a:hover:before {
  border-top: 5px solid #ffffff;
}
/**END STYLE.CSS**/
/**START RESPONSIVE.CSS**/
@charset "utf-8";
/* CSS Document */
html, body{ height:auto; min-width:auto;} 

.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}

.tail-top, .tail-top1, .tail-top2, .tail-top3{ min-width: auto;}
.container{ max-width:990px; width:94%;}
#login-form fieldset { position:relative; top:auto;}
.header-top {padding: 15px 0 8px;}
.header-box{ top:auto; border-radius:5px;}

/* .header-box{ top:auto; overflow:hidden; border-radius:5px;}   UNCHANGED */
#cssmenu, #cssmenu ul ul > li:hover > a, #cssmenu ul ul li a:hover{ background:none; border:none;}
#content .inside{ padding:0;}
#sloganSpecial, #slogan{ width:100%; background-size:100% auto !important; left:auto;}
#slogan .inside{ left:38%; width:60%;}
#hosting-overview #content .row-1 .col-1, #hosting-overview #content .row-1 .col-2, #hosting-overview #content .row-1 .col-3, #hosting-overview #content .row-1 .col-4{ width:24% !important; margin:0 0.5% !important; max-width:242px; }
allaccounts .inside{ padding: 35px 4.5%;}
allaccounts .col-1, allaccounts .col-2, allaccounts .col-3{ width:31% !important;max-width: 260px; margin:0 2.5% !important;}
allaccounts .list li{ margin-left:0; padding-left:0;}
aside{ width:100%;}
aside .inside {padding: 35px 4.5%;}
aside .col-1, aside .col-2, aside .col-3, aside .col-4, aside .col-5{ width:20%; margin-right:0;}
allaccounts .line-ver2{ background-position:66% 0;}
allaccounts .line-ver1{ background-position:33% 0;}
aside{ min-width:auto;}
aside .line-ver2{ background-position:38% 0;}
aside .line-ver1{ background-position:16% 0;}
aside .line-ver3{ background-position:58%;}
aside .line-ver4{ background-position:76% 0;}

.banners li a{ width:100%; background-size:100% 100% !important;}
.banners li{ width:24%; margin:0 0.5% !important;}
#content .inside1{ padding-left:3%;}
#page6 #content .col-1{ margin-right:5%; max-width:265px; width:33%;}
#page6 #content .col-2{ max-width:603px; width:62%;}

#content .inside2 {padding: 20px 2% 28px;}
#dom-page #content .col-2 { float: right;max-width: 703px;width: 75%;}
#dom-page #content .col-1 { max-width: 200px;width: 33%; margin-right: 0;}
.table{ max-width:560px; margin:0 auto;}

#page1 #content .row-1 .col-1, #page1 #content .row-1 .col-2, #page1 #content .row-1 .col-3, #page1 #content .row-1 .col-4{ margin: 0 0.5%; max-width: 242px; width: 24%;}
#page1 #content .row-2 .col-2 { float: right;max-width: 700px;width: 72%;}
#page1 #content .row-2 .col-1 {margin-right: 0;max-width: 195px;width: 33%;}
.extra-wrap input{ width:55%;}

#faded{ width:100%; background-size:100% 100% !important;}
#faded ul.pagination{ max-width:246px; width:33%;}


.slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover a{ color:#000000 !important; background:#669f04 !important;} 
.slicknav_menu {display:none;}
@media all and (max-width:1050px){
.box .inner{ padding-left:10%; padding-right:10%;}
allaccounts .col-1, allaccounts .col-2, allaccounts .col-3{ margin:0 1.5% !important;}
}
@media all and (max-width:999px){
	#menu {display:none;}
	.slicknav_menu {display:block;width:100%; margin:0 auto; background:none; padding:5px 0; float:none;}
	.slicknav_btn{ float:left; margin-left:10px;}
	allaccounts .line-ver2{ background:NONE;}
	allaccounts .line-ver1{ background:none;}
	allaccounts .col-1, allaccounts .col-2, allaccounts .col-3{ margin:0 1% !important;}
	#sloganSpecial{ height:110px;}
	#slogan .inside{ top:25px; left:36%;}
	#slogan{ height:185px;}
	#hosting-overview #content .row-1 .col-1, #hosting-overview #content .row-1 .col-2, #hosting-overview #content .row-1 .col-3, #hosting-overview #content .row-1 .col-4{ margin: 0 2% !important; width: 46% !important;}
	.wrapper.row-1 {margin: 0 auto; max-width: 530px;}
	.wrapper.row-1 div{ height:auto !important;}
	allaccounts .col-1, allaccounts .col-2, allaccounts .col-3 { float: none;  margin: 0 auto !important; width: 100% !important;}
	aside .line-ver2{ background:none;}
	aside .line-ver1{ background:none;}
	aside .line-ver3{ background:none;}
	aside .line-ver4{ background:none;}
	aside li{height:28px;}
	#dom-page #content .col-2{ width:65%;}
	.table .left, .table .right{ float:none; text-align:center; padding:0 !important;}
	#page1 #content .row-1 .col-1, #page1 #content .row-1 .col-2, #page1 #content .row-1 .col-3, #page1 #content .row-1 .col-4 {margin: 0 0.5%;max-width: 262px;width: 49%;}
	.extra-wrap input{ margin:10px 0;} 
	#faded{ background:#669f04;}
}

@media all and (max-width:767px){
	#sloganSpecial{ height:85px;}
	#content .bot-indent1{ margin-bottom:10px; height:140px;}
	header .container{ height:120px;}
	#content .bot-indent1{ height:auto;}
	#slogan .inside{ left:0; top:0; width:100%; position:relative; padding:3%; width:94%; }
	#content .bot-indent1{ padding-bottom:0;}
	
	#slogan{ height:auto !important; background:#669f04 !important;}
	aside .col-1, aside .col-2, aside .col-3, aside .col-4, aside .col-5{ width:33%;}
	.banners li {margin: 0 1% !important;width: 48%;}
	#page6 #content .col-1, #page6 #content .col-2 { float: none;margin: 0 auto;width: 100%;}
	#dom-page #content .col-1, #dom-page #content .col-2{ float:none !important; width:100% !important; margin:0 auto !important; overflow:hidden;}
	.col-specialist-hosting-1 {text-align:left;display:block;font-size:16px;float:left; width:100%}
	.col-specialist-hosting-2 {text-align:left;display:block;font-size:16px;float:left; width:100%}
	#page1 #content .row-2 .col-1 { float: none; margin:0 auto; width: 100%;}
	#page1 #content .row-2 .col-2{ float:none; width:100%;}
}

@media all and (max-width:599px){
	aside .col-1, aside .col-2, aside .col-3, aside .col-4, aside .col-5{ width:50%; min-height:170px;}
	#sloganSpecial{ height:65px;}
	.extra-wrap input{ width:95% !important;}
	#faded{ display:none;} 

}

@media all and (max-width:479px){
	aside .col-1, aside .col-2, aside .col-3, aside .col-4, aside .col-5{ margin-bottom:10px; width:100%; min-height:auto;}
	#sloganSpecial{ height:45px; margin-top:10x;} 
	#hosting-overview #content .row-1 .col-1, #hosting-overview #content .row-1 .col-2, #hosting-overview #content .row-1 .col-3, #hosting-overview #content .row-1 .col-4{ width:100% !important; margin:0 auto !important; float:none;}
	cufon{ }
	.header-box h1{ padding-left:32px;}
	.header-top-left { font-size:11px;}
	#login-form fieldset{ right:auto;}
	.banners li{ width:98%;} 
	#page1 #content .row-1 .col-1, #page1 #content .row-1 .col-2, #page1 #content .row-1 .col-3, #page1 #content .row-1 .col-4 {margin: 0 auto;width: 100%; float:none;}
	.img-box{ text-align:center;}
	.img-box img{ float:none; margin:0 auto;}
	#page1 #content .row-2 .col-2 p img{ max-width:100% !important;}
}

/**END RESPONSIVE.CSS**/
/**START SLICKNAV.CSS**/
/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #4c4c4c;
  padding: 5px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #222; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #222; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }

/**END SLICKNAV.CSS**/


