body {
	padding:0; 
	margin:0;
	font-family: Tahoma, Verdana, "Trebuchet MS";
	font-size: 10px;}

table {border-collapse:collapse}

a {color:#FF8C00; text-decoration:underline;}

a:hover {color:#666666; text-decoration:none;}


.other_language_links {
	padding: 2px 40px 3px 0px; /* these top/bottom paddings have to be maintained, so the flag is fully visible in all browsers */
	margin:0 0px 0 15px;
	text-decoration:none;
	color: #797979;}

.other_language_links:hover {
	color: #A0A0A0;}


#english_language_link {	
	background-image: url(../images/misc/british_flag_2.jpg);
	background-repeat: no-repeat;
	background-position: 75px 2px;}

#english_language_link:hover {	
	background-position: 74px 2px;}

#polish_language_link {	
	background-image: url(../images/misc/polish_flag.gif);
	background-repeat: no-repeat;
	background-position: 75px 2px;}

#polish_language_link:hover {	
	background-position: 74px 2px;}






#ss_main_container {
	width:860px;
	height:510px;
	margin:10px auto 0px auto;
	/*border:1px solid #DDE4E8;*/
	background-image: url(../images/backgrounds/6th_sense_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px;
	color: #646464;}

#ss_backlink_div {
	width:860px;
	margin:0px auto; /* left margin should be same as left position of #ss_content_div  and left of #ss_navbar_div */
	padding: 2px 0 0 0px;
	text-align:left}

#ss_backlink_div a {
	color:#B5B5B5;
	text-decoration:none;
	background-image: url(../images/misc/left_arrow.gif);
	background-repeat: no-repeat;
	background-position: 1px 3px;
	padding:0 0 0 13px;
	margin:0;}

#ss_backlink_div a:hover {
	color:#999999; 
	text-decoration:none;
	background-position: 0px 3px;}


#samuello_link_cell {
	width:860px;
	margin:0px auto; /* left margin should be same as left position of #ss_content_div  and left of #ss_navbar_div */
	padding: 2px 0px 0 0px;
	text-align:right;
	font-size:9px;
	letter-spacing: .1em;
}

#samuello_link_cell a {
	padding:0 0 0 0px;
	margin: 0 10px 0 0;
	text-decoration:none;
	color: #858585;
}

#samuello_link_cell a:hover {
	color:#999999; 
	text-decoration:none;
	background-position: 1px 3px;
	text-decoration:underline}


#ss_content_div {
	position:relative;
	width:665px;
	height:470px; /* to just above the top of the navbar */
	left:189px; 
	top:-20px; /* don't exactly understand why this needs to be negative, but probably because it's "relative," and it needs to be brought up . . . for sure up over the "english lang" link/flag */
	/*border:1px solid #DDE4E8;*/
	margin:0;
	padding:0;
	background-image: url(..//images/backgrounds/side_text_2.gif);
	background-repeat: no-repeat;
	background-position: right 20px;}

/* ----------------------------------------------------------------------------------------------------------- */


#ss_navbar_div {
	border-top:1px solid #B6B6B6;
	position:relative;
	width:660px;
	left:190px;
	top:482px;
	padding: 10px 0 0 0;
	text-align:center;}

#navbar_ul {
	margin: 0 0 0 10px;
	padding: 0px 0 0px 0;
	list-style-type: none;
	font-weight: bold;
	display:inline;}

#navbar_ul li {
	display: inline;
	margin: 0px 0 0 0;
	padding: 10px 0 0px 0;}

#navbar_ul a {
	margin: 0 0 0 6px;
	padding: 0 6px 0 0;
	text-decoration:none;
	color:#575757;
	border-right:1px solid #999999;}

#navbar_ul a:hover {color:gray;}

#navbar_ul li#active {
	/*background-image: url(../images/misc/navbar_arrow_indicator.gif);
	background-repeat: no-repeat;
	background-position: center top;
	
	this arrow indicator not working in safari, as if it matters, but still . . . 
	*/ 
	/* 	don't change this to change margin between links and top line, change 
		change #navbar_ul {padding: . . . . } and #navbar_ul li {padding: . . . .}	
	*/
	}

#navbar_ul li#active a {

	 color:#FF8C00;}


/*

#navbar_ul {
	border-bottom:1px solid #B6B6B6;
	margin: 0;
	padding: 0 0 7px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-type: none;
	font-weight: bold;}

#navbar_ul li {
	display: inline;
	margin: 0px 0 0 0;
	padding: 0 0 9px 0;
	}

#navbar_ul a {
	margin: 0 0 0 8px;
	padding: 0 8px 0 0;
	text-decoration:none;
	color:#838383;
	border-right:1px solid #999999;
 }

#navbar_ul a:hover {color:#333333;}

#navbar_ul li#active {
	background-image: url(../images/misc/navbar_arrow_indicator_up.gif);
	background-repeat: no-repeat;
	background-position: center bottom; 
	/* 	don't change this to change margin between links and top line, change 
		change #navbar_ul {padding: . . . . } and #navbar_ul li {padding: . . . .}
	
	 color:#FF8C00;}*/



/* ----------------------------------------------------------------------------------------------------------- */


#main_intro_page_flash { /* defines table on index.php which contains only the flash intro */
	width:100%; 
	margin:35px auto;}


#intro_movie_div {
	/*border:1px solid #DDE4E8;*/
	width:528px;
	height:371px;
	margin:10px 0 0 60px;
}


/* ----------------------------------------------------------------------------------------------------------- */


.main_page_inner_div { /* EXTREMELY IMPORTANT;  
							defines the height of the major content container; do NOT change without considering . . . 
							related to height of #ss_content_div */
	height:420px;
	border:1px solid white; /* ALSO EXTREMELY IMPORTANT; without this border, the navbar does not work on index.php in Opera, why I have no f******g idea */
	margin:0;}

.main_page_inner_div p { /* covers the basics for  all -- I think -- of the p text information; however, see variations below for various contexts */
	padding:0;
	margin:0; /* these padding/margins set here, but are changed in other contexts, below */
	font-weight:bold;
	font-size:11px; /* this size set here, but is changed in other contexts below */}


.main_page_title_inner_table { /* 	remember that, though most pages with this table have only one cell in one row, on "kim.php" there is the cell where the names appear in special divs. 
									Thus, this width here, along with widths in .page_title_cells and definitions in #kim_jestemy_names_cell, is important 
									
									*/
	margin:0; 
	width:660px;}

.main_page_title_inner_table td {}


.main_page_inner_table { /* this just the class for all the main tables, defined by id below*/ }

.main_page_inner_table td { vertical-align:top}


.page_title_cells { /* for, such as, "Wizja" and "Misja" top page titles*/
	font-weight:bold; 
	font-size:18px; 
	/*border:1px solid #DAE2EB;*/
	padding: 16px 0 10px 22px;
	width:250px; /* see related, in .main_page_title_inner_table and #kim_jestemy_names_cell*/}


h5 {
	font-size:13px; /* this styles orange title text at top of inner text pages; should be same as .list_title_text, which does list titles, in black; */
	color:#FF8C00; 
	padding:0; 
	margin:0 0 15px 0}

h4 { /* right now, used only for the names text at top of individual kim jestesmy pages */
	font-size:12px;
	color: #282828; 
	font-weight:bold;
	padding:0; 
	margin:0 0 8px 0;}

.large_dark_text { /* this styles the large darker text in various places, e.g. on wisja.php */
	font-size: 12px;
	color: #282828;
	font-weight:bold;}


.special_orange_text {color:#FF8C00}

.special_black_text {color:#282828}





#wisja_inner_table {width:78%; margin: 10px 0 0 23px}

#wisja_inner_table td {vertical-align:top}

#wisja_image {width:256px; height:331px;}

#wisja_image_cell {padding:10px 10px 0 0}

.large_orange_text_wisja { 
	font-size:13px; 
	color:#FF8C00; 
	padding:10px 0 6px 0px;
	font-weight:bold}


#wisja_right_text_cell {padding:28px 0 0 10px}

#wisja_right_text_cell p {	
	padding:0;
	margin:20px 0 6px 0;
	line-height:19px;}





#misja_inner_table {
	width:80%;
	margin: 20px 0 0 0;
	background-image: url(../images/backgrounds/misja.jpg);
	background-position: 15px 40px;
	background-repeat: no-repeat;}

#misja_inner_table td {}
	
#misja_inner_table p {}


.large_orange_text_misja { 
	font-size:13px; 
	color:#FF8C00; 
	padding:10px 0 6px 75px;
	font-weight:bold}


#misja_second_text_cell{padding: 16px 0 10px 215px; line-height:16px;}

#misja_middle_text_cell {padding: 10px 0 5px 260px}

#misja_bottom_text_cell {padding:15px 0 0 300px}

#misja_bottom_text_cell p {line-height:20px; margin-bottom:13px;}







#metoda_inner_table {width:76%; margin:0px auto}

#metoda_inner_table td {}

#metoda_image {width:327px; height:245px;}

#metoda_top_cell { /* for the main metoda page (as opposed to the inner pages, below, which have no bg image */
	height:315px;
	background-image: url(../images/backgrounds/metoda.jpg);
	background-repeat: no-repeat;
	background-position: 40px top;}

#metoda_top_cell_inner {/* for the inner metoda pages (as opposed to the main metoda page, which as the bg image */
	height:315px;
	text-align: justify;	}


#metoda_top_cell_inner p { 
	font-size:11px; 
	line-height:16px; 
	margin-bottom:8px;}

#metoda_top_cell_inner h5 {  /* 
			this top margin, to push text down on the inner metoda pages, whose text is too sort, and has too much space between bottom of text and top of 3 orange bottom buttons 
			top-padding in #metoda_top_cell_inner does NOT work, because in IE the padding is added to cell height, which pushes 3 orange buttons down			
			*/
	margin-top:40px;}

#analiza_potrzeb_cell {}

#praca_szkoleniowa_cell {padding-top:39px;}

#po_szkoleniu_cell {}




#kim_jestesmy_inner_table {width:96%; margin:0 0 0}

#kim_jestesmy_inner_table td {}

#group_of_three {width:271px; height:366px; border:none; margin-top:20px; margin-left:0px}

#group_of_three_cell {text-align:center}

#kim_jestemy_names_cell {
	padding: 20px 0 10px 55px; /* should/must be same as in #page_title_cells */
	
	/* see related, in .main_page_title_inner_table and .page_title_cells; in fact, the names in this cell are pushed to the left by width in .page_title_cells */
	font-size:15px; 
	color:#FF8C00;
	font-weight:bold;}

.individual_kim_image_text_cells {	
	vertical-align:top;
	padding-top:25px; 
	/*border:1px solid gray;*/}

#hanna_cell {
	background-image: url(../images/people/hanna.jpg);
	background-repeat: no-repeat;
	background-position: 45px 70px;}

#dorota_cell {
	background-image: url(../images/people/dorota.jpg);
	background-repeat: no-repeat;
	background-position: 35px 75px;}

#jowita_cell {
	background-image: url(../images/people/jowita.jpg);
	background-repeat: no-repeat;
	background-position: 40px 65px;}

#andrzej_cell {
	background-image: url(../images/people/andrzej.jpg);
	background-repeat: no-repeat;
	background-position: 5px 15px;}


#anna_cell {
	background-image: url(../images/people/anna.jpg);
	background-repeat: no-repeat;
	background-position: 30px 65px;}

.individual_kim_divs {
	width:440px; 
	margin:25px 0 8px 160px;
	padding:12px 14px 8px 14px;
	background-color:white; 
	border:1px solid #F8FAFA;
	-moz-opacity: 0.85;
    filter:alpha(opacity=85); /* IE's opacity*/
    opacity: 0.85; 
	text-align:justify}


.individual_kim_divs p {
	font-size:11px;
	line-height:16px;
	margin-bottom:9px;
	color: #444444;
}





/* below special szkolenia stuff */


#szkolenia_otwarte_inner_table {
	width:94%;
	margin:0px auto;
	/*background-image: url(../images/backgrounds/stick_man.jpg);
	background-repeat: no-repeat;
	background-position: 300px 110px;*/
}

#szkolenia_otwarte_inner_table_narrow {
	width:84%;
	margin:0px auto;}

#szkolenia_otwarte_inner_table_narrow td {}

.new_szkolenia_otwarte_link_divs {
	float:right; 
	margin-top:0px; 
	margin-right:34px}


#szkolenia_inner_table {
	width:90%;
	margin:0px auto; 
}

#szkolenia_inner_table td {}

#three_lamps_andrzej_cell {
	vertical-align:top;
	padding:0;	
	background-image: url(../images/people/three_lamps2.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}


.orange_button_cells { 
	/*border:1px solid yellow;*/
	padding:0px;
	vertical-align:top;
	text-align:center;
	height:60px}

#szkol_org_cell {padding-top:15px}
#szkol_zespol_cell {padding-top:30px} /* 	be careful with these paddings; 
											IE adds these pixels onto cell/table heights, whereas FF and Opera do not (which means the szkolenia tables are not 100% compatible 
											however, it works ok, if padding is not too much, and total height of cells/table is not so much that it pushes down into the navbar */
#szkol_osob_cell {padding-top:15px;}

#szkol_org_button {}
#szkol_zespol_button {}
#szkol_osob_button {}



.szkolenia_transparent_divs {	
	width:445px;
	margin: 115px auto 0 auto;
	padding:10px 20px 5px 20px;
	background-color:white; 
	
	/*border:1px solid green;*/

	font-size:12px;
	line-height: 21px;
	font-weight:bolder;
		
	height:170px; /* careful; this is related to overall table/cell heights in szkolenia tables/cells */
	/*border:1px solid #D7DDE1 ;*/
	-moz-opacity: 0.84;
    filter:alpha(opacity=84); /* IE's opacity*/
    opacity: 0.84;
	color:#4A4A4A;}

#org_div {display:none;}
#zespol_div {display:none;}
#osob_div {display:none;}

#otwarte_div {display:none;}


.szkolenia_top_cell {
	/*border:1px solid green;*/
	height:315px;
	vertical-align:top;
	padding-left:13px;
	padding-right:13px;
	text-align: justify;}

.szkolenia_top_cell p { 
	font-size:10px; 
	line-height:16px; 
	margin-bottom:8px;}

.special_szkolenia_otwarte_ul {
	padding:0;
	margin:9px 0 9px 0;
	list-style-type: none;
}

.special_szkolenia_otwarte_ul li {
	padding-left:7px;
	font-weight:bold;
	padding-bottom:8px;
	background-image: url(../images/misc/list_bullet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}

.special_szkolenia_otwarte_ul_indented {
	padding:0;
	margin:6px 16px;
	list-style-type: none;
}

.special_szkolenia_otwarte_ul_indented li {
	padding-left:7px;
	font-weight:bold;
	padding-bottom:8px;
	background-image: url(../images/misc/list_bullet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}

.darkened_text {color:#333333;}



#szkol_org_list_cell {
	background-image: url(../images/backgrounds/box_of_oranges.jpg);
	background-repeat: no-repeat;
	background-position: 280px 145px;}

#szkol_zespol_list_cell {
	background-image: url(../images/backgrounds/szkol_zespol_oranges_smaller.jpg);
	background-repeat: no-repeat;
	background-position: 230px 165px;}

#szkol_osob_list_cell {
	background-image: url(../images/backgrounds/szkol_osob_hands_smaller.jpg);
	background-repeat: no-repeat;
	background-position: 288px 120px;}

.list_title_text { /* this styles the list titles, esp. for szkolenia; should be same size as h5, which does inner titles, in orange */
	font-size: 12px;
	font-weight:bold;}


.list_links_ul {
	margin:20px 0 0px -13px; 			
			/* 
				this -13px left margin is to push ul to left, so that text is aligned with title text, but hover arrows appear 15px to the left; 
				must be same as padding left (now 13px) in .szkolenia_top_cell ;				
				must be same as .list_links padding left;
			*/

	padding:0 0  0 0px;}

.list_links_li {
	margin:0 0 8px 0;
	padding:0 0 0 0px;
	list-style-type: none;
}

.list_links {
	font-size: 11px;
	font-weight: bold;
	color: #FF8C00;
	text-decoration: none;
	padding: 0 0 0 13px; /* must be same as .list_links_ul margin left, and .szkolenia_top_cell padding left */
	margin: 0 0 0 0;
}

.list_links:hover {
	background-image: url(../images/misc/orange_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	color: #FF8C00;
	text-decoration:none
}


.back_buttons {border:none;}

.back_button_div { /* used on szkolenia pages */
	float:right; 
	margin:0; 
	padding:0;}

.back_button_div:hover {margin-right:1px;}


.back_button_div_2 {  /* used on kim individual pages */
	float:right; 
	margin:0 22px 0 0; 
	padding:0;}

.back_button_div_2:hover {margin-right:23px;}