/*---------------------------- стандартные классы ----------------------------*/
* {/* обнуляем отступы увсех элементов и переключаем блочную модель на IE'шную
тут ругается css валидатор, если это критично - можно вынести эти свойства в html)*/
margin:0px;
padding:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;

}
tr,td,ul,li { /* выставляем align'ы для чёткости, и чтобы списки не пёрло в IE5 */
text-align:left;
vertical-align:top;
}
ul {
list-style:none; /* чистим списки от точек */
}
img { /* для img IE'шную блочную модель прёт в Mozilla, пропускаем
обнуляем бордюры, чтобы не было синих рамок вокруг ссылок*/
border:0px;
box-sizing:content-box;
-moz-box-sizing:content-box;
}
input,select,button {/* так надо :) */
display:block;
}
a {/* дефолтовые стили для ссылок */
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
html,body {
height:100%;
width:100%;
text-align:center;
font-size:106.99%;/* шрифт контента задаём в отностильеных единицах, чтобы при масштабировании в разных браузерах всё было чётко */
font-family:tahoma;
background:#e6dac3;
}
div.both {
width:100%;
clear:both;
}

/*----------------------------- хедер ----------------------------*/
#header {
width:770px;
height:115px;
margin:0px auto;
margin-bottom:-140px;
padding-bottom:25px;
position:relative;
z-index:2;
text-align:center;
box-sizing:content-box;
-moz-box-sizing:content-box;
background:url('/images/header_sub.jpg') #ede4d3 0% 0% no-repeat;
}
#logo {
width:74px;
height:80px;
margin: 0px auto;
padding-top: 3px;
text-align:center;
}
#logo img {
width:74px;
height:80px;
display:block;
}
#menu {
width:621px;
height:28px;
padding:0 0 0 149px;
position:absolute;
overflow:hidden;
top:112px;
left:0px;
z-index:3;
box-sizing:content-box;
-moz-box-sizing:content-box;
background:url('/images/menu_sub.jpg') #a53b30 0% 0% repeat-x;
}
#menu li {
height:28px;
padding-top:7px;
float:left;
font:12px tahoma;
color:#eddfc7;
}
#menu li a {
height:15px;
padding:0 5px;
border-right:1px solid #e0cab6;
display:block;
float:left;
color:#eddfc7;
}
#menu li.active {
background:url('/images/menu_sub_active.jpg') 0% 0% repeat-x;
}

/*----------------------------- футер ----------------------------*/
#footer {
width:770px;
height:60px;
margin:0px auto;
margin-top:-60px;
position:relative;
z-index:2;
text-align:left;
}

#mission {
position:absolute;
top:10px;
right:32px;
float:right;
}

#mission a{
font-size:0.6em;
font-weight:bold;
font-family:tahoma;
color:#636764;
}

#copy {
position:absolute;
top:30px;
right:32px;
float:right;
}
#copy img {
width:150px;
height:18px;
display:block;
}

/*----------------------------- контейнер ----------------------------*/
#container {
width:770px;
min-height:100%;
margin:0px auto;
position:relative;
z-index:1;
text-align:left;
background:url('/images/container_sub.gif') #ede4d3 153px 180px repeat-y;
}
* html #container { /* holy hack :) */
height:100%;
}
#space_top {
width:100%;
height:140px;
clear:both;
}
#space_btm {
width:100%;
height:35px;
clear:both;
}
#shadow {
width:100%;
position:relative;
z-index:3;
overflow:hidden;
clear:both;
background:url('/images/right_sub.jpg') 0% 0% repeat-x;
}
#castle {
width:200px;
height:200px;
position:absolute;
left:0px;
bottom:0px;
z-index:2;
background:url('/images/castle_sub.jpg') 0% 0% no-repeat;
}

/*----------------------------- левая колонка ----------------------------*/
#left {
width:153px;
padding-top:43px;
float:left;
position:relative;
z-index:3;
overflow:hidden;
}
#menu2 {
width:150px;
margin-left:25px;
overflow:hidden;
}
#menu2 li {
width:100%;
padding:3px 0 2px 15px;
float:left;
clear:left;
font:12px tahoma;
color:#636764;
background:url('/images/menu2_li.gif') 4px 5px no-repeat;
}
#menu2 li a {
color:#636764;
}
#menu2 li.active a {
color:#a83d31;
}

/*----------------------------- правая колонка ----------------------------*/
#right {
width:595px;
padding-top:28px;
float:left;
position:relative;
z-index:3;
overflow:hidden;
}
#content {
width:525px;
padding:18px 40px;
position:relative;
z-index:10;
box-sizing:content-box;
-moz-box-sizing:content-box;
}
h1 {
padding:3px 12px;
font:bold 0.9em tahoma;
color:#a83d31;
}
h2 {
padding-top:12px;
font:bold 0.8em tahoma;
color:#a83d31;
}
h3 {
padding-top:12px;
font:bold 0.8em tahoma;
color:#000;
}
p {
padding:3px 0px;
font:0.7em tahoma;
color:#3a3b3b;
text-indent:3px;
text-align:justify;
text-indent:0em;
line-height:135%;
}
p a {
color:#3a3b3b;
text-decoration:underline;
}
p a:hover {
text-decoration:none;
}
a.a2 {
color:#3a3b3b;
text-decoration:none;
}
a.a2:hover {
text-decoration:underline;
}
#content table td {
color:#3a3b3b;
font:0.7em tahoma;
}

#content ul {
width:100%;
padding:5px;
overflow:hidden;
text-indent:0em;
}
#content ul li {
width:100%;
padding:5px 0px 5px 20px;
font:0.7em tahoma;
color:#3a3b3b;
float:left;
clear:left;
background:url('/images/content_ul_li.gif') 10px 12px no-repeat;
}
#content ul li a {
color:#3a3b3b;
text-decoration:underline;
}
#content ul li a:hover {
text-decoration:none;
}
span.grey {
color:#8f887a;
}

span.red {
color:red;
}

#contact-table{
	font-size: 150%;
}
#contact-table td{
	padding: 0 5px 0 5px;
}