body
{ background:#44a;
text-align:center;
font-family:trebuchet ms,sans-serif }


.main{background-image:url(/images/priorart.jpg);
margin:0px auto;
padding:130px 18px 18px 18px;
width:764px; height:452px; text-align:center; 
background-repeat:no-repeat;
border:2px solid #88d }

.design
{ background:#fff; border:#000 dashed 1px; width:60%;
padding:12px 32px;
margin:0px auto 32px auto}

.design h1 { font-size:1.2em; color:#006 }

.grey { background:#eee; border-color:#555; font-family:trebuchet ms;
font-size:1.3em; padding:3px}
.go { background:#ccc; border-color:#555; font-family:trebuchet ms}

table { margin:0px auto; }


.tinylink { font-size:0.7em; color:#44a; text-align:center;
background:#dde; border:#000 dashed 1px;
border-width:0px 0px 1px 0px; padding:0px 0px 8px 0px}
.tiny { font-size:0.7em; color:#44a; text-align:justify}

form { margin:4px 0px; padding:0px 8px 16px 8px;
background:#dde; border:#000 dashed 1px;
border-width:0px 0px 1px 0px; }

.google {
background:#dde; border:#000 solid 1px;
padding:4px 8px; }

.blurb { width:300px; background:#fff; padding:8px;
background:#dde; border:#000 solid 1px; vertical-align:top;
 }


.leftbox { width:300px; float:left; xdisplay:inline-table; }
.rightbox { width:300px; float:right; xdisplay:inline-table; }

@media screen and (max-width: 480px) {
.main {width:100%;padding:8px 0px 0px 0px;height:100%;background-position:center -100}

  .leftbox { float:none; display:block; margin:4px auto }
  .rightbox { float:none; display:block; margin:4px auto; padding:-8px -8px 0px 0px}
}