/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2009-2012 Webcat Canada
 */




/* bof main backgrounds*/


.topwrapper {
            width:990px; 
            background-image: url(../pages/home/wrapper_bg-01.gif); 
            background-repeat: repeat-y; 
            background-position: center top;
            text-align: center;
            }

.bottomwrapper {
            width:990px; 
            height:50px;
            background-image: url(../pages/home/main-wrapper_bottom_bg.jpg); 
            background-repeat: no-repeat; 
            background-position: center top;
            }


.rooftopwrapper  {
            width:990px; 
            height:35px;
            background-image: url(../pages/home/main-wrapper_rooftop_bg.jpg); 
            background-repeat: no-repeat; 
            background-position: left top;
            display:inline-block;
            }




#leftcolumncaps {
               width:200px; 
               background-color:#7A8B91; 
               padding:5px 5px 5px 5px; 
               margin:10px 10px 2px 0px;
               background-image: X X X X url(../pages/home/right-corner_05.jpg); 
               background-position: right top;
               background-repeat: no-repeat;

               }


#leftcolumncaps1 {
               width:200px; 
               background-color:#7A8B91; 
               padding:5px 5px 5px 5px; 
               margin:10px 10px 2px 0px;
               background-image: X X X X  url(../pages/home/right-corner_02.jpg); 
               background-position: right top;
               background-repeat: no-repeat;
               }




#leftcolumncaps a:hover {
               width:200px; 
               background-color:red; 
               padding:5px 5px 5px 5px; 
               margin:10px 10px 2px 0px;
               }






a.leftcolumncaps-link {
                     display:block;
                     width:200px;
                     padding:5px 5px 5px 5px; 
                     margin:10px 0px 2px 0px;
                     text-decoration:none; 
                     color:white; 
                     font-family:Arial; 
                     font-size: 11px;
                     letter-spacing: 1px;
                     background-color:#7A8B91;
width:200px;
background:#7A8B91;
transition:width 0.8s;
-moz-transition:width 0.8s; /* Firefox 4 */
-webkit-transition:width 0.8s; /* Safari and Chrome */
-o-transition:width 0.8s; /* Opera */
                     }


a.leftcolumncaps-link:hover {
                     width: 210px;
                     padding:5px 5px 5px 5px; 
                     margin:10px 0px 2px 0px;
                     text-decoration:none;
                     color:#F0F0F0; 
                     font-family:Arial; 
                     font-size: 11px;
                     letter-spacing: 1px;
                     background-color:#AB463C; 
                     border-top-right-radius:25em;
                     border-bottom-right-radius:25em;
                     }







#lewa-ramka {
             width:220px; 
             background-color: #F0F0F0; 
             border-left: 1px solid; 
             border-right: 1px solid; 
             border-top: 3px double; 
             border-bottom: 3px double; 
             border-color: #C8D0D8;
             text-align: left; 
             vertical-align: top; 
             padding: 10px 0px 5px 8px; 
             margin: 5px 0px 5px 3px; 
             font-family:Tahoma; 
             font-size:11px; 
             color: #59696F;
             }


#lewa-ramka-2 {
             width:220px; 
             background-color: #EEF1F5; 
             border-width: 3px 1px 3px 1px; 
             border-style: double;
             border-color: #BFC8D8;
             text-align: left; 
             vertical-align: top; 
             padding: 5px 0px 5px 8px; 
             margin: 5px 0px 5px 3px; 
             font-family:Tahoma; 
             font-size:11px; 
             color: #59696F;
             }




#lewa-ramka-3 {
             width:220px; 
             background-color: #F0F0F0; 
             border-width: 3px 1px 3px 1px; 
             border-style: double;
             border-color: #C8D0D8;
             text-align: left; 
             vertical-align: top; 
             padding: 5px 0px 5px 8px; 
             margin: 0px 0px 5px 3px; 
             font-family:Tahoma; 
             font-size:11px; 
             color: #59696F;
             }



#lewa-ramka-4 {
             width:220px; 
             background-color: #EEF1F5; 
             border-left: 1px solid; 
             border-right: 1px solid; 
             border-top: 3px double; 
             border-bottom: 3px double; 
             border-color: #C8D0D8;
             text-align: left; 
             vertical-align: top; 
             padding: 10px 0px 5px 8px; 
             margin: 5px 0px 10px 3px; 
             font-family:Tahoma; 
             font-size:11px; 
             color: #59696F;
             }



.stopka-line1 {
              height:4px; 
              width:100%; 
              background-color:#EFEFEF; 
              color:#E5E5E5; 
              border:1px double;
              text-align:left; 
              margin:0px 0px 5px 3px;
              border-collapse: collapse;
              }




.stopka1 {
         text-decoration:none; 
         color: #8A969A;
         font-family:Arial; 
         font-size: 11px;
         letter-spacing: 1px;
         padding-left: 4px;
         white-space:nowrap;
         float: left;
         height:10px;
         }


a.stopka2 {
         text-decoration:none; 
         color: #8A969A;
         font-family:Arial; 
         font-size: 11px;
         letter-spacing: 1px;
         white-space:nowrap;
         }


a.stopka2:hover {
         text-decoration:underline; 
         color: #C87579;
         font-family:Arial; 
         font-size: 11px;
         letter-spacing: 1px;
         white-space:nowrap;
         }

#stopka-divider1 {
         text-decoration:none; 
         color: #8A969A;
         font-family:Arial; 
         font-size: 11px;
         letter-spacing: 1px;
         white-space:nowrap;
         text-align:right;
         float: right;
         }

#wpis-dno {
         text-decoration:none; 
         color: #717A5B;
         font-family:Tahoma; 
         font-size: 11px;
         letter-spacing: 1px;
         white-space:nowrap;
         margin-bottom: 40px;
         padding: 5px;
         border: 0px dotted #7E7E5F;
         width: 150px;
         }



a.link-dno {
         color: #838A67;
         font-family:Tahoma; 
         font-size: 11px;
         text-decoration:none; 
         letter-spacing: 1px;
         white-space:nowrap;
         margin-bottom: 40px;
         padding: 0px 5px 5px 5px;
         }





a.link-dno:hover {
         color: #5E664C;
         font-family:Tahoma; 
         font-size: 11px;
         text-decoration:none; 
         letter-spacing: 1px;
         white-space:nowrap;
         margin-bottom: 40px;
         padding: 0px 5px 5px 5px;
         }




.main-box1 {
         text-decoration:none; 
         color: #666568;
         font-family:Tahoma; 
         font-size: 11px;
         letter-spacing: 0px;
         text-align:justify;
         border: 0px solid #F7E7CB;
         margin: 15px 5px 5px 10px; 
         width: 630px;
         padding: 5px; 
         float: right;
         vertical-align:top;
         }

.main-box2 {
         text-decoration:none; 
         color: #666568;
         font-family:Tahoma; 
         font-size: 11px;
         letter-spacing: 0px;
         text-align:justify;
         border: 4px double #F7E7CB;
         margin: 15px 0px 5px 10px; 
         width:95%;
         padding: 5px; 
         line-height: 12px;
         float: right;
         }


.main-box3 {
         text-decoration:none; 
         color: #666568;
         font-family:Tahoma; 
         font-size: 11px;
         letter-spacing: 0px;
         border: 0px solid #F7E7CB;
         margin: 0px 5px 5px 0px; 
         width: 630px;
         padding: 0px; 
         float:right;
         vertical-align:top;
         }







.buttonbar {
           padding:10px 10px 25px 10px; 
           margin-left: 0px;
           color:white;
           font-family:Arial; 
           font-size: 12px;
           letter-spacing: 0px;
           background-image: url(../pages/home/button-bar-bg_001.jpg); 
           background-repeat: repeat-x; 
           height: 10px;
           float:left;
           white-space:nowrap;
           }

a.buttonbar {
           padding:10px 10px 25px 10px; 
           margin-left: 0px;
           color:white;
           font-family:Arial; 
           font-size: 12px;
           text-decoration: none;
           letter-spacing: 0px;
           background-image: url(../pages/home/button-bar-bg_001.jpg); 
           background-repeat: repeat-x; 
           float:left;
           white-space:nowrap;
           }


a.buttonbar:hover {
           padding:10px 10px 25px 10px; 
           margin-left: 0px;
           color:#F5D093;
           font-family:Arial; 
           font-size: 12px;
           text-decoration: none;
           background-image: url(../pages/home/button-bar-bg_002.jpg); 
           background-repeat: repeat-x; 
           float:left;
           border-top-right-radius:1.2em;
           border-top-left-radius:1.2em;
           white-space:nowrap;
           }

.buttonbar-home {
           padding:10px 10px 25px 15px; 
           margin-left: 0px;
           color:white;
           font-family:Arial; 
           font-size: 12px;
           letter-spacing: 0px;
           background-image: url(../pages/home/button-bar-bg_001.jpg); 
           background-repeat: repeat-x; 
           height: 10px;
           float:left;
           letter-spacing: 4px;
           }

a.buttonbar-home {
           padding:10px 10px 25px 13px; 
           margin-left: 0px;
           color:white;
           font-family:Arial; 
           font-size: 12px;
           text-decoration: none;
           letter-spacing: 4px;
           background-image: url(../pages/home/button-bar-bg_001.jpg); 
           background-repeat: repeat-x; 
           float:left;
           }


a.buttonbar-home:hover {
           padding:10px 10px 25px 13px; 
           margin-left: 0px;
           color:#F5D093;
           font-family:Arial; 
           font-size: 12px;
           letter-spacing: 4px;
           text-decoration: none;
           background-image: url(../pages/home/button-bar-bg_002.jpg); 
           background-repeat: repeat-x; 
           float:left;
           border-top-right-radius:1.2em;
           }




.buttonbar1 {
           display:inline; 
           }


.mainbar-cell {
              padding:0px; 
              text-align:left; 
              white-space:nowrap;
              width: 865px;
              background-image: url(../pages/home/button-bar-bg_001.jpg); 
              background-repeat: repeat-x;
              vertical-align: center;
              height: 35px;
              padding-top: 0px;
              }


.sm-column-left-01 {
               width:320px;
               vertical-align:top;
               text-align:justify;
               border:0px dotted grey;
               float:left;
               margin-left:0px;
               }

.sm-column-right-01 {
               width:220px;
               vertical-align:top;
               text-align:right;
               margin-left:auto;
               margin-right:auto;
               float:right;
               }

.sm-column-divider {
               width:17px; 
               height:1200px; 
               background-color:grey; 
               background-image: url(../pages/home/vertical-divider_shadow-01.jpg); 
               margin:2px 0px 0px 17px;
               float:left; 
               }  


.page-header_tlo01 {
                 background-image: url(../pages/images/horizontal-divider_shadow01.jpg);
                 background-repeat:repeat-x; 
                 background-position:0% 0%; 
                 }
                         




.agora {
        margin-top:5px;
       }  



.office-text {
        padding:9px;
        margin-top:5px;
        background-color:#FAFAFA;
        width:293px;
        border: 1px solid #E9EDF1; 
        }  





.agora-2 {
         padding-left:10px;
         font-size:11px;        
         font-family: Helvetica;
         color: #77767A;
         letter-spacing:0px;
         text-align:justify;
         margin:7px 0px 0px 0px;
         }  



/* This is a single-line comment


.agora-2 {
         padding-left:10px;
         font-size:11px;        
         font-family: Helvetica;
         color: #77767A;
         letter-spacing:0px;
         text-align:justify;
         margin:7px 0px 0px 0px;
         }  

 */






.doc-agora-2 {
         padding-left:0px;
         font-size:11px;        
         font-family: Helvetica;
         color: #77767A;
         letter-spacing:0px;
         text-align:justify;
         margin:7px 0px 0px 0px;
         }

.agora-3 {
         font-size:9px;        
         font-family: Tahoma;
         color: #87868A;
         letter-spacing:0px;
         }  

.agora-4 {
         padding-left:10px;
         font-size:11px;        
         font-family: Helvetica;
         color: #77767A;
         letter-spacing:0px;
         text-align:left;
         margin:4px 0px 0px 0px;
         }  

.agora-5 {
         font-size:9px;        
         font-family: Times Roman;
         color: #838F93;
         letter-spacing:1px;
         }  







.bullet-image-01 {
                 background-image:url(../pages/home/list-marker-red-02.jpg);
                 background-repeat: no-repeat;
                 background-position: left top;
                 padding-left: 20px;
                 }

.menago-board {
              padding:5px 5px 30px 0px; 
              margin:3px 0px 15px 15px; 
              border-bottom: 1px dotted #D3DCE4;
              width:310px; 
              float:right; 
              }



a.menago-link {
               color: #666568;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               }


a.menago-link:hover {
               color: #666568;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:underline; 
               }


.menago-link2 {
               color: #98979C;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               padding: 0px 11px 0px 0px; 
               }




a.menago-link2 {
               color: #98979C;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               padding: 0px 11px 0px 0px; 
               }


a.menago-link2:hover {
               color: #AF9775;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
 	       border-left: 6px solid #AF9775;
               padding: 0px 0px 0px 5px; 
               }




img.menago-link2 {
               color: #8B8A8E;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               padding: 0px 11px 0px 0px; 
               }


img.menago-link2: hover {
               color: #AF9775;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
 	       border-left: 6px solid #AF9775;
               padding: 0px 0px 0px 5px; 
               }





a.menago-link3 {
               color: #AF9775;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               padding: 0px 0px 0px 5px; 
               }


a.menago-link3: hover {
               color: #AF9775;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
 	       border-left: 6px solid #AF9775;
               padding: 0px 0px 0px 5px; 
               }







.claude-main {
             padding:5px 5px 5px 0px; 
             margin:3px 0px 15px 15px; 
             border-bottom:0px dotted red; 
             width:310px; 
             float:right; 
             text-align:left;
             }




a.claude-link {
               color: #666568;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               font-style:normal;
               }

a.claude-link:hover {
               color: #666568;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:underline; 
               font-style:normal;
               }

.claude-memo-tab  {
              padding:5px 5px 10px 0px; 
              margin:3px 0px 15px 15px; 
              border-bottom: 1px dotted #D3DCE4;
              width:310px; 
              float:none; 
              }



             
.red-bullet-div {
         font-size:11px;        
         font-family: Helvetica;
         color: #77767A;
         letter-spacing:0px;
         text-align:justify;
         padding-left:8px;
         margin-left:15px;
         background-image:url(../pages/home/list-marker-red-02.jpg);
         background-repeat: no-repeat;
         background-position: left center;
         }  


.small-documents {
                 padding:5px 5px 10px 0px; 
                 margin:3px 0px 5px 15px; 
                 border-bottom: 1px solid #D3DCE4; 
                 width:245px; 
                 float:right; 
                 text-align:left;
                 }


.small-documents-right {
                 padding:5px 5px 10px 0px; 
                 margin:3px 0px 5px 15px; 
                 border-bottom: 1px solid #D3DCE4; 
                 width:240px; 
                 float:right; 
                 text-align:left;
                 }





#office-ramka {
             width:315px; 
             background-color:#F0F0F0; 
             border-top: 3px double; 
             border-bottom: 3px double; 
             border-left: 1px solid; 
             border-right: 1px solid; 
             border-color: #C8D0D8;
             border-radius:0.5em;
             text-align: left; 
             vertical-align: top; 
             padding: 5px 0px 5px 8px; 
             margin: 2px 0px 0px 3px; 
             font-family:Tahoma; 
             font-size:11px; 
             color: #59696F;
             box-shadow: 18px 0px 5px #DEE2E4 inset;
             background-image: url(../pages/images/triangle_pink01.png);
             background-position:99% center;
             background-repeat:no-repeat;
             }




#office-ramka a {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #59696F;
              }



#office-ramka a:hover {
              text-decoration: none;
              background-color: #;
              padding:0px 0px 0px 2px;
              }


#office-ramka-nohover a {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #59696F;
              padding:0px 10px 0px 0px;
              }


#office-ramka-nohover a {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #59696F;
              padding:0px 10px 0px 0px;
              }


#office-ramka-nohover a:hover {
              text-decoration: none;
              background-color: #;
              padding:0px 10px 0px 0px;
              }







#table-ramka {
             width:415px; 
             border-width: 1px; 
             border-style:dotted;
             border-color: #C8D0D8;
             text-align: justify; 
             vertical-align: top; 
             padding: 5px 5px 5px 8px; 
             margin: 2px 0px 0px 3px; 
             font-family:Tahoma; 
             font-size:11px; 
             color: #59696F;
             background-color:#FFFAF2;
             }

#tab-ordinal {
             vertical-align:top;
             padding-top:7px;
             font-family:Tahoma;
             font-size:11px;
             color:#59696F;
             }



#eventdoc-ramka {
             width:245px; 
             background-color: #F0F0F0; 
             border-width: 3px 1px 3px 1px; 
             border-style: double;
             border-color: #C8D0D8;
             border-radius:0.5em;
             text-align: left; 
             vertical-align: top; 
             padding: 5px 0px 5px 8px; 
             margin: 2px 0px 0px 3px; 
             font-family:Tahoma; 
             font-size:11px; 
             font-style:normal;
             color: #7A878C;
             position:relative;
             z-index:0;
             box-shadow: 18px 0px 5px #DEE2E4 inset;
             background-image: url(../pages/images/triangle_pink01.png);
             background-position:99% center;
             background-repeat:no-repeat;

            }

.board-list {
              padding:5px 5px 10px 0px; 
              margin:0px 0px 0px 15px; 
              border-bottom: 1px dotted #A1ACB7; 
              width:310px; 
              float:right; 
              text-align:left; 
              }


.doc-list {
              padding:10px 5px 10px 0px; 
              margin:0px 0px 0px 15px; 
              border-bottom: 1px dotted #A1ACB7; 
              width:310px; 
              float:right; 
              text-align:left; 
              }


.docbelow-list {
              padding:20px 5px 10px 0px; 
              margin:0px 0px 0px 15px; 
              border-bottom: 1px dotted #A1ACB7; 
              width:310px; 
              float:right; 
              text-align:left; 
              }


.sm-icons-row  {float:left; padding-right:0px; border:0px}


.sm-icons-description {
                       padding:5px;
                       margin-top:25px;
                       font-size:11px;        
                       color: #77767A;
                       font-family: Helvetica;
                       letter-spacing:0px;
                       text-align:justify;
                       background-color:#FAFAFA;
                       border-width: 1px 1px 1px 1px;
                       border-style: dotted;
                       border-color: #E3E7EB;
                       }  


#design-copyright {
                  font-family:Verdana;
                  font-size:13px;
                  color:#DFE3E4
                  }



.banner-rollright {
                  background-repeat: no-repeat;
                  background-position: top right;
                  background-position: 0% 0%;
                  }



.migawki-link {
               padding: 0px 0px 0px 0px;
               width: 280px;
               height: 100px;
               background-image: url(../pages/units/03-floorplan-bordo.jpg); 
               background-repeat: no-repeat;
               background-position: top left;
               background-position: 0% 0%;
               }





a.migawki-link {
               color: #666568;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               font-style:normal;
               padding: 50px 0px 50px 140px;
               background-repeat: no-repeat;
               background-position: top left;
               background-position: 0% 0%;
               }

a.migawki-link:hover {
               color: #666568;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:underline; 
               font-style:normal;
               padding: 50px 0px 50px 140px;
               background-image: url(../pages/units/01-floorplan-green.jpg); 
               background-repeat: no-repeat;
               background-position: top left;
               background-position: 0% 0%;
               }

.migawki-link2 {
               padding: 0px 0px 0px 0px;
               width: 280px;
               background-repeat: no-repeat;
               background-position: top left;
               background-position: 0% 0%;
               }




a.migawki-link2 {
               color: #666568;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               font-style:normal;
               padding: 0px 0px 0px 140px;
               background-repeat: no-repeat;
               background-position: top left;
               background-position: 0% 0%;
               }

a.migawki-link2:hover {
               color: #666568;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:underline; 
               font-style:normal;
               padding: 0px 0px 0px 140px;
               background-image: url(../pages/units/02-floorplan-red.jpg); 
               background-repeat: no-repeat;
               background-position: top left;
               background-position: 0% 0%;
               }


#slideshow {
            width: 400px;
            height: 300px;
            background-image: url(../pages/units/picture1.jpg); 
            margin-bottom:50px;
            margin-left:auto;
            margin-right:auto;
            }


.opening-board {
              padding:5px 0px 10px 0px; 
              margin:3px 0px 15px 15px; 
              border-bottom: 1px dotted #A1ACB7; 
              width:310px; 
              float:right; 
              text-align:left; 
              }


a.simple-redlink {
               color: #CE3424;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               font-style:normal;
               }

a.simple-redlink:hover {
               color: #CE3424;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:underline; 
               font-style:normal;
               background-color:#DDE3EC; 
              }



a.painted-bordolink {
               color: #B86464;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               font-style:normal;
               background-color:transparent; 
               padding: 0px 2px 0px 2px;
               }

a.painted-bordolink:hover {
               color:white;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               font-style:normal;
               background-color:#B86464; 
               padding: 0px 2px 0px 2px;
              }




li.redsqbullet-list {
                   background-image:url(../pages/home/list-marker-red-02.jpg);
                   background-repeat:no-repeat;
                   background-position:0px 5px; 
                   padding-left:10px;
                   }


.pdf-link { 
           letter-spacing:1px;
           font-size:9px;        
           font-family:Arial;
           color: #87868A;
           text-decoration:none;
           }  

a.pdf-link { 
           letter-spacing:1px;
           font-size:9px;        
           font-family:Arial;
           color: #B86464;
           text-decoration:none;
           }  

a.pdf-link:hover { 
           letter-spacing:1px;
           font-size:9px;        
           font-family:Arial;
           color: white;
           background-color: #B86464;
           padding: 0px 3px 0px 3px;
           }  





.lila-tiny-link { 
           letter-spacing:1px;
           font-size:9px;        
           font-family:Arial;
           color: #9C7171;
           text-decoration:none;
           }  

a.lila-tiny-link { 
           letter-spacing:1px;
           font-size:9px;        
           font-family:Arial;
           color: #9C7171;
           text-decoration:none;
           }  

a.lila-tiny-link:hover { 
           letter-spacing:1px;
           font-size:9px;        
           font-family:Arial;
           color: #ECD1D1;
           background-color: #B86464;
           padding: 0px 3px 0px 3px;
           }  






.drobny-maczek-blue {

                   font-size:9px;        
                   font-family:Arial;
                   color: #608BBD;
                   padding:8px 0px 3px 5px;
                   text-decoration:none;
                   border:none;
                   letter-spacing:1px;
                   }

.tour-board {
              padding:5px 5px 10px 0px; 
              margin:3px 0px 15px 15px; 
              border-bottom: 1px dotted #D3DCE4;
              width:610px; 
              position: relative;
              }


.doc-headerclass {
                 width:620px;
                 font-family:Times New Roman;
                 font-size:80px;
                 letter-spacing:2px;
                 color:#E4E8E9;
                 font-weight:normal;
                 text-align:left;
                 padding:0px;
                 margin:7px 0px 15px 0px;
                 }

.bylaw-header {
              background-image: url(../pages/images/pinky-tab_01.jpg);
              background-position: left top;
              background-repeat:no-repeat;
              padding:5px 0px 5px 12px; 
              margin:20px 0px 0px 10px; 
              border-bottom: 1px dotted #D5D8DC; 
              width:310px; 
              float:right; 
              font-family:Helvetica;
              font-size: 16px;
              text-align:left; 
              color:#A9ABAC;
              letter-spacing:2px;
              }
 
.bylaw-header-02 {
               background-position: left top;
               background-repeat:no-repeat;
               padding:5px 12px 0px 0px; 
               margin:20px 0px 0px 10px;
               border-bottom: 1px dotted #A1ACB7; 
               width:310px; 
               float:right; 
               font-family:Helvetica;
               font-size: 14px;
               text-align:left; 
               }




a.lastminutenews {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #59696F;
              }



a.lastminutenews:hover {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #D26600;
              letter-spacing:1px;
              }



a.coop-day {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #59696F;
              }



a.coop-day:hover {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #C43300;
              letter-spacing:0px;
              padding-left:2px;
              }







ol.events-list {
                padding-left: 5px;
                margin-left:auto;
                margin-right:auto;
                margin-top: 5px;
                font-size:12px;
                font-family:Verdana;
                list-style-type:decimal;
                color:#969F80;
                position: inherit;
                float:left;
                }


li.events-list-li {
                padding:0px;
                vertical-align:middle;
                margin:0px 0px 20px 0px;
                vertical-align: top;
                }



.events-list-box1 {
                  width:550px;
                  border:1px solid #E0E0E0;
                  padding:5px;
                  background-color:#ECF3DA;                   
                  }

a.events-list-box1 {
                  width:550px;
                  border:1px solid #E0E0E0;
                  padding:5px;
                  background-color:#ECF3DA;                   
                  }

a.events-list-box1:hover {
                  width:550px;
                  border:1px solid #E0E0E0;
                  padding:5px;
                  background-color:#ECF3DA;                   
                  }



.events-list-box2 {
                  padding: 8px 10px 10px 10px;
                  color:#59696F;
                  vertical-align:text-top;
                  font-family:Verdana;
                  font-size:12px;
                  width:528px;
                  border:1px solid #E0E0E0;
                  background-color:white;
                  text-align:justify;
                  }


.pop-up01 {
           font-family:"Times New Roman";
           font-size:16px;
           text-align:left;
           color:#353535;
           }


.pictureholder {
                float:right;
                margin:6px 13px 0px 0px;          
                }


.pictureholder-tabview {
                float:none;
                margin:-20px 0px 0px 0px;          
                padding: 0px;
                background-position: center center;
                background-repeat: no-repeat;
                }



.java-present-text-content {

                 width:410px; 
                 height:330px; 
                 line-height:16px; 
                 text-align:justify; 
                 border-top-left-radius:1em; 
                 border-bottom-right-radius:1em; 
                 background-color:#FAFCFF; 
                 margin-left:auto; 
                 margin-right:auto; 
                 margin-top:0px;
                 padding: 20px 20px 0px 20px; 
                 font-size:12px; 
                 border: 1px dotted #BAC3D3;
                 background-image: url(../pages/images/no-pres-events_und-the-tree.jpg); 
                 background-position:top center;
                 background-repeat: no-repeat;
                 }



.java-present-text-content2 {

                 width:535px; 
                 line-height:16px; 
                 text-align:justify; 
                 border-top-left-radius:1em; 
                 border-bottom-right-radius:1em; 
                 background-color:#FAFCFF; 
                 margin-left:auto; 
                 margin-right:auto; 
                 margin-top:0px;
                 padding: 5px 5px 0px 5px; 
                 font-size:12px; 
                 border: 1px dotted #BAC3D3;
                 background-image: url(../pages/images/no-pres-events_und-the-tree.jpg); 
                 background-position:top center;
                 background-repeat: no-repeat;
                 }




.agmm2012-10    {

                 width:460px; 
                 height:330px; 
                 line-height:16px; 
                 text-align:justify; 
                 border-top-left-radius:1em; 
                 border-bottom-right-radius:1em; 
                 background-color:#FAFCFF; 
                 margin-left:auto; 
                 margin-right:auto; 
                 margin-top:0px;
                 padding: 20px 20px 0px 20px; 
                 font-size:12px; 
                 border: 1px dotted #BAC3D3;
                 background-image: url(../pages/images/agmm_2012-10_lma02.jpg); 
                 background-position:top center;
                 background-repeat: no-repeat;
                 }





.anniversary-program-content {

                 width:558px; 
                 height:372px; 
                 line-height:16px; 
                 text-align:justify; 
                 border-top-left-radius:0.7em; 
                 border-top-right-radius:1.0em; 
                 border-bottom-left-radius:1.0em; 
                 background-color:#FAFCFF; 
                 margin-left:auto; 
                 margin-right:auto; 
                 margin-bottom:20px;
                 padding: 10px 10px 10px 10px; 
                 font-size:12px; 
                 border: 4px double #9FC280;
                 }



.anniversary-whereabouts1 {

                 width:490px; 

                 text-align:left; 
                 border-top-left-radius:0.7em; 
                 border-top-right-radius:1.0em; 
                 border-bottom-right-radius:1.0em; 
                 border-bottom-left-radius:0em; 
                 margin-left:7px; 
                 margin-right:auto; 
                 margin-top:0px;
                 margin-bottom:40px;
                 padding: 5px 10px 10px 10px; 
                 font-size:12px; 
                 border: 1px solid #C5CDBF;
                 background:rgba(247,250,245,0.2);
                 box-shadow: 0px 0px 10px #E0EAD7 inset;
                 }





.anniversary-whereabouts2 {

                 width:490px; 
                 height:110px; 
                 line-height:18px; 
                 text-align:left; 
                 border-top-left-radius:0.7em; 
                 border-top-right-radius:1.0em; 
                 border-bottom-right-radius:1.0em; 
                 border-bottom-left-radius:0em; 
                 margin-left:7px; 
                 margin-right:auto; 
                 margin-top:0px;
                 margin-bottom:40px;
                 padding: 15px 10px 10px 10px; 
                 font-size:12px; 
                 border: 1px solid #E8F1E0;
                 background:rgba(247,250,245,0.6);
                 }





.tabview-java   {
                display: none;
                }



a.tabview-java  {
                display: none;
                }

a.tabview-java: hover {
                display: block;
                }




#sub-blocktab01 {
             width:315px; 
             height: 37px;
             background-color:white; 
             border: 0px; 
             text-align: left; 
             vertical-align: top; 
             padding: 5px 0px 5px 8px; 
             margin: 2px 0px 0px 3px; 
             font-family:Tahoma; 
             font-size:11px; 
             color: #59696F;
             background-image: url(../pages/images/tab01_green_01.jpg); 
             background-repeat:no-repeat;
             background-position: left top;
             }             


#sub-blocktab01 a {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #59696F;
              }



#sub-blocktab01 a:hover {
              text-decoration: none;
              background-color: #;
              padding:0px 0px 0px 2px;
              color: #A57C67;
              }


#sub-blocktab02 {
             width:255px; 
             height: 37px;
             background-color:white; 
             border: 0px; 
             text-align: left; 
             vertical-align: top; 
             padding: 5px 0px 5px 8px; 
             margin: 2px 0px 0px 3px; 
             font-family:Tahoma; 
             font-size:11px; 
             color: #9A7460;
             background-image: url(../pages/images/tab01-baige_01.jpg); 
             background-repeat:no-repeat;
             background-position: left top;
             }             


#sub-blocktab02 a {
              text-decoration:none;
              font-family:Tahoma; 
              font-size:11px; 
              color: #59696F;
              }



#sub-blocktab02 a:hover {
              text-decoration: none;
              background-color: #;
              padding:0px 0px 0px 2px;
              color: #A57C67;
              }


.claude-photos {
              padding:5px 5px 5px 0px; 
              margin:3px 0px 15px 5px; 
              border-bottom: 1px dotted #D3DCE4;
              width:310px; 
              float:left; 
              }



.claude-sheets {
               padding:5px 5px 10px 0px; 
               margin:0px 0px 0px 8px; 
               border-bottom: 1px dotted #A1ACB7; 
               width:310px; 
               float:left; 
               text-align:left; 
               }




/* ----------------------------------- */
/* bof java tab view formatting */

.tab-box { 
         border-bottom: 0px solid #DDD;
         padding-bottom:10px;
         text-align: left;
         border-top-right-radius:0.5em;
         font-size: 12px;
         }

.tab-box a {
	 border:0px solid #CC7F7F;
         color:#FAF8FF;
         padding: 10px 15px;
         text-decoration:none;
         background-color: #666568;
         border-top-right-radius:0.5em;
	 border-bottom: 1px solid #908F93;
         font-size: 12px;
         }


.tab-box a:hover {
	 border:0px solid #DDD;
         color:#FAF8FF;
         padding: 10px 15px;
         text-decoration:none;
         background-color: #CC7F7F;
         border-top-right-radius:0.5em;
         border-bottom: 2px solid #895555; 
         font-size: 12px;
         }






.tab-box a.activeLink {
                      border-width: 3px 1px 0px 1px;
                      border-color: #666568;
                      border-top-color: #CC7F7F;
                      border-bottom: 0; 
                      padding: 10px 15px 10px 15px;
                      font-family: Verdana, Tahoma;
                      font-size: 14px;
                      color: #FAF8FF;
                      background-color: #666568;
                      border-top-right-radius:0.8em;
                      }





.tab-box a.activeLink:hover {
                      border-width: 3px 1px 0px 1px;
                      border-color: #666568;
                      border-style: solid;
                      border-top-color: #CC7F7F;
                      border-bottom-color: #FAF8FF;
                      color:#FAF8FF;
                      padding: 12px 15px 10px 15px;
                      text-decoration:none;
                      background-color: #666568;
                      border-top-right-radius:0.8em;
		     }


.tabcontent {
            border: 5px solid #666568;
            border-top: 5px solid #666568;
            border-bottom-right-radius: 2em;
            margin-left:0px; 
            margin-right:auto;

            }




.hide { display: none;}

#cont-1-1, #cont-2-1, #cont-3-1, #cont-4-1, #cont-5-1 {
          padding:10px 14px 5px 14px; 
          margin-left:0px;
          margin-right:auto;
          }

#cont-1-1, #cont-2-1, #cont-3-1, #cont-4-1, #cont-5-1 {
           text-align:left;
          }

/* ----------------------------------- */
/* bof subtab01 formatting */



.subtab-box { 
         margin-top:30px;
         border-bottom: 1px dotted #666568;
         padding-bottom:5px;
         text-align: left;
         }

.subtab-box a {
         margin-top:150px;
         border:1px solid #DDD;
         color:#666666;
         padding: 5px 15px;
         text-decoration:none;
         background-color: #eee;
         }

.subtab-box a:hover {
         border:1px solid #CC7F7F;
         color:#FFFFFF;
         padding: 5px 15px;
         text-decoration:none;
         background-color: #CC7F7F;
         }




.subtab-box2 { 
         margin-top:30px;
         border-bottom: 1px dotted #666568;
         padding-bottom:5px;
         text-align: left;
         }

.subtab-box2 a {
         border:1px solid #DDD;
         color:#666666;
         padding: 5px 15px;
         text-decoration:none;
         background-color: #eee;
         }

.subtab-box2 a:hover {
         border:1px solid #CC7F7F;
         color:#FFFFFF;
         padding: 5px 15px;
         text-decoration:none;
         background-color: #CC7F7F;
         }





.subtab-box3 { 
         margin-top:30px;
         border-bottom: 1px dotted #666568;
         padding-bottom:5px;
         text-align: left;
         }

.subtab-box3 a {
         border:1px solid #DDD;
         color:#666666;
         padding: 5px 15px;
         text-decoration:none;
         background-color: #eee;
         }

.subtab-box3 a:hover {
         border:1px solid #CC7F7F;
         color:#FFFFFF;
         padding: 5px 15px;
         text-decoration:none;
         background-color: #CC7F7F;
         }







.subtab-box a.subactiveLink { 
                      border-width: 3px 0px 1px 0px;
                      border-color: #CC7F7F;
                      border-style: solid;
                      border-top-color: #CC7F7F;
                      border-bottom-color: #FFFFFF;
                      border-bottom: 0px;
                      color:#FFFFFF;
                      padding: 6px 15px 8px 15px;
                      text-decoration: none;
                      background-image:none;
                      background-color: #666568;
		      letter-spacing:1px;
		      border-top-right-radius:0.8em;
                      }




.subtab-box a.subactiveLink:hover {
                      border-width: 3px 0px 1px 0px;
                      border-color: none;
                      border-style: solid;
                      border-top-color: #CC7F7F;
                      border-bottom-color: #FFFFFF;
                      border-bottom: 0px;
                      color:#FFFFFF;
                      padding: 8px 15px 8px 15px;
                      text-decoration: none;
                      background-image:none;
                      background-color: #666568;
		      letter-spacing:1px;
		      border-top-right-radius:0.8em;
                      }




.subtab-box2 a.subactiveLink2 { 
                      border-width: 3px 0px 1px 0px;
                      border-color: #CC7F7F;
                      border-style: solid;
                      border-top-color: #CC7F7F;
                      border-bottom-color: #FFFFFF;
                      border-bottom: 0px;
                      color:#FFFFFF;
                      padding: 6px 15px 8px 15px;
                      text-decoration: none;
                      background-image:none;
                      background-color: #666568;
		      letter-spacing:1px;
		      border-top-right-radius:0.8em;
                      }






.subtab-box3 a.subactiveLink3 { 
                      border-width: 3px 0px 1px 0px;
                      border-color: #CC7F7F;
                      border-style: solid;
                      border-top-color: #CC7F7F;
                      border-bottom-color: #FFFFFF;
                      border-bottom: 0px;
                      color:#FFFFFF;
                      padding: 6px 15px 8px 15px;
                      text-decoration: none;
                      background-image:none;
                      background-color: #666568;
		      letter-spacing:1px;
		      border-top-right-radius:0.8em;
                      }




.subtab-box3 a.subactiveLink3:hover {
                      border-width: 3px 0px 1px 0px;
                      border-color: none;
                      border-style: solid;
                      border-top-color: #CC7F7F;
                      border-bottom-color: #FFFFFF;
                      border-bottom: 0px;
                      color:#FFFFFF;
                      padding: 8px 15px 8px 15px;
                      text-decoration: none;
                      background-image:none;
                      background-color: #666568;
		      letter-spacing:1px;
		      border-top-right-radius:0.8em;
                      }


.subtabcontent {
            border: 0px solid #ddd;
            border-top: 0px;
            margin-left:0px; 
            margin-right:auto;
            }


.subtabcontent2 {
            border: 0px solid #ddd;
            border-top: 0px;
            margin-left:0px; 
            margin-right:auto;
            }

.subtabcontent3 {
            border: 0px solid #ddd;
            border-top: 0px;
            margin-left:0px; 
            margin-right:auto;
            }



#subcont01-1-1, #subcont01-2-1, #subcont01-3-1, #subcont01-4-1, #subcont01-5-1 {
          padding: 10px 14px 5px 14px; 
          margin-left:0px;
          margin-right:auto;
          }

#subcont01-1-1, #subcont01-2-1, #subcont01-3-1, #subcont01-4-1, #subcont01-5-1 {
           text-align:left;
          }




#subcont02-1-1, #subcont02-2-1, #subcont02-3-1 {
          padding:10px 14px 5px 14px; 
          margin-left:0px;
          margin-right:auto;
          }

#subcont02-1-1, #subcont02-2-1, #subcont02-3-1 {
           text-align:left;
          }


#subcont03-1-1, #subcont03-2-1, #subcont03-3-1, #subcont03-4-1, #subcont03-5-1 {
          padding:10px 14px 5px 14px; 
          margin-left:0px;
          margin-right:auto;
          }

#subcont03-1-1, #subcont03-2-1, #subcont03-3-1, #subcont03-4-1, #subcont03-5-1 {
           text-align:left;
          }





.subhide { display: none;}

.subhide2 { display: none;}

.subhide3 { display: none;}



/* eof subtab01 formatting */
/* ----------------------------------- */



/* eof jav tab view formatting */
/* ----------------------------------- 
  ----------------------------------- */


/* pocalujta banner */

.christmasbanner {
                 display:block;
                 width:897px;
                 height:231px;
                 background-image: url(../pages/images/banner-christmas_2011_01.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }


a.christmasbanner {
                 display:block;
                 width:897px;                 
                 height:231px;
                 background-image: url(../pages/images/banner-christmas_2011_01.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }




a.christmasbanner:hover {
                 display:block;
                 width:897px;                 
                 height:231px;
                 background-image: url(../pages/images/banner-christmas_2011_02.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }



/* office-closed banner */

.office-closed {
                 display:block;
                 width:897px;
                 height:180px;
                 background-image: url(../pages/images/office-closed_2012-01-28_01.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }


a.office-closed {
                 display:block;
                 width:897px;                 
                 height:180px;
                 background-image: url(../pages/images/office-closed_2012-01-28_01.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }




a.office-closed:hover {
                 display:block;
                 width:897px;                 
                 height:180px;
                 background-image: url(../pages/images/office-closed_2012-01-28_02.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }







/* anniversarybanner */

.anniversarybanner {
                 display:block;
                 width:897px;
                 height:270px;
                 background-image: url(../pages/images/20anniversary_004_flat.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }


a.anniversarybanner {
                 display:block;
                 width:897px;                 
                 height:270px;
                 background-image: url(../pages/images/20anniversary_004_flat.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }




a.anniversarybanner:hover {
                 display:block;
                 width:897px;                 
                 height:270px;
                 background-image: url(../pages/images/20anniversary_004_flat.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }





/* welcomebanner */

.welcomebanner {
                 display:block;
                 width:897px;
                 height:142px;
                 background-image: url(../pages/images/welcome-to_001.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }


a..welcomebanner {
                 display:block;
                 width:897px;                 
                 height:142px;
                 background-image: url(../pages/images/welcome-to_001.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }




a..welcomebanner:hover {
                 display:block;
                 width:897px;                 
                 height:142px;
                 background-image: url(../pages/images/welcome-to_001.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }






.canada-daybanner {
                 display:block;
                 width:897px;
                 height:132px;
                 background-image: url(../pages/images/canada-day_05.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }


a.canada-daybanner {
                 display:block;
                 width:897px;                 
                 height:132px;
                 background-image: url(../pages/images/canada-day_05.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }




a.canada-daybanner:hover {
                 display:block;
                 width:897px;                 
                 height:132px;
                 background-image: url(../pages/images/canada-day_05.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-bottom:-10px;
                 z-index:500;
                 }












.contact-form-fields {
                     border: 1px solid #ADD5C1; 
                     font-family:Arial; 
                     color: #666568; 
                     font-size:12px;
                     margin-bottom:10px;
                     background:#D1C4B2;
                     }


.contact-form-comment {
                     border-top: 1px solid #ADD5C1; 
                     border-left: 1px solid #ADD5C1; 
                     border-right: 1px solid #ADD5C1;  
                     border-bottom: 3px double #ADD5C1; 
                     font-family:Arial; 
                     color: #666568; 
                     font-size:12px;
                     overflow:auto;
                     }



.submit-button {
                margin-top:10px;
                background-color: #D5D2CC;
                border-color:#7EBD9D;
                border-width:2px;
                border-collapse: collapse;
                border-top-right-radius:5px;
                border-bottom-right-radius:5px;
                color:#666568;
                font-weight: normal;
                font-size:14px;
                pading-top:auto;
                padding-bottom:auto;
                }

input.submit-button {
                margin-top:10px;
                background-color: #D5D2CC;
                border-color:#7EBD9D;
                border-width:2px;
                border-collapse: collapse;
                border-top-right-radius:5px;
                border-bottom-right-radius:5px;
                color:#666568;
                font-weight: normal;
                font-size:14px;
                pading-top:auto;
                padding-bottom:auto;
                }

 

input.submit-button:hover {
                margin-top:10px;
                border-width:2px;
                border-collapse: collapse;
                background-color: #ADD5C1;
                border-color:#7EBD9D;
                border-bottom-right-radius:5px;
                border-top-right-radius:5px;
                color:#FFFFFF;
                font-weight: normal;
                font-size:14px;
                pading-top:auto;
                padding-bottom:auto;
                }


.feedback-header {
                 font-family:Arial;
                 color:#A2C7B4;
                 font-weight:normal;
                 font-size:22px;
                 line-height: 25px;
                 }


.feedback-middle {
                 font-family:Arial;
                 color:#7DB197;
                 font-weight:normal;
                 font-size:15px;
                 line-height: 14px;
                 margin:0px 0px 0px 3px;
                 }


.feedback-explica {
                 font-family:Arial;
                 color:#7DB197;
                 font-weight:normal;
                 font-size:14px;
                 line-height: 14px;
                 margin:10px 0px 0px 3px;
                 }




#blinking {
          text-decoration:blink;
          }


#required-flds   {
                 color: #B90128;
                 display:inline-block;
                 font-family:Verdana;
                 }



#flds-name   {
            color: #AAAAAA;
            display:inline-block;
            font-family:Verdana;
            margin-bottom:3px;
            }




a.eventprogram-pdf {
               color: #858486;
               font-family:Tahoma; 
               font-size: 13px;
               letter-spacing: 0px;
               padding: 1px 3px 1px 3px;
               text-decoration:none; 
               }


a.eventprogram-pdf:hover {
               color: #858486;
               font-family:Tahoma; 
               font-size: 13px;
               letter-spacing: 0px;
               text-decoration:none; 
               padding: 1px 3px 2px 3px;
               background-color: #E7F2DF; 
               border:1px solid #DDE8D5; 
               }


.countdown-line {
              width:100%;
              text-align:left;
              margin:0px 0px 0px 14px;
              font-size:25px;
              font-weight:normal; 
              font-family:Arial; 
              letter-spacing:0px;
              color:#91BD84;
              }


/* this the outer frame for BOD */

.sticker-frame-01 {
               position:relative; 
               display:block; 
               vertical-align:top; 
               background-color:white; 
               color:green; 
               width:332px; 
               height:425px; 
               margin:7px 0px 0px 256px; 
               border:1px solid #9BBD9B; 
               box-shadow:0px 0px 14px #888888; 
               -webkit-box-shadow:0px 0px 14px #888888;
               border-radius:5px;
               }



/* this the inner frame for BOD */

.sticker-frame-02 {
                  position:relative; 
                  display:inline-block; 
                  vertical-align:top; 
                  background-color:white; 
                  background-image:url(../images/);
                  text-align:left;
                  color:green; 
                  width:326px; 
                  height:421px; 
                  margin: 3px 0px 0px 3px; 
                  border-radius:5px; 
                  border:0px solid #A6CBA6;
                  }





/* this the outer frame for BOD right-sided */

.sticker-frame-03 {
               position:relative; 
               display:inline-block; 
               vertical-align:top; 
               background-color:white; 
               color:green; 
               width:332px; 
               height:425px; 
               margin:7px 0px 0px 0px; 
               border:1px solid #9BBD9B; 
               box-shadow:0px 0px 14px #888888; 
               -webkit-box-shadow:0px 0px 14px #888888;
               border-radius:5px;
               }


/* this the inner frame for BOD right-sided */

.sticker-frame-04 {
                  position:relative; 
                  display:inline-block; 
                  vertical-align:top; 
                  background-color:white; 
                  background-image:url(../images/);
                  text-align:left;
                  color:green; 
                  width:326px; 
                  height:421px; 
                  margin: 3px 0px 0px 3px; 
                  border-radius:5px; 
                  border:0px solid #A6CBA6;
                  }




.bod-nest-president {
             margin-bottom:3px;
             padding:3px 0px 3px 0px;
             border-bottom:1px dotted #DEADAD;
             border-top:1px dotted #DEADAD;
             color: #679967; 
             list-style-type:none;
             }



.bod-nest {
           margin-bottom:3px;
           padding-bottom:3px;
           border-bottom:1px dotted #DEADAD;
           color: #679967; 
           list-style-type:none;
           letter-spacing:0px;
           }



.bod-smicon {
            vertical-align:top;
            padding:3px; 
            border:1px solid #CFDFCF;
            }

.bod-minlist {
              padding-left:8px;
             }


#imgKathyJava-01, #imgFadiJava, #imgSamanthaJava, #imgHayleyJava, #imgPeterJava, #imgVinceJava, #imgEvansJava {
                    padding:5px; 
                    margin-top:0px;
                    margin-right:8px;
                    border: 1px solid #E5E5ED;  
                    float:left;
                    border-bottom-left-radius:5px;
                    border-bottom-right-radius:5px;
                    box-shadow: 0px 0px 4px #DBDDE7;
                    }


#imgKathyJava-01:hover {
                    padding:5px; 
                    margin-right:8px;
                    margin-top:-1px;
                    margin-bottom:1px;
                    border: 1px solid #F8C4C4;  
                    float:left;
                    border-radius:6px;
                    box-shadow: 0px 0px 4px #EEAFAF;
                    background-color:#FBEEEF;
                    opacity:0.9;                    
                    filter:alpha(opacity=90);
                    }


#imgFadiJava:hover, #imgSamanthaJava:hover, #imgHayleyJava:hover, #imgPeterJava:hover, #imgVinceJava:hover, #imgEvansJava:hover {
                    padding:5px; 
                    margin-right:8px;
                    margin-top:-1px;
                    margin-bottom:1px;
                    border: 1px solid #CFE6C6;  
                    float:left;
                    border-radius:6px;
                    box-shadow: 0px 0px 4px #C0D9B5;
                    opacity:0.9;                    
                    filter:alpha(opacity=90);
                    }




/* Christmas 2012 banner */

.christmas-2012 {
                 display:block;
                 width:897px;
                 height:180px;
                 background-image: url(../pages/images/front-strip-banner_2012_001.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-25px;
                 margin-bottom:-34px;
                 position:relative;
                 z-index:0;
                 }


a.christmas-2012 {
                 display:block;
                 width:897px;                 
                 height:180px;
                 background-image: url(../pages/images/front-strip-banner_2012_001.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-25px;
                 margin-bottom:-34px;
                 position:relative;
                 z-index:0;
                 }




a.christmas-2012:hover {
                 display:block;
                 width:897px;                 
                 height:180px;
                 background-image: url(../pages/images/front-strip-banner_2012_002.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-25px;
                 margin-bottom:-34px;
                 position:relative;
                 z-index:0;
                 }



/* Office Closed 2013-01 */

.office-closed2013-01 {
                 display:block;
                 width:897px;
                 height:180px;
                 background-image: url(../pages/images/officeclosed_2013-01a.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-25px;
                 margin-bottom:-34px;
                 position:relative;
                 z-index:0;
                 }


a.office-closed2013-01 {
                 display:block;
                 width:897px;                 
                 height:180px;
                 background-image: url(../pages/images/officeclosed_2013-01a.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-25px;
                 margin-bottom:-34px;
                 position:relative;
                 z-index:0;
                 }




a.office-closed2013-01:hover {
                 display:block;
                 width:897px;                 
                 height:180px;
                 background-image: url(../pages/images/officeclosed_2013-01b.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-25px;
                 margin-bottom:-34px;
                 position:relative;
                 z-index:0;
                 }


.imagepreload {
              display:none;
              }

.imageload {
           display:block;
           }




/* Office Open 2013-04 */

.office-open2013-04 {
                opacity: 0.0;
                filter: alpha(opacity=0);
                display:block;
                 width:897px;
                 height:20px;
                 background-image: url(../pages/images/banner_testing_001.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-15px;
                 margin-bottom:0px;
                 position:relative;
                 z-index:0;
                 }


a.office-open2013-04 {
               -webkit-transition: 2s;
               -moz-transition: 2s;
		transition: 2s;

	         display:block;
                 width:897px;
                 height:20px;
                 background-image: url(../pages/images/banner_testing_002.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-15px;
                 margin-bottom:0px;
                 position:relative;
                 z-index:0;
                 }




a.office-open2013-04:hover {
                 opacity: 1.0;
                 filter: alpha(opacity=100);
                 display:block;
                 width:897px;                 
                 height:171px;
                 background-image: url(../pages/images/banner_testing_002.jpg); 
                 background-repeat: no-repeat; 
                 background-position: top left;
                 margin-top:-65px;
                 margin-bottom:5px;
                 position:relative;
                 z-index:0;
                 border-bottom-right-radius:0em;
                 }

html, html a {

text-rendering: optimizeLegibility !important;

-webkit-font-smoothing: antialiased !important;

}


.transparent-bg-colour{
                      background:rgba(247,250,245,0.5);
                      }




#imgServicesHomePage-01 {
                    padding:5px; 
                    margin-top:0px;
                    margin-right:8px;
                    border: 1px solid #E5E5ED;  
                    float:left;
                    border-bottom-left-radius:5px;
                    border-bottom-right-radius:5px;
                    box-shadow: 0px 0px 4px #DBDDE7;
                    }




#imgServicesHomePage-01:hover {
               -webkit-transition: 1s;
               -moz-transition: 1s;
		transition: 1s;

                    padding:5px; 
                    margin-right:8px;
                    margin-top:-1px;
                    margin-bottom:1px;
                    border: 1px solid #CFE6C6;  
                    float:left;
                    border-radius:40px;
                    box-shadow: 0px 0px 4px #C0D9B5;
                    opacity:0.8;                    
                    filter:alpha(opacity=80);
                   }




#imgPaintingHomePage-01 {
                    padding:5px; 
                    margin-top:0px;
                    margin-right:8px;
                    border: 0px solid #E5E5ED;  
                    float:left;
                    border-bottom-left-radius:5px;
                    border-bottom-right-radius:5px;
                    box-shadow: 0px 0px 0px #DBDDE7;
                    }




#imgPaintingHomePage-01:hover {
                    padding:5px; 
                    margin-right:8px;
                    margin-top:-1px;
                    margin-bottom:1px;
                    border: 0px solid #CFE6C6;  
                    float:left;
                    border-radius:0px;
                    box-shadow: 0px 0px 0px #C0D9B5;
                    opacity:0.8;                    
                    filter:alpha(opacity=80);
                    }





#preventive-ramka1 {
             width:315px; 
             background-color:#FAFEF9; 
             border-top: 3px double; 
             border-bottom: 3px double; 

             border-right: 1px solid; 
             border-radius:0.5em;
             border-color: #BDE5AF;
             border-left: 1px solid #ECD1B7; 
             text-align: justify; 
             vertical-align: top; 

             padding:5px 20px 5px 25px; 
             margin:8px 0px 20px 5px; 
             font-family:Tahoma; 
             font-size:11px; 
             color: #807F83;
             box-shadow: 10px 0px 5px #DFECDB inset;
             background-image: url(../pages/images/triangle_pink01.png);
             background-position:99% center;
             background-repeat:no-repeat;
             }



.commercial-box-01 {
        padding:9px;
        margin:0px;
        background-color:#FAFAFA;
        width:293px;
        border: 1px solid #A7B3B5; 
        position: relative;
        top:0px;
        left:0px; 
        }  


.commercial-box-02 {
        padding:9px;
        margin:0px;
        background-color:#FAFAFA;
        width:280px;
        line-height:15px;
        text-align:left;        
        border: 1px solid #A7B3B5; 
        position: relative;
        top:0px;
        left:0px; 
        
        }  



.green-frame
        {
        color:white;
        font-family:Verdana;
        text-align:center;
        width: 200px;
        font-size:12px;
        padding:10px;
        margin:10px;
        background-color:#000000;
        border: 1px solid #8BD290; 
        position: relative;
        top:0px;
        left:0px; 
        }  


.golden-frame

       {
        width:883px;
        margin:10px;
        background-color:none;
        border: 1px solid #877240; 
        border-top: 7px solid #F5DDA3; 
        border-bottom: 7px solid #E3D3AA; 
        position: relative;
        display:block;
        top:0px;
        left:0px; 
        border-top-left-radius:10px;        
        border-top-right-radius:10px;        
        border-bottom-left-radius:10px;        
        border-bottom-right-radius:10px;        
        }  


.white-frame
        {
        display:inline-block;
        color:white;
        font-family:Verdana;
        text-align:center;
        width: 200px;
        font-size:12px;
        padding:10px;
        margin:10px;
        background-color:#000000;
        border: 1px solid white; 
        position: relative;
        top:0px;
        left:0px; 
        } 



.greenbutton-01 {

        background-color: #393939;
        width: 220px; 
	height:auto;
	border: 1px solid #BEE7A0;
	float:left;
	text-align: center;
	padding:5px 0px 5px 0px;
	color:#F5D075;
        text-decoration: none;
        z-index:2;
	}



a.greenbutton-01 {
        background-color: #393939;
        width: 220px; 
	height:auto;
	border: 1px solid #BEE7A0;
	float:left;
	text-align: center;
	padding:5px 0px 5px 0px;
        text-decoration: none;
	color:#F5D075;
        z-index:2;
transition: border, color, background-color, 0.5s;
-moz-transition: border, color, background-color, 0.5s; /* Firefox 4 */
-webkit-transition: border, color, background-color, 0.5s; /* Safari and Chrome */
-o-transition: border, color, background-color, 0.5s; /* Opera */
	}






a.greenbutton-01:hover {
        background-color: #686868;
        width: 235px; 
	height:auto;
	border: 1px solid #F5D075;
	float:left;
	text-align: center;
        text-decoration: none;
	padding:5px 0px 5px 0px;
	color: white;
        letter-spacing: 0px;
        border-top-right-radius:*0.4em;
        border-bottom-right-radius:*0.4em;
	box-shadow: * 2px 2px 20px black;
        z-index:2;
	}


.greenbutton-shadow-01 {
        width: 220px; 
	background-color:transparent;
	background-image: url('../images/left-menu_red-shadow_001.png');
	background-repeat:no-repeat;
	z-index:0;
        height:auto;
	border: 0px solid #BEE7A0;
        height:20px;
	float:left;
        margin:-344px 0px 0px 0px;
	}





#cf {
  position:relative;
  height:431px;
  width:681px;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}




#cf2 {
  position:relative;
  height:auto;
  width:883px;
  text-align:right;
  border:0px dotted white;
  margin: 20px 0px 60px auto;
}


#cf2 img {
  position:absolute;
  right:0;
  margin-bottom:60px;
  -webkit-transition: opacity 0.6s linear;
  -moz-transition: opacity 0.6s linear;
  -o-transition: opacity 0.6s linear;
  transition: opacity 0.6s linear;
}

#cf2 img.top:hover {
  opacity:0;
}


a[href^=tel]{
    color:inherit;
    text-decoration:none;
}






.footer-link {
       	color:#877240;
        text-decoration:none;
	}


a.footer-link {
       	color:#877240;
        text-decoration:none;
       transition: color 0.6s;
      -webkit-transition: color, background-color, 0.6s;  /* Safari and Chrome */
      -moz-transition: color, background-color, 0.6s; /* Firefox 4 */
      -o-transition: color, background-color, 0.6s; /* Opera */

	}



a.footer-link:hover {
       	color:#89C474;
        text-decoration:none;
	}

a.footer-link:active {
       	color:red;
        text-decoration:none;
   transition: color 0.6s;
  -webkit-transition: color 0.6s;
  -moz-transition: color 0.6s;
  -o-transition: color 0.6s;
	}




li.bullet-color: before {

			content:"•";
			color:red;
			}



#index-listing-plus {

		position relative;
		display:inline-block;
		float:none; margin-left:0px;
		width:558px; text-align:left;

		}


#product-icon-style  {

		float:left;
		padding: 2px;
		margin: 0px 10px 10px 0px;
		border: none;
		border-bottom-right-radius:13px;
           	}



img#product-icon-style-02  {

		float:left;
                color: #AF9775;
		padding: 2px;
		margin: 0px 10px 10px 0px;
		border: 3px solid #6E6E71;
		border-bottom-right-radius:13px;
           	}



img#product-icon-style-02 a {

		float:left;
                color: #AF9775;
		padding: 2px;
		margin: 0px 10px 10px 0px;
		border: 3px solid #6E6E71;
		border-bottom-right-radius:13px;
           	}




img#product-icon-style-02 a: hover {

		float:left;
                color: #AF9775;
		padding: 2px;
		margin: 0px 10px 10px 0px;
		border: 3px solid #AF9775;
		border-bottom-right-radius:13px;
           	}






#product-icon-style-02 {

		float:left;
                color: #AF9775;
		padding: 2px;
		margin: 0px 10px 10px 0px;
		border: 3px solid #6E6E71;
		border-bottom-right-radius:13px;
           	}




#product-icon-style-02 a {

		float:left;
                color: #AF9775;
		padding: 2px;
		margin: 0px 10px 10px 0px;
		border: 3px solid #AF9775;
		border-bottom-right-radius:13px;
           	}




#product-icon-style-02 a: hover {

		float:left;
		padding: 2px;
		margin: 0px 10px 10px 0px;
		border: 3px solid #6E6E71;
		border-bottom-right-radius:13px;
           	}



#product-icon-style-02 a: hover  {

		float:left;
		padding: 2px;
		margin: 0px 10px 10px 0px;
		border: 3px solid #AF9775;
		border-bottom-right-radius:13px;
           	}



#product-icon-style-02 {

		float:left;
                color: #AF9775;
		padding: 2px;
		margin: 0px 10px 10px 0px;
		border: 3px solid #6E6E71;
		border-bottom-right-radius:13px;
           	}




img#product-icon-style-03 {

		float:left;
                color: #5EA848;
		padding: 2px;
		margin: 0px 10px 10px 0px;
		border: 3px solid #5EA848;
		border-bottom-right-radius:13px;
           	}




img#product-icon-style-03 a {

		float:left;
                color: #5EA848;
		padding: 2px;
		margin: 0px 10px 10px 0px;
		border: 3px solid #5EA848;
		border-bottom-right-radius:13px;
           	}



img#product-icon-style-03 a:hover {

		float:left;
                color: #5EA848;
		padding: 2px;
		margin: 0px 10px 10px 0px;
		border: 3px solid red;
		border-bottom-right-radius:13px;
           	}







.menago-link4 {
               color: #5EA848;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               padding: 0px 11px 0px 0px; 
               }




a.menago-link4 {
               color: #5EA848;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
               text-decoration:none; 
               padding: 0px 11px 0px 0px; 
               }


a.menago-link4 : hover {
               color: #AF9775;
               font-family:Tahoma; 
               font-size: 11px;
               letter-spacing: 0px;
 	       border-left: 6px solid red;
               padding: 0px 0px 0px 5px; 
               }



.about-icons_001{
		vertical-align:text-top;
		display:inline;
		float:left;
		margin:0px 10px 10px 0px;
		border:2px solid #FFE17A;
		border-bottom-right-radius:0px; 
                }


.about-icons_002{
		vertical-align:text-top;
		display:inline;
		float:left;
		margin:0px 10px 10px 0px;
		border:2px solid #FFE17A;
		border-bottom-right-radius:80px; 
                }


.magic-icons_001{
		vertical-align:text-top;
		display:inline;
		float:left;
		margin:0px 10px 10px 0px;
		border:0px solid #FFE17A;
		border-bottom-right-radius:0px; 
                }


.product-attribute-ulist {
			margin:8px 0px 15px 125px;
                        }



.service-indexing-ulist {
			margin:8px 0px 5px 155px;
                        }




#home-icons_001{
		vertical-align:text-top;
		display:inline;
		float:left;
		margin:0px 10px 5px 0px;
		border:2px solid #FFE17A;
		border-radius:150px; 
		height: 52px;
		width: 52px; 
                }


.services-descript-link { 
           font-family:Tahoma; 
           font-size: 11px;        
           color: #77767A;
           text-decoration:none;
           margin-top:5px;
           letter-spacing: 0px;
           text-decoration:none; 
           }  

a.services-descript-link { 
           font-family:Tahoma; 
           font-size: 11px;        
           color: #99989D;
           text-decoration:none;
           margin-top:5px;
           letter-spacing: 0px;
           text-decoration:none; 
       transition: color 0.6s;
      -webkit-transition: color, background-color, 0.6s;  /* Safari and Chrome */
      -moz-transition: color, background-color, 0.6s; /* Firefox 4 */
      -o-transition: color, background-color, 0.6s; /* Opera */


           }  


a.services-descript-link:hover { 
           font-family:Tahoma; 
           font-size: 11px;        
           color: #77A474;
           text-decoration:none;
           margin-top:5px;
           letter-spacing: 0px;
           text-decoration:none; 
           }  


a.services-descript-link:active { 
           font-family:Tahoma; 
           font-size: 11px;        
           color: #E3B23B;
           text-decoration:none;
           margin-top:5px;
           letter-spacing: 0px;
           text-decoration:none; 
   transition: color 0.6s;
  -webkit-transition: color 0.6s;
  -moz-transition: color 0.6s;
  -o-transition: color 0.6s;
           }  





.maintext-link {
       	color:#6F9462;
        text-decoration:none;
	}


a.maintext-link {
       	color:#6F9462;
        text-decoration:none;
       transition: color 0.6s;
      -webkit-transition: color, background-color, 0.6s;  /* Safari and Chrome */
      -moz-transition: color, background-color, 0.6s; /* Firefox 4 */
      -o-transition: color, background-color, 0.6s; /* Opera */

	}



a.maintext-link:hover {
       	color:#89C474;
        text-decoration:none;
	}


a.maintext-link:active {
       	color:red;
        text-decoration:none;
   transition: color 0.6s;
  -webkit-transition: color 0.6s;
  -moz-transition: color 0.6s;
  -o-transition: color 0.6s;
	}