/* CSS Document */

/* Make sure all browsers define parent width */
html {
        width: 100%;
}

/* Body of the document */
body {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 100%;
        font-family: " verdana, arial";
        font-size: 11;
        color: #000000;
        background-color:#b6aa84;
}

/* Wrapper */
.all {
        padding-top: 0px; 
        text-align: center; 
        width: 100%;
}

/* fonttd */
.alltd {
        font-family: verdana,arial,tahoma,helvetica,sans-serif;
        text-align: left;
        font-size: 10pt;
}

/* fonttd */
.alltd1 {
        
        font-family: verdana,arial,tahoma,helvetica,sans-serif;
        color: #3e2d19;
        text-align: justify;
        padding: 15pt 15pt 15pt 15pt; 
        font-size: 10pt;
}

/* fonttd */
.alltd11 {
        
        font-family: verdana,arial,tahoma,helvetica,sans-serif;
        color: #623D36;
        text-align: center;
        padding: 8pt 8pt 8pt 8pt; 
        font-size: 10pt;
}

/* fonttd */
.alltd2 {
        
       font-family: verdana,arial,tahoma,helvetica,sans-serif;
        text-align: left;
         color: #623D36;
        padding: 5pt 20pt 20pt 10pt; 
        font-size: 8pt;
}

/* fonttd */
.alltd22 {
        
       font-family: verdana,arial,tahoma,helvetica,sans-serif;
        text-align: center;
         color: #623D36;
        padding: 5pt 20pt 20pt 10pt; 
        font-size: 8pt;
}

/* fonttd */
.alltd23 {
        
       font-family: verdana,arial,tahoma,helvetica,sans-serif;
        text-align: left;
         color: #623D36;
        padding: 5pt 5pt 5pt 5pt; 
        font-size: 8pt;
}

/* fonttd */
.alltd24 {
        
       font-family: verdana,arial,tahoma,helvetica,sans-serif;
        text-align: center;
         color: #623D36;
        padding: 5pt 5pt 2pt 2pt; 
        font-size: 8pt;
}

/* fonttd */
.alltd25 {
        
       font-family: verdana,arial,tahoma,helvetica,sans-serif;
        text-align: justify;
         color: #623D36;
        padding: 5pt 5pt 2pt 2pt; 
        font-size: 9pt;
}

/* fonttd */
.alltd27 {
        
       font-family: verdana,arial,tahoma,helvetica,sans-serif;
        text-align: right;
        color: #623D36;
        padding: 2pt 5pt 5pt 5pt; 
        font-size: 8pt;
}

/* fonttd */
.alltd13 {
        
       font-family: verdana,arial,tahoma,helvetica,sans-serif;
        text-align: left;
         color: #623D36;
        padding: 5pt 5pt 5pt 5pt; 
        font-size: 10pt;
}

/* fonttd */
.alltd3 {
        background-image:  url(grafika/tlom5.jpg);
        color:#3e2d19;
       font-family: verdana,arial,tahoma,helvetica,sans-serif;
        text-align: left;
        padding: 5pt 0pt 5pt 10pt; 
        font-size: 11pt;
}

.alltd33 {
        background-image:  url(grafika/tlom2.jpg);
        color: #BF4E3C;
       font-family: verdana,arial,tahoma,helvetica,sans-serif;
        text-align: center;
        padding: 5pt 0pt 5pt 10pt; 
        font-size: 11pt;
}


/* fonttd */
.alltd4 {
        background-image:  url(grafika/tlom2.jpg);
        color: #BF4E3C;
       font-family: verdana,arial,tahoma,helvetica,sans-serif;
        text-align: left;
        padding: 5pt 10pt 5pt 10pt; 
        font-size: 11pt;
}

/* fonttd */
.alltd5 {
        background-image:  url(grafika/logommg2.jpg);
        color: #BF4E3C;
       font-family: verdana,arial,tahoma,helvetica,sans-serif;
        text-align: left;
        font-size: 10pt;
}

/* Your box */
.box {
        background-image:  url(grafika/logommg2.jpg);
        border: 0px; 
        margin-left: auto; 
        margin-right: auto; 
        padding: 0px; 
        text-align: left; 
        width 500px;
}


/* the dark brown header */
.header {
        background: #623D36;
        height: 100px;
        width: 800px;
        color: #FFFFFF;
        text-align:right;
}

.header h1 {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-size: 260%;
        color: #3e2d19;
}

/* the bottom of the header, rounded corners */
.headerbottom {
        background: #623D36;
        padding: 3pt 0pt 0pt 0pt;
        height: 18px;
        width: 800px;
        color: #000000;
}

.headerbottom img {
        float:right;
}

.headerbottom2 {
        font-family: verdana,arial,tahoma,helvetica,sans-serif;
        background-image:  url(grafika/tlom63.jpg);
        width: 800px;
        height: 20px;
        font-size: 8pt;
        color: #623D36;
        
}

/* holds the content in place */
.areahold {
font-family: verdana,arial,tahoma,helvetica,sans-serif;
        background-image:  url(grafika/tlom.jpg);
        width: 800px;
        
        color: #000000;
}

/* holds the content in place */
.areahold2 {
font-family: verdana,arial,tahoma,helvetica,sans-serif;
        background-image:  url(grafika/tlom3.jpg);
        width: 800px;
        
        color: #000000;
}

/* holds the content in place */
.areahold3 {
font-family: verdana,arial,tahoma,helvetica,sans-serif;
        background-image:  url(grafika/tlom4.jpg);
        width: 800px;
        
        color: #000000;
}

/* container */
.container {
        float:left;
        width: 363px;
        padding: 10px;
        background: #FFFFFF url(container-bottom.jpg) no-repeat left bottom;
        color: #000000;
}

.container h1 {
        color: #3e2d19;
        font-size: 120%;
        margin: 0px;
        padding: 0px;
}

/* container top, rounded corners*/
.containertop {
        background: #FFFFFF url(container-top.jpg) no-repeat left top;
        height: 15px;
        width: 383px;
        color: #000000;
}

/* container bottom, rounded corners */
.containerbottom {
        background: #FFFFFF url(container-bottom.jpg) no-repeat left bottom;
        height: 15px;
        width: 383px;
        color: #000000;
}

/* left hand side text column */
.leftcolumn {
        width: 163px;
        padding: 10px;
        text-align: justify;
        border-right: 1px solid #E7E2C9;
        color: #000000;
        background-color:#FFFFFF
}

/* right hand side text column */
.rightcolumn {
        width: 163px;
        padding: 10px;
        float: right;
        text-align: justify;
        color: #000000;
        background-color:#FFFFFF;
}

/* the menu / navigation system */
.menu {
        font-family: verdana,arial,tahoma,helvetica,sans-serif;
        margin-left: 10px;
        margin-right: 15px;
        width: 200px;
        color: #FFFFFF;
        font-size:11;
                
       }
       
       /* the menu1 / navigation system */
.menu1 {
        font-family: verdana,arial,tahoma,helvetica,sans-serif;
        margin-left: 10px;
        margin-right: 15px;
        width: 200px;
        color: #FFFFFF;
        font-size:11;
                
       }

    /* the pmenu / navigation system */
.pmenu {
        margin-left: 30px;
        width: 100px;
        color: #F0FFF0;
        background-color: #f4ebc4;
        }
        
.menucontent {
/*        background-color: #E7E2C9; */
background-image:  url(grafika/tlom66.jpg);
        margin-left: 15px;
        margin-right: 560px;
        width: 200px;
        padding: 10px;
        color: #3e2d19;
        font-size:11;
}

.menucontent a:link, .menucontent a:active, .menucontent a:visited {
       /* color: #623D36; */
        background-image:  url(grafika/tlom67.jpg);
         color: #000000;
}

.menucontent a:hover {
        / *color: #623D36; */
        background-image:  url(grafika/tlom67.jpg);
         color: #000000;
        text-decoration:none;
}

.menu a:link, .menu a:active, .menu a:visited {
/*        background-color: #BF4E3C; */
background-image:  url(grafika/tlom66.jpg);
        display: block;
        padding: 7px;
        padding-left: 10px;
        color: #3e2d19;
        text-decoration: none;
        
        width: 193px;
        height: 25px;
}

.menu a:hover {
 /*       background-color: #953C2F; */
        background-image:  url(grafika/tlom67.jpg);
        display: block;
        padding: 7px;
        padding-left: 10px;
        color: #000000;
        text-decoration: none;
          width: 193px;
        height: 25px;
}

#home #item1, #about #item2, #contact #item3, #products #item4, #news #item5, #link #item6 { 
                /* background: #741918 url(disc.gif) no-repeat left center; */
                background-image:  url(grafika/tlom67.jpg);
                 color: #000000;
}
      

p {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

/* footer, copyright etc */
.footer {
        font-family: verdana,arial,tahoma,helvetica,sans-serif;
        background-color: #42321b;
        width: 800px;
        font-size: 8pt;
        color: #FFFFFF;
        
}

.footer2 {
        font-family: verdana,arial,tahoma,helvetica,sans-serif;
        background-image:  url(grafika/tlom7.jpg);
        width: 800px;
        font-size: 8pt;
        color:  #FFFFFF;
        
}

.footer a:link, .footer a:active, .footer a:visited {
        color :#E7E2C9;
         text-decoration: none;
}

.footer  a:hover {
        color: #FFFFFF;
        text-decoration: underline;
}

.footer2 a:link, .footer2 a:active, .footer2 a:visited {
        color:#FFFFFF;
         text-decoration: none;
}

.footer2  a:hover {
        color:#E7E2C9;
        text-decoration: underline;
}

/*clearing fix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}
  


a.td:link,a.td:visited { color: #623D36; text-decoration: none; font-size: 8pt; font-weight: normal;}
a.td1:link,a.td1:visited {color: #3e2d19; padding: 2px 10px 2px 3px; text-decoration: none; font-size: 8pt; font-weight: normal; text-align:right}
a.itmenu3:link,a.itmenu3:visited { color: #05284f; text-decoration: none; font-size: 10pt; font-weight: normal;}
a.itmenu4:link,a.itmenu4:visited { color: #c0c0c0; text-decoration: none; font-size: 10pt; font-weight: normal;}
a.itmenu5:link,a.itmenu5:visited { font-size: 8pt;  color: #c0c0c0;  text-decoration: none; font-weight:normal; font-style:italic; text-align: center}

a.td:hover { text-decoration: underline;}        
a.td1:hover { text-decoration: underline;}                   
a.itmenu2:hover { text-decoration: underline;}  
a.itmenu3:hover { text-decoration: underline;}      
a.itmenu4:hover { text-decoration: underline;}   
a.itmenu5:hover { text-decoration: underline;}   

#lightbox{        position: absolute;        left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:grafika/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../grafika/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../grafika/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%        ; }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }        
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }                        
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}                 

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */