*{
 margin: 0;
 padding: 0;
 }

body{
 font-family: Verdana;
 color: #000000;
 font-size: 10pt;
 min-width: 1000px;
 width: 100%;
 background: #FFFFFF url(images/bodybg.jpg) top repeat-x;
 }

a{
 color: #dc0303;
 }

a:hover{
 text-decoration: underline;
 }

img{
 border: 0;
 }

td{
 vertical-align: top;
 }

/* Шапка */

#header{
 height: 325px;
 width: 100%;
 }

#header-left{
 background: url(images/header-left-bg.jpg) right top no-repeat;
 height: 325px;
 width: 7%;
 }

#header-middle{
 background: url(images/header-middle-bg.jpg) center top no-repeat;
 height: 325px;
 text-align: center;
 width: 86%;
 }

#header-middle #logo{
 padding-top: 7px;
 text-align: left;
 }

#header-right{
 background: url(images/header-right-bg.jpg) left top no-repeat;
 height: 325px;
 width: 7%;
 }

/* Верхнее меню */

#menu{
 clear: both;
 width: 96%;
 margin: 0 2%;
 }

#menu td{
 background: url(images/menu_bg.jpg) top repeat-x;
 height: 45px;
 border-right: 1px solid #f9f8f8;
 border-left: 1px solid #edeaea;
 vertical-align: middle;
 }

#menu td.first{
 background: url(images/menu_first_bg.jpg) left top no-repeat;
 border-left: none;
}

#menu td.last{
 background: url(images/menu_last_bg.jpg) right top no-repeat;
 border-right: none;
}

#menu td a{
 display: block;
 width: 100%;
 padding: 15px 0 5px 0;
 height: 25px;
 text-decoration: none;
 text-transform: uppercase;
 text-align: center;
 font-size: 8pt;
 color: #dc0303;
 }

#menu td a:hover{
 text-decoration: underline;
 }

#menu td span{
 font-weight: bold;
 display: block;
 width: 100%;
 padding: 15px 0 5px 0;
 height: 25px;
 text-decoration: none;
 text-transform: uppercase;
 text-align: center;
 font-size: 8pt;
 color: #dc0303;
 background: url(images/menu_bg_h.jpg) top repeat-x; 
 }

#menu td.first span{
 background: url(images/menu_first_bg_h.jpg) left top no-repeat; 
 }

#menu td.last span{
 background: url(images/menu_last_bg_h.jpg) right top no-repeat; 
 }

/* Контент */

#content{
 clear: both;
 padding: 0 2%;
 }

#content div#left{
 float: left;
 width: 25%;
 padding: 20px 0;
 }

#left ul li{
 list-style-type: none;
 margin-bottom: 10px;
 }

#left ul li a{
 display: block;
 font-style: italic;
 color: #747474;
 font-size: 11pt;
 text-decoration: none;
 text-transform: lowercase;
 padding: 10px 10px 30px 90px;
 height: 29px;
 }

#left ul li a:hover{
 text-decoration: underline;
 }

#left ul li span{
 color: #dc0303;
 display: block;
 font-style: italic;
 font-size: 11pt;
 text-decoration: none;
 text-transform: lowercase;
 padding: 10px 10px 30px 90px;
 height: 29px;
 }

/* Панели управления */

 #left ul li.li10 a{
 background: url(images/li1.jpg) 5px 0 no-repeat;
 }

#left ul li.li10 a:hover, #left ul li.li10 span{
 background: url(images/li1h.jpg) 5px 0 no-repeat;
 }

/* Управление освещением */

 #left ul li.li7 a{
 background: url(images/li2.jpg) 5px 0 no-repeat;
 }

#left ul li.li7 a:hover, #left ul li.li7 span{
 background: url(images/li2h.jpg) 5px 0 no-repeat;
 }

/* Климат-контроль */

 #left ul li.li8 a{
 background: url(images/li4.jpg) 5px 0 no-repeat;
 }

#left ul li.li8 a:hover, #left ul li.li8 span{
 background: url(images/li4h.jpg) 5px 0 no-repeat;
 }

/* Домашний кинотеатр */

 #left ul li.li33 a{
 background: url(images/li5.jpg) 5px 0 no-repeat;
 }

#left ul li.li33 a:hover, #left ul li.li33 span{
 background: url(images/li5h.jpg) 5px 0 no-repeat;
 }

/* Мультирум */

 #left ul li.li9 a{
 background: url(images/li6.jpg) 5px 0 no-repeat;
 }

#left ul li.li9 a:hover, #left ul li.li9 span{
 background: url(images/li6h.jpg) 5px 0 no-repeat;
 }

/* Жалюзи и гардины */

#left ul li.li12 a{
 background: url(images/li3.jpg) 5px 0 no-repeat;
 }

#left ul li.li12 a:hover, #left ul li.li12 span{
 background: url(images/li3h.jpg) 5px 0 no-repeat;
 }

/* Бзеопасность */

#left ul li.li11 a{
 background: url(images/li7.jpg) 5px 0 no-repeat;
 }

#left ul li.li11 a:hover, #left ul li.li11 span{
 background: url(images/li7h.jpg) 5px 0 no-repeat;
 }

/* Центральное пылеудаление */

 #left ul li.li34 a{
 background: url(images/li8.jpg) 5px 0 no-repeat;
 }

#left ul li.li34:hover, #left ul li.li34 span{
 background: url(images/li8h.jpg) 5px 0 no-repeat;
 }

/* Интернет-управление */

 #left ul li.li35 a{
 background: url(images/li9.jpg) 5px 0 no-repeat;
 }

#left ul li.li35 a:hover, #left ul li.li35 span{
 background: url(images/li9h.jpg) 5px 0 no-repeat;
 }

/* Управление от Apple */

 #left ul li.li36 a{
 background: url(images/li10.jpg) 5px 0 no-repeat;
 }

#left ul li.li36 a:hover, #left ul li.li36 span{
 background: url(images/li10h.jpg) 5px 0 no-repeat;
 }

/* Правая колонка */

#right{
 margin-left: 25%;
 padding: 30px 10px 20px 20px;
 text-align: justify;
 }

#right h1, #right h2, #right h3, #right strong {
  color: #dc0303;
  margin-bottom: 10px;
  font-weight: normal;
  }

#right h1{
 font-size: 10pt;
 text-transform: uppercase;
 }
 
 #right strong{
 font-size: 10pt;
 text-transform: uppercase;
 }

#right h2{
 font-size: 11pt;
 }

#right h3{
 font-size: 10pt;
 }

#right p{
 margin-bottom: 10px;
 }

#right #intro{
 float: right;
 }

#right #intro p{
 width: 400px;
 font-size: 12pt;
 color: #5f5b5b;
 font-style: italic;
 font-family: Georgia;
 border-left: 5px solid #ddd7d7;
 padding: 0 25px 0 10px;
 }

#right p.ford{
 border: 0 !important;
 text-align: right;
 color: #000000 !important;
 }

#right ul, ol{
 list-style-position: inside;
 margin-bottom: 10px;
 }

/* Футер */

#footer{
 height: 198px;
 width: 100%;
 }

#footer #footer-left{
 background: url(images/footer-left-bg.jpg) left top no-repeat;
 height: 60px;
 width: 180px;
 padding: 30px 0 10px 40px;
 }

#footer td.menu{
 background: url(images/footer-bg.jpg) top repeat-x;
 height: 60px;
 padding: 40px 0 10px 0;
 text-align: center;
 }

#footer td.menu ul{
 width: 130px;
 text-align: left;
 margin: 0 auto;
 }

#footer td.menu ul li{
 list-style-position: inside;
 }

#footer td.menu ul li a{
 text-decoration: none;
 text-transform: uppercase;
 font-size: 7pt;
 }

#footer td.menu ul li a:hover{
 text-decoration: underline;
 }

#footer #footer-right{
  background: url(images/footer-right-bg.jpg) right top no-repeat;
  width: 355px;
  height: 198px;
 }

#footer #copyright{
 background: url(images/copyrightbg.jpg) bottom repeat-x;
 padding: 20px 20px 0 45px;
 font-size: 9pt;
 height: 68px;
 }

#footer #copyright p{
 margin-bottom: 5px;
 }