.clear
{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
}

html, 
body
{
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

html
{
	background: #99c9ff url(../img/bg.jpg) no-repeat center top;
}

a
{
	color: #2a5789;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

img
{
    border-width: 0px;
}

h1
{
    display: block;
    width: 756px;
    height: 62px;
    margin: 0 auto 12px auto;
    padding: 12px 2px 0 2px;
    font-size: 28px;
    font-weight: bold;
    background: url(../img/inner/h1.png) no-repeat center top;
}

h2
{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0.9em;
    padding: 6px 0 0 0;
}

#content
{
    width: 658px;
    padding: 0 98px 0 4px;
    margin: 0 auto;
}

.right
{
    position: relative;
    right: -98px;
}

.citation
{
    position: relative;
    right: -128px;
}

p
{
	margin-bottom: 1.0em;
	line-height: 1.2em;
}

#content ul,
#content ol
{
	margin-bottom: 1.4em;
	margin-left: 108px;
	line-height: 1.6em;
}

#content ul li
{
	list-style-type: circle;
}

#content ol li
{
	list-style-type: decimal;
}

#content ul li span,
#content ol li span
{
    color: #000000;
}

#content ul li ul,
#content ul li ol,
#content ol li ul,
#content ol li ol
{
    margin-left: 18px;
}

#container_1 
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -210px;
}

#header
{
	width: 760px;
	height: 110px;
	margin: 0 auto 10px auto;
}

#logo
{	
	position: relative;
	top: 34px;
	float: left;
	display: block;
	width: 183px;
	height: 64px;
}

#logo img
{	
	width: 183px;
	height: 64px;
}

a.to-change-language
{
	position: relative;
	float: right;
	top: 25px;
	display: block;
	height: 28px;
	padding-right: 12px;
	text-decoration: none;
	background: url(../img/languages/bg-right.png) no-repeat right top;
	cursor: pointer;
}

a.to-change-language span.icon
{
	float: left;
	display: block;
	height: 28px;
	width: 29px;
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
}

a.to-change-language span.icon.en
{
	background-image: url(../img/languages/en.png);
}

a.to-change-language span.icon.ru
{
	background-image: url(../img/languages/ru.png);
}

a.to-change-language span.text
{
	float: left;
	display: block;
	height: 22px;
	padding: 6px 1px 0 3px;
	background: url(../img/languages/bg.png) repeat-x right top;
	text-decoration: underline;
	font-size: 11px;	
	color: #447081;
	cursor: pointer;
}

a.to-change-language:hover span.text
{
	text-decoration: none;
}

/* Top menu */

ul#top-menu
{
    position: relative;
	clear: both;
    display: block; 
	top: 4px;
	float: right;
    z-index: 1;
}

ul#top-menu li
{
    display: block;
    position: relative;
	float: left;
	margin-left: 4px;
}

ul#top-menu li span.first-level,
ul#top-menu li a.first-level
{
    display: block;
    float: left;
    margin-left: 10px;
    height: 32px;
	color: #bec0bd;
	font-size: 18px;
    cursor: pointer;
    text-decoration: underline;
}

ul#top-menu li span.first-level span.text,
ul#top-menu li a.first-level span.text
{
    float: left;
    height: 27px;
    padding-top: 3px;
	color: #7a2d24;
	font-size: 18px;
	font-style: italic;
}

ul#top-menu li span.first-level span.right-bg,
ul#top-menu li a.first-level span.right-bg
{
    float: left;
    display: block;
    width: 9px;
    height: 27px;
    padding-top: 3px;
}

ul#top-menu li:hover span.first-level,
ul#top-menu li:hover a.first-level,
ul#top-menu li.hover span.first-level,
ul#top-menu li.hover a.first-level
{
    margin-left: 0px;
    text-decoration: none;
}

ul#top-menu li:hover .first-level span.text,
ul#top-menu li.hover .first-level span.text,
ul#top-menu li:hover .first-level.active span.text,
ul#top-menu li.hover .first-level.active span.text
{
    float: left;
    display: block;
    height: 29px;
    padding-top: 3px;
    padding-left: 10px;
    color: #ffffff;
    font-size: 18px;
    background: url(/templates/drimmi/ru/img/top-menu/menu-item-left-bg-hover.png) no-repeat left top;
}

ul#top-menu li:hover .first-level span.right-bg,
ul#top-menu li.hover .first-level span.right-bg,
ul#top-menu li:hover .first-level.active span.right-bg,
ul#top-menu li.hover .first-level.active span.right-bg
{
    float: left;
    display: block;
    width: 9px;
    height: 29px;
    padding-top: 3px;
    background: #832702;
}

ul#top-menu li span.first-level.active,
ul#top-menu li a.first-level.active
{
    margin-left: 0;
    text-decoration: none;
}

ul#top-menu li span.first-level.active span.text,
ul#top-menu li a.first-level.active span.text
{
    float: left;
    display: block;
    height: 27px;
    padding-top: 3px;
    padding-left: 10px;
    color: #ffffff;
    font-size: 18px;
    background: transparent url(/templates/drimmi/ru/img/top-menu/menu-item-left-bg-active.png) no-repeat left top;
}

ul#top-menu li span.first-level.active span.right-bg,
ul#top-menu li a.first-level.active span.right-bg
{
    float: left;
    display: block;
    width: 9px;
    height: 27px;
    padding-top: 3px;
    background: transparent url(/templates/drimmi/ru/img/top-menu/menu-item-right-bg-active.png) no-repeat left top;
}

ul#top-menu li div.top-sub-menu
{
    position: absolute;
    top: 100%; 
    left: 0;
    display: none;
    z-index: 2;
}

ul#top-menu li:hover>div.top-sub-menu,
ul#top-menu li.hover>div.top-sub-menu
{
    display: block;
}

ul#top-menu li div.top-sub-menu ul
{
    position: relative;
    padding-top: 4px;
    display: block;
    background: #832702;
}

ul#top-menu li div.top-sub-menu ul li
{
    position: relative;
    float: none;
    display: block;
    margin: 0;
    border-bottom: 1px solid #903d1c;
}

ul#top-menu li div.top-sub-menu ul li a,
ul#top-menu li div.top-sub-menu ul li span
{
    position: relative;
    display: block;
    font-size: 13px;
    color: #cda99a;
    margin: 0;
    height: 24px;
    padding: 5px 12px 0 12px;
    text-decoration: none;
}

ul#top-menu li div.top-sub-menu ul li a:hover
{
    background: #903d1c;
}

ul#top-menu li div.top-sub-menu ul li a.active,
ul#top-menu li div.top-sub-menu ul li span.active
{
    display: block;
    font-size: 13px;
    color: #cda99a;
    margin: 0;
    height: 24px;
    padding: 5px 12px 0 12px; 
    background: #903d1c;
}

ul#top-menu li div.top-sub-menu div.bottom-bg-container
{
    clear: both;
    width: 100%;
    height: 10px;
}

ul#top-menu li div.top-sub-menu div.bottom-bg-wrapper
{
    float: left; 
    width: 100%;
}

ul#top-menu li div.top-sub-menu div.center-bottom-bg
{
    height: 10px;
    margin: 0 10px;
    background: #832702;
    font-size: 0;
    line-height: 0;
}

ul#top-menu li div.top-sub-menu div.left-bottom-bg
{
    float:left;
    width:10px;
    height: 10px;
    margin-left:-100%;
    font-size: 0;
    line-height: 0;
    background: url(/templates/drimmi/ru/img/top-menu/sub-menu-bottom-left-bg.png) no-repeat left top;
}

ul#top-menu li div.top-sub-menu div.right-bottom-bg
{
    float:left;
    width:10px;
    height: 10px;
    margin-left:-10px;
    font-size: 0;
    line-height: 0;
    background: url(/templates/drimmi/ru/img/top-menu/sub-menu-bottom-right-bg.png) no-repeat left top;
}

#container_2, 
.push
{
	height: 210px;
}

#container_2
{
    overflow: hidden;
    background: url(../img/inner/footer.png) no-repeat center bottom;
}

.push
{
	clear: both;
}

#footer
{
    position: relative;
	width: 760px;
	height: 150px;
	margin: 0 auto;
	padding: 60px 0 0 0;
}

#footer #grid_1
{
	float: left;
	margin: 48px 30px 0 0; 
}

#footer #grid_2
{
	float: left;
	margin: 46px 0 0 0;
}

#footer #grid_3
{
	float: right;
	margin: 48px 0 0 0;
}

p#copyright
{
	margin: 0 0 0 0;
	font-size: 13px;
	color: #000000;
}

ul#bottom-menu
{
	font-size: 12px;
}

ul#bottom-menu li
{
	float: left;
}

ul#bottom-menu li a
{
	color: #832919;
	font-size: 12px;
}

ul#bottom-menu li span.divider
{
	color: #000000;
	font-size: 12px;
	margin: 0 8px 0 8px;
}

ul#social-networks
{
	
}

ul#social-networks li
{
	float: left;
	margin-right: 15px;
}

ul#social-networks li a
{
	display: block;
	width: 28px;
	height: 27px;
}

p#made-in
{
	margin: 0 0 0 0;
	font-size: 12px;
	color: #000000;
}

p#made-in a
{
	color: #832919;
}