/* =============== id ==================================================*/

#container
{
position:relative;
margin-left: 40px;
height:480px;
width: 900px; 
border: 1px solid red;
background: #FFF;
}

#nav_buttons
{
position: absolute;
bottom: 20px;
left: auto;
right: auto;
background-color:#FFE7C6; 
height: 2.5em;
width: 100%; 
text-align: center; 
}

#boxfix
{
display: block;
background-color:#FFE7C6; 
width: 100%;
padding: 0px;
float: left;
}

#album
{
display: block;
background-color:#FFE7C6; 
padding: 2px 40px; 
text-align: center; 
float: left;
}


/* =============== class ==================================================*/

.col1
{
    margin-top: 40px;
    width: 150px;
    float: left;
}

.col2
{
    width: 300px;
    float: left;
}

.col3
{
    margin-top: 40px;
    margin-left: 30px;
    width: 150px;
    float: left;
}

.center
{
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

.floatleft
{
    float: left;
}

.float_left > img
{
    float:left;
}

.float_right > img
{
    float: right;
}
 


/* =============== element ==================================================*/

body
{
    background-color: #FF9966;
}


h1, h2, h3 
{
    color: #FF6600; 
    font: bold 1em Verdana, Arial, Helvetica, sans-serif;
}
  
h2
{
    font-size: .8em;
}
  
h3
{
    font-size: .7em;
}
 
a:link {color: blue;} 
a:visited {color: purple;}
a:hover {color: red; background: silver;}

p
{
    font:  .8em Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.4em;
}


 
#doors_big_box, #doors_box1, #doors_box2, #doors_box3   
{
float:left;
height:335px;
}
 
#doors_big_box   

{
width:720px;
margin: 5px 0px;
}

#doors_box1, #doors_box3  
{
width:140px;
overflow:auto;
padding: 10px 0px;;
}

#doors_box2   
{
width:400px;
padding: 10px;
}

input
{
display: block;
height: 55px;
padding: 0px;
margin: 0px 2px;
float: left;
}

img
{
display: block;
margin: 0px 4px;
float: left;
}