/* GlobalCSS | Copyright Namworld.com | Do not remove this notice. */

/* */
html 	{height:100%;padding:0px;margin:0px;}
body	{min-width:100%;min-height:100%;display:inline-block;padding:0px;margin:0px;vertical-align:bottom;position:relative;font-family:verdana,tahoma,sans-serif;font-size:12px;color:#555;font-weight:normal;text-decoration:none;background:#ccc;background-image:url("img/noise-grey.png");}
img	{border:none;}
iframe	{border:none;background:none;}
a	{text-decoration:none;}
h1, h2, h3, h4	{color:#333;margin:5px auto;}
h4	{color:#555;}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* Remove outline on :focus (Always add :focus with all :hover styling instead)  */
*:active, *:focus {outline:none !important;}
*::-moz-focus-inner {border:0px;}

/* Default transition time on all hover/active/focus button/fields */
*	{transition:all 0.3s linear 0s;}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* ALIGNMENT */
.clear	{clear:both;}
.l	{float:left !important;}
.r	{float:right !important;}
.c	{display:block !important;margin-left:auto !important;margin-right:auto !important;}
input.button	{vertical-align:text-top;}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* HEADER */
#headerbg	{width:100%;height:60px;background-image:url("img/noise-darkgrey.png");z-index:1;border-bottom:5px solid #222;box-shadow:0px 0px 50px #000;position:relative;}

#header		{width:960px;margin:0px auto;height:60px;position:relative;z-index:2;}
#header>a	{height:44px;float:left;margin:6px 0px;padding:2px 4px;color:#fff;font-size:28px;font-weight:bold;text-decoration:none;border-radius:6px;text-shadow:0px 2px 0px #333;;}
#header>a:hover, header>a:focus	{background-image:url("img/noise-black.png");box-shadow:inset 0px 2px 2px #000;}
#header>a img	{vertical-align:middle;}

/* Navigation */
#nav	{float:left;padding:19px 5px 0px;position;relative;}
#nav>a	{float:left;display:block;height:25px;margin:0px 5px;border-radius:6px;}

#nav>a, #nav>div>p	{z-index:2;padding:5px 15px;color:#fff;font-size:18px;line-height:25px;font-weight:bold;text-shadow:0px 2px 0px #333;}
#nav>a:hover, #nav>a:focus, #nav>div:hover>p, #nav>div:focus>p	{background-image:url("img/noise-black.png");box-shadow:inset 0px 2px 2px #000;text-shadow:0px 2px 0px #777, 0px 2px 4px #ccc;}
#nav>div>p	{height:35px;margin:0px;border-top-left-radius:6px;border-top-right-radius:6px;}

/* Submenus */
#nav>div	{position:relative;float:left;height:46px;padding:0px;margin:0px 5px;list-style:none;border-top-left-radius:6px;border-top-right-radius:6px;}

#nav div div	{min-width:100%;opacity:0;position:absolute;top:-99999px;transition:opacity .5s ease-in-out;}
#nav div:hover div,#nav div:focus div,#nav div:active div	{opacity:1;position:absolute;top:41px;left:0px;}

#nav div div	{z-index:-1;padding:0px;margin-left:-5px;background-image:url("img/noise-black.png");box-shadow:inset 0px 2px 2px #000;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-left:5px solid #222;border-right:5px solid #222;border-bottom:5px solid #222;}
#nav div div a	{display:block;font-size:18px;line-height:25px;margin:5px;padding:5px 15px;font-weight:bold;color:#fff;text-shadow:0px 2px 0px #333;border-radius:5px;}
#nav div div a:hover,#nav div div a:focus	{background-image:url("img/noise-darkgrey.png");background:rgba(0,153,255,0.15);}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* Content */
#wrapper	{height:100%;width:960px;margin:20px auto;padding:0px 20px;position:relative;}
.main		{width:920px;padding:20px;margin:20px auto;background-image:url("img/noise-lightgrey.png");background-color:#eee;overflow:hidden;border-radius:20px;border-width:1px;border-style:solid;border-color:rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.05);}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* SERVER */
.serverwrap	{display:block;padding:10px;margin:20px auto 70px auto;background-image:url("img/metal.png");border-radius:10px;box-shadow:2px 2px 5px #000;position:relative;}
.server		{padding:2px 9px 2px 2px;background-image:url("img/noise-black.png");border-radius:7px;overflow:hidden;box-shadow:inset 5px 5px 3px #000,inset -2px -2px 0px #888;}
.powerbutton	{float:left;width:60px;height:60px;margin:0px;background-image:url("img/poweroff.png");}
.serverwrap:hover .powerbutton, .serverwrap:focus .powerbutton	{background-image:url("img/poweron.png");}
.server-vent	{float:left;width:100px;height:60px;margin:0px 10px;float:left;background-image:url("img/serverholes.png");}

.plan		{float:left;margin:0px 10px;font-size:32px;line-height:60px;font-weight:bold;color:#fff;text-shadow:0px -2px 0px #333;}
.serverwrap:hover .plan, .serverwrap:focus .plan	{text-shadow:0px -2px 0px #333, 0px 1px 20px #555;}

.price	{width:300px;height:30px;padding:0px 10px;color:#fff;font-size:24px;line-height:28px;text-shadow:0px 2px 2px rgba(0,0,0,0.6);position:absolute;bottom:-30px;right:40px;background-image:url("img/price1.png");border-radius:0px 0px 10px 10px;box-shadow:inset 0px 2px 5px #000;}
.price .usd	{float:left;margin:0px 2px 0px 40px;}
.price .btc	{float:right;margin:0px 30px 0px 2px;}
.price .period	{font-size:9px;font-weight:bold;line-height:13px;text-align:center;padding:0px;margin:0px auto;}

.spec	{float:right;width:120px;height:32px;padding-top:10px;margin:7px 0px 7px 10px;border-radius:5px;font-size:16px;line-height:32px;font-weight:bold;text-align:center;color:#888;text-shadow:4px 4px 3px #000;box-shadow:inset 3px 3px 6px #000;background: linear-gradient(to bottom, #000, rgba(0,0,0,0));border-right:2px solid #333;border-bottom:2px solid #333;border-left:2px solid #000;border-top:2px solid #000;position:relative;}
.serverwrap:hover .spec, .serverwrap:focus .spec	{box-shadow:inset 0px 0px 5px rgb(50,150,255),inset 0px 0px 50px rgba(50,150,255,0.1);color:#3af;text-shadow:4px 4px 3px #000, 0px 0px 3px #3af;}
.spec p	{width:100%;height:16px;margin:0px;font-size:10px;line-height:16px;position:absolute;top:0px;left:0px;}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* MISC */
blockquote	{width:800px;margin:20px auto;padding:25px;border-radius:10px;font-style:italic;color:#333;background-color:#ccc;background-image:url("img/noise-lightgrey.png");border-width:1px;border-style:solid;border-color:rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.05);}
blockquote p	{margin:0px 0px 1em 0px;}
cite		{display:block;width:100%;text-align:right;font-style:normal;}
blockquote a	{text-decoration:none;font-weight:bold;color:#000;font-size:12px;text-shadow:0px 1px 0px #555;}
blockquote a:hover, blockquote a:focus	{text-shadow:0px 1px 0px #777, 0px 1px 3px #555;}

label		{color:#258;margin:20px;display:block;font-weight:bold;font-style:italic;font-size:16px;}
input		{height:30px;text-align:center;line-height:30px;}
textarea	{height:200px;}
input, textarea	{width:300px;margin:20px;display:block;color:#666;font-weight:bold;background-image:url("img/noise-lightgrey.png");border-radius:5px;border-width:1px;border-style:solid;border-color:rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.05);}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* FOOTER */
#footerspacer	{height:180px;}

.footer-column	{width:196px;min-height:1px;margin:0px 10px;float:left;}
.footer-column a	{display:block;padding:5px 8px;color:#ccc;font-size:12px;font-weight:bold;text-shadow:0px 1px 0px #555;text-decoration:none;}
.footer-column a:hover,.footer-column a:focus	{color:#fff;text-shadow:0px 1px 0px #555, 0px 1px 3px #555;}
.footer-column img	{margin:5px auto;}
.footer-column b	{color:#f80;}
.footer-divider	{width:31px;height:123px;margin:1px 0px;float:left;background-image:url("img/footerholes.png");}


#footer		{width:960px;height:135px;margin:0px auto;clear:both;padding-top:10px;}
#footnotes	{width:960px;height:30px;margin:0px auto;color:#f80;clear:both;line-height:30px;text-align:right;overflow:hidden;}
#footer-bg	{width:100%;height:175px;background-image:url("img/noise-black.png");position:absolute;bottom:0px;box-shadow:0px 0px 50px #000;border-top:5px solid #222;}
#footer-bg2	{width:100%;height:30px;background-image:url("img/noise-black.png");position:absolute;bottom:0px;box-shadow:0px -1px 3px #000;}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* GRID */
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {float:left;vertical-align:top;letter-spacing:-1em !important;word-spacing:-1em !important;}
.c1 *, .c2 *, .c3 *, .c4 *, .c5 *, .c6 *, .c7 *, .c8 *, .c9 *, .c10 *, .c11 *, .c12 * {letter-spacing:normal;word-spacing:normal;}
.c1	{width:80px;}
.c2	{width:160px;}
.c3	{width:240px;}
.c4	{width:320px;}
.c5	{width:400px;}
.c6	{width:480px;}
.c7	{width:560px;}
.c8	{width:640px;}
.c9	{width:720px;}
.c10	{width:800px;}
.c11	{width:880px;}
.c12	{width:960px;}

.cp1, .cp2, .cp3, .cp4, .cp5, .cp6, .cp7, .cp8, .cp9, .cp10, .cp11, .cp12 {margin:10px;display:inline-block;}
.cp1	{width:60px}
.cp2	{width:140px}
.cp3	{width:220px}
.cp4	{width:300px}
.cp5	{width:380px}
.cp6	{width:460px}
.cp7	{width:540px}
.cp8	{width:620px}
.cp9	{width:700px}
.cp10	{width:780px}
.cp11	{width:860px}
.cp12	{width:940px}

.c1>.m10, .c2>.m10, .c3>.m10, .c4>.m10, .c5>.m10, .c6>.m10, .c7>.m10, .c8>.m10, .c9>.m10, .c10>.m10, .c11>.m10, .c12>.m10 {margin:10px;}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* ~~ BUTTONS ~~ */
.button, .bbar a	{display:inline-block;color:#666;text-decoration:none;border-radius:6px;box-shadow:rgba(255, 255, 255, 0.3) 0 1px 0 inset;vertical-align:middle;border-width:1px;border-style:solid;border-color:#777;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.15) rgba(0,0,0,0.25);background-color:#eee;background-image:linear-gradient(to bottom, #fff, #eee);}
.button:hover, .button:active, .button:focus, .bbar a:hover, .bbar a:active, .bbar a:focus	{background:#eee;color:#666;}
.button:active, .bbar a:active, .button:focus, .bbar a:focus	{border-color:rgba(0,0,0,0.40) rgba(0,0,0,0.25) rgba(0,0,0,0.05);box-shadow:rgba(0,0,0,0.25) 0px 3px 5px 0px inset;}
.button.raise:hover, .bbar.raise a:hover	{box-shadow:rgba(0,0,0,0.50) 0px 2px 3px 0px, rgba(255, 255, 255, 0.3) 0 1px 0 inset;}
.button.raise:active, .bbar.raise a:active	{box-shadow:rgba(0,0,0,0.25) 0px 2px 3px 0px inset;}

/* BUTTONS BAR */
.bbar a	{z-index:1;float:left;border-radius:0px;margin-right:-1px;}
.bbar a:first-child	{border-top-left-radius:6px;border-bottom-left-radius:6px;}
.bbar a:last-child	{border-top-right-radius:6px;border-bottom-right-radius:6px;margin-right:0px;}

/* SIZES */
.button, .bbar a	{height:14px;padding:4px 10px;font-size:12px;line-height:13px;}
.button.small, .bbar.small a	{height:13px;padding:2px 10px;font-size:11px;line-height:12px;}
.button.large, .bbar.large a	{height:18px;padding:4px 10px;font-size:16px;line-height:17px;}
input.button	{height:22px;}
input.button.small	{height:17px;}
input.button.large	{height:26px;}

/* COLORS */
.button.blue, .bbar.blue a, bbar a.blue	{color:#fff;text-shadow:#049 0px -1px 0px;background-color:#16c;background-image:linear-gradient(to bottom, #29c, #16c);}
.button.blue:hover, .button.blue:active, .bbar.blue a:hover, .bbar.blue a:active, .bbar a.blue:hover, .bbar a.blue:active	{background:#16c;}

.button.green, .bbar.green a, .bbar a.green	{color:#fff;text-shadow:#373 0px -1px 0px;background-color:#5a4;background-image:linear-gradient(to bottom, #6b5, #5a4);}
.button.green:hover, .button.green:active, .bbar.green a:hover, .bbar.green a:active, .bbar a.green:hover, .bbar a.green:active	{background:#5a4;}

.button.black, .bbar.black a, .bbar a.black	{color:#fff;text-shadow:#555 0px -1px 0px;background-color:#222;background-image:linear-gradient(to bottom, #333, #222);}
.button.black:hover, .button.black:active, .bbar.black a:hover, .bbar.black a:active, .bbar a.black:hover, .bbar a.black:active	{background:#222;}