/*
D E S I G N  I N F O 

Дизайн: PUREDESIGN lab
CSS стили и верстка: Robo://FLeXX
Описание: Дизайн для сайта PUREDESIGN lab
URL: http://www.design.bcc.uz
Version: 2.0
Автор: Мирсалихов Руслан
URL Автора: http://roboflexx.net
*/

/* LAYERS: =тело и шапка сайта
----------------------------------------------- */
body						{ text-align: center; color: #4B4B4B; font-size: 11px; font-family: Arial; margin: 0; padding: 0; background: #FFFFFF url('/images/bg.gif') repeat-x; }
div.body					{ text-align: left; margin: 0 auto; background: url('images/pure-top.gif') repeat-x top left; }
div.mouse-trail				{ position: absolute; height: 170px; width: 119px; background: url('/images/mouse.gif') no-repeat; left: 117px;}
div.menu-holder				{ background: url('/images/bg-list.gif') no-repeat;  }
div.sider					{ float: left; width: 240px; }
div.content					{ width: 100%; float: right; margin: 24px 0 0 -240px; }
div.cont-sub				{ margin: 0 0 0 240px; font-size: 12px; }
div.portf-block				{ background: #EFEFEF; height: 157px; background: url('/images/bg-dr.gif'); }

div.portf-a					{ width: 60%; float: left; height: 157px; background: #FFFFFF; overflow: hidden; margin: 0; }
div.portf-b					{ width: 39%; height: 157px; color: #FFFFFF; float: left; background: url('/images/bg-dr-shade.gif') repeat-y; margin: 0; }

div.block-a					{ width: 60%; float: left }
div.block-b					{ width: 40%; float: left }

div.foot					{ border-top: 1px solid #D8D8D8; padding: 10px; height: 60px; text-align: right; color: #B4B4B4; }
div.block-green				{ width: 220px; height: 25px; height: 161px; overflow: hidden; padding: 10px; color: #FFFFFF; margin: 0px; background: #79BF0A url('/images/bg-green-bt.gif') right bottom no-repeat;}

p.top-header				{ height: 140px; text-align: right; margin: 0px; padding: 0px; }

/* FORMS: =стилистика отображения форм и элементов форм
----------------------------------------------- */
form						{ margin: 0; }
input.finder-in				{ background: #FFFFFF; border: 1px solid #D8D8D8; width: 75% }
select.finder-sel			{ background: #FFFFFF; border: 1px solid #D8D8D8; width: 20% }
/* HEADERS: =стилистика отображения ссылок
----------------------------------------------- */

h1.header-1					{ font-size: 20px; height: 75px; border-bottom: 4px solid #F8F8F8; color: #79BF0A; padding: 10px 10px 10px 15px; background: #EFEFEF url('/images/h-mouse.gif') bottom left no-repeat; margin: 0; }
h1.header-2					{ font-size: 20px; height: 55px; border-top: 2px solid #F8F8F8; color: #79BF0A; padding: 10px 10px 10px 15px; background: #EFEFEF; margin: 0; }
h2							{ font-size: 15px; height: 28px; border-top: 2px solid #F8F8F8;line-height: 9px; color: #79BF0A; padding: 10px 10px 10px 15px; margin: 0; display: block; background: #EFEFEF url('/images/h2-el.gif') top right no-repeat; }
h4.sider					{ height: 26px; line-height: 25px; font-size: 12px; text-transform: uppercase; padding: 5px 5px 5px 15px; margin: 0 0 10px 0; background: #F8F8F8 url('/images/bg-side-hd.gif') repeat-x; }
h4							{ margin: 0; padding: 0; clear: both; }
/* MISC: =остальные элементы
----------------------------------------------- */

img							{ border: 0; }
img.host					{ float: left; margin: 0 15px 15px 0; }

strong.yellow				{ color: #EBD338; }
strong.green				{ color: #79BF0A; }

blockquote.browsers			{ background: url('/images/att-a.gif') no-repeat; padding-left: 60px; color: #B4B4B4; margin-left: 0; font-style: italic; }
blockquote.blocks-a			{ background: url('/images/att-b.gif') no-repeat; padding-left: 64px; color: #B4B4B4; margin-left: 0; font-style: italic; }

span.host-d					{ margin: 0 0 0 55px; }
span.date-news				{ padding: 3px; background: #F0F0F0; color: #79BF0A;  }

.recommend					{ padding: 10px; text-align: center; }
.padder						{ padding: 10px; margin: 0px; clear: both; }
.clear						{ width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 3px; }
.hide						{ display: none; font-size: 1px; }

ul.main-menu, 
ul.portfolio, 
ul.list						{ margin: 0; padding: 0; list-style: none; }
ul							{ margin: 5px 0 0 18px; padding: 0; list-style: url('/images/bullet.gif'); }
ul.main-menu li				{ border-bottom: 1px solid #F6F6F6; width: 100%; height: 30px; line-height: 30px; overflow: hidden; }
ul.main-menu li span		{ float: left; width: 42px; color: #D8D8D8; font-family: Georgia; font-size: 30px; font-weight: bold;  margin: -10px 0 0 -9px; padding: 0 0 10px 0; overflow: hidden; }
ul.portfolio li				{ border-bottom: 1px solid #F6F6F6; padding: 10px 0 10px 0; }
ul.list li					{ padding: 0 0 7px 0; }

/* LINKS: =стилистика отображения ссылок
----------------------------------------------- */
a, a:visited				{ color: #71B20B; text-decoration: underline }
a:hover						{ color: #434334; text-decoration: none }

ul.main-menu li a,
ul.main-menu li a:visited	{ color: #4D4D4D; font-size: 11px; }
ul.main-menu li a:hover 	{ color: #4D4D4D; text-decoration: none; font-size: 11px; }

div.block-green	 a,
div.block-green	 a:visited	{ color: #FFFFFF; }

a.more,
a.more:visited				{ display: block; clear: both; padding: 2px 5px 2px 5px; width: 115px; height: 16px; background: url('/images/more-off.gif') top left no-repeat;  color: #FFFFFF;}
a.more:hover				{ background: url('/images/more-off.gif') bottom left no-repeat; text-decoration: none }