/**********************************
 *       CSS by Vitaly Z.
 *
 *     darkavanger@ukr.net 
 *
 **********************************/


html, body	{
	color: #444;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

body	{ background: #e1f0ec url(images/blueLine.gif) 0% 461px repeat-x;}

*	{ font-size: 100%;}
img, a img	{ border: 0 none;}
body, div	{ margin: 0; padding: 0;}

a { color:#0072bc; text-decoration: underline;}
a:hover { text-decoration: none;}

h1, h2, h3, h4, h5, h6 { font-weight: 400; margin: 0; padding: 0;}
h1 { font-size: 170%; margin-bottom: .5em; padding-bottom: .35em;}
h2 { font-size: 160%; }
h3 { font-size: 140%; font-weight: 700;}
h4 { font-size: 140%;}
h5 { font-size: 130%;}
h6 { font-size: 120%;}

#pageContainer	{ width: 942px; margin: 0 auto;}
#page	{ width: 697px; margin: 0 auto;}
#top_Ornament	{ width: 100%; height: 133px; background: url(images/ornament.gif) 50% 0 repeat-x;}
#logo			{ width: 208px; height: 104px; margin: 48px 0 0 91px; /*background: url(images/logo.jpg) 100% 100% no-repeat;*/}
#footer	{ color: #666666; font-size: 12px; margin-bottom: 12px; text-align: center;}
#desk	{ position: relative; margin: 110px 0 23px;; padding: 0; /*height: 528px;*/ border: 3px solid #b7d808; background: #FFF;}

.deskBottom	{ /*clear: both;*/ position: relative; width: 100%; height: 51px; margin-top: 93px; background: url(images/ornament2.gif) 100% 100% no-repeat;}
#desk .cornerTL	{ float: left; position: relative; top: -3px; left: -3px; width: 13px; height: 13px; overflow: hidden; background: url(images/corners.gif) 0 0 no-repeat;}
#desk .cornerTR	{ float: right; position: relative; top: -3px; right: -3px; width: 13px; height: 13px; overflow: hidden; background: url(images/corners.gif) -13px 0 no-repeat;}
#desk .cornerBL	{ /*clear: left;*/ float: left; position: relative; bottom: -41px; left: -3px; width: 13px; height: 13px; overflow: hidden; background: url(images/corners.gif) 0 -13px no-repeat;}
#desk .cornerBR	{ /*clear: right;*/ float: right; position: relative; bottom: -41px; right: -3px; width: 13px; height: 13px; overflow: hidden; background: url(images/corners.gif) -13px -13px no-repeat;}

/*** Content ***/
.deskContent	{ /*clear: both;*/ padding: 0 17px;}
.decorHeader	{ color: #F60; font-size: 1.2em; padding: 32px 0 2px 14px; height: 24px; margin: 5px 0 14px; border-bottom: 2px solid #bc0011; background: url(images/ornament1.gif) 100% 100% no-repeat;}
.tags			{ color: #7da7d8; font-size: 1em; text-align: center; margin: 0 35px;}
.tags a			{ text-decoration: none;}
.tags a:hover	{ color: #FFF; background: #b6d700; text-decoration: underline;}
.size1	{ color: #6dcff6; font-size:  .8em	/*10pt*/;}
.size2	{ color: #7da7d8; font-size: 1em	/*12pt*/;}
.size3	{ color: #448cca; font-size: 1.17em	/*14pt*/;}
.size4	{ color: #0072bc; font-size: 1.33em	/*16pt*/;}
.size5	{ color: #004a80; font-size: 1.5em	/*18pt*/;}
.size6	{ color: #003663; font-size: 1.67em /*20pt*/;}

/*** Contacts ***/
#contactsContainer	{ float: right; position: relative; margin-top: -240px; /*margin-right: -301px;*/ width: /*301px */ 427px; height: 221px; /*position: absolute; top: -85px; right: -123px;*/ background: url(images/contactsBG.gif) 126px 100% no-repeat;}
.contacts	{ font-weight: normal; float: right; position: relative; right: -126px; padding: 17px 12px 0; width: /*390px*/ 366px; height: /*183px*/ 166px; border: 3px solid #b6d700; background: #FFF url(images/ornament3.gif) 100% 0 no-repeat;}
.contacts .header	{ color: #242021; font-size: 14px; margin-bottom: 25px; padding: 0 10px 3px; border-bottom: 2px solid #f7941d;}
.contacts .phone		{ color: #000; font-size: 14px; padding: 0 0 0 77px; background: url(images/phone.jpg) 17px 2px no-repeat;}
.contacts .mail		{ color: #000; font-size: 14px; padding: 9px 0 0 77px; height: 26px /*35px*/; background: url(images/mail.jpg) 24px 0 no-repeat;}

/*** Login ***/
#loginContainer	{ float: left; position: relative; margin-top: -260px; width: 427px; height: 221px;/* background: url(/img/contactsBG.gif) 126px 100% no-repeat;*/}
.login	{ font-weight: normal; float: left; position: relative; left: -220px; padding: 17px 12px 0; width: /*390px*/ 366px; height: /*183px*/ 166px; border: 3px solid #b6d700; background: #FFF url(/img/ornament3.gif) 100% 0 no-repeat;}

/*** Description Styles ***/
#container	{ color: #666666; padding: 0 23px; margin: 0 auto; width: /*100%*/ 780px; background: #FFF;}
#leftColumn	{ float: left; width: 390px; /*background: #CCC;*/}
#rightColumn	{ margin-left: 50%; padding-top: 1px;}
.preview	{ margin-top: 12px; margin-bottom: 23px; border: 2px solid #666666;}
.bottom		{ clear: both;}
#container b { color: #000;}


#windowdiv	{ /*width: 800px; height: 600px; margin: 0 auto;  left: 300px;*/ top: 10px; top: expression( body.scrollTop);}
#okno		{ width: 800px; height: 600px; /*margin: 0 auto;*/ border: 1px solid #CCC;}
#overlay	{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; /*border: 1px solid red;*/ background: #000; opacity: 0.4; min-height: 100px; filter: alpha(0,40); }

body { position: absolute; width: 100%; /*height: 100%;*/}