body    {margin: 0; background-color: #ffffff;}

a    {color: #339933; text-decoration: none;}
a:hover {color: #339933; text-decoration: underline;}

a.bottom  {color: #ccffcc; text-decoration: none;}
a.bottom:hover {color: #ccffcc; text-decoration: underline;}

#menu1 {width: 950px; height: 81px; background: url("images/logo.jpg") no-repeat; position: absolute; left:50%; margin-left:-475px; margin-top: 25px;}

#logo {width: 86px; height: 81px; position: absolute; left:50%; margin-left:-418px; margin-top: 25px;}

#menu2 {width: 950px; height: 81px; background: url("images/logo2.jpg") no-repeat; position: absolute; left:50%; margin-left:-475px; margin-top: 25px;}

#menu3 {width: 950px; height: 81px; background: url("images/logo3.jpg") no-repeat; position: absolute; left:50%; margin-left:-475px; margin-top: 25px;}

#menu4 {width: 950px; height: 81px; background: url("images/logo4.jpg") no-repeat; position: absolute; left:50%; margin-left:-475px; margin-top: 25px;}

#menu5 {width: 950px; height: 81px; background: url("images/logo5.jpg") no-repeat; position: absolute; left:50%; margin-left:-475px; margin-top: 25px;}

#portfolio {width: 150px; height: 30px; position: absolute; left:50%; margin-left:-260px; margin-top: 50px;}

#product {width: 150px; height: 30px; position: absolute; left:50%; margin-left:-75px; margin-top: 50px;}

#oplata {width: 150px; height: 30px; position: absolute; left:50%; margin-left: 130px; margin-top: 50px;}

#contacts {width: 150px; height: 30px; position: absolute; left:50%; margin-left: 320px; margin-top: 50px;}

#jg {width: 180px; height: 150px; position: absolute; left:50%; margin-left:-475px; margin-top: 120px;}

#banner {width: 170px; height: 730px; position: absolute; left:50%; margin-left:-275px; margin-top: 120px;}

#apple {width: 930px; height: 170px; position: absolute; left:50%; margin-left:-465px; margin-top: 290px;}

#text {width: 930px; position: absolute; margin-top: 450px; left:50%; margin-left:-465px;}

#text-in {width: 930px; position: absolute; margin-top: 250px; left:50%; margin-left:-465px; padding: 0;}

#text1 {width: 540px; padding: 25px; color: #4c4c4c; font-family: Arial; font-size: 12px; text-align: left; vertical-align: top;}

#text2 {width: 390px; padding: 25px; color: #4c4c4c; font-family: Arial; font-size: 12px; text-align: left; vertical-align: top;}

#text3 {width: 900px; padding: 25px 75px 25px 25px; color: #4c4c4c; font-family: Arial; font-size: 12px; text-align: left; vertical-align: top;}

#bottom {width: 930px; height: 150px;  background: url("images/bottom.jpg") no-repeat; color: #ffffff; font-family: Arial; font-size: 12px; text-align: left; vertical-align: top; padding: 20px 30px 30px 30px;}

#portfol {width: 900px;}

.portfol1 {width: 170px; text-align: center; vertical-align: top; font-family: Trebuchet MS; color: #242424; font-size: 16px; font-weight: normal;}

.portfol2 {}

#products {width: 900px;}

#product1 {width: 270px; height: 200px; background: url("images/product1.jpg") no-repeat;}

#product2 {width: 270px; height: 200px; background: url("images/product2.jpg") no-repeat;}

#product3 {width: 270px; height: 200px; background: url("images/product3.jpg") no-repeat;}

.in-product {font-family: Trebuchet MS; font-size: 20px; text-align: center; vertical-align: top; margin-top: 140px;}

h1 {font-family: Trebuchet MS; color: #298910; font-size: 25px; font-weight: normal;}

h2 {font-family: Trebuchet MS; color: #242424; font-size: 18px; font-weight: normal;}

#gallery {background-color: #ffffff;}
#gallery ul {list-style: none; padding: 0; margin: 0;}
#gallery ul li {display: inline; padding: 0 0 0 0; margin: 0;}
#gallery ul img {border: 10px solid #339933; border-width: 10px 10px 10px;}
#gallery ul a:hover img {border: 10px solid #339933; border-width: 10px 10px 10px; color: #339933;}
#gallery ul a:hover {color: #339933;}

        #container {
            background-color: #fff;
            width: 930px;
            font: 16px "Trebuchet MS"; 
            color: #cccccc;
        }


       /* slider specific CSS */
        .sliderGallery {
            background: url("images/flash-background.jpg") no-repeat;
            overflow: hidden;
            position: relative;
            padding: 10px;
            height: 160px;
            width: 910px;
        }
        
        .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0;
            margin: 0;
        }
        
        .sliderGallery UL LI {
            display: inline;
        }
        
        .slider {
            width: 900px;
            height: 17px;
            margin-top: 140px;
            margin-left: 5px;
            padding: 1px;
            position: relative;
            background: url("images/flash-scrollbar.png") no-repeat;
        }
        
        .handle {
            position: absolute;
            cursor: move;
            height: 17px;
            width: 181px;
            top: 0;
            background: url("images/flash-scroller.png") no-repeat;
            z-index: 100;
        }
        
        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 1px;
        }
        
        .slider .slider-lbl1 {
            left: 50px;
        }
        
        .slider .slider-lbl2 {
            left: 200px;
        }
        
        .slider .slider-lbl3 {
            left: 350px;
        }

        .slider .slider-lbl4 {
            left: 650px;
        }

        .slider .slider-lbl5 {
            left: 780px;
        }