body
{
    /*//TODO : fix background image */
    background-image: url(images/background/index2_01.jpg);
    text-align:justify;
    font-family:Verdana;
    
}
a, a:visited{color: #693D00;}
h1, h2, h3
{
    margin:0;    
}


#container
{
    width:958px;
    margin:0px auto;
    background-color: #FCF3D4;
}
#header
{ 
    color:#FCF3D4;
    font-style: italic;
    font-family: Georgia, Times New Roman, Serif;
    height: 282px;
    background: transparent url(images/background/header.jpg) no-repeat center ;
}
#headerText
{
    padding: 170px 0 0 3em;   
}
#headerText span
{
    display: block;
    padding-left: 2.5em;
}
#headerMenu
{
    position:relative;
    top: 24px;
    left: -25px;
    height: 43px;
}
#headerMenu h1
{ 
    font-size: 100%; 
}
#headerMenu li
{ 
    font-weight: bold;
    list-style: none;
    display:block;
    height: 43px;
    margin: 0; 
    padding: 0;
    top: 0;
    position: absolute;  
    line-height: 43px;
}

#headerMenu a {
     display: block; text-decoration:none;
   position:absolute; text-align:center;height: 43px;line-height: 43px; color: #FCF3D4;}

#selectedMenu1, #selectedMenu2, #selectedMenu3, #selectedMenu4, #selectedMenu5
{
    color: #693D00!important;
}
#menu1
{
    left: 0;
    background: transparent url(images/menu/menu1.jpg) 0 0 no-repeat;
}
#menu2
{
    left: 148px;
    background: transparent url(images/menu/menu2.jpg) 0 0 no-repeat;
}
#menu3
{
    left: 275px;
    background: transparent url(images/menu/menu3.jpg) 0 0 no-repeat;
}
#menu4
{
    left: 402px;
    background: transparent url(images/menu/menu4.jpg) 0 0 no-repeat;
}
#menu5
{
    left: 529px;
    background: transparent url(images/menu/menu5.jpg) 0 0 no-repeat;
}
#menu2, #menu3, #menu4, #menu5,
#menu2 a, #menu3 a, #menu4 a, #menu5 a
{  
    width: 127px;
}
#menu1, #menu1 a
{     
    width: 148px;
}
#menu1 a:visited, #menu2 a:visited, #menu3 a:visited, #menu4 a:visited, #menu5 a:visited
{
    color: #FCF3D4;
}
#menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover
{
    color: #693D00;
}

#menu1 a:hover, #selectedMenu1
{
    background: transparent url(images/menu/menu1.jpg) 0 -43px no-repeat;
}
#menu2 a:hover, #selectedMenu2
{
    color: #693D00;
    background: transparent url(images/menu/menu2.jpg) 0 -43px no-repeat;
}
#menu3 a:hover, #selectedMenu3
{
    background: transparent url(images/menu/menu3.jpg) 0 -43px no-repeat;
}
#menu4 a:hover, #selectedMenu4
{
    background: transparent url(images/menu/menu4.jpg) 0 -43px no-repeat;
}
#menu5 a:hover, #selectedMenu5
{
    background: transparent url(images/menu/menu5.jpg) 0 -43px no-repeat;
}
#content
{
    color: #693D00;
    padding: 3em 2em 2em 2em;
    background: transparent url(images/background/content.jpg) no-repeat bottom right;
    margin-right: 1em;
    height: 100%;
}
#content h2
{
    padding: 0.5em 0 2em 2em;
    
}
#content a
{
    text-decoration:none;
    border-bottom: dotted 1px #693D00;
    color: #693D00;
}
#contentText
{
    width: 600px;
    min-height: 00px;
}
#contentText strong
{
    padding: 2em;
}
#contentImage
{
    padding: 3.5em 0 0 2em;
}
#contentImage, #contentText
{
    float:left;
}
.contentImage
{
    float: left;
    padding: 0 1em 0 0;
}
#info
{
    color: #FCF3D4;
    height: 290px;
    background: transparent url(images/background/info.jpg) no-repeat center ;
}
#info div
{
    float: left;
}
#info div h3
{
    font-family:Georgia, Times New Roman, Serif;;
    font-size: 160%;
    font-weight:normal;
    padding: 1em 0 1em 2em;
}
#latest
{
    width: 322px;
}
#latest #latestImage,
#latest #latestText
{
    padding: 0 0 0 4em;
}
#contentletter
{
    width: 334px;
}
#contentletter #contentletterInfo
{
    padding: 0 2em 0 2em;
}
#contentcontact
{
    width: 278px;
    padding-left: 0.5em;
}
#contentcontact a
{
    font-style:italic;
    color: #FCF3D4;  
    text-decoration: none;
}
#footer
{
    color: #693D00;
    height: 85px;
    background: transparent url(images/background/footer.jpg) no-repeat 0;    
}
#footerMenu
{
    padding: 0.7em 0 0 7em;
}
#footerMenu h1
{ 
    font-size: 85%; 
}
#footerMenu li
{ 
    font-weight: bold;
    float:left;
    margin: 0 1.5em 0 1em;
}

#footerMenu li a:hover
{
    color: #F3E1B1;
    background-color: #693D00;
}
#footerMenu #copyright
{
    float: right;
    font-size: 85%;
    font-family: Georgia, Times New Roman, Serif;
    padding-right: 2em;
}

form label{
    float: left;
    width: 120px; 
}

form #user, form #email, form #phone{
    width: 150px;
    margin-bottom: 5px;
}

form #subscribe{
    margin: 1em 0 0 1em;
    padding: 0 1em 0 1em;
    width:inherit;
}

form br{
    clear: left;
}

#products
{
    text-align:center;
}
.product
{
    float:left;
    width: 290px;
    
}
.product h3
{
    padding: 1em 0 1em 0;
}
.product div
{
    height: 180px;
    text-align:justify;
    margin: 0.5em 1.5em 0 1.5em;
}