margin,
body
{
  margin : 0px;
}

body
{
  font-size : 62.5%;
  font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
}

a
{
  color : red;
  text-decoration: underline;
}

#site
{
  position : relative;
  width   : 960px;
  height  : 610px;
  margin  : auto;
}

#header
{
  height : 80px;
  background-color: white;
}

#navigation
{
  position : absolute;
  top : 0px;
  margin-left: 80px;
  width : 800px;
  height: 100px;
  background-color: white;
  z-index: 3;
}

#navigation a
{
  color:black;
  text-decoration: none;
}

#footer
{
  position : absolute;
  bottom : 0px;
  margin-left: 80px;
  width : 800px;
  height: 20px;
  background-color: white;
  z-index: 3;
}

#images
{
  position : absolute;
  z-index: 2;
  top : 80px;
  width: 960px;
  height: 530px;
  background-color: gainsboro;
}

#images img
{
  position : absolute;
}

#img_L_a, #img_L_b{  }
#img_M_a, #img_M_b{ left : 320px; }
#img_R_a, #img_R_b{ left : 640px; }

#logo
{
  position : absolute;
  bottom : 17px;
  border:0px;
}

#nav_1,
#nav_2
{
  position  : absolute;
  top   : 26px;
  left  : 78px;
}

#nav_2
{
  top   : 50px;
}

#nav_1 a,
#nav_2 a
{
  font-size: 1.3em;
  letter-spacing: -0.05em;
  margin-right: 20px;
}

#page,
#articles
{
  position:absolute;
  z-index:10;

  top:120px;
  left:80px;
  width:800px;
  height:450px;
}

#articles
{
  top:200px;
  left:160px;
  width:700px;
  height:350px;

  overflow:hidden;
}

#page
{
  background-color:black;
}

.article
{
  margin-right: 80px;
  color : white;
}

.article h1,
.article p
{
  margin : 10px 0px;
}

.article h1
{
  font-size: 1.4em;
}

h1
{
  display: none;
}

.article p
{
  font-size: 1.1em;
}

// scroller
.scroll-track{
height:10px;
width:8px;
}

.scroll-handle{
height:10px;
width:8px;
background:red;
cursor:pointer;
}

#flikrlisting img
{
  display : inline;
  margin  : 0 15px 15px 0;
  border  : 0px;
}

.disabler
{
  position:absolute;
  background-color: black;
  height:100%;
  width:100%;
  top:0;
  z-index: 11;
}