/* 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:#FFFFFF;
}

/* 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: #623D36;
        text-align: justify;
        padding: 5pt 2pt 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 */
.alltd3 {
        background-image:  url(grafika/tlom2.jpg);
        color: #BF4E3C;
       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: #E7E2C9;
}

/* 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;
}

/* 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;
}

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

.container h1 {
        color: #613C35;
        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: 20px;
        margin-right: 10px;
        width: 190px;
        color: #FFFFFF;
        font-size:11;
                
       }
       
       /* the menu1 / navigation system */
.menu1 {
        font-family: verdana,arial,tahoma,helvetica,sans-serif;
        margin-left: 10px;
        margin-right: 10px;
        width: 200px;
        color: #FFFFFF;
        font-size:11;
                
       }

    
      
/* the pmenu / navigation system */
.pmenu {
        margin-left: 30px;
        width: 100px;
        color: #F0FFF0;
        background-color: #E7E2C9;
        }
        
.menucontent {
        background-color: #E7E2C9;
        margin-left: 10px;
        margin-right: 580px;
        width: 200px;
        padding: 10px;
        color: #54352E;
        font-size:11;
}

.menucontent a:link, .menucontent a:active, .menucontent a:visited {
        color: #623D36;
}

.menucontent a:hover {
        color: #623D36;
        text-decoration:none;
}
.menu a:link, .menu a:active, .menu a:visited {
        background-color: #BF4E3C;
        display: block;
        padding: 3px;
        padding-left: 10px;
        color: #FFFFFF;
        text-decoration: none;
        border-bottom: 1px solid #E7E2C9;
        width: 200px;
}

.menu a:hover {
        background-color: #953C2F;
        display: block;
        padding: 3px;
        padding-left: 10px;
        color: #FFFFFF;
        text-decoration: none;
        border-bottom: 1px solid #E7E2C9;
        width: 200px;
}

#home #item1, #about #item2, #contact #item3, #products #item4, #news #item5, #link #item6 { 
                background: #741918 url(disc.gif) no-repeat left center;
}

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: #623D36;
        width: 800px;
        font-size: 8pt;
        color: #FFFFFF;
        padding: 9pt 0pt 0pt 5pt;
}

.footer a:link, .footer a:active, .footer a:visited {
        color:#E7E2C9;
}

.footer  a:hover {
        color:#E7E2C9;
        text-decoration:none;
}

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

.clearfix {display: inline-table;}
  


a.td:link,a.td:visited { color: #BF4E3C; text-decoration: underline; font-size: 8pt; font-weight: normal;}
a.td1:link,a.td1:visited {color: #bbbbbb; 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: none;}                        
a.itmenu2:hover { text-decoration: underline;}  
a.itmenu3:hover { text-decoration: underline;}      
a.itmenu4:hover { text-decoration: underline;}   
a.itmenu5:hover { text-decoration: underline;}   

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