html,body {
 margin:0px;
 padding:0px;
 height:100%;
}

#left{
 position:absolute;
 left:0px;top:0px;	
 width:20%;
 height:100%;
 float:left;
 background-color:#ffda44;
 background-image:url('images/bg.jpg');
 background-size: auto 100%;
}

#right{
 position:absolute;
 left:20%;top:0px;
 width:75%;
 height:100%;
 background-color:#FFF;
 float:left;
 border-left: 3px solid #000;
 border-right: 3px solid #000;
}

#right iframe{
 position:absolute;
 left:0px;top:0px;
 width:100%;
 height:100%;
 background-color:#FFF;
 border:0px;
}


#rightend{
 position:absolute;
 right:0px;top:0px;
 width:5%;
 height:100%;
 float:left;
 background-color:#ffda44;
 background-image:url('images/bg.jpg');
 background-size: auto 100%;
 background-position:center center; 
}	

#rightend div{
 height:40%;
 width:100%;
 background:rgba(0,0,0,0.5);
 position:absolute;
 bottom:0px;
 padding-bottom:35px;
 padding-top:15px;
}






#header{
 position:absolute;
 top:2%;

 height: 30%;
 width: 100%;
 background-image:url('images/header.png');
 background-size: 100% auto;
 background-repeat:no-repeat;
}



#menu{
 height:auto;
 width:100%;
 background:rgba(0,0,0,0.5);
 position:absolute;
 bottom:0px;
 padding-bottom:35px;
 padding-top:15px;
 text-align:center;
 padding-right:25px;
 text-shadow: 0px 0px 10px #111;
 color: #CCC;
 font-size: 1.5em;
 font-family:"Times New Roman", Times, serif;
}

#menu hr{
 width:70%;
 border:1px solid #CCC;
 box-shadow: 0px 0px 10px #111;
}

#menu a{
 text-decoration:none;
 color: #CCC;
}

#footer{
 height:2.4em;
 position:absolute;
 bottom:0px;
 left:0px;
 color:#CCC;
 text-shadow: 0px 0px 10px #222,0px 0px 20px #111,0px 0px 30px #000;
 width:100%;
 font-size:0.8em;
 font-variant:small-caps;
 font-weight:bold;
 text-align: center;
}