* { margin:0; padding:0; }
body, html { height:100%; }
body { background:#000; font:62.5%/1.5 verdana, tahoma, sans-serif; color:#fff; }
body.main-bg { background:#2c2d32; }
body.contacts-bg { background:#dcc500; }
body.credits-bg { background:#554888; }
body.friends-bg { background:#ffc000; }
body.about-bg { background:#d01754; }
body.life-bg { background:#43c3e5; }
body.portfolio-bg { background:#3f4957; }
body.not-found-bg { background:#2c2d32; }

#out { width:100%; min-width:980px; height:100%; }

a img { border:0; }

a { color:#fff; }
a:hover { text-decoration:none; }

#outer { width:80%; min-width:950px; height:100%; display:table; margin:0 auto; }
#middle { display:table-cell; vertical-align:middle; }
#inner { width:80%; min-width:950px; margin:0 auto; }

#header { position:relative; width:80%; min-width:950px; height:250px; margin:0 auto; margin-bottom:-250px; }
#header-light { height:250px; }

#header-index { position:relative; width:80%; min-width:950px; height:200px; margin:0 auto; margin-bottom:-200px; }
#header-light-index { height:200px; }

.header-pad { padding-top:50px; }

h1 { position:relative; float:left; }
h1 a { z-index:3; position:absolute; top:30px; left:0; width:220px; height:170px; display:block; text-align:center; line-height:400%; font-size:10px; }
h1 a span { z-index:2; position:absolute; top:0; left:0; width:220px; height:170px; display:block; }
h1 a span.main-logo { background:url(/_i/logo_green.png) no-repeat 0 0; }
h1 a span.contacts-logo { background:url(/_i/logo_blue.png) no-repeat 0 0; }
h1 a span.credits-logo { background:url(/_i/logo_mustard.png) no-repeat 0 0; }
h1 a span.friends-logo { background:url(/_i/logo_black.png) no-repeat 0 0; }
h1 a span.about-logo { background:url(/_i/logo_mustard.png) no-repeat 0 0; }
h1 a span.life-logo { background:url(/_i/logo_yellow.png) no-repeat 0 0; }
h1 a span.portfolio-logo { background:url(/_i/logo_red.png) no-repeat 0 0; }
h1 a span.not-found-logo { background:url(/_i/logo_green.png) no-repeat 0 0; }
h1 strong { z-index:1; position:absolute; top:0; left:60px; width:325px; height:250px; background:url(/_i/about_photo.png) no-repeat 0 0; }

ul.menu { position:relative; width:560px; float:right; list-style:none; }
ul.menu li { color:#000; position:absolute; }
ul.menu li a { color:#fff; }
ul.menu li a:hover { color:#000; }
ul.menu li.portfolio { top:50px; left:70px; font-size:8.0em; }
ul.menu li.about { top:170px; left:220px; font-size:3.0em; white-space:nowrap; }
ul.menu li.lj { top:100px; left:420px; font-size:2.7em; }
ul.menu li.friends { top:25px; left:40px; font-size:2.0em; }
ul.menu li.life { top:150px; left:480px; font-size:1.8em; }
ul.menu li.contacts { top:0px; left:320px; font-size:5.0em; white-space:nowrap; }
ul.menu li.credits { top:110px; left:0px; font-size:1.6em; }
ul.menu li.archive { top:50px; left:150px; font-size:1.5em; white-space:nowrap; }

ul.main-menu { position:relative; list-style:none; height:450px; overflow:hidden; }
ul.main-menu li { color:#000; position:absolute; }
ul.main-menu li a { color:#fff; }
ul.main-menu li a:hover { color:#c0eb36; }
ul.main-menu li.portfolio { top:80px; left:130px; font-size:13.0em; }
ul.main-menu li.about { top:260px; left:0px; font-size:4.5em; white-space:nowrap; }
ul.main-menu li.lj { top:0px; left:560px; font-size:4.0em; }
ul.main-menu li.friends { top:30px; left:50px; font-size:2.8em; }
ul.main-menu li.life { top:125px; left:705px; font-size:2.8em; }
ul.main-menu li.contacts { top:320px; left:270px; font-size:7.3em; white-space:nowrap; }
ul.main-menu li.credits { top:75px; left:240px; font-size:1.8em; }
ul.main-menu li.archive { top:280px; left:590px; font-size:2.1em; white-space:nowrap; }

#main div.content { width:770px; margin:40px auto; overflow:hidden; }

#contacts div.content { width:770px; margin:60px auto; }
#contacts div.hello-pic { position:relative; width:770px; height:345px; background:url(/_i/pic_hello.gif); }
#contacts div.txt-pic { position:absolute; top:-40px; right:-20px; }
#contacts span { font:normal 3.0em arial; white-space:nowrap; }

#credits div.content { width:700px; margin:40px auto; }
#credits div.content ul { list-style:none; margin:0 auto; }
#credits div.content ul li strong { display:none; }
#credits div.content ul li { font-size:2.1em; line-height:200%; }
#credits div.content ul li span { display:block; width:60px; height:30px; float:left; margin:10px 15px 0 0; }
#credits div.content ul li.logo span { background:url(/_i/thanks_logo.png) no-repeat 0 0; }
#credits div.content ul li.cms span { background:url(/_i/thanks_cms.png) no-repeat 0 0; }
#credits div.content ul li.css span { background:url(/_i/thanks_css.png) no-repeat 0 0; }
#credits h2 { font:normal 14.0em verdana; margin-top:30px; white-space:nowrap; }

#friends div.content { width:70%; margin:20px 8% 20px 22%; overflow:hidden; }
#friends div.content ul { width:33%; float:left; list-style:none; overflow:hidden; }
#friends div.content ul li { font-size:2.0em; color:#000; }
#friends div.content ul li a { color:#000; }

#about div.content { width:650px; margin:80px auto; overflow:hidden; }
#about p span { font:normal 4.5em arial; }
#about p em { font:normal 3.5em arial; }
#about p.black { color:#000; margin-top:30px; }

#life div.content { width:840px; margin:40px auto; overflow:hidden; }
#life div.content ul { list-style:none; width:840px; overflow:hidden; }
#life div.content ul li { float:left; width:120px; height:120px; overflow:hidden; }
#life div.content ul li span { background:url(/_i/_image/photo_sm/photo00.jpg); }

#portfolio div.content { width:810px; margin:60px auto; overflow:hidden; }
#portfolio div.portfolio-block { width:580px; float:left; }
#portfolio h2 { width:480px; font:normal 2.4em verdana; margin:20px 0 0 100px; }
#portfolio ul.portfolio { width:580px; height:500px; list-style:none; }
#portfolio ul.portfolio li { float:left; }
#portfolio ul.portfolio li.back a, li.next a { position:relative; display:block; width:60px; height:60px; text-align:center; line-height:200%; color:#2a3441;}
#portfolio ul.portfolio li.back a { margin:220px 40px 0 0; }
#portfolio ul.portfolio li.next a { margin:220px 0 0 40px; }
#portfolio ul.portfolio li.back a span, li.next a span { position:absolute; top:0; left:0; display:block; width:60px; height:60px; }
#portfolio ul.portfolio li.back a span { background:url(/_i/arr_back.png) no-repeat; }
#portfolio ul.portfolio li.next a span { background:url(/_i/arr_next.png) no-repeat; }
#portfolio ul.portfolio li.preview a { position:relative; display:block; width:380px; height:500px; }
#portfolio ul.portfolio li.preview a span { position:absolute; display:block; width:380px; height:500px; top:0; left:0; background:url(/_i/portfolio_bord.png) no-repeat; }
#portfolio ul.portfolio li.preview img { margin:10px 0 0 10px; }
#portfolio ul.listing { list-style:none; width:215px; float:left; }
#portfolio ul.listing li { float:left; margin:0 15px 15px 0; text-align:center; line-height:200%; font-size:1.3em; }
#portfolio ul.listing li span { display:block; width:28px; height:28px; background:url(/_i/page_s.png) no-repeat; color:#2a3441; }
#portfolio ul.listing li a { display:block; width:28px; height:28px; background:url(/_i/page_all.png) no-repeat; text-decoration:none; }

#not-found div.content { width:540px; margin:100px auto; }
#not-found h2 { font:normal 12.0em verdana; }
#not-found h3 { font:normal 2.4em verdana; margin-left:17px; }

.productItemBlock{
	float:left;
	margin:0px 0px 0px 0px;
	overflow:hidden;
	width:170px;
	height:140px;
}
div.right{
	margin-right:0px;
}

#pagerBlock{
	clear:both;
	text-align:center;
	font-size:2.0em; 
	
}
#pagerBlock li{
	float:left;
	margin:0px 20px 0px 0px;
	list-style-type:none;
}
#pagerBlock a{
}
#pagerBlock a.active{
	background-repeat:no-repeat;
	cursor:text;
}