/* ---------- MAINPAGE ----------- */

#mainpage			{width: 638px; float: right; padding: 12px;}

#mainpage ul			{padding-bottom: 1em;}
#mainpage ol			{padding-bottom: 1em;}
#mainpage li			{padding-left: 17px; padding-bottom: 0.5em; background: url("gfx/li_bg.gif") no-repeat left 2px; line-height: 1.25em;}

#mainpage table			{width: 100%; margin-bottom: 1em;}

#imagebox			{width: 224px; float: right; text-align: right;}
#imagebox img			{width: 220px; margin-bottom: 1em;}

div.navbar			{padding: 0.5em 0; text-align: center;}
div.navbar a			{margin: 0 0.1em;}
div.navbar a.current		{margin: 0 0.2em;font-weight: bold; font-size: 1.2em; text-decoration: underline;}

div.list_row			{padding: 0 0 1.1em 134px; margin: 1em 0; overflow: hidden; position: relative; height: 100%; background: url("gfx/hr_bg2.gif") repeat-x 2px bottom;}
div.list_row img		{float: left; margin: 0 0 0 -134px;}
div.list_row p			{padding-bottom: 2em;}
div.list_row p.right		{padding-bottom: 1em; color: #a0a0a0; position: absolute; bottom: 0; right: 0;}
div.list_row p.right span	{color: #78C4E4; font-weight: bold;}

#features			{width: 390px; float: left;}
#features h3			{margin-top: 2em;}
#features p.right		{color: #a0a0a0; padding-bottom: 0;}
#features p.right span		{color: #78C4E4; font-weight: bold;}




table.details			{width: 390px !important;}
table.details td		{padding: 2px 4px; border-bottom: 1px solid #3F485F;}
table.details td.right		{font-weight: bold;}

div.row				{overflow: hidden; height: 100%; clear: both;}
div.col				{overflow: hidden; width: 240px; height: 100%;}

#boxes				{overflow: hidden; height: 100%; clear: both; margin-bottom: 2em; background: #DFDFDF;}
#boxes div			{width: 172px; float: left; padding: 20px 20px 20px 90px;}
#boxes div.news			{background: url("gfx/ico_news.gif") no-repeat 22px 20px;}
#boxes div.realizations		{background: url("gfx/ico_realizations.gif") no-repeat 24px 24px;}
#boxes div.offer		{background: url("gfx/ico_question.gif") no-repeat 22px 22px;}
#boxes p			{padding: 0;}

.columns			{overflow: hidden; height: 100%; clear: both; margin: 0 -12px 20px -12px; background: url("gfx/columns_bg.gif") repeat-y center top;}
.columns div			{width: 410px; float: left; padding: 0 20px;}
/* ---------- SIDEBAR ----------- */

#whole.start #sidebar		{background: none;}
#sidebar			{width: 164px; float: left; padding: 24px 24px 12px 12px; background: url("gfx/sidebar_bg.gif") no-repeat right top;}
#sidebar h2			{background: url("gfx/h_bg2.gif") no-repeat left top;}


#submenu			{}
#submenu h3			{padding-bottom: 0.25em;}
#submenu li			{padding: 0 0 0.2em 17px; background: url("gfx/li_bg.gif") no-repeat left 2px; font-weight: bold; line-height: 1.25em;}
#submenu ul			{padding-left: 3px;}
#submenu ul ul			{padding: 0.2em 0;}
#submenu ul ul li		{padding: 0 0 0.2em 10px; background: url("gfx/li_bg1.gif") no-repeat left 4px;}
#submenu ul ul ul li		{font-weight: normal;}
#submenu a			{}
#submenu a:hover		{}
#submenu .current a		{text-decoration: underline; color: #575758;}

#banners			{padding: 2em 0; text-align: center;}
#banners img			{margin: 0.5em 0; clear: both;}


/* ---------- TOP AREA ---------- */

#intro_dev			{height: 123px; padding: 0 21px; background: url("gfx/intro_bg_dev.gif") no-repeat center top;}
#intro_dev h1			{height: 37px; padding: 12px 0 29px 0;}
/*#intro_dev h1 a		{width: 136px; height: 37px; display: block; background: url("gfx/logo_paulbud.gif") no-repeat center center;}*/
#intro_dev h1 a			{width: 216px; height: 80px; display: block;}
#intro_dev h1 span		{display: none;}
#intro_dev p			{padding: 0;}
#intro_dev p a			{width: 16px; height: 16px; display: block; float: left; margin-right: 6px;}

#intro_pos			{height: 123px; padding: 0 21px; background: url("gfx/intro_bg_pos.gif") no-repeat center top;}
#intro_pos h1			{height: 37px; padding: 12px 0 29px 0;}
/*#intro_pos h1 a		{width: 136px; height: 37px; display: block; background: url("gfx/logo_paulbud.gif") no-repeat center center;}*/
#intro_pos h1 a			{width: 216px; height: 80px; display: block;}
#intro_pos h1 span		{display: none;}
#intro_pos p			{padding: 0;}
#intro_pos p a			{width: 16px; height: 16px; display: block; float: left; margin-right: 6px;}

#whole.start #menu		{height: 347px;}
#menu				{width: 900px; height: 239px; padding-bottom: 4px; margin: 0 auto; background: #E8E8E8;}
#menu p				{padding: 15px;}
/*
#menu ul			{display: none;}
#menu li			{display: inline; float: left; text-transform: uppercase; font-weight: bold;}
#menu a				{margin-left: 2em; color: #ffffff;}
#menu a:hover			{color: #D5FC00; text-decoration: none;}
#menu li.current a		{color: #D5FC00;}
#menu li.current a:hover	{color: #D5FC00;}
*/


/* ---------- BOTTOM AREA --------- */

#footer				{display: none;}
#s2team a			{width: 44px; height: 23px; display: block; float: right; margin: 0.25em 15px 1em 0; background: url("gfx/logo_s2team.gif") no-repeat center center;}
#s2team span			{display: none;}



/* ---------- GLOBAL ----------- */

h1				{font-size: 2em; padding: 0.5em;}
h2				{font: bold 10px verdana; padding: 8px 0px 20px 30px; margin-left: -6px; color: #474646; background: url("gfx/h_bg1.gif") no-repeat left top;}
h2 span				{color: #78C4E4;}
h3				{font: bold 1em verdana; padding-bottom: 1em;}
h4				{font-size: 1em; font-weight: bold; padding-bottom: 1em; overflow: hidden; height: 100%;}
h5				{font-size: 1em; font-weight: bold; padding-bottom: 1em; overflow: hidden; height: 100%;}
h6				{font-size: 1.2em; padding-bottom: 0.2em; font-weight: bold;}

p				{text-align: justify; padding-bottom: 1em;}

hr				{margin: 0 0 0.5em 0; height: 0.5em; background: url("gfx/hr_bg2.gif") repeat-x 2px bottom; border: none;}
hr.shadow			{height: 24px; background: url("gfx/hr_bg.gif") no-repeat center bottom;}
td				{vertical-align: top;}
img				{border: 2px solid #ffffff;}
ul, li				{list-style: none;}
a				{color: #05309D; text-decoration: none;}
a:hover				{color: #05309D; text-decoration: underline;}
.left				{text-align: left !important;}
.right				{text-align: right !important;}
.center				{text-align: center !important;}
.bold				{font-weight: bold !important;}
.underline			{text-decoration: underline !important;}
.important			{font-weight: bold !important; color: #e00000 !important;}
.big				{font-size: 1.5em;}

input, select			{padding: 1px 2px; font-size: 11px;}
option				{padding-right: 10px;}
input.submit			{padding: 1px 5px;}

img.img_left			{float: left; clear: left; margin: 0.25em 1em 0.25em 0;}
img.img_right			{float: right; clear: right; margin: 0.25em 0 0.25em 1em;}

.float_left			{float: left;}
.float_right			{float: right;}

.cancel				{color: #e00000 !important;}




input, select, textarea		{padding: 1px; margin: 0px; font-size: 12px;}
option				{padding: 0px; margin: 0px; padding-right: 10px; font-size: 12px;}
input.text			{margin: 0 -3px 0 0; padding: 1px;}
input.password			{margin: 0 -3px 0 0; width: 105px;}
input.submit			{text-transform: uppercase; cursor: pointer;}
input.submit:hover		{text-decoration: none;}
input.radio			{margin-right: 4px; background: none !important; border: none !important; vertical-align: top;}
input.checkbox			{background: none !important; border: none !important;}

/* ---------- MAIN BLOCKS ---------- */
*				{margin: 0px; padding: 0px;}
body				{background: #4e4e4e url("gfx/body_bg.gif") repeat-x center top; font: 11px Arial, Arial CE, Helvetica, sans-serif; color: #575758;}
#whole	 			{width: 912px; margin: 0 auto; background: url("gfx/whole_bg.gif") repeat-y center center;}
#whole_bg			{background: url("gfx/whole_bg0.gif") no-repeat center top;}
#whole.start	 		{background: url("gfx/whole_bg1.gif") repeat-y center center;}
#whole.start #middle_area	{min-height: 175px;}
#whole.start #bottom_area	{background: url("gfx/bottom_bg1.gif") no-repeat center bottom;}

#top_area			{clear: both;}
#middle_area			{clear: both; overflow: hidden; min-height: 279px; padding: 0 18px; margin-bottom: -128px; position: relative;}
#bottom_area			{clear: both; height: 40px; padding: 132px 10px 8px 10px; margin-bottom: 20px; background: url("gfx/bottom_bg.gif") no-repeat center bottom;}

#navigation			{text-align: center; margin-top: 0px; padding-top: 9px; height: 27px; width: 860px; display: block; background: url('gfx/menu_background.png') 0px 0px repeat-x; z-index: 101;}
#navigation a			{margin: 0px 10px 0px 10px; font-size: 11px; color: #cccccc;}
#navigation a:hover		{margin: 0px 10px 0px 10px; font-size: 11px; color: #78c4e4; text-decoration: none;}
#navigation a.current		{margin: 0px 10px 0px 10px; font-size: 11px; color: #78c4e4; text-decoration: none;}

ul.gallery			{width: ; padding: 0; margin: 0 -20px 0.8333em 0; text-align: left; overflow: hidden; clear: both;}
ul.gallery li			{display: -moz-inline-stack; display: inline-block; width: 130px; background: none; list-style: none; margin: 0 -4px 10px 0px; padding: 0 10px 0 0; text-align: center; vertical-align: top; zoom: 1; *display: inline;}
ul.gallery img			{vertical-align: bottom;}
ul.gallery a			{}
ul.gallery a:hover		{}
ul.gallery span			{}