*, * a
{
	font-family: Comic Sans MS;
	font-size: 14px;
	line-height: 18px;
}

html
{
	padding: 17px 0;
	margin: 0;
	background: #ffffff;
	text-align: center;
}

body 
{
	background: white url(/images/bg-body.gif.aspx) repeat-y left top;
	padding: 153px 50px 90px 200px;
	padding-top: expression("140px");
	text-align: left;
	margin: 0 auto;
	position: relative;
	width: 434px;
	min-height: 600px;
	_height: 600px;
}

img
{
	vertical-align: middle;
	border: none 0;
}

h1
{
	font-size: 23px;
	font-weight: normal;
	color: #da3030;
	text-align: left;
	position: relative;
	z-index: 1000;
	margin: 0 0 15px 0;
	padding: 0;
}

ul
{
	margin: 10px 0 10px 20px;
	padding: 0;
	list-style-image: url(/images/list-sep.gif.aspx);
}

ul li
{
	padding: 0 0 25px 0;
}

p
{
	margin: 10px 0 0 0;
	padding: 0;
}

h2
{
	margin: 10px 0 5px 0;
	font-size: 15px;
}

#top
{
	position: absolute;
	left: 0;
	top: 0;
	width: 684px;
	height: 180px;
	background: url(/images/bg-top.jpg.aspx) no-repeat left top;
	padding: 0;
	margin: 0;
}

#top #logo
{
	position: absolute;
	top: 25px;
	left: 40px;
	width: 236px;
	height: 79px;
	background: url(/images/logo.png.aspx) no-repeat left top;
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png.aspx', sizingMethod='crop');
}

#top #slogon
{
	position: absolute;
	top: 25px;
	right: 30px;
	width: 227px;
	height: 56px;
	background: url(/images/slogon.png.aspx) no-repeat left top;
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/slogon.png.aspx', sizingMethod='crop');
}

#top #logo b, #top #slogon b
{
	display: none;
}


/* MENU */
#menu 
{
	position: absolute;
	left: 20px;
	top: 185px;
	margin: 0;
	padding: 55px 0 0 10px;
	width: 147px;
	height: 228px;
	background: url(/images/bg-menu.gif.aspx) no-repeat left top;
}

#menu ul {list-style: none; list-style-image: none; padding: 0; margin: 0;}
#menu li {padding: 0; background: no-repeat top left; margin: 0 0 14px 0;}
#menu li a {display: block; width: 145px; height: 17px; background: no-repeat top left; text-decoration: none;}
#menu li b {display: none;}

#menu #gulets {background-image: url(/images/menu/gulets.gif.aspx);}
#menu #gulets-sel, #menu #gulets a:hover {background-image: url(/images/menu/gulets-sel.gif.aspx);}
#menu #technical {background-image: url(/images/menu/technical.gif.aspx);}
#menu #technical-sel, #menu #technical a:hover {background-image: url(/images/menu/technical-sel.gif.aspx);}
#menu #yourProject {background-image: url(/images/menu/your-project.gif.aspx);}
#menu #yourProject-sel, #menu #yourProject a:hover {background-image: url(/images/menu/your-project-sel.gif.aspx);}
#menu #contact {background-image: url(/images/menu/contact.gif.aspx);}
#menu #contact-sel, #menu #contact a:hover {background-image: url(/images/menu/contact-sel.gif.aspx);}
#menu #siteMap {background-image: url(/images/menu/site-map.gif.aspx);}
#menu #siteMap-sel, #menu #siteMap a:hover {background-image: url(/images/menu/site-map-sel.gif.aspx);}

#menu #technical a, #menu #technical-sel a {height: 32px;}

/* END MENU */


/* BOTTOM */
#bottom
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(/images/bg-bottom.gif.aspx) no-repeat left top;
	margin: 0;
	padding: 0;
	text-align: center;
}

#bottom ul
{
	list-style: none;
	width: 675px;
	height: 33px;
	margin: 0 auto;
	padding: 6px 10px 0 0;
}

#bottom #counters
{
	padding: 4px 0 1px 0;
	background: #ffffff;
	text-align: center;
}

#bottom * {font-size: 10px; color: #a7d9f3; text-decoration: none;}
#bottom li {float: left; padding: 0 50px; white-space: nowrap; background: url(/images/menu-top-sep.gif.aspx) no-repeat right center;}
#bottom li#design {text-align: right; float: right; white-space: nowrap; padding: 0 5px 0 0;}
#bottom li#design a {font-weight: bold;}
/* END BOTTOM */


/* FLAGS*/
#flags
{
	position: absolute;
	top: -5px;
	right: 10px;
	font-size: 9px;
	z-index: 10000;
	list-style: none;
	padding: 0;
}

#flags li
{
	float: left; 
	padding: 0px 0 0px 5px;
	margin: 0;
	width: 18px;
	background-image: none;
}

#flags li b, #flags li a
{
	width: 16px;
	height: 10px;
	display: block;
	background-position: -16px top;
	background-repeat: no-repeat;
	line-height: 10px;
	word-break: break-all;
	overflow: hidden;
}

#flags li a {padding-top: 10px;}
#flags li b {border: solid 1px #82cff7;}
#flags li.cur b {border-color: #f4b86c;}
#flags li.flag-ukr b, #flags li.flag-ukr a {background-image: url(/images/flag-ukr.jpg);}
#flags li.flag-eng b, #flags li.flag-eng a {background-image: url(/images/flag-eng.jpg);}
#flags li.flag-rus b, #flags li.flag-rus a {background-image: url(/images/flag-rus.jpg);}
#flags li.flag-fra b, #flags li.flag-fra a {background-image: url(/images/flag-fra.jpg);}
/* END FLAGS*/

.sitemap-path
{
	position: absolute;
	top: 150px;
	left: 20px;
}

.sitemap-path, .sitemap-path *
{
	font-size: 11px;
}

.sitemap-path a
{
	color: #367166;
}

/* FORMS */
.form
{
	width: 99%;
}

.form dt
{
	width: 120px;
	float: left;
	height: 17px;
	padding-top: 8px;
	text-align: right;
	font-weight: bold;
}

.form dd
{
	padding: 6px 0 2px 5px;
	_padding-top: 5px;
	margin: 0 0 0 125px;
	text-align: left;
	vertical-align: middle;
}

.form dd select, .form dd input
{
	vertical-align: middle;
	margin: 2px;
	_margin: auto;
}

.form dd input
{
	width: 50%;
}

.req
{
	font-weight: bold;
	color: Red;
	padding: 0 0px;
}
/* END FORMS */


.home
{
	position: relative; 
	z-index: 100;
	text-align: center;
}

.home h1
{
	margin-bottom: 14px;
}

#flash
{
	border: solid 1px #2b6190;
	padding: 10px;
	width: 381px;
}

.page-image
{
	position: absolute;
	top: 500px;
	left: 20px;
}