@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:.65em;}
}

@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:5em;
   text-align: center;
}

#logo			    { color:#003200; color:rgba(0, 50, 0, 1); font-family: "Archistico_Simple"; text-decoration:none; 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; }


@keyframes rotate  {from {transform: rotate(0deg);}   to {transform: rotate(360deg);}}

img { border:0; margin:10px; }
img.menubuttons {
	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; }
span.menulabels {text-shadow:none; font-family: "Archistico_Simple"; font-weight:normal;}
.menuitems a {text-decoration:none;}


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

li {
list-style-type:circle; 
margin-left:10px; 
text-align:left;
font-family: "GeosansLight", "Century Gothic", sans-serif;
font-size:.5em;
color:#ffffff;
line-height: 1.4em;
}

.faq { font-size:1em; }

sup { font-size:.6em; }

.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;
margin-left:20px;
margin-right:20px;
padding:10px 20px;
position:relative;
top: 0;
display: block;
text-align: left;
text-shadow:3px 3px 2px #361533;
}

.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:#ac0000; color:rgba(172, 0, 0, 1); }
#design:hover	  	{ color:#ff0000; color:rgba(255, 0, 0, 1); }

#domainspanel 		{ background-color:#ff5a00; background-color:rgba(255, 90, 0, 0.8); }
#domains	    	{ color:#870087; color:rgba(135, 0, 135, 1); }
#domains:hover		{ color:#ff5a00; color:rgba(255, 90, 0, 1); }

#emailpanel   		{ background-color:#085204; background-color:rgba(8, 82, 4, 0.8); }
#email		    	{ color:#c80000; color:rgba(200, 0, 0, 1); }
#email:hover	  	{ color:#085204; color:rgba(8, 82, 4, 1); }

#hostingpanel 		{ background-color:#0000c8; background-color:rgba(0, 0, 200, 0.8); }
#hosting	    	{ color:#3296c8; color:rgba(50, 150, 200, 1); }
#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.6); }

#newpricing   		{ background-color:#cd5c5c; background-color:rgba(205, 92, 92, 1); font-family: "GeosansLight", "Century Gothic", sans-serif; }
#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;}

#panels { position:relative; top:10px; margin: 0 auto; }

.designpanels {
	margin:0 5px 15px 5px;
	-webkit-border-radius:25px;
	border-radius:25px;
/*	border:1px solid #000000; */
/* 	padding:0px 15px 15px 15px; */
/* 	text-decoration:none; */
  background: #007700; /* For browsers that do not support gradients */
/*  background: -webkit-linear-gradient(left top, #007700, #0077ff);  For Safari 5.1 to 6.0 */
/*  background: -o-linear-gradient(bottom right, #007700, #0077ff);   For Opera 11.1 to 12.0 */
/*  background: -moz-linear-gradient(bottom right, #007700, #0077ff); For Firefox 3.6 to 15 */
  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); }