html, body {font-family: Verdana, Tahoma, Arial; height: 100%; width: 100%; margin:0px; padding:0px; background-image:URL(data/background.jpg); background-repeat: repeat-x; background-color:#F8F0E9;}

#ornament_1 {height: 100%; width: 100%; margin:0px; padding:0px; background-image:URL(data/ornament1.gif); background-repeat: no-repeat; background-position: 66% 0%;}
#ornament_2 {height: 100%; width: 100%; margin:0px; padding:0px; background-image:URL(data/ornament2.gif); background-repeat: no-repeat; background-position: 73% 100%;}
#ornament_3 {height: 100%; width: 100%; margin:0px; padding:0px; background-image:URL(data/ornament1.gif); background-repeat: no-repeat; background-position: 80% 0%;}
#ornament_4 {height: 100%; width: 100%; margin:0px; padding:0px; background-image:URL(data/ornament2.gif); background-repeat: no-repeat; background-position: 23% 100%;}

table {border: 0px solid #cc0000; border-collapse: collapse; /* cellspadding */ border-spacing: 0px; /* cellspacing */}
td, div {font-family: Verdana, Tahoma, Arial; font-size: 12px; color: #333; margin: 0; padding: 0; border: 0px solid #c00; text-align: left; vertical-align: top;}

img {behavior: url('/iepngfix.htc'); border: 0;}

h1 {color: #444; font-weight: bold; font-size: 24px; margin: 0; letter-spacing: -1px;}
h2 {color: #817d6d; font-weight: bold; font-size: 16px; margin: 0;}
h3 {color: #fff; font-weight: bold; font-size: 10px; margin: 0;}
h4 {color: #f9f9f2; font-weight: bold; font-size: 16px; margin: 20px 0 0 -10px; padding: 2px 10px; background-color: #444;}
h5 {color: #a8a496; font-weight: normal; font-size: 14px; margin: 0; padding: 0;}

a {color: #856611;}
a:hover {color: #ba9122;}

#about img {background-image:URL(data/about.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#about:hover img {background-image:URL(data/about.gif); background-repeat: no-repeat; background-position: 100% 0px; cursor: pointer !important; cursor: hand;}

#service img {background-image:URL(data/serv.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#service:hover img {background-image:URL(data/serv.gif); background-repeat: no-repeat; background-position: 100% 0px; cursor: pointer !important; cursor: hand;}

#contacts img {background-image:URL(data/contacts.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#contacts:hover img {background-image:URL(data/contacts.gif); background-repeat: no-repeat; background-position: 100% 0px; cursor: pointer !important; cursor: hand;}

#vac_i img {background-image:URL(data/vac.gif); background-repeat: no-repeat; background-position: 0px 0px; margin: 10px; margin-left: 90px;}
#vac_i:hover img {background-image:URL(data/vac.gif); background-repeat: no-repeat; background-position: 100% 0px; cursor: pointer !important; cursor: hand; margin: 10px; margin-left: 90px;}

input {margin: 0; line-height: 95%; height: 15px; font-size: 10px; color: #fff;	border: #c3b19d 1px solid;}
.resume {margin: 0; line-height: 95%; height: 15px; font-size: 10px; color: #000000;	border: #c3b19d 1px solid;}

p {margin: 0 0 7px 0;}

hr {size: 1px; color: #817d6d;}

.pdng {padding: 10px; vertical-align: top;}
.pdng-v {padding: 10px 0 10px 0; vertical-align: top;}
.sm {font-size: 9px; color: #817d6d;}
.alt {font-style: italic; color: #817d6d; margin: 0px 0px 10px 20px;}
.eventsimg {margin: 0 0 10px 0; border: 1px #856611 solid;}
.eventsimg-small {margin: 0 0 10px 0;}
.year {color: #beb9b4; padding: 0 0 20px 0; font-size: 18px;}

/* иконки и меню */
#icons_and_lang {width: 100%;}
#icons {padding: 15px 0px 0px 35px;}
#language {text-align: right;padding: 12px 35px 0px 0px; color: #817d6d;}
#language a {color: #c9a02b;}
#language a:hover {color: #f1d072;}

/* подменю */
#table td {padding: 5px;}
.active {background-color: #F3EEE9; font-weight: bold;} 

/* логотип и меню */
#logo_and_menu {width: 100%;}
#logo {text-align: right; padding-top: 30px;}
#gap {width: 5%;}
#menu {text-align: left; padding-top: 70px; padding-right: 20px;}
#menu img {margin-right: 30px;}

/* баннеры */
#banners {width: 100%; margin-top: 50px; background-image:URL(data/darkback.gif);}
#black_field {width: 20px; height: 20px;}
#banner_1 {height: 167px; background-image:URL(imgs/banner_1.jpg); background-repeat: no-repeat; background-position: 0 0;}
#banner_11 {width: 31%; background-image:URL(imgs/banner_11.jpg); background-position: 0 1px;}
#banner_2 {height: 167px; background-image:URL(imgs/banner_2.jpg); background-repeat: no-repeat; background-position: 0 0;}
#banner_22 {width: 31%; background-image:URL(imgs/banner_22.jpg); background-position: 0 1px;}
#banner_3 {height: 167px; width: 33%; background-image:URL(imgs/banner_3.jpg); background-repeat: no-repeat; background-position: 100% 0;}
#banner_33 {width: 31%; background-image:URL(imgs/banner_33.jpg); background-position: 100% 1px;}
.banner_off {width: 100%; height: 100%; border: 1px solid #B8A161;}
.banner_on {width: 100%; height: 100%; cursor: pointer !important; cursor: hand; border: 1px solid #FFF1CB;}
.banner_off h2 {font-family: Arial; color: #fff; font-weight: bold; font-size: 22px; margin: 0; padding: 10px 10px 0 20px;}
.banner_off h3 {font-family: Arial; color: #fff; font-weight: bold; font-size: 12px; margin: 0; padding: 0px 10px 0 25px;}
.banner_on h2 {font-family: Arial; color: #fff; font-weight: bold; font-size: 22px; margin: 0; padding: 10px 10px 0 20px;}
.banner_on h3 {font-family: Arial; color: #fff; font-weight: bold; font-size: 12px; margin: 0; padding: 0px 10px 0 25px;}

/* философия */
#bkg {width: 100%; height: 231px; margin-top: 8px; background-image:URL(data/bouquet-bkg.jpg); background-repeat: repeat-x; verical-align: middle;}
#bkg td {text-align: left;}

/* услуги */
#services {width: 100%; margin-top: 40px; margin-bottom: 30px;}
#serv_text {font-family: Verdana, Tahoma, Arial; font-size: 12px; color: #333; padding-left: 60px; padding-right: 60px; padding-top: 30px;}
#serv_1 {width: 33%; padding-left: 60px; padding-right: 20px;}
#serv_2 {width: 33%; padding-left: 20px; padding-right: 20px;}
#serv_3 {width: 34%; padding-left: 20px; padding-right: 60px;}
#serv_4 {width: 50%; padding-left: 75px; padding-right: 50px;}
#serv_5 {width: 50%; padding-left: 50px; padding-right: 75px;}
#services h2 {color: #817d6d; font-weight: bold; font-size: 16px; margin: 0; padding: 10px 10px 0 20px;}
#services h3 {color: #817d6d; font-weight: bold; font-size: 10px; margin: 0; padding: 0px 10px 0 25px;}
#serv_4 a {color: #817d6d; font-weight: bold; font-size: 16px; margin: 0;}
#serv_4 a:hover {color: #ba9122; font-weight: bold; font-size: 16px; margin: 0;}
#serv_5 a {color: #817d6d; font-weight: bold; font-size: 16px; margin: 0;}
#serv_5 a:hover {color: #ba9122; font-weight: bold; font-size: 16px; margin: 0;}

/* текст и цитата */
#text_and_quote {width: 100%;}
#text {width: 55%; font-family: Verdana, Tahoma, Arial; font-size: 12px; color: #333; padding: 75px; padding-bottom: 30px; padding-top: 50px;}
#quote {padding-top: 60px; width: 38%;}
.quote_lo {width: 100%; height: 115px; background:url(data/quote-back.gif) left top repeat;}
.quote_lo #q1 {padding: 15px 0 20px 40px; color: #000; font-size: 14px;}
.quote_lo #q2 {padding: 20px 40px 10px 0; color: #000; font-size: 14px;  font-style: italic; background:url(data/quote-c-lo.gif) right top no-repeat;}
.quote_lo #q3 {text-align: right; padding-bottom: 30px; padding-right: 75px; color: #000; font-size: 12px;  background:url(data/quote-p-lo.gif) right bottom no-repeat;}
.quote_lf {width: 100%; margin: 60px 0 30px 40px; vertical-align: middle;}
.quote_lf #q1 {padding: 15px 0 20px 40px; color: #000; font-size: 14px;}
.quote_lf #q2 {padding: 20px 40px 10px 0; color: #fdfcf8; font-size: 14px;  font-style: italic;}
.quote_lf #q3 {text-align: right; padding-bottom: 30px; padding-right: 75px; color: #fdfcf8; font-size: 12px;}
/* .quote_lf {width: 100%; height: 115px; background:url(data/quote-back.gif) left top repeat;}
.quote_lf #q1 {padding: 15px 0 20px 40px; color: #000; font-size: 14px;}
.quote_lf #q2 {padding: 20px 40px 10px 0; color: #000; font-size: 14px;  font-style: italic; background:url(data/quote-c-lf.gif) right top no-repeat;}
.quote_lf #q3 {text-align: right; padding-bottom: 30px; padding-right: 75px; color: #000; font-size: 12px;  background:url(data/quote-p-lo.gif) right bottom no-repeat;} */
.quote_ro {width: 100%; height: 115px; background:url(data/quote-back.gif) left top repeat;}
.quote_ro #q1 {padding: 15px 0 20px 40px; color: #000; font-size: 14px; background:url(data/quote-c-ro.gif) left top no-repeat;}
.quote_ro #q2 {padding: 20px 40px 10px 0; color: #000; font-size: 14px; font-style: italic;}
.quote_ro #q3 {text-align: right; padding-bottom: 30px; padding-right: 75px; color: #000; font-size: 12px;  background:url(data/quote-p-ro.gif) left bottom no-repeat;}

/* контакты */
#contacts {width: 100%;}
#part_1 {width: 55%; font-family: Verdana, Tahoma, Arial; font-size: 12px; color: #333; padding-left: 75px; padding-right: 30px; padding-top: 50px; padding-bottom: 50px;}
#part_2 {width: 55%; font-family: Verdana, Tahoma, Arial; font-size: 12px; color: #333; padding-left: 30px; padding-right: 75px; padding-top: 50px; padding-bottom: 50px;}
#copy_c {font-family: Arial, Verdana, Tahoma; color: #817d6d; font-size: 12px; font-weight: bold; padding-left: 35px;  vertical-align: middle;}
input {margin: 0; line-height: 95%; height: 15px; font-size: 10px; color: #fff; border: #c3b19d 1px solid;}
textarea {margin: 0; line-height: 95%; height: 150px; font-size: 10px; color: #fff; border: #c3b19d 1px solid;}
#btn {height: 15px; font-size: 10px; color: #444; border: #c3b19d 1px solid; background-color: fff;}

/* vacancy */
#logo_small {padding-top: 20px; padding-left: 50px;}
table #vacancy {width: 100%;}
table #tab_2 {width: 100%;}
#vac {width: 40%; font-family: Verdana, Tahoma, Arial; font-size: 12px; color: #333; padding-left: 50px; padding-right: 25px; padding-top: 20px;}
#resume {width: 60%; font-family: Verdana, Tahoma, Arial; font-size: 12px; color: #333; padding-right: 50px; padding-left: 25px; padding-top: 20px;}
#head1 {color: #333; font-weight: bold; font-size: 16px; margin: 0px;}
#head2 {color: #333; font-weight: bold; font-size: 12px; margin: 0px; margin-bottom: 7px;}
#tab td{padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px;}
#tab_2 td{padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 5px;}
#tab_3{width: 180px; text-align: right; padding-left: 3px; padding-right: 10px; padding-top: 1px; padding-bottom: 5px;}
.inp {width: 100%; margin: 0; line-height: 95%; height: 15px; font-size: 10px; color: #333; border: #c3b19d 1px solid;}
.inp2 {width: 100%; line-height: 95%; height: 150px; font-size: 10px; color: #333; border: #c3b19d 1px solid;}
#btn {height: 15px; font-size: 10px; color: #444; border: #c3b19d 1px solid; background-color: fff;}

/* Телефоны и копирайты */
#plintus {vertical-align: bottom;}
#phones_and_copy {width: 100%; height: 90px; margin-bottom: 20px;}
#phone {width: 40%; padding-left: 130px; padding-top: 10px; background:url(data/phone.gif) 35px 100% no-repeat;}
#const {vertical-align: bottom; padding-right: 35px;}
#const td {font-family: Arial, Verdana, Tahoma; color: #817d6d; font-size: 12px; vertical-align: middle;}
#phones {margin-left: 28px;}

/* Публикации */
.aright {text-align: right;}
.page {vertical-align: top; background: url(data/page.jpg) 0 0 repeat-y #f9f9f2; border-top: 1px #f5edea solid; padding: 40px 40px 40px 120px;}
.pages {vertical-align: top; background:url(data/pages.gif) 0 0 repeat-y; padding: 0; width: 9px;}
.page-shad {vertical-align: top; background:url(data/page-shad.jpg) 0 0 repeat-x; padding: 0; height: 33px;}
.page-shad1 {vertical-align: top; background:url(data/page-shad1.jpg) 0 0 no-repeat; padding: 0; width: 9px; height: 33px;}

#links {padding: 0; vertical-align: bottom;}
#links a.ttl {text-decoration:none; border-bottom: 1px dashed; color: #856611;}
