@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;}

	#hosting-overview #content .row-1email .col-3-1, #hosting-overview #content .row-1email .col-3-2, #hosting-overview #content .row-1email .col-3-3{ width:32% !important; margin:0 0.5% !important; max-width:500px }	

.wrapper.row-1email div{ height:auto !important;}



}



@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;} 

	#hosting-overview #content .row-1email .col-3-1, #hosting-overview #content .row-1email .col-3-2, #hosting-overview #content .row-1email .col-3-3{ width:100% !important; margin:0 auto !important; float: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;}

}