/* CSS Document for Aliveit */
@charset "utf-8";

* { }
body,div,ul,li,h1,h2,h3,form,input,p,th,td,img { 
	                                              margin:0;
	                                              padding:0;
	                                              border: 0;
                                               }
strong {font-weight:normal;}
html {
      height:100%;
     }
body {
       position:relative;
       font-size:1em;
       height:100%;
       min-width:1000px;
       width: expression(document.childNodes[1].offsetWidth < 1000 ? '1000px' : '100%'); 
       min-height:600px;
       height: expression(document.childNodes[1].offsetHeight < 600 ? '600px' : '100%'); 
       font-size:13px;
overflow:hidden;
position:relative;
font-family:Arial,sans-serif;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
      }

/******************* L I N K S  &  G A D G E T S ******************************/
a {
   color:#367dd7;
  }
a:hover {
         text-decoration:none;
        }
#go_list, #go_form, #go_question, #go_site {
                                            position:absolute;
                                            z-index:1;                                                
                                           }
#go_list {
          top:2%;
          left:5%; 
          color:#367dd7;
text-shadow: #000 0 0 0;
         }
#go_form {
          top:2%;
          right:5%;
          color:#99c100;
text-shadow: #000 0 0 0;
         }
#go_form.sub {
              right:22%;
             }
#go_question {
              font-style:italic;
              color:#367dd7;
              margin-top:355px;
text-shadow: #000 0 0 0;
             }
#back_site {
            display:block;
            position:relative;
            left:2%;
            top:2%;
            height:41px;
            width:150px;
            padding-left:40px;
            background:url(images/arrow_back.jpg) no-repeat;
            padding-top:10px;
text-shadow: #000 0 0 0;
            
           }
#go_site {
          position:absolute;
          right:5%;
          top:50%;
          margin-top:-75px;
          width:130px;
          height:15px;
          color:#000;
          background:url(images/arrow_big.gif) no-repeat right top;
          padding-top:100px;
          text-align:right;
text-shadow: #000 0 0 0;
         }
  
#butterfly {
            display:block;
            width:100px;
            height:71px;
            position:absolute;
            right:-10%;
            bottom:-10%;
            background:url(images/butterfly.png) no-repeat 0 0;
           }

#logo {
       display:block;
       width:148px;
       height:106px;
       position:absolute;
       right:5%;
       top:2%;
       background:url(images/logo.png);
       cursor:hand;  
      }
#form_order #logo {
                   top:50px;
                   right:-250px;
                  }
#form_quest #logo {
                   top:-60px;
                   right:-450px;
                  }
#grass{
       display:block;
       width:663px;
       height:350px;
       position:absolute;
       margin-left: -332px;
       left:50%;
       bottom:0;
       background:url(images/grass.png) no-repeat 0 0;
      }
#bamboo {
         display:block;
         width:384px;
         height:500px;
         position:absolute;
         right:5%;
         bottom:2em;
         background:url(images/bamboo.png) no-repeat;
         z-index:-1;
        }
/*********************** M A I N ********************************************/
#index_main {
             position:absolute;
             left:50%;
             top:50%;
             margin-top:-263px;
             margin-left:-460px;
             width:920px;
             height:600px;
             background:url(images/hamelion.jpg) no-repeat;
            }
#index_main p {
               position:relative;
               top:330px;
               width:360px;
               text-align:justify;
text-shadow: #000 0 0 0;
              }
#sub_main {
           position:absolute;
           left:50%;
           top:50%;
           margin-top:-270px;
           margin-left:-400px;
           width:700px;
           height:450px;
           line-height:1.2;
           z-index:2;
          }
#sub_main p {
             margin-top:15px;
             font-size:1em;   
line-height: 1.5em;
            }
#sub_main ul {
              margin:15px 0 20px;
              list-style-type:none;              
line-height: 1.5em;
             }
h1 {
    color:#99c100;
    font-size:1.8em;
    font-style:italic;
    font-weight:normal;
    display:inline;
   }
h2 {
    color:#000;
    font-size:1.2em;
    font-style:italic;
    font-weight:bold;
    display:inline;
   }
h3 {
    color:#99c100;
    font-size:1em;
    font-weight:normal;
   }

#form2_info {
             position:absolute;
             top:50%;
             margin-top:-120px;
             right:15%;
             width:35%;             
             font-style:italic;
	line-height: 2em;
            }
/*************************** M E N U ****************************************/

#menu {
       position:absolute;
       bottom:8%;
       height:2em;
       left:5%; right:0;
       height:41px;
       color:#fff;
       overflow:visible;
text-shadow: #000 0 0 0;
      }
#menu ul {
          position:relative;
          float:left;
          left:0;
          z-index:10;
         }

#menu li {
          display:inline;
          padding:10px 20px 10px 0;
          line-height:41px;
          z-index:10;
         }
#menu li a {           
            color:#000; 
            z-index:10;      
           }

#menu_arrow {
             position:absolute;
             display:block;
             height:41px;
             width:5%;
             background:url(images/arrow.gif) no-repeat right 0;
             bottom:8%;
             left:0;
             z-index:1;
           }
#menu_arrow.sub1 {
                 position:absolute;
                 width:1000px;
                 left:-872px; top:0;  
                }        
#menu_arrow.sub2 {
                 position:absolute;
                 width:1000px;
                 left:-763px; top:0;  
                }  
#menu_arrow.sub3 {
                 position:absolute;
                 width:1000px;
                 left:-634px; top:0;  
                } 
#menu_arrow.sub4 {
                 position:absolute;
                 width:1000px;
                 left:-422px; top:0;  
                } 
#menu_arrow.sub5 {
                 position:absolute;
                 width:1000px;
                 left:-286px; top:0;  
                }   
#menu_arrow.sub6 {
                 position:absolute;
                 width:1000px;
                 left:-196px; top:0;  
                }                  
/************************* F O R M S  ********************************/
#form_quest {
             position:absolute;
             top:50%;
             left:15%;
             margin-top:-250px;
             width:400px;
             height:250px;
             z-index:1;

            }
#form_quest input {
                   width:297px;
                   margin-top:15px;
                   vertical-align:top;
                   font-size:1em;
                   border:1px inset;
                   padding:3px;
                  }
#form_quest textarea {
                   margin-top:15px;
                   vertical-align:top;
                   font-size:1em;
                   border:1px inset;
                   padding:3px;
				   }
#form_quest #question {
                       height:100px;
                       width:297px;
                       font-family:Arial;
                       font-size:1em;
                       margin:15px 0 0;
                       overflow:hidden;
                       border:1px inset;
                       padding:3px;
                      }
#form_quest #go_quest {
                       width:121px;
                       height:30px;
                       background:url(images/go_quest.jpg) no-repeat;
                       border:0;
                      }
#form_quest #go_quest:active {
                             background:url(images/go_quest.jpg) no-repeat 2px 2px;
                            }
                           
#form_quest #go_quest_2 {
                       width:130px;
                       height:30px;
                       background:url(images/go_quest_2.jpg) no-repeat;
                       border:0;
					   margin-left: 6px;
                      }
#form_quest #go_quest_2:active {
                             background:url(images/go_quest_2.jpg) no-repeat 2px 2px;
                            }

                             
#form_order {
             padding-top:100px;
             position:absolute;
             top:50%;
             left:50%;
             margin-left:-450px;
             margin-top:-350px;
             width:500px;
             height:520px;
             color:#000;
             font-size:1em;
            }

#form_order h3 {
                color:#98c100;
                font-style:italic;
                font-size:1.1em;
                margin:10px 0;
                }
#form_order .field {
                    clear:both; 
                    text-align:right;
                    margin-top:5px;
                   }
                   
#form_order label {
                   float:left;
                  }
#form_order input {
                    border:1px inset;
                    font-size:1em;
                  }
#form_order textarea {
                      width:100%;
                      height:2em !important;                      
                     }
#form_order .box {
                  width:50%;
                  float:left;
                  margin-bottom:20px;
                 }
#form_order .box input {
                        float:left;
                        clear:left;                        
                        border:0;
                        height:1em;
                       }
#form_order .box label {
                        clear:right;
                        padding-left:10px;
                       }

#form_order #name {
                   width:23em;
                  }
#form_order #post {
                   width:18em;
                  }
#form_order #company {
                      width:23em;
                     }
#form_order #email, #form_order #telephone {
                                            margin-right:120px;
                                           }                  
#form_order #go_quest {
                       width:121px;
                       height:30px;
                       background:url(images/go_quest.jpg) no-repeat;
                       border:0;
                      }
#form_order #go_quest:active{
                             background:url(images/go_quest.jpg) no-repeat 2px 2px;
                            }                  
                  
/************************* F O O T E R ********************************/

#footer {
         position:absolute;
         bottom:0;
         height:2em;
         width:100%;
         background:#000;
         color:#99c100;
         font-size:1em;
         padding-top:0.5em;
text-shadow: #000 0 0 0;
        }
#footer #mail,#tel,#icq,#skype {
                                 position:absolute;
                                 padding-left:25px;
                                 width:140px;
                                 height:22px;
                               }
#footer #cr {
             padding-left:5%;
	color:#767676;
            }
#footer h3 {
            display:inline;
            color:#767676 !important;
            font-size:1em;
            font-weight:normal;
            font-style:normal;
           }
#footer #mail {               
               background:url(images/mail.gif) no-repeat;
               right:0;               
              }
#footer #tel {               
               background:url(images/tel.gif) no-repeat;
               right:200px;               
              }
#footer #icq {               
               background:url(images/icq.gif) no-repeat;
               right:330px;               
              }
#footer #skype {               
               background:url(images/skype.gif) no-repeat;
               right:460px;               
              }
.rightpad {
	padding-right: 100px;
	}
	
	
#form_order input	{
 border:1px solid #AAA;
 font-size:1em;
 padding:3px;
 vertical-align:top;
}