html{

//display: table;

}



/* test style sheet working */

h1{

color: #00ff00;

}



body {

//display: table-row;

background-image: url('../img/polka.png');

padding:40px 100px;

font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;

font:normal 14px arial;text-decoration:none;line-height: 1.3em; display:block;

}



.container{

//background-image: url(../img/polka_vas.png);

background-image: url('../img/polka_dim.png');

//background-color: #ffffff;

//opacity:0.95;

//filter:alpha(opacity=95);

//-moz-opacity:0.95;

//-khtml-opacity: 0.95;

border: 1px solid red;

width: 850px;

padding: 0px 0px 50px 0px;

-moz-border-radius-bottomleft:20px;

-webkit-border-bottom-left-radius:20px;

-moz-border-radius-bottomright:20px;

-webkit-border-bottom-right-radius:20px;

-moz-border-radius-topleft:20px;

-webkit-border-top-left-radius:20px;

-moz-border-radius-topright:20px;

-webkit-border-top-right-radius:20px;

min-height: 450px;

}



ul.menu { margin:0;padding:0; }

ul.menu {position: relative; top: 10px; left: -450px; float: right;}



ul.menu li { display:block;padding:0; float:left;text-align:left;margin-right:0.5em; }

ul.menu li a { color:#000000;font:bold 14px arial;text-decoration:none;line-height: 1.3em; display:block; }

ul.menu li a:hover { color:#ffc300; }

ul.menu li span { font:11px arial; color:#666; margin:0; }

ul.menu li span:hover {color:#999;}

ul.menu li.thispage{ color:#ff0000;font:bold 14px arial;text-decoration:none;line-height: 1.3em; display:block; }



/* get rid of those system borders being generated for A tags */

a:active {

  outline:none;

}



:focus {

  -moz-outline-style:none;

}



h2.gat_logo {

background-image: url('../log.png');

width: 505x;

height: 110px;

margin-top: 20px;

margin-left: 20px;

margin-bottom: 20px;

background-repeat:no-repeat;

}



.content {

//border:1px dotted purple;

margin-top: 40px; 

}



.column {

display: table-cell;

padding: 20px;

width: 40%;

//border:1px dotted black;

}



#firstcol{

width: 5%;

}



#vintage{

position: relative;

top: 5px;

}



#retro{

//border:1px dotted black;

position: relative;

top: 5px;

}

#hand{

position: relative;

left: 25px;

top: 15px;

}

#tel{

position: relative;

left: 95px;

top: 155px;

}





/* earth & transmitter image within floatbox*/

.floatbox{

position: relative;

top: -140px;

float: right;

width: 127px;

height: 128px;

background-image: url('../earth.png');

}



p {

display: block;

}



.pieces {

width: 400px;

margin: 10px auto auto 80px;

//border: 1px dotted yellow;

}



.pieces .piece {

float: left;

//border: 1px solid red;

}



#current {

float: right;

position: absolute;

z-index: 100;

font-size: 2em;

margin-left: 480px;

margin-top: 140px;

font-family: Helvetica, Arial, sans-serif;

font-weight: bold;

//color: #c5c5c5;

color: #989292;

}



#next {

background-image: url(../img/bk.png);

//width: 155px;

//height: 136px;

width: 46px;

height: 45px;

margin-left: -75px;

margin-top: 130px;

float: left;

display: block;

cursor: pointer;

}



#next:hover {

background-image: url(../img/bk_h.png);

}



#prev {

background-image: url(../img/fd.png);

//width: 172px;

//height: 136px;

width: 46px;

height: 45px;

margin-right: -74px;

margin-top: 130px;

float: right;

display: block;

cursor: pointer;

}



#prev:hover {

background-image: url(../img/fd_h.png);

}



#givemeabreak {

display: block;

height: 290px;

//border: 1px dotted brown;

}



#inside {

display: block;

position: absolute;

width: 400px;

overflow: hidden;

border: 1px solid #c5c5c5;

}

	

#wrapper {

display: block;

width: 10000px;

//border: 1px solid green;

}