/******************************************************************************
 * Sokator Starter CSS Document
 ******************************************************************************/
body			{ color: #000000; background: #b8c7c4 url(../images/background.gif) repeat-x 0px 0px; }



/******************************************************************************
 * Snippet Styles
 ******************************************************************************/
.page_heading					{ position: relative; height: 50px; display: block; }
.page_heading h1				{ color: #ffffff; line-height: 2.94em; padding: 0px 0px 0px 10px; }
.page_heading h1 strong			{ color: #f4d234; }
.page_heading h1 span.large		{ color: #f4d234; font-size: 1.67em; }
.page_heading h1 a:link,
.page_heading h1 a:visited		{ color: #ffffff; text-decoration: underline; }
.page_heading h1 a:hover		{ text-decoration: none; }
.page_heading h1 .delimiter		{ padding: 0px 4px 0px 8px; }
.page_heading .button			{ position: absolute; top: 10px; right: 318px; }



/******************************************************************************
 * General Content Styles
 ******************************************************************************/
.swf_layout1_container			{ width: 640px; display: block; float: left; padding: 0px 10px 20px 0px; }
	.sound_track													{ width: 640px; display: block; font-weight: bold; text-transform: uppercase; padding: 10px 0px 0px 0px; }

.swf_layout1_boxes_container										{ width: 300px; display: block; float: left; padding: 0px 0px 20px 10px; }
	.swf_layout1_boxes												{ width: 300px; display: block; float: left; padding: 0px 0px 5px 0px; }
	.swf_layout1_boxes .heading										{ width: 290px; color: #ffffff; font-weight: bold; line-height: 2.27em; text-transform: uppercase; padding: 0px 0px 0px 10px; }
	.swf_layout1_boxes .heading strong								{ color: #f4d234; }
	.swf_layout1_boxes ul.overview									{ width: 300px; display: block; float: left; list-style: none; padding: 0px 0px 6px 0px; border: none; }
	.swf_layout1_boxes ul.overview li.image							{ width: 91px; height: 79px; display: block; padding: 6px 0px 0px 0px; }
	.swf_layout1_boxes ul.overview li.image img						{ width: 79px; height: 79px; border-width: 0px 6px 0px 6px; border-style: solid; }
	.swf_layout1_boxes ul.overview li.row							{ color: #ffffff; font-weight: bold; line-height: 2.00em; padding: 0px 10px; border-width: 6px 6px 0px 6px; border-style: solid; }
	.swf_layout1_boxes ul.overview span								{ color: #f4d234; }
	.swf_layout1_boxes ul.overview li.description					{ color: #000000; padding: 4px 10px 0px 10px; }
	.swf_layout1_boxes ul.overview li.description p					{ padding: 6px 0px 4px 0px; }
	
	.swf_layout1_boxes .blue .heading								{ background: #096a92; }
	.swf_layout1_boxes .blue ul.overview							{ background: #00b4ff; }
	.swf_layout1_boxes .blue ul.overview li.image					{ float: left; background: #00b4ff; margin: 0px 6px 0px 0px; }
	.swf_layout1_boxes .blue ul.overview li.image img				{ border-color: #00b4ff; }
	.swf_layout1_boxes .blue ul.overview li.row						{ background: #096a92; border-color: #00b4ff; }
	
	.swf_layout1_boxes .green .heading								{ background: #2d7307; }
	.swf_layout1_boxes .green ul.overview							{ background: #48c902; }
	.swf_layout1_boxes .green ul.overview li.image					{ float: right; background: #48c902; margin: 0px 0px 0px 6px; }
	.swf_layout1_boxes .green ul.overview li.image img				{ border-color: #48c902; }
	.swf_layout1_boxes .green ul.overview li.row					{ text-align: right; background: #2d7307; border-color: #48c902; }
	
	.swf_layout1_boxes .yellow .heading								{ background: #b92f0d; }
	.swf_layout1_boxes .yellow ul.overview							{ background: #f8d73e; }
	.swf_layout1_boxes .yellow ul.overview li.row					{ background: #b92f0d; border-color: #f8d73e; }
	
	.swf_layout1_boxes_container .buttons							{ width: 300px; display: block; float: left; }
	.swf_layout1_boxes_container .buttons .btn_orange				{ float: left; }
	.swf_layout1_boxes_container .buttons .btn_orange strong		{ float: left; }
	.swf_layout1_boxes_container .buttons .btn_orange strong a		{ float: left; width: 292px; }



/******************************************************************************
 * 1.3.0 Start Manager.html
 ******************************************************************************/
.start_bk1	{ width: 100%; height: 100%; min-width: 970px; min-height: 664px; display: block; background: url(../images/start_bk1.jpg) no-repeat top center; }
.start_bk1 .start_heading					{ position: absolute; top: 137px; left: 25px; width: 437px; height: 0px; overflow: hidden; background: url(../images/start_heading1.gif) no-repeat; padding-top: 86px; }
.start_bk1 .start_flash						{ z-index: 5; position: absolute; top: 227px; left: 25px; width: 485px; height: 298px; display: block; }
.start_bk1 .start_content					{ z-index: 4; position: absolute; top: 239px; left: 480px; width: 469px; height: 292px; display: block; }
.start_bk1 .start_content .background_png	{ width: 469px; height: 292px; display: block; background: url(../images/start_content1.png) no-repeat 0px 0px; }
.start_bk1 .manager_heading					{ z-index: 4; position: absolute; top: 30px; left: 117px; width: 223px; height: 0px; display: block; overflow: hidden; background: url(../images/start_content1_heading.gif) no-repeat 0px 0px; padding-top: 71px; }
.start_bk1 .manager_name					{ z-index: 5; position: absolute; top: 103px; left: 78px; width: 311px; height: 37px; display: block; }
.start_bk1 .manager_name table				{ width: 311px; }
.start_bk1 .manager_name table td			{ height: 50px; }
.start_bk1 .manager_name table td .manager_input				{ width: 305px; display: block; background: url(../images/start_content1_input.gif) no-repeat 0px 0px; padding: 4px 0px 8px 6px; }
.start_bk1 .manager_name table td .manager_input input			{ width: 298px; font-size: 1.27em; text-align: center; background: none; padding: 3px 5px; }
.start_bk1 .manager_name table td .manager_input input:focus	{ color: #026283; }
.start_bk1 .manager_name table td .manager_input .error			{ width: 305px; display: block; font-size: 1.27em; font-weight: bold; text-align: center; padding: 6px 0px 0px 0px; }
.start_bk1 .manager_btn_ok					{ z-index: 4; position: absolute; top: 124px; left: 153px; width: 158px; height: 143px; display: block; }
.start_bk1 .manager_btn_ok a				{ width: 158px; height: 0px; display: block; overflow: hidden; background: url(../images/start_content1_btn_ok.gif) no-repeat 0px 0px; padding-top: 143px; }
.start_bk1 .manager_btn_ok a:hover			{ background-position: 0px -143px; }
.start_bk1 .start_bk_nav					{ z-index: 3; position: absolute; top: 43px; left: 603px; width: 287px; height: 71px; display: block; background: url(../images/start_bk1_nav.jpg) no-repeat 0px 0px; }

.start_bk2	{ width: 100%; height: 100%; min-width: 970px; min-height: 664px; display: block; background: url(../images/start_bk2.jpg) no-repeat top center; }
.start_bk2 .start_heading					{ position: absolute; top: 139px; left: 20px; width: 566px; height: 0px; overflow: hidden; background: url(../images/start_heading2.gif) no-repeat; padding-top: 80px; }
.start_bk2 .start_flash						{ z-index: 4; position: absolute; top: 227px; left: -33px; width: 612px; height: 267px; display: block; }
.start_bk2 .start_flash	table					{ width: 612px; }
.start_bk2 .start_flash	table td				{ height: 267px; }
.start_bk2 .start_flash	table td.lhs			{ width: 76px; }
.start_bk2 .start_flash	table td.lhs a			{ width: 76px; height: 0px; display: block; overflow: hidden; background: url(../images/start_flash_arrow_lhs.gif) no-repeat 0px 0px; padding-top: 158px; }
.start_bk2 .start_flash	table td.lhs a:hover	{ background-position: 0px -158px; }
.start_bk2 .start_flash	table td.continent		{ width: 460px; background: #ffffff; }
.start_bk2 .start_flash	table td.rhs			{ width: 76px; }
.start_bk2 .start_flash	table td.rhs a			{ width: 76px; height: 0px; display: block; overflow: hidden; background: url(../images/start_flash_arrow_rhs.gif) no-repeat 0px 0px; padding-top: 158px; }
.start_bk2 .start_flash	table td.rhs a:hover	{ background-position: 0px -158px; }
.start_bk2 .start_content					{ z-index: 5; position: absolute; top: 248px; left: 548px; width: 418px; height: 318px; display: block; }
.start_bk2 .start_content .background_png	{ width: 418px; height: 318px; display: block; background: url(../images/start_content2.png) no-repeat 0px 0px; }
.start_bk2 .continent_heading				{ z-index: 6; position: absolute; top: 24px; left: 30px; width: 350px; height: 56px; display: block; text-align: center; }
.start_bk2 .continent_description			{ z-index: 6; position: absolute; top: 85px; left: 30px; width: 360px; display: block; font-size: 1.18em; line-height: 1.09em; }
.start_bk2 .continent_description table td	{ height: 75px; }
.start_bk2 .continent_btn_start				{ z-index: 5; position: absolute; top: 137px; left: 124px; width: 184px; height: 164px; display: block; }
.start_bk2 .continent_btn_start a			{ width: 184px; height: 0px; display: block; overflow: hidden; background: url(../images/start_content2_btn_start.gif) no-repeat 0px 0px; padding-top: 164px; }
.start_bk2 .continent_btn_start a:hover		{ background-position: 0px -164px; }
.start_bk2 .start_bk_nav					{ z-index: 3; position: absolute; top: 43px; left: 657px; width: 287px; height: 71px; display: block; background: url(../images/start_bk2_nav.jpg) no-repeat 0px 0px; }

.start_bk3 .start_container					{ width: 970px; padding: 130px 0px 0px 0px; }
.start_bk3 .match_btn_skip					{ z-index: 5; position: absolute; top: 423px; left: 695px; width: 237px; height: 237px; display: block; }
.start_bk3 .match_btn_skip a				{ width: 237px; height: 0px; display: block; overflow: hidden; background: url(../images/start_content3_btn_skip.gif) no-repeat 0px 0px; padding-top: 237px; }
.start_bk3 .match_btn_skip a:hover			{ background-position: 0px -237px; }

.start_bk4	{ width: 100%; height: 100%; min-width: 970px; min-height: 664px; display: block; background: url(../images/start_bk4.jpg) no-repeat top center; }
.start_bk4 .start_heading					{ position: absolute; top: 142px; left: 14px; width: 511px; height: 0px; overflow: hidden; background: url(../images/start_heading4.gif) no-repeat; padding-top: 68px; }
.start_bk4 .start_flash						{ z-index: 5; position: absolute; top: 223px; left: 60px; width: 619px; height: 355px; display: block; }
.start_bk4 .start_content					{ z-index: 4; position: absolute; top: 191px; left: 656px; width: 324px; height: 429px; display: block;}
.start_bk4 .start_content .background_png	{ width: 324px; height: 429px; display: block; background: url(../images/start_content4.png) no-repeat 0px 0px; }
.start_bk4 .join_heading					{ z-index: 4; position: absolute; top: -58px; left: 11px; width: 310px; height: 0px; display: block; overflow: hidden; background: url(../images/start_content4_heading.png) no-repeat 0px 0px; padding-top: 103px; }
.start_bk4 .join_fields						{ z-index: 5; position: absolute; top: 45px; left: 30px; }
.start_bk4 .join_fields table				{ width: 274px; }
.start_bk4 .join_fields table td			{ height: 204px; }
.start_bk4 .join_fields table td .row						{ width: 274px; display: block; clear: both; }
.start_bk4 .join_fields table td .row label					{ cursor: pointer; width: 267px; display: block; font-weight: bold; text-transform: uppercase; padding: 0px 0px 3px 7px; }
.start_bk4 .join_fields table td .row .field				{ width: 269px; height: auto !important; height: 35px; min-height: 35px; display: block; vertical-align: top; background: url(../images/start_content4_input.gif) no-repeat 0px 0px; padding: 4px 0px 0px 5px; }
.start_bk4 .join_fields table td .row .field input			{ width: 239px; font-size: 1.27em; background: none; padding: 3px 5px; }
.start_bk4 .join_fields table td .row .field input:focus	{ color: #026283; }
.start_bk4 .join_fields table td .row .field .error			{ width: 248px; display: block; color: #d60606; font-size: 1.27em; font-weight: bold; padding: 6px 0px 3px 1px; }
.start_bk4 .join_submit						{ z-index: 4; position: absolute; top: 213px; left: 80px; }
.start_bk4 .join_submit a					{ width: 155px; height: 0px; display: block; overflow: hidden; background: url(../images/start_content4_btn_submit.gif) no-repeat 0px 0px; padding-top: 155px; }
.start_bk4 .join_submit a:hover				{ background-position: 0px -155px; }
.start_bk4 .join_checkboxes					{ z-index: 5; position: absolute; top: 340px; left: 35px; }
.start_bk4 .join_checkboxes .checkbox		{ width: 274px; display: block; overflow: auto; padding: 5px 0px 0px 0px; }
.start_bk4 .join_checkboxes .checkbox .box	{ width: 22px; display: block; float: left; }
.start_bk4 .join_checkboxes .checkbox label	{ cursor: pointer; width: 242px; display: block; float: left; font-size: 0.91em; padding: 0px 10px 0px 0px; }
.start_bk4 .start_bk_nav					{ z-index: 3; position: absolute; top: 43px; left: 578px; width: 390px; height: 71px; display: block; background: url(../images/start_bk4_nav.jpg) no-repeat 0px 0px; }

.start_bk1 .start_container,
.start_bk2 .start_container,
.start_bk3 .start_container,
.start_bk4 .start_container					{ position: relative; width: 970px; height: auto !important; height: 670px; min-height: 670px; display: block; }

.start_bk1 .home_navigation .rhs			{ background-image: url(../images/nav_start_shadow_rhs1.gif); }
.start_bk2 .home_navigation .rhs,
.start_bk3 .home_navigation .rhs			{ background-image: url(../images/nav_start_shadow_rhs.gif); }

.start_container .home_logo a				{ background-image: url(../images/start_logo.gif); }
.start_container .home_navigation .shadow	{ background-image: url(../images/nav_start_shadow_bottom.gif); }



/******************************************************************************
 * Layout Styles
 ******************************************************************************/
	.footer			{ display: block; float: left; background: url(../images/footer_bk_lhs.gif) no-repeat top left; padding: 0px 0px 10px 9px; }
	.footer .rhs							{ display: block; float: left; background: url(../images/footer_bk_rhs.gif) no-repeat top right; padding: 0px 9px 0px 0px; }
	.footer .mid							{ width: 950px; height: 30px; display: block; float: left; line-height: 2em; background: url(../images/footer_bk_mid.gif) repeat-x top left; }
	.footer p								{ float: left; padding: 0px 0px 0px 6px; }
	.footer ul								{ float: right; list-style: none; font-weight: bold; }
	.footer ul li							{ float: left; color: #660000; }
	.footer ul li a:link,
	.footer ul li a:visited					{ float: left; color: #660000; text-decoration: none; padding: 0px 6px; }
	.footer ul li a:hover					{ color: #b92f0d; }