div#container
{
   width: 800px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   background-image: url(images/otomasyon_bkgrnd.png);
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#Layer3
{
   background-color: #FFFFFF;
   background-image: none;
   border: 1px #B5441A solid;
   border-radius: 5px;
}
#wb_CssMenu1
{
   border: 0px #C0C0C0 solid;
   background-color: transparent;
}
#wb_CssMenu1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   position: relative;
   display: inline-block;
}
#wb_CssMenu1 li
{
   float: left;
   margin: 0;
   padding: 0px 0px 0px 0px;
   width: 120px;
}
#wb_CssMenu1 a
{
   display: block;
   float: left;
   color: #333333;
   border: 1px #B5441A solid;
   border-radius: 14px;
   background-color: #FFFFFF;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   width: 108px;
   height: 48px;
   padding: 0px 5px 0px 5px;
   vertical-align: middle;
   line-height: 48px;
   text-align: center;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #FFFFFF;
   background-color: #B5441A;
   background-image: none;
   border: 1px #FFFFFF solid;
}
#wb_CssMenu1 li.firstmain
{
   padding-left: 0px;
}
#wb_CssMenu1 li.lastmain
{
   padding-right: 0px;
}
#wb_CssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#Layer1
{
   background-color: #B34419;
   background-image: none;
}
#Image1
{
   border: 0px #000000 solid;
   padding: 0px 0px 0px 0px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: url(images/otomasyon_Text5_bkgrnd.png);
   background-repeat: repeat;
   background-position: left top;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text5 div
{
   text-align: center;
}
#wb_Text11 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text11 div
{
   text-align: center;
}
#Layer2
{
   background-color: #B5441A;
   background-image: none;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
   white-space: nowrap;
}
#wb_CssMenu2
{
   border: 0px #C0C0C0 solid;
   background-color: transparent;
}
#wb_CssMenu2 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   position: relative;
   display: inline-block;
   width: 120px;
}
#wb_CssMenu2 li
{
   float: left;
   margin: 0;
   padding: 0px 0px 0px 0px;
   width: 120px;
}
#wb_CssMenu2 a
{
   display: block;
   color: #333333;
   border: 1px #B5441A solid;
   border-radius: 14px;
   background-color: #FFFFFF;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   width: 108px;
   height: 48px;
   padding: 0px 5px 0px 5px;
   vertical-align: middle;
   line-height: 48px;
   text-align: center;
}
#wb_CssMenu2 li:hover a, #wb_CssMenu2 a:hover
{
   color: #FFFFFF;
   background-color: #B5441A;
   background-image: none;
   border: 1px #FFFFFF solid;
}
#wb_CssMenu2 .firstmain a
{
   margin-top: 0px;
}
#wb_CssMenu2 li.lastmain
{
   padding-bottom: 0px;
}
#wb_CssMenu2 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#Layer2_Container
{
   width: 800px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_Text2
{
   position: absolute;
   left: 18px;
   top: 204px;
   width: 708px;
   height: 256px;
   z-index: 9;
}
#wb_Image1
{
   position: absolute;
   left: 18px;
   top: 8px;
   width: 259px;
   height: 94px;
   z-index: 5;
}
#Layer1
{
   position: absolute;
   text-align: center;
   left: 0%;
   top: 638px;
   width: 800px;
   height: 34px;
   z-index: 4;
}
#Layer2
{
   position: absolute;
   text-align: center;
   left: 0%;
   top: 0px;
   width: 800px;
   height: 8px;
   z-index: 8;
}
#wb_Text5
{
   position: absolute;
   left: 18px;
   top: 138px;
   width: 235px;
   height: 19px;
   text-align: center;
   z-index: 6;
}
#Layer1_Container
{
   width: 800px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#Layer3
{
   position: absolute;
   text-align: center;
   left: 0px;
   top: 8px;
   width: 800px;
   height: 92px;
   z-index: 1;
}
#wb_Text11
{
   position: absolute;
   left: 0px;
   top: 647px;
   width: 800px;
   height: 16px;
   text-align: center;
   z-index: 7;
}
#wb_CssMenu1
{
   position: absolute;
   left: 277px;
   top: 27px;
   width: 480px;
   height: 50px;
   text-align: center;
   z-index: 3;
}
#Layer3_Container
{
   width: 798px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_CssMenu2
{
   position: absolute;
   left: 116px;
   top: 171px;
   width: 127px;
   height: 200px;
   visibility: hidden;
   text-align: center;
   z-index: 0;
}
@media only screen and (max-width: 799px)
{
div#container
{
   width: 320px;
}
body
{
   background-color: #FFFFFF;
   background-image: url(images/otomasyon_bkgrnd320.png);
}
#Layer3
{
   left: 0px;
   top: 8px;
   width: 318px;
   height: 324px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 5px;
}
#Layer3_Container
{
   width: 316px;
}
#BuildWith1
{
   left: 232px;
   top: 877px;
   width: 88px;
   height: 31px;
   visibility: visible;
   display: inline;
}
#wb_CssMenu1
{
   left: 277px;
   top: 27px;
   visibility: hidden;
   display: none;
}
#wb_CssMenu1 li
{
   width: 120px;
}
#wb_CssMenu1 a
{
   color: #333333;
   border: 1px #B5441A solid;
   border-radius: 14px;
   background-color: #FFFFFF;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   width: 108px;
   height: 48px;
   padding: 0px 5px 0px 5px;
   line-height: 48px;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #FFFFFF;
   background-color: #B5441A;
   background-image: none;
   border: 1px #FFFFFF solid;
}
#Layer1
{
   left: 0px;
   top: 908px;
   width: 320px;
   height: 41px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #B34419;
   background-image: none;
}
#Layer1
{
   left: 0%;
}
#Layer1_Container
{
   width: 320px;
}
#wb_Image1
{
   left: 18px;
   top: 8px;
   width: 259px;
   height: 94px;
   visibility: visible;
   display: inline;
}
#wb_Text5
{
   left: 9px;
   top: 347px;
   width: 235px;
   height: 19px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: url(images/otomasyon_Text5_bkgrnd320.png);
   background-repeat: repeat;
   background-position: left top;
}
#wb_Text5
{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
#wb_Text11
{
   left: 0px;
   top: 917px;
   width: 320px;
   height: 32px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
#wb_Text11
{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
#Layer2
{
   left: 0px;
   top: 0px;
   width: 320px;
   height: 8px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #B5441A;
   background-image: none;
}
#Layer2
{
   left: 0%;
}
#Layer2_Container
{
   width: 320px;
}
#wb_Text2
{
   left: 9px;
   top: 413px;
   width: 302px;
   height: 484px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
#wb_Text2
{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
#wb_CssMenu2
{
   left: 83px;
   top: 93px;
   visibility: visible;
   display: inline;
}
#wb_CssMenu2 li
{
   width: 120px;
}
#wb_CssMenu2 a
{
   color: #333333;
   border: 1px #B5441A solid;
   border-radius: 14px;
   background-color: #FFFFFF;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   width: 108px;
   height: 48px;
   padding: 0px 5px 0px 5px;
   line-height: 48px;
}
#wb_CssMenu2 li:hover a, #wb_CssMenu2 a:hover
{
   color: #FFFFFF;
   background-color: #B5441A;
   background-image: none;
   border: 1px #FFFFFF solid;
}
}