body
{
 font-family: verdana, arial, sans-serif;
 text-align: left;
 text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000";
}

#imgcontainer
{
      margin: 20px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      border-style: solid;
      border-width: 2px;
      border-color: black;
      width: 100%;	
      max-width:1280px;
      height:100%;
      max-height:760px;
      position:relative;
      z-index: 9;
}


#rbutt
{
    width:200px;
    height:760px;
    background:url(../resources/rarrow_0.png) no-repeat;
    background-position: 138px 50%;
    border-style:none;
    outline:none;
    position:absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
}

#rbutt:hover
{
    background:url(../resources/rarrow_1.png) no-repeat;
    background-position: 138px 50%;
}

#lbutt
{
    width:200px;
    height:760px;
    background:url(../resources/larrow_0.png) no-repeat;
    background-position:20px 50%;
    border-style:none;
    outline:none;
    position:absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}

#lbutt:hover
{
    background:url(../resources/larrow_1.png) no-repeat;
    background-position:20px 50%;
}

#cbutt
{
    width:100px;
    height:100px;
    background:url(../resources/center_0.png) no-repeat;
    border-style:none;
    outline:none;
    position:absolute;
    left: 590px;
    top: 330px;
    z-index: 2;
}
#cbutt:hover
{
    background:url(../resources/center_1.png) no-repeat;
    background-position: 50% 50%;
}


#dayminus
{
    width: 324px;
    height: 100px;
    background:url(../resources/dayminus_0.png) no-repeat;
    background-position: 50%;
    border-style: none;
    outline:none;
    position:absolute;
    left: 478px;
    bottom: 0px;
    z-index: 2;
 }

 #dayminus:hover
{
    background:url(../resources/dayminus_1.png) no-repeat;
    background-position: 50%;
}


 #dayplus
{
    width: 324px;
    height: 100px;
    background:url(../resources/dayplus_0.png) no-repeat;
    background-position: 50%;
    border-style: none;
    outline:none;
    position:absolute;
    left: 478px;
    top: 0px;
    z-index: 2;
 }
 
  #logo
{
    width: 141px;
    height: 30px;
    background:url(../resources/OWM_small_white.png);
    background-repeat: no-repeat;
    background-size:contain;
    background-position: 1100;
    border-style: none;
    outline:none;
    position:absolute;
    left: 1175px;
    top: 705px;
    z-index: 2;
 }

 #logo:hover
 {
 background:url(../resources/OWM_small_white.png);
 background-repeat: no-repeat;
 background-size:contain;
 }


#dayplus:hover
{
    background:url(../resources/dayplus_1.png) no-repeat;
    background-position: 50%;
}

.topbox
{
width:1024px;
padding:10px;
border-style:5px solid gray;
margin:0px;
background-color="#2F1AB4";
}

#bottom_container
{
		margin: 20px 0px 0px 0px;
		padding: 0px;
		position: absolute;
		top: 765px;
		left: 8px;
		width: 100%;
		height: 51px;
		max-width:1280px;
		background-color: #FFFFFF;
		color: #000000;
		border-style: none;
		border-width: 2px;
		border-color: black;
}

#darksky
{
 background:url(../resources/poweredby-oneline.png);
 background-repeat: no-repeat;
 background-size:contain;
 position: absolute;
 right: 0px;
 width: 141px;
 height: 30px;
 border-style: none;
 }

 #darksky:hover
 {
 background:url(../resources/poweredby-oneline-darkbackground.png);
 background-repeat: no-repeat;
 background-size:contain;
 }