html, body {
	margin: 0;
	padding: 0;	
	font-family: Tahoma;
	font-size: 12px;
	color: #505050;
	background-color: #F2F1F2;
}

a:hover {
	cursor: pointer;
}

a {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

div.white_background {
	margin: 0;
	padding: 0;	
	background-color: #FFFFFF;
	text-align: center;
}

div.header {
	width: 100%;
	height: 10px;
	left: 0px;
	top: 0px;
	border-bottom: 2px solid #CCCCCC;
}

div.container {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	
	text-align: left;
	width: 780px;
}

div.footer {
	width: 100%;
	height: auto;
	left: 0px;
	bottom: 0px;
	border-top: 2px solid #CCCCCC;
	text-align: center;
}

div.block_title {
	position: relative;
	height: 73px;
	background-image: url('../images/pcs_top.gif');
	background-repeat: no-repeat;
	background-position: bottom right; 	
}

div.title {
	position: absolute;
	width: 457px;
	left: 59px;
	top: 18px;
	color: #88B500;
	font-size: 28px;
	font-weight: bold;
}

div.green_top_line {
	position: absolute;
	width: 4px;
	height: 28px;
	background-color: #88B500;
	left: 537px;
	top: 21px;
}

div.title_comment {
	position: absolute;
	width: 200px;
	left: 556px;
	top: 28px;
}

span.title {
	color: #10456D;
}

div.menu_grey {
	height: 124px;
	background-color: #EFEFEF;
	background-image: url('../images/pcs_menu.gif');
	background-repeat: no-repeat;
	background-position: right; 
}

div.menu_table {
	height: 94px;
	background-image: url('../images/pcs_table.jpg');
	background-repeat: no-repeat;
	background-position: bottom; 
}

div.blue_left_line_top {
	position: absolute;
	width: 4px;
	height: 57px;
	left: 24px;
	top: 20px;
	background-color: #10456D;
}

div.blue_left_line_bottom {
	position: relative;
	width: 4px;
	height: 58px;
	left: 24px;
	background-color: #10456D;
}

div.block_slogan {
	position: relative;	
}

div.slogan {
	position: absolute;
	color: #10456D;
	font-size: 26px;
	font-weight: bold;
	width: 467px;
	left: 46px;
	top: 48px;
}

span.slogan {
	color: #88B500;
}

div.menu {
	background-image: url('../images/menu_background.gif');
	background-repeat: repeat;
	height: 47px;
	text-align: center;
}

div.menu_left_img {
	background-image: url('../images/menu_background_left.gif');
	background-repeat: no-repeat;
	padding-left:5px;
	width: 610px;
}

div.menu_right_img {
	background-image: url('../images/menu_background_right.gif');
	background-repeat: repeat;
	padding-right:5px;
}
/* make menu */
li.inline {
	display: inline;
}

ul.menu {
	padding: 17px 0px 0px 0px;
	margin: 0px;
	list-style-type: none;
}

a.menu {
	text-decoration: none;
	color: white;
	font-weight: bold;
	border-right: 1px dashed white;
	padding: 7px 15px 7px 15px;
}

a.menu:hover {
	text-decoration: underline;
/*	 background-color: #88B500;  */
}
/* end make menu */

ul.green_menu {
	padding: 0px 5px 5px 15px;
	list-style-type: square;
	color: #88B500;
}

li.green_menu {
	padding-bottom: 7px;
}

ul.green_menu_index{
	list-style-type: square;
	color: #88B500;
}

a.menu_green {
	text-decoration: none;
	font-weight: bold;
	color: #88B500;
}

a.menu_green:hover {
	text-decoration: underline;
}

/* make menu bottom */
ul.menu_bottom {
	padding: 0;
	margin: 20px;
	list-style-type: none;
}

a.menu_bottom {
	text-decoration: none;
	color: #505050;
	padding: 7px 5px 0px 5px;
}

a.menu_bottom:hover {
	text-decoration: underline;
}
/* end make menu bottom*/
div.two_blocks {
	position: relative;
	top: 10px;
	width: 777px;
	height: 246px;
}

div.block_safe {
	position: absolute;
	width: 251px;
	height: 257px;
	border: 2px solid #CCCCCC;
	z-index: 5;
	background-color: #FFFFFF;
}

div.block_test {
	position: absolute;
	left: 524px;
	width: 251px;
	height: 257px;
	border: 2px solid #CCCCCC;
	z-index: 5;
	background-color: #FFFFFF;
}

div.block_hands {
	position: absolute;
	left: 262px;
	width: 251px;
	height: 257px;
	border: 2px solid #CCCCCC;
	z-index: 5;
	background-color: #FFFFFF;
}

div.three_blocks {
	position: relative;
	top: 5px;
	width: 777px;
	height: 256px;
}

div.block_keyboard {
	position: absolute;
	width: 251px;
	height: 242px;
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
}

div.block_glass  {
	position: absolute;
	left: 524px;
	width: 251px;
	height: 242px;
	border: 2px solid #FFFFFF;
	background-color: #FFFFFF;
}

div.block_puzzle {
	position: absolute;
	left: 262px;
	width: 251px;
	height: 242px;
	border: 2px solid #FFFFFF;
	background-color: #FFFFFF;
}

div.blue_header {
	background: url('../images/box_grey.gif') no-repeat right bottom;
	background-color: #10456D;	/* blue color */
	height: 32px;
	padding-top: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	font-size: 18px;	
}

div.green_header {
	background: url('../images/box_grey.gif') no-repeat right bottom;
	background-color: #88B500; /* green color */
	height: 32px;
	padding-top: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	font-size: 18px;
}

div.white_header {
	background-color: #FFFFFF;
	height: 32px;
	padding-top: 10px;
	padding-left: 10px;
	color: #10456D;
	font-size: 18px;
}

span.white_header {
	color: #88B500;
	font-weight:bold;
}

div.block_img_left {
	padding: 10px;
}

img.block_img_left {
	padding: 0px 10px 10px 0px;
	float: left;
	position: relative;
}

div.block_img_right {
	padding: 10px;
}

img.block_img_right {
	padding: 0px 0px 10px 10px;
	float: right;
	position: relative;
}

img.banner {
	position: absolute;
	left: 585px;
	top: 5px;

}

div.contacts_right {
	padding: 15px 30px 10px 30px;
	float: right;
	height: 240px;
	position: relative;
	border-left: 2px solid #CCCCCC;
}

img.small_box {
	padding-right: 10px;
}

div.ch_block {
	position: relative;
	top: 5px;
	width: auto;
	border: 2px solid #CCCCCC;
	z-index: 5;
	background-color: #FFFFFF;
	padding-bottom: 5px;
}

div.ch_menu_grey {
	height: 47px;
	background-color: #EFEFEF;
	background-image: url('../images/ch_pcs_menu.gif');
	background-repeat: no-repeat;
	background-position: right; 
}

div.ch_title {
	background-color: #FFFFFF;
	height: 32px;
	padding-top: 10px;
	padding-left: 10px;
	color: #10456D;
	font-size: 18px;
	font-weight: bold;
}

span.ch_title {
	color: #88B500;	
	font-weight: normal;
}

p.section_title, td.section_title, a.section_title {
	font-weight: bold;
	color: #10456D;
	padding: 5px 0px 5px 5px;
	font-size: 14px;
}

p.section_title_small{
	font-weight: bold;
	color: #10456D;
	padding: 5px 0px 5px 35px;
	font-size: 12px;
}

div.section_title_small_block
{
	padding-left: 40px;
}

a.top {
	padding: 5px 0px 0px 15px;
	color: #88B500;
}

a.top:hover {
	text-decoration: underline;
}

a.blue_link {
	color: #10456D;	
}

a.green_link {
	color: #88B500;
}

a.green_link_index_menu {
	color: #88B500;
	font-size: 14px;
	font-weight: bold;
}

a.blue_link_index_menu {
	color: #10456D;
	font-size: 14px;
	font-weight: bold;
}

a.red_link, a.red_link:visited {
	color: red;
}

a.green_pdf_link:visited , a.blue_link:visited, a.green_link:visited, a.green_link_index_menu:visited, a.blue_link_index_menu:visited,a.red_link:visited, a.section_title:visited , a.green_details_link :visited {
	text-decoration: none;
}

a.green_details_link :hover, a.green_pdf_link:hover, a.blue_link:hover, a.green_link:hover, a.green_link_index_menu:hover, a.blue_link_index_menu:hover, a.grey_link_pdf:hover, a.red_link:hover, a.section_title:hover   {
	text-decoration: underline;
}

a.green_pdf_link {
	text-decoration: none;
	color: #88B500;
	background-image: url('../images/pdf.gif');
	background-repeat: no-repeat;
	background-position: left; 
	padding-left: 20px;
	padding-bottom: 1px;
}

a.green_details_link {
	text-decoration: none;
	color: #88B500;
	background-image: url('../images/details.gif');
	background-repeat: no-repeat;
	background-position: left; 
	padding-left: 20px;
	padding-bottom: 3px;
	padding-top: 1px;
}

img.at {
	vertical-align:bottom;
}

a.grey_link_pdf {
	text-decoration: none;
	color: #505050;
	background-image: url('../images/pdf.gif');
	background-repeat: no-repeat;
	background-position: left; 
	padding-left: 20px;
	padding-bottom: 1px;
	font-weight: bold;
}

.test_result_background {
	background-color: white;
	color: #000000; 
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
}

/* colors
#10456D - blue
#88B500 - green
#505050 - grey
*/
