/* standard elements */
html {
	min-height: 100%;
	min-width: 1054px;
	margin-top: 0px;
}

* {
	margin: 0;
	padding: 0;
}

a {
	color: #003a80;
	font-family: Optima Cyr;
	font-style: normal;
	}
a:hover {color: #AFF;}

a.t {
	color: #003a80;
	font-family: Optima Cyr;
	font-style: normal;
	}
	
a.menu {
	color: #FFFFFF;
	font-family: Optima Cyr;
	font-style: normal;
	}


body {
	font: 12px/15px "Optima Cyr", "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: #003a80;
		
	background: #031A2F url(../images/bg/start-bg.jpg) right bottom  no-repeat;
	margin-top: -2px; 
}

img
{
	border: 0px;
	border-color:#003a80; 
}

#trumbnailbg
{
	
	height: 244px;
	width: 174px;	
/*	top: 0px;*/
	background:  url(../images/trumbnails/trumbnail.jpg) no-repeat;
	position: relative;
	border: blue 5px;
/*	background:blue;*/
	padding: 10px; 
	
	

	}

p,code, ul{
	padding-bottom: 12px;
	color: #003a80;
	}

li {
/*	padding-left: 12px;*/
/*	padding-bottom: 6px;*/
/*	color: #003a80;*/
/*	list-style: none;*/
	padding-left: 12px;
	list-style: square outside;
	list-style-image: url("../images/li2.gif");
	margin-left: 24px;
	padding-bottom: 6px;
		
	}
.imaged
{
	padding-left: 12px;
	list-style: square outside;
	list-style-image: url("../images/li2.gif");
	margin-left: 24px;
	}	
	
h1 {
	font: normal 1.8em "Optima Cyr",Tahoma,sans-serif;
	margin-bottom: 4px;
}

h3 {
	margin-bottom: 12px;
	}
h4 {
	margin-bottom: 9px;
	}
/*P
-----------------------------------------------------------------------------*/
.impotant
{
/*	font: 13px "Optima Cyr";*/
/*	font-weight: bold;*/
	color: #fd0101;
/*	padding-bottom: 2pt;*/
	}
	
.impotant-centered
{

	font-weight: bold;
	text-align: center;
	}

.contactinfoheader
{
	font: 13px "Optima Cyr";
	font-weight: bold;
	color: #fd0101;
	padding-bottom: 2pt;
	}
	
.contactinfo
{
	font: 12px "Optima Cyr";
	font-weight: plain;
	color: #007FFF;
	}

#page
{
	position: absolute;
	left: 324px;
	font: 1.2em "Optima Cyr";
	top: 0px;
	width: 710px;
	height: 1126px;
/*	border: 1px solid black;*/
	}

#caption
{
	position: relative;
	font: 1.3em "Optima Cyr";	
	top: 0px;
	width: auto;
	height: auto;	
	text-align: left;
	padding: 10px;
	border-bottom: 1px dotted;
	border-color: #003a80;
	}

#maintext
{
	position: relative;
	font: 1.2em "Optima Cyr";	
	top: 0px;
	width: auto;
	height: auto;
/*	border: 1px solid black;*/
	text-align: justify;
	text-indent: 50px;
	padding: 10px;

	}
	
#maintext1
{
	position: relative;
	font: 1.2em "Optima Cyr";	
	top: 0px;
	width: auto;
	height: auto;
/*	border: 1px solid black;*/
	text-align: justify;
	text-indent: 0px;
	padding: 10px;

	}
	
#maintext2
{
	position: relative;
	font: 1.2em "Optima Cyr";	
	top: 0px;
	width: auto;
	height: auto;
	text-align: left;
	

	}

/* versionswitcher
-----------------------------------------------------------------------------*/

#versionswitcher {
	top: 0px;
	position: absolute;	
	border: 0px solid white;
	width: 241px;
	height: 40px;
	right: 1px;	
	background: url(../images/start/start-top2.png) right no-repeat;

}

#versionswitcher2 {
	top: 12px;
	position: absolute;	
	border: 0px solid white;
	width: 100px;
	height: 40px;
	right: 1px;	
	

}
#versionswitcher3 {
	top: 2px;
	position: absolute;	
	border: 0px solid white;
	width: 48px;
	height: 40px;
	right: 100px;	
	

}

a.versionswitcher {
	top: 16px;
	color: #f5f500;
	font-family: sans-serif;
	font-style:  oblique;
	font-weight: bold;
	text-decoration: none;
	}

/* wrapper
-----------------------------------------------------------------------------*/

#wrapper {
	position: relative;	
	border: 0px solid white;
	width: 100%;
	height: 780px;
	vertical-align: bottom;	

}

/* Header
-----------------------------------------------------------------------------*/

#header {
	top: 60px;	
	height: 260px;
	width: 100%;
	position: relative;
	background: url(../images/bg/start-logo.png) right no-repeat;
	border: 0px solid yellow;
}

#logo {
	position: absolute;
	top: auto;
	right: 1px;
	width: 90%;
	height: 100%;
	text-indent: -9999px;
	border: 0px dotted black;
	
	
}

/* Middle
-----------------------------------------------------------------------------*/
#middle {
	top: 360px;	
	right: 50px;
	background: transparent;
	position: absolute;	
	height: 363px;
	width: 563px;
	border: 0px solid red;
	
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	height: 80px;
	top: 360px;
	right: 850px;
	width: 150px;
	background: url(../images/bg/main-footer.jpg) 50% 0 no-repeat;
	padding: 22px 0 0;
	text-align: center;
	border: 0px solid yellow;
	position: absolute;
	vertical-align: bottom;

}

.button-blue {
	position: absolute;
	height: 163px;
	width: 163px;	
	top: 0px;
/*	background:  url(../images/start/blue.png) no-repeat;*/
	
	
}

.button-green {
	position: absolute;
	height: 163px;
	width: 163px;	
	top: 0px;
	left: 200px;
	/*background:  url(../images/start/green.png) no-repeat;
*/}

.button-yellow {
	position: absolute;
	height: 163px;
	width: 163px;	
	top: 0px;
	left: 400px;
/*	background:  url(../images/start/yellow.png) no-repeat;	*/
}

.button-red {
	position: absolute;
	height: 163px;
	width: 163px;	
	top: 200px;
/*	background:  url(../images/start/red.png) no-repeat;*/
	
	
}

.button-orange {
	position: absolute;
	height: 163px;
	width: 163px;	
	top: 200px;
	left: 200px;
/*	background:  url(../images/start/orange.png) no-repeat;*/
	
	
}

.button-violet {
	position: absolute;
	height: 163px;
	width: 163px;	
	top: 200px;
	left: 400px;
/*	background:  url(../images/start/violet.png) no-repeat;*/
	
	
}

#mainbuttonlink
{
	position: absolute;
	top: 0px; 
	left: 0px;
	width: 163px;
	height: 163px;
	text-indent: -9999px;
/*	border: 1px solid black;*/
	}


a.menu-blue:link, 
a.menu-blue:visited,  
a.menu-blue:hover,  
a.menu-blue:active {
	background-image: url(../images/start/blue.png)
}

a.menu-blue:hover {
	background-image: url(../images/start/blue-hi.png);
}

a.menu-green:link, 
a.menu-green:visited,  
a.menu-green:hover,  
a.menu-green:active {
	background-image: url(../images/start/green.png)
}

a.menu-green:hover {
	background-image: url(../images/start/green-hi.png);
}

a.menu-yellow:link, 
a.menu-yellow:visited,  
a.menu-yellow:hover,  
a.menu-yellow:active {
	background-image: url(../images/start/yellow.png)
}

a.menu-yellow:hover {
	background-image: url(../images/start/yellow-hi.png);
}

a.menu-red:link, 
a.menu-red:visited,  
a.menu-red:hover,  
a.menu-red:active {
	background-image: url(../images/start/red.png)
}

a.menu-red:hover {
	background-image: url(../images/start/red-hi.png);
}

a.menu-orange:link, 
a.menu-orange:visited,  
a.menu-orange:hover,  
a.menu-orange:active {
	background-image: url(../images/start/orange.png)
}

a.menu-orange:hover {
	background-image: url(../images/start/orange-hi.png);
}

a.menu-violet:link, 
a.menu-violet:visited,  
a.menu-violet:hover,  
a.menu-violet:active {
	background-image: url(../images/start/violet.png)
}

a.menu-violet:hover {
	background-image: url(../images/start/violet-hi.png);
}