/*--------------------------------------  DEFAULTS  ------- ОБЩИЕ НАСТРОЙКИ --------*/
*{
    margin: 0px;
    padding: 0px;
    border: 0px;
   /* height: 100%;  */
}

html{
     height: 100%;
}

img{
    border: 0px;
}

/*img.png {
    behavior: url("pngbehavior.htc");
}*/

a{
    text-decoration: none;
}

body{
    text-align: left;
    width: 100%;
    height: 100%;

      background: #040505 url(../img/waterface.jpg) no-repeat;
      background-attachment: fixed;
}

ul{                       /* убираем маркеры в списках */
    list-style: none;
}



div#wrap{                         /* контейнер-распорка. не дает браузеру сжимать окно меньше 1000px */
       min-width: 1000px;
       min-height: 100%;
      /* width: 100%; */
       height: 100%;
       position: relative;
      /* overflow: auto; */
       z-index: 0;


}

div.gray_horiz_line{                   /* тонкая серая горизонтальная линия */
     width: 100%;
     height: 1px;
     background: #57595a url(../img/gray_horiz_line_bg.jpg) no-repeat 100% 0%;
     overflow: hidden;
}

/*---------------------------- IMAGES ---------- СТИЛИ ДЛЯ КАРТИНОК --------*/

img#main_logo{                                    /* логотип в шапке */
       width: 154px;
       height: 41px;
       margin: 23px 0px 3px -2px;
}

img.double_white_right_arrow{                    /* двойная стрелка вправо */
       width: 5px;
       height: 5px;
       vertical-align: 10%;

}

img#waterface{                           /* водяное лицо :) */
      width: 1157px;
      height: 850px;

      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 0;

      display: none;
}

img#slogan{                   /* рисунок-слоган в шапке */
      width: 389px;
      height: 20px;
      display: block;
      margin-bottom: 4px;
      
}

img#spire{                         /* спираль в правом верхнем углу */
      width: 774px;
      height: 408px;
      position: absolute;
      top: 0px;
      right: 0px;
      z-index: 0;
      

}

img#our_products{                   /* рисунок-OUR PRODUCTS */
      width: 102px;
      height: 15px;
      /*margin: -9px 0px 3px 0px;*/
}

img#img_home{                       /* пункт меню HOME */
      width: 38px;
      height: 14px;
      vertical-align: -25%;
}
                                   /* пункт меню PRODUCT*/
img#img_products{
      width: 67px;
      height: 14px;
      vertical-align: -25%;
}
                                   /* пункт меню FORUM*/
img#img_forum{
      width: 44px;
      height: 14px;
      vertical-align: -25%;
}
                                   /* пункт меню WHERE TO BUY*/
img#img_wheretobuy{
      width: 90px;
      height: 14px;
      vertical-align: -25%;
}

img#footer_logo{                                  /* лого в футере */
      width: 127px;
      height: 14px;
      vertical-align: 10%;
}

/*------------------------------- CONTENT -----------------*/

div#content{                             /* колонка с контентом в правой части окна */
      width: 48.6%;
     /* height: 500px; */
     float: right;
      overflow: hidden;
      /*border: red solid 1px; */
      margin: 39px 2.7% 0px 0px;

      position: relative;
      z-index: 2;



}




/*---------------------------------- HEADER --------------------------*/
                            /* заголовок */

div#header{
      overflow: hidden;
}

div#header p{                               /* текст в заголовоке */
      font: 18px "Myriad Pro",arial,sans-serif;
      color: #fff;
      font-wight: 400;
      padding-bottom: 4px;

}



/*--------------------  NAV MENU ---------------------------------*/
                                           /* нав. меню под заголовоком */
ul#nav_menu{
      width: 100%;

      margin: 9px 0px 0px -1px;
      overflow: hidden;
}

ul#nav_menu li{
      margin-right: 13px;
      float: left;
      font: 14px "Myriad Pro",arial,sans-serif;
      color: #fff;
      text-transform: uppercase;
}

ul#nav_menu li a{                       /* стиль ссылки в нем */
      color: #91b8c2;
}

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

/*--------------------  SUBMENU ---------------------------------*/
                                           /* подменю под основным меню */
ul#submenu{
      width: 100%;
      overflow: hidden;
      margin-top: 6px;
}

ul#submenu li{
      margin-right: 13px;
      float: left;
      font: 11px "Trebushet MS",arial,sans-serif;
      color: #fff;

}

ul#submenu li a{                        /* стиль ссылки в нем */
      color: #91b8c2;
}

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

/*---------------------------- MAIN ----------------------------------*/
                                /* БЛОК С ГЛАВНОЙ ИНФОРМАЦИЕЙ РАЗДЕЛА */

div#main{
       width: 100%;
       margin: 28px 0px 120px 0px;
       /*border: red solid 1px; */
       margin-bottom: 24px;
       overflow: hidden;
}
                                           /* простой абзац для текста */
div#main p{
       width: 85%;

       font: 12px/16px "Trebushet MS",arial,sans-serif;
       color: #fff;

       margin-bottom: 5px;
}
                                          /* обычный список */
div#main ul{
       width: 72%;

       font: 12px/16px "Trebushet MS",arial,sans-serif;
       color: #fff;

}

div#main ul li{                              /* элемент списка */
       background: url(../img/ul_li_bg.gif) no-repeat 0px 6px;
       padding-left: 10px;
}


div.our_products{                           /* контейнер в разделе OUR PRODUCTS */
      width: 100%;
      margin-bottom: 38px;
      font: 12px/15px "Trebushet MS",arial,sans-serif;
      color: #fff;
      overflow: hidden;
      /*border: red solid 1px;*/
}

div#main div.our_products p{
      margin-bottom: 12px;
}

div.our_products div.left{                   /* левая часть - под фотку */
     width: 197px;
     float: left;
}

div.our_products div.right{               /* правая часть - под описание */
     width: 291px;
     float: left;
}

div.our_products a{
      color: #fff;
}

div.our_products a:hover{
      text-decoration: underline;
}

div.our_products span{                    /* выделение заголвока - название продукта */
      font-size: 15px;
      font-weight: 600;
}

                                             /* стиль картинки в разделе */
div.our_products img{
      width: 171px;
      height: 126px;
      border: #74a5bb solid 4px;
      margin: 0px 13px 0px 0px;
}


div.paging_header
{
	width:488px;

}
div.paging
{
	float:right;
	text-align:right;
	color:#fff;
	font-family:"Trebushet MS",arial,sans-serif;
	font-size:13px;
	font-weight:300;
}
div.paging a
{
	color:#91B8C2;
}

/*ul#main li a{
      color: #91b8c2;
 text-decoration: none;
}*/

div#main a{
	color: #91b8c2;
}
div#main a:hover{
	text-decoration: underline;
}

/*------------------------- PICTURE_COLUMN ---------------------*/
                                    /* класс для картинки с подписью в "галерее" */
div.picture_column{
      width: 180px;
      float: left;
      text-align: left;
      margin: 0px 30px 0px 0px;
      /*border: red solid 1px; */
      font: 12px "Trebushet MS",arial,sans-serif;
      color: #fff;
}

div.floor{                          /* один этаж - две колонки одного уровня */
      width: 100%;
      margin-bottom: 11px;
      overflow: hidden;
}

div.picture_column img{                   /* стиль картинки */
      width: 172px;
      height: auto;
      border: #74a5bb solid 4px;
      margin-bottom: 0px;
}

div.picture_column a{
      color: #fff;
}

div.picture_column a:hover{
      text-decoration: underline;
}
                                                 /* контейнер под описание */
div.picture_column div{
      margin-top: 6px;
      text-align: center;
}


/*------------------------------------ FOOTER ---------------------*/

div#footer{
      width: 100%;
      font: 12px/16px "Trebushet MS",arial,sans-serif;
      color: #fff;
      clear: both;
      margin-bottom: 21px;
}

div#footer span{
      color: #828485;
}

div#footer small{
      font-size: 9px;
}

div#footer a{
      color: #fff;
      text-decoration: underline;
}

/*---------------------------------- SUB FOOTER ----------------------*/
                                         /* футер в субстраницах. минимальные отличия */

div#sub_footer{
      width: 100%;
      font: 12px/16px "Trebushet MS",arial,sans-serif;
      color: #fff;
      clear: both;
      margin-bottom: 53px;
}

div#sub_footer p.emails{
      margin-bottom: 37px;
}

div#sub_footer div.gray_horiz_line{
     margin-bottom: 21px;
}

div#sub_footer span{
      color: #828485;
}

div#sub_footer small{
      font-size: 9px;
}

div#sub_footer a{
      color: #fff;
      text-decoration: underline;
}