/*
    Document   : screen
    Created on : Feb 3, 2010, 9:59:25 AM
    Author     : Owner
    Description:
        Purpose of the stylesheet follows.

*/

/*
Css Selectors
1- Element selector - you declare the element name (e.g. body)
2- ID selector - it controls elements that have an id attribute (e.g. #header)
3- Context selector: the name of the parent followed by the name or type of
   the descendant
4- Class selector - controls elements and is reusable (e.g. .red)
<img src="images/logoa.jpg" width="40" height="25" alt="Logo for rubenmaldonado.info"/>
*/

body{
    background-color: #E6E6E6;
}
#wrapper {
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: -20px;
background-color:aqua;
overflow: auto;
}


#header{
    width: 100%;
    height: 200px;
    background-color: #FF8000;

}
#navigation{
    height: 25px;
    width: 100%;
    background-color: red;
    margin-top: 65px;
      

}
    #centerbox{

    width: 100%;
    margin-top: 10px;

}

#left{

    width: 20%;
    background-color:#81BEF7;
    float: left;
    border-radius: 100px;
   -moz-border-radius: 25px;
   -webkit-border-radius: 25px;
   -o-border-radius:radius 25px;
   box-shadow: 3px 3px 3px #666;
   -moz-box-shadow:3px 3px 3px #666;
   -webkit-box-shadow: 3px 3px 3px #666;
   -o-box-shadow: 3px 3px 3px #666;




}
#content{

   width: 77%;
   background-color: #D8D8D8;
   float: right;
     


}

#footer{

    width: 100%;
    height: 160px;
    background-color: yellow;
    float: right;
     
   }