/* Общие настройки сайта */
/* Разные общие настройки */
* {margin: 0; padding: 0;}
body {background: #E3DFD4 url(bg.png) 50% repeat-y; font-family: Arial; font-size: 13px; line-height: 140%;}
#page {width: 798px; margin: 0 auto; background: #FFF;}

/* Работаем с тегами h */
.hbig {font-size: 24px; color: #767063; font-weight: 400; margin-bottom: 10px} 
.hmid {font-size: 20px; color: #767063; font-weight: 400; margin-bottom: 10px} 
.hsmall {font-size: 13px; color: black; font-weight: 700} 
.hleft {text-align: left;} .hright {text-align: right;}

a {outline: 0;}  a img {border: 0;} a, a:visited {color: #369; text-decoration: none; font-weight: bold;} a:hover {color: #FF9000;}
hr{clear: both; margin: 20px 0px; width: 100%; height: 1px; border: none; background: #E2DED3; color: #E2DED3;}

.clearbottom {clear: both; height: 150px;}

/* ///Разные общие настройки */

#logo {height: 64px; width: 798px;  text-align: center; padding-top: 17px; background: #EFEFEF;} /* Логотип */
#line1 {height: 20px; background: #FFAE00;} /* Рыжая линия сверху */
#projects {width: 798px; height: 179px; background: url(projects_js.jpg) #FFF;} /* Флешка */

/* Меню */
#menu1 {width: 100%; height: 25px; background: #FFAE00; margin-bottom: 30px;}
#menu {list-style: none; padding: 0 0 0 80px; float: left;}
#menu li {padding: 0 11px; height: 25px; float: left; background: url(030-menu/menu_separator.gif) 0 7px no-repeat;}
#menu a {color: black; font-size: 14px; line-height: 14px; text-decoration: none; display: block; position: relative; padding: 5px 0 0; font-weight: normal;}
#menu a:hover {color: #777;}
#menu li.active {margin-left: -2px; padding: 0; background: url(030-menu/menu_bg.png) 0 0 no-repeat;}
#menu li.active a {padding: 5px 16px 6px; background: url(030-menu/menu_corner.png) right top no-repeat; margin-right: -2px; z-index: 3;}

/* Подвал */
#footer {clear: both; width: 100%; border-top: #CCC 1px solid; margin-bottom: 30px; font-size: 70%;}
#footer b {text-decoration:none; font-size:16px; font-weight: 900; color: #999;}
.keydown {clear: both; color: #999;}
#end {clear: both; width: 100%; height: 1px;} /* подставка под подвал */

/* Выдвижной спойлер */
.splCont {background: #FFF5DE} /* чтобы задник был подкрашен при выдвижении */

/* ///Общие настройки сайта */


/* Настройки раздела Главная и Услуги */
#index  {clear: both; margin-bottom: 30px; padding: 0px 80px;}
#index li {margin-left:15px;} 

/* Настройки раздела Команда */
#com {clear: both; padding: 0px 80px; margin-bottom: 30px;}
#com img {width: 200px; border:0; float: left; padding: 5px 25px 15px 0px}

/* Настройки раздела Проекты */
#proekt {clear: both; padding: 0px 60px; margin-bottom: 30px;}
#proekt img.left {border:0; float: left; padding: 5px 25px 15px 0px}
#proekt img.right {border:0; float: right; padding: 5px 0px 15px 25px}
/* Галереи, в основном для раздела Проекты */
.galery  {clear: both; width: 704px; margin-bottom: 30px;}
.galery a{display: block; float: left; padding: 0px 8px 8px 0px;}
.galery a img {border: #898374 1px solid;}

/* Настройки раздела Контакты */
#contact {clear: both; padding: 0px 60px; margin-bottom: 30px;}
#contact .big {font-size: 16px;}

/* Настройки раздела Статьи */
#text {clear: both; padding: 0px 60px; margin-bottom: 30px;}
#text br {line-height: 100%;}