body {
    border: 1px solid rgb(105,105,105);
    width: 800px;     
    margin: 1em;
}


.container {
    background-color: rgb(196,223,155);
    margin: 1em;
}

#content {
    width: 700px;
    margin: 1em;
    border: 1px solid rgb(0,0,0);
    background-color: rgb(209,217,89);
}

div#content img{
 float: right;
   
}

/* --------------- NAVIGATION --------------------- */

div#navigation  {
    height: 30px;
    width: 100%;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
    background-color: rgb(130,133,102); 
}

div#navigation ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #FFF;
    line-height: 30px;
    white-space: nowrap;
}

div#navigation li {
    list-style-type: none;
    display: inline;
}

div#navigation li a {
    text-decoration: none;
    padding: 7px 10px;
    color: #FFF;
}

div#navigation li a:link {
    color: #FFF:
}

div#navigation li a:hover {
    color: #FFF;
    background-color: rgb(144,147,116); 
}



/* ------------- BOXES ----------------------------- */

#productbox_tabular, #productbox_paragraph {
    width: 300px;
    margin: 1em;
    border: 1px solid rgb(0,0,0);
    background-color: rgb(255,255,255);
}

#infobox_tabular, #infobox_paragraph {
    width: 300px;
    margin: 1em;
    border: 1px solid rgb(0,0,0);
    background-color: rgb(235,235,235);
}

#gallerybox {
    width: 500px;
    margin: 1em;
    border: 1px solid rgb(0,0,0);
    background-color: rgb(235,235,235);
}


/* ----------- FOOTER ---------------------------- */

#footer {
    padding: 1em;
    background-color: rgb(215,177,177);
    text-align: right;
    font: 80%/1.3em tahoma, sans-serif;
    border: 1px solid rgb(0,0,0);
}

#footer ul{
   padding : 1em 1em 1em 0;
   margin : 0;
}

#footer ul li{
   display: inline;
   padding-left : 1em;
   padding-right : 1em;
   font-family: arial, sans-serif;
   list-style-type: none;
}


#footer ul a{   
   text-decoration: none;
   list-style-type: none;
}


#footer ul li a:hover{
   text-decoration: underline;
}

#footertext {

   text-align: right;   
   font-weight: normal;
   padding : 0 1em 1em 1em;
}


/*
div#footer {
    clear: both; padding-top: 3em;
    font: 85% Verdana, sans-serif;
}
*/

.clear {
clear:both;
margin-top:-1px;
height:1px;
overflow:hidden;
}
/* ------------- GALLERY ----------------------------- */


dl.gallery { 
    background-color:#FFFF66;
	border: 1px solid black;   
}

dt.gallery {
    font-size: x-large; 
}

dd.gallery { 
    float: left;
    width: 120px;
	height: 150px;
	border: 1px solid black;
	background-color: rgb(255,255,255);
	font-size: x-small;
	margin: 5px;
	text-align:center;
	padding-top: 5px;
}

img.gallery {
    border: 1px solid rgb(105,105,105);

}