* { font-size:100.01%; margin: 0; }

html, body
{
	margin: 0px;
	padding: 0px;
	background: #fff;
	height: 100%;
	position: relative;
}

body
{
	font-size: 0.8em;
	min-width: 980px;
	width: expression((documentElement.clientWidth < 980) ? "980px" : "auto" );
}

body, div, table, td, span
{
	font-family: 'Trebuchet MS', 'Georgia', serif;
	color: #333;
}

p
{
	line-height: 1.5em;
	margin:0 0 1.2em 0;
}

h3
{
	font-size: 1.2em;
	margin:0.2em 0 0.8em 0;
}

a
{
	color: #3354AA;
	text-decoration: underline;
    border: none;
    outline: none;
}

a img { border: none; }

div#MainContainer
{
	position: relative;
	height: 100%;
	min-height: 100%;
}

div#Logo
{
	position: absolute;
	top: 27px; left: 50%;
	width: 76px;
	height: 261px;
	margin-left: -132px;
	background: url('/images/logo.gif') top center no-repeat;
}
div#Soyuz
{
	position: absolute;
	top: 199px;
	left: 80px;
}

h1, h2 { display: none; }

div#Graphics1
{
	position: absolute;
	top: 243px; left: 0px;
	width: 103px;
	height: 146px;
	background: url('/images/exacto.jpg') 0 0 no-repeat;
}

div#Graphics2
{
	position: absolute;
	top: 0; left: 0;
	width: 350px;
	height: 285px;
	background: transparent url('/images/f1.gif') 0 0 no-repeat;
}
	
div#Graphics3
{
	position: absolute;
	top: 0px; right: 0px;
	width: 485px;
	height: 285px;
	background: transparent url('/images/f2.gif') top right no-repeat;
}

div#Graphics4
{
	position: absolute;
	bottom: 0px; left: 50%;
	width: 434px;
	height: 160px;
	margin-left: -100px;
	background: url('/images/paintbox.jpg') bottom left no-repeat;
}

div#Graphics5
{
	position: absolute;
	bottom: 0px; left: 0px;
	width: 25%;
	height: 209px;
	background: transparent url('/images/pantone.gif') bottom left no-repeat;
}
div#Graphics5 p { font-size: 11px; color: #999; position: absolute; right: -155px; bottom: 0; }

div#Graphics6
{
	position: absolute;
	bottom: 8px; right: 0px;
	width: 298px;
	height: 201px;
	background: transparent url('/images/pencil.gif') 20px 0 no-repeat;
}

ul#Menu
{
    width: 306px;
	position: absolute;
	top: 322px; left: 50%;
    margin: 0;
	margin-left: -523px;
	padding-left: 0;
	list-style: none;
}

/* fuck IE */
* html ul#Menu { top: 334px; }

div#links
{
	position: absolute;
	color: #999;
	line-height: 1.6em;
	width: 306px;
	top: 605px; left: 50%;
	margin-left: -470px;
	text-align: right;
}

div#links *
{
	color: #999;
}

ul#Menu li 
{
	display: block;
	width: 360px;
    height: 50px;
	text-align: right;
	vertical-align: middle;
	padding: 0;
    margin: -15px 0;
}

ul#Menu li a, ul#Menu li strong
{
	display: block;
	width: 360px;
	height: 50px;
	position: relative;
        text-align: left;
        text-indent: -9000px;
        background-color: transparent;
        background-position: 100% 100%;
        background-repeat: no-repeat;
}
ul#Menu li#press { padding-top: 5px; }

ul#Menu li#interior a { background-image: url('/images/menu/ru/interior.gif'); }
ul#Menu li#decorations a { background-image: url('/images/menu/ru/decorations.gif'); }
ul#Menu li#corporate a { background-image: url('/images/menu/ru/corporate.gif'); }
ul#Menu li#wood a { background-image: url('/images/menu/ru/wood.gif'); }
ul#Menu li#press a { background-image: url('/images/menu/ru/press.gif'); }
ul#Menu li#process a { background-image: url('/images/menu/ru/process.gif'); }
ul#Menu li#contacts a { background-image: url('/images/menu/ru/contacts.gif'); }
ul#Menu li#about a { background-image: url('/images/menu/ru/about.gif'); }
ul#Menu li#prices a { background-image: url('/images/menu/ru/prices.gif'); }
ul#Menu li#marinburg a { background-image: url('/images/menu/ru/marinburg.gif'); }
ul#Menu li#partners a { background-image: url('/images/menu/ru/partners.gif'); }


ul#Menu li#interior strong { background-image: url('/images/menu/ru/a_interior.gif'); }
ul#Menu li#decorations strong { background-image: url('/images/menu/ru/a_decorations.gif') }
ul#Menu li#corporate strong { background-image: url('/images/menu/ru/a_corporate.gif'); }
ul#Menu li#wood strong { background-image: url('/images/menu/ru/a_wood.gif'); }
ul#Menu li#press strong { background-image: url('/images/menu/ru/a_press.gif'); }
ul#Menu li#process strong { background-image: url('/images/menu/ru/a_process.gif'); }
ul#Menu li#contacts strong { background-image:  url('/images/menu/ru/a_contacts.gif'); }
ul#Menu li#about strong { background-image: url('/images/menu/ru/a_about.gif'); }
ul#Menu li#prices strong { background-image: url('/images/menu/ru/a_prices.gif'); }
ul#Menu li#marinburg strong { background-image: url('/images/menu/ru/a_marinburg.gif'); }
ul#Menu li#partners strong { background-image: url('/images/menu/ru/a_partners.gif'); }


div#glow-top
{
	width: 94px;
	height: 22px;
	margin: 0 -22px;
	background: url('/images/glow-t.gif') top left no-repeat;
}

div#glow-bottom
{
	width: 94px;
	height: 22px;
	margin: -12px -22px 0 -22px;
	background: #ffffff url('/images/glow-b.gif') top left no-repeat;
}

div#Thumbnails
{
	position: absolute;
	top: 320px; left: 50%;
	margin-left: -140px;
	width: 50px;
	background: url('/images/glow-c.gif') top left repeat-y;
	padding: 0 22px;
}

div#Thumbnails a
{
	display: block;
	margin-bottom: 12px;
}

div#Thumbnails a img { display: block; }

ul#Thumbs
{
	position: absolute;
	top: 320px; left: 50%;
        margin: 0;
	margin-left: -140px;
	background: url('/images/glow.gif') top left no-repeat;
	background: top center;
	
	width: 25%;
	min-height: 200px;
	padding: 22px 0 0 22px;
        list-style: none;
}

ul#Thumbs li
{
	clear: both;
	line-height: 1.5em;
}

ul#Thumbs li img
{
	width: 50px;
	margin-right: 15px;
	display: block;
	float: left;
}

ul#Thumbs li a
{
	display: block;
        width: 100%;
        float: left;
	color: #999;
	text-decoration: none;
	margin-bottom: 1em;
}

div#Content
{
	position: absolute;
	top: 320px; left: 50%;
	margin-left: -140px;
	background: url('/images/glow.gif') top left no-repeat;
	width: 50%;
	min-height: 200px;
	padding: 22px 0 0 25px;
    min-height: 500px;
}

div#Content img
{
    display: block;
	margin-bottom: 40px;
}

div#Text
{
	padding-top: 5px;
	position: absolute;
	top: 337px; left: 70%;
	margin-left: -25px;
	width: 30%;
}

div#Comment
{
	position: absolute;
	top: 740px; left: 50%;
	margin-left: -470px;
	width: 306px;
	text-align: right;
}

div#Text p, div#Content p { margin-right: 50px; }

div#Spacer
{
	position: absolute;
    left: 0;
	width: 100%;
}

div#Copyright
{
	position:absolute;
	color:#999;
	text-align:right;
	bottom:0;
	right:25px;
}

a.popup img
{
	border: 1px solid #ccc;
	margin-right: 5px;
}

ul.recs { margin: 0; padding: 0; list-style: none; line-height: 1 !important; border: 1px solid #fff; }
ul.recs li { width: 120px; float: left; padding-right: 20px; font-size: 11px; }
ul.recs li a { color: #666; }
ul.recs li img { border-width: 2px; display: block; margin-bottom: 3px !important; }

p.descr { margin: 0 0 25px; clear: both; color: #666; font-size: 11px; position: relative; top: -3px; }

#qlinks { margin: 0; padding: 0; list-style: none; position: absolute; top: 830px; left: 50%; margin-left: -265px; width: 100px; text-align: right; }
#qlinks li { display: inline; font-size: 20px; margin-left: 10px; }
#qlinks a { text-decoration: none; border-bottom: 1px solid #3354AA; }

