@media screen and (max-width: 600px) {
   div[class$="panels"], .content, #newpricing  {margin-left:0; margin-right:0; padding:3px 6px;}
   .menubuttons, #contactbutton, #xexuslogobutton {display:none;} 
}
@media screen and (max-width: 950px) {
   .menubuttons {width:15%; bottom:0;} 
   #contactbutton, #xexuslogobutton {width:75%; bottom:0;} 
   .menulabels  {font-size:.6rem;}
}

@media screen and (max-width: 1010px) {

}

.right 	{ float:right; }
.left 	{ float:left; }
.center { margin: 0 auto; text-align:center; }

body {
   background-image:url('images/gridpaper.png');
   background-color: #ffffff;
   background-attachment: fixed;
   background-repeat: repeat;
   background-position: top;
   color: #000000;
   font-family: "Archistico_Simple";
   font-size: 3rem;
   text-align: center;
}




#logo			    { color:#003200; color:rgba(0,  50, 0, 1); text-decoration:none; font-family: "Archistico_Simple"; font-weight:normal; }
#logo:hover		  	{ color:#008000; color:rgba(0, 128, 0, 1); text-decoration:none; }

/* .addr, .addr a { color:#003232; color:rgba(0, 50, 50, 1); font-weight:700; text-shadow:none;} */


p {font-family: "GeosansLight", "Century Gothic", sans-serif; font-size:.5em; }
/* p.faq {color:#000000;font-size:2.5em;} */

a {color: inherit; text-decoration:none; font-family: "GeosansLight", "Century Gothic", sans-serif; font-size:1.2em;}
a:visited, a:link, a:hover {color: inherit; text-decoration:none; font-family: "GeosansLight", "Century Gothic", sans-serif; font-size:1.2em; }

#address span { color:#003200; color:rgba(0, 50, 0, 1); text-shadow:none;}
#address span a:hover { text-decoration:underline; font-weight:bold; color:#008000; color:rgba(0, 128, 0, 1);}
#query {font-family: "GeosansLight", "Century Gothic", sans-serif;}

h1 { font-family: "GeosansLight", "Century Gothic", sans-serif; font-size:1.2em; color:#ffffff; }
h2 { font-family: "GeosansLight", "Century Gothic", sans-serif; font-size:.8em; color:#ffffff; }
h3 { font-family: "GeosansLight", "Century Gothic", sans-serif; font-size:.65em; color:#ffffff; }
h4 { font-family: "GeosansLight", "Century Gothic", sans-serif; font-size:.5em; color:#ffffff; }
h5 { font-family: "GeosansLight", "Century Gothic", sans-serif; font-size:.3em; color:#ffffff; }
h6 { font-family: "GeosansLight", "Century Gothic", sans-serif; font-size:.1em; color:#ffffff; }
small {color:white;}
.label { font-family: "GeosansLight", "Century Gothic", sans-serif; font-size:.4em; color:#ffffff; }

/* MENU ITEMS */
span.menulabels {text-shadow:none; font-weight:normal; font-size: 2rem; margin-top: 10px;}

@keyframes rotate  {from {transform: rotate(0deg);}   to {transform: rotate(360deg);}}
img { border:0; margin:10px; }
img.menubuttons {
    width:50px;
	position:relative;
	margin:10px;
	top:0;
	border-radius:50px;
	box-shadow: 0 0 3px #000000;
    animation: rotate 5s ease-in-out infinite; animation-play-state:running; animation-direction: alternate;
}
img.menubuttons:hover {animation-play-state:paused; }
.menuitems a {text-decoration:none;}
/* /////////////  */

input {color:#050; font-family:sans-serif;}

li {
text-align:left;
font-family: "GeosansLight", "Century Gothic", sans-serif;
color:#ffffff;
line-height: 1.4rem;
}

.faq { font-size:1em; }

sup { font-size:.6em; }
.moredetails {
    font-size:1rem !important; 
    text-shadow:none;
    font-family: "GeosansLight", "Century Gothic", sans-serif !important;
}

.links {
font-family: "GeosansLight", "Century Gothic", sans-serif;
font-size:.6em;
color:#ffffff;
}

.buttons { margin: 10px 10px 10px 10px; }

.content {
border:2px outset #ffffff;
border-radius:25px;
box-shadow: 2px 2px 25px #000000; 
border-style: solid;
color:#ffffff;
padding:0 20px;
top: 0;
text-shadow:3px 3px 2px #361533;
margin:auto;
}

.letters {margin: 3px; background-color:#005500; color:white; text-shadow:none; font-family: "GeosansLight", "Century Gothic", sans-serif;}

/* #tldinfo { color:white; font-size:2em; border:2px solid black; vertical-align:top; width:100%; } */

#designpanel  		{ background-color:#ac0000; background-color:rgba(172, 0, 0, 0.8); }
#design			    { color:#ffffff; color:rgba(255, 255, 255, 1); text-shadow:3px 3px 2px #361533;}
/* #design:hover	  	{ color:#ff0000; color:rgba(255, 0, 0, 1); } */

#domainspanel 		{ background-color:#ff5a00; background-color:rgba(255, 90, 0, 0.8); }
#domains	    	{ color:#750075; color:rgba(117, 0, 117, 1); text-shadow:0px 0px 6px #e0e020;}
/* #domains:hover		{ color:#ff5a00; color:rgba(255, 90, 0, 1); } */

#emailpanel   		{ background-color:#085204; background-color:rgba(8, 82, 4, 0.8); }
#email		    	{ color:#ffffff; color:rgba(255, 255, 255, 1); text-shadow:3px 3px 2px #361533;}
/* #email:hover	  	{ color:#085204; color:rgba(8, 82, 4, 1); } */

#hostingpanel 		{ background-color:#0000c8; background-color:rgba(0, 0, 200, 0.8); }
#hosting	    	{ color:#ffffff; color:rgba(255, 255, 255, 1); text-shadow:3px 3px 2px #361533;}
/* #hosting:hover		{ color:#0000c8; color:rgba(0, 0, 200, 1); } */

/* #wikipanel    		{ background-color:#3296c8; background-color:rgba(50, 150, 200, 0.8); } */
/* #wiki		      	{ color:#0000c8; color:rgba(0, 0, 200, 1); } */
/* #wiki:hover 	  	{ color:#3296c8; color:rgba(50, 150, 200, 1); } */

#shop			    { color:#003200; color:rgba(0, 50, 0, 1); }
#shop:hover	        { color:#004b00; color:rgba(0, 75, 0, 1); }

#footerpanel        { background-color:#ffffff; background-color:rgba(255, 255, 255, 0.5); }

#newpricing   		{ background-color:#cd5c5c; background-color:rgba(205, 92, 92, 1); font-family: "GeosansLight", "Century Gothic", sans-serif; border-radius: 25px;}
#newpricing div {
    border:2px outset #ffffff;
    box-shadow: 2px 2px 25px #000000;
    border-radius:25px;
    overflow:hidden !important;
}
#newpricing table {margin-bottom:0; text-shadow:none;}
#newpricing table th { background-color:#20b2aa; background-color:rgba(32, 178, 170, 1); color:ivory; font-size:.4em; text-align:center;}
#newpricing table td { background-color:#ffd796; background-color:rgba(255, 215, 150, 0.8); color:#005000; font-size:.4em; }

table { margin:auto; text-align:center;font-family: "GeosansLight", "Century Gothic", sans-serif;}
td { vertical-align:top; }
.normal {background-color:green; border:1px outset #000000; color:#ffffff;}
.headers {color:#ffffff;}

#btw {font-size:.3em; margin-top:10px;}

.designpanels {
	margin:0 5px 15px 5px;
	-webkit-border-radius:25px;
	border-radius:25px;
  background: #007700; /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #007700, #0077ff); /* Standard syntax */
} 

footer { 
font-size:.4em;
font-family: "GeosansLight", "Century Gothic", sans-serif;
color:#003232; color:rgba(0, 50, 50, 1);
}

#four-o-four, #no-more, #go-before, #tellme { color:#085204; color:rgba(8, 82, 4, 0.8); }