/*
Tekniche IE 5.5 Stylesheet - Tom Parker/Richard Geddes - DUSZA - October 2008

/*-------------------------------------------------------------------------------------------------------OVERRIDES
*/

@import url("reset.css");

/*-------------------------------------------------------------------------LAYOUT*/

body {
	background:					#F1F3F6;
	font:						normal 62.5% Helvetica, Arial, sans-serif;
}

a.skip {
	display:					none;
}

/*-------------------------------------------------------------------------------------------------------FORMS*/

form, label, input, select, textarea, button {
	color:						#555;
	font:						1.2em Arial, sans-serif;
}

form {
	float:						left;
	width:						455px;
	margin:						0 10px 10px 0;
	font-size:					1.1em;
	background:					#F1F3F6;
	padding:					0 0 30px;
}

legend {
	text-indent:				-9999px;
}

div#content form p {
	float:						none;
	/*margin:						10px 0 5px 60px !important;*/
	margin:						10px 0 5px 20px !important;
	font-size:					1.4em;
}

div#content form p.error {
	color:						#CB0000;
	font-weight:				bold;
}

div#content form p.success {
	color:						#56B052;
	font-weight:				bold;
}

form ol li {
	list-style-type:			none;
}

label, input, select, textarea, span.warning {
	float:						left;
	width:						412px;
	padding:					5px;
	margin:						2px 0 2px 15px;
}

select {
	width:						424px;
	padding:					4px 5px;
}

label {
	background:					transparent;
	margin:						2px 15px 0;
}

label em {
	font-size:					0.8em;
}

em.warning {
	color:						#CB0000;
}

input, select, textarea {
	background:					#FFF !important;
	border:						1px solid #56B052;
}

input:focus, select:focus, textarea:focus {
	border:						1px solid #666;
}

textarea {
	overflow:					auto;
}

span.warning {
	margin:						-4px 0 2px 20px !important;
	padding:					0;
	color:						#CB0000;
	font-size:					1.2em;
}

label span.warning {
	margin:						2px 0 -6px !important;
	font-size:					1em;
}

button {
	font:						1.2em Arial, sans-serif;
	font-weight:				bold;
	color:						#419d3d;
	background:					#FFF url('../images/button_arrow.gif') right 6px no-repeat;
	border:						1px solid #56B052;
	padding:					4px 20px 4px 0;
	margin:						10px 0 0 15px;
	cursor:						pointer;
}

button:hover {
	background:					#FFF url('../images/button_arrow_hover.gif') right 6px no-repeat;
	color:						#666;
	border:						1px solid #666;
}

/*-------------------------------------------------------------------------WRAP*/

div#container {
	background:					#F1F3F6;
	width: 						100%;
	text-align: 				center;
	padding:					0 0 60px;
}

div#wrap {
	width:						796px;
	margin:						0 auto;
	text-align: 				left;
	background:					#F0F;
}

div#wrapper {
	float: 						left;
	background:					#FFF;
	width:						778px;
	overflow:					hidden; /* FIX IE */
	padding:					0 0 0 18px;
}

/*-------------------------------------------------------------------------HEADER*/

div#header {
	position:					relative;
	width:						760px;
}

div#header a.logo {
	float:						left;
	text-indent:				-9999px;
	background:					#FFF url('../images/tekniche.jpg') left top no-repeat;
	width:						235px;
	height:						50px;
	margin:						8px 0 8px 15px;
}

div#header p {
	float: 						left;
	font-size:					1.5em;
	font-weight:				bold;
	color:						#404041;
	margin:						33px 30px 0 20px;
	text-align:					left;
}

div#header p a {
	margin:						0 10px 0 0;
	text-decoration:			none;
	color:						#404041;	
}

div#header p a:hover {
	text-decoration:			underline;
}

ul#image_rotate {
	float:						left;
	clear:						both;
	width:						760px;
	height:						246px;
	overflow:					hidden;
}

div#header a#bifm {
	background:					url(../images/bifm.jpg) no-repeat 0 0;
	display:					block;
	width:						71px;
	height:						37px;
	float: 						left;
	text-indent:				-9999px;
	margin:						15px 10px 0 0;
}
div#header a#bag {
	background:					url(../images/bag.jpg) no-repeat 0 0;
	display:					block;
	width:						51px;
	height:						37px;
	float: 						left;
	text-indent:				-9999px;
	margin:						15px 10px 0 0;	
}
div#header #bifm:hover,
div#header #bag:hover {
	background-position:		0 -37px;
}


/*-------------------------------------------------------------------------NAV*/

ul#nav {
	float:						left;
	clear:						both;
	position:					relative;
	z-index:					999;
	width:						760px;
	margin:						10px 0 0;
	background:					#FFF url('../images/nav_repeat.gif') left top repeat-x;
}

ul#nav li {
	float:						left;
	display:					inline;
}

ul#nav li a {
	float:						left;
	font-size:					1.3em;
	color:						#555;
	text-decoration:			none;
	padding:					20px 14px 18px 15px;
	border-right:				1px solid #AAA;
	border-left:				1px solid #EDEDED;
}

ul#nav li a.nav_home {
	border-left:				1px solid #B3B5BB;
}

ul#nav li a:hover, 
ul#nav li.subnav:hover, 
body#home ul#nav li a.nav_home, 
body#for-clients ul#nav li a.nav_for-clients, 
body#for-candidates ul#nav li a.nav_for-candidates, 
body#jobs ul#nav li a.nav_jobs, 
body#latest-positions ul#nav li a.nav_latest-positions, 
body#contract ul#nav li a.nav_contract, 
body#permanent ul#nav li a.nav_permanent, 
body#news ul#nav li a.nav_news, 
body#links ul#nav li a.nav_links, 
body#testimonials ul#nav li a.nav_testimonials {
	background:					url('../images/nav_repeat_hover.gif') left top repeat-x;
}

ul#nav li.subnav a:hover, 
ul#nav li.subnav.active, 
ul#nav li.subnav.active a {
	background:					url('../images/nav_repeat_hover.gif') left top repeat-x !important;
}

ul#nav li.subnav ul {
	display:					none;
}

ul#nav li.subnav:hover ul, 
ul#nav li.subnav.active ul {
	display:					block;
}

ul#nav li.subnav ul {
	position:					absolute;
	top:						54px;
	left:						50%;
	float:						left;
	clear:						left;
	margin:						0 0 0 114px;
	background:					#B3B5BB;
	width:						204px;
	z-index:					9999;
}

ul#nav li.subnav ul li {
	float:						left;
	clear:						left;
	border-right:				0;
	border-bottom:				1px solid #999;
}

ul#nav li.subnav ul li a, 
ul#nav li.subnav.active ul li a {
	padding:					10px;
	width:						184px;
	text-align:					left;
	background:					transparent !important;
	border:						0;
	font-size:					1.1em;
}

ul#nav li.subnav ul li a:hover {
	color:						#000;
}

ul#subnav {
	float:						left;
	clear:						both;
	width:						760px;
	margin:						0 0 10px !important;
	background:					#B3B5BB;
	padding:					10px 0 0;
}

ul#subnav li {
	float:						left;
	list-style-type:			none !important;
	width:						760px;
}

ul#subnav li a {
	float:						left;
	padding:					0 0 8px 15px;
	color:						#555 !important;
	font-size:					1em;
	text-decoration:			none;
}

ul#subnav li a:hover {
	color:						#666;
}

ul#subnav li a.active {
	color:						#EEE;
}

div#wrapper a.testimonialLink {
	float:							left;
	width:						760px;
	text-align:					right;
	margin:						5px 18px 0 0;
	color:						#555;
	text-decoration:			none;
}

div#wrapper a.testimonialLink:hover {
	text-decoration:			underline;
}

/*-------------------------------------------------------------------------CONTENT*/

div#content {
	float:						left;
}

div#content div.column {
	float:						left;
	margin:						20px 0 0 20px !important;
	margin:						20px 0 0 10px; /* FIX IE */
	padding:					0 0 20px;
	width:						360px;
	z-index:					0;
}

div#content div.column.full {
	width:						720px;
	margin:						10px 0 0 20px !important;
}

body#contact div#content div.column.page {
	width:						455px;
	overflow:					hidden;
}

body#contact div#content div.column.small {
	float:						right;
	padding-right:				20px;
	width:						240px;
}

div#content div.column h1, div#content div.column h2, div#content div.column h3 {
	color:						#56B052;
	font-size:					1.5em;
}

div#content div.column h2, div#content div.column h3, div#content p.emph {
	font-size:					1.2em;
	color:						#555;
	font-weight:				bold;
	margin:						0 0 10px;
	line-height:				1.6em;
}

div#content div.column h3 {
	margin:						5px 0 10px;
}

div#content p {
	font-size:					1.2em;
	line-height:				1.4em;
	margin:						0 0 10px;
	color:						#555;
}

div#content div.item {
	float:						left !important;
	float:						none; /* FIX IE */
	margin:						22px 0 0;
	padding:					5px 20px 15px;
	border-bottom:				1px solid #DDD;
	width:						315px !important;
	width:						305px; /* FIX IE */
}

body#testimonials div#content div.item, 
body#latest-positions div#content div.item, 
body#search div#content div.item {
	width:						678px !important;
	width:						668px; /* FIX IE */
}

div#content div.column div.item.small {
	width:						310px !important;
	border-top:					1px solid #DDD;
}

div#content div.column a {
	color:						#56B052;
	text-decoration:			none;
}

div#content div.column a:hover {
	color:						#555;
}

div#content div.column div.item div.cloud, 
div#content div.column div.item div.cloud a {
	color:						#56B052;
	line-height:				0.9em;
}

div#content div.column div.item div.cloud a:hover {
	color:						#555;
}

div#content div.column div.item h3 {
}

div#content div.column div.item div.cloud {
	clear:						left;
	margin-top:					5px;
}

div#content div.column.small div.item {
	margin:						10px 0 0 10px;
}

div#content div.column div.item div.cloud a.size1 {
	font-size:					1.4em;
}

div#content div.column div.item div.cloud a.size2 {
	font-size:					1.8em;
}

div#content div.column div.item div.cloud a.size3 {
	font-size:					2.2em;
}

div#content div.column div.item div.cloud a.size4 {
	font-size:					2.6em;
}

div#content div.column div.item div.cloud a.size5 {
	font-size:					3em;
}

div#content div.column div.banner {
	float:						left;
	width:						170px;
	margin:						0 0 0 10px !important;
	margin:						0 0 0 6px; /* FIX IE */
	background:					#343536;
	color:						#FFF;
}

div#content div.column div.banner img {
	float:						left !important;
	float:						none; /* FIX IE */
}

div#content div.column div.banner a h4 {
	float:						left;
	width:						150px;
	padding:					5px;
	background:					#343536;
	margin:						-142px 5px !important;
	margin:						-142px 5px; /* FIX IE */
	font-size:					1.8em;
	color:						#FFF;
}

div#content div.column div.banner p {
	float:						left;
	margin:						5px 15px 0 5px;
	line-height:				1.4em;
	color:						#FFF;
}

div#content div.column div.banner span {
	float:						left;
	margin:						5px 15px 0 5px;
	line-height:				1.4em;
	color:						#FFF;
	font-size:					1.2em;
}

div#content div.column div.banner a {
}

div#content div.column div.banner a p.link {
	float:						left;
	color:						#555;
	width:						160px;
	font-size:					1.3em;
	margin:						8px 0 0;
	padding:					15px 5px;
	background:					#DDE0E6 url('../images/banner_green_arrow.gif') 145px center no-repeat;
}

div#content div.column div.banner a span.link {
	float:						left;
	color:						#555;
	width:						160px;
	font-size:					1.3em;
	margin:						8px 0 0;
	padding:					15px 5px;
	background:					#DDE0E6 url('../images/banner_green_arrow.gif') 145px center no-repeat;
}

div#content div.column div.banner a:hover p.link {
	background:					#DDE0E6 url('../images/banner_grey_arrow.gif') 145px center no-repeat;
}

div#content div.column div.banner a:hover span.link {
	background:					#DDE0E6 url('../images/banner_grey_arrow.gif') 145px center no-repeat;
}

div#content div.column img#full {
	position:					absolute;
	width:						350px;
	left:						50%;
	margin-left:				30px;
}

div#content div.column ul.thumbs {
	width:						360px;
	margin:						235px 0 10px 10px !important;
	margin:						235px 0 10px 20px; /* FIX IE */
}

div#content div.column ul.thumbs li {
	float:						left;
	margin:						0 10px 8px 0;
	list-style-type:			none;
}

div#content div.column a.page_download, div#content div.column a.page_video, div#content div.column a.contact_link {
	float:						left;
	clear:						both;
	width:						255px;
	margin:						0 0 10px 10px !important;
	margin:						0 0 10px 20px; /* FIX IE */
	padding:					20px 20px 20px 70px;
	color:						#555;
	font-size:					1.2em;
}

div#content div.column a.contact_link {
	background:					#DDE0E6 url('../images/banner_green_arrow.gif') 315px center no-repeat;
	padding:					10px 20px 10px 15px;
	width:						310px !important;
}

div#content div.column a.contact_link:hover {
	background:					#DDE0E6 url('../images/banner_grey_arrow.gif') 315px center no-repeat;
}

div#content div.column a.page_download:hover, div#content div.column a.page_video:hover {
	color:						#666;
}

div#content div.column a.page_video {
	background:					url('../images/video-icon.gif') left top no-repeat;
}

div#content div.column a.page_download.pdf {
	background:					url('../images/pdf-icon.gif') left top no-repeat;
}

div#content div.column a.page_download.word {
	background:					url('../images/word-icon.gif') left top no-repeat;
}

div#content div.column ul {
	font-size:					1.2em;
	margin:						0 0 10px 20px;
}

div#content div.column ul li {
	list-style-type:			disc;
}

div#content div.page ul.sitemap {
	background:					#F1F3F6;
	padding:					20px 0 20px 30px;
	margin:						0;
}

div#content div.page ul.sitemap li.nested ul li {
	list-style-type:			circle;
}

div#content div.column li.nested ul, div#content div.full li.nested ol {
	padding:					0;
	margin:						5px 15px;
	font-size:					1em;
}

/*-------------------------------------------------------------------------PAGINATION*/

h3.pagination a.active, h3.pagination a.show_all {
	color:						#666 !important;
}

h3.pagination a.show_all {
	float:						right;
}

h3.pagination a.next, h3.pagination a.previous {
	color:						#56B052 !important;
	float:						right;
	margin:						0 10px;
}

h3.pagination a.next:hover, h3.pagination a.previous:hover, h3.pagination a.show_all:hover {
	color:						#555 !important;
}

/*-------------------------------------------------------------------------CONTACT*/

div#content div.contact {
	float:						right;
	width:						250px;
	margin:						0 15px 20px 0 !important;
	margin:						0 8px 20px 0; /* FIX IE */
	background:					#F1F3F6;
	overflow:					hidden; /* FIX IE */
}
div#content div.contact div#map {
	width:						230px;
	height:						230px;
	margin:						10px 10px 0;
	background:					url('../images/location-map.jpg') no-repeat;
}
div#content div.contact h2 {
	margin:						10px 10px 5px;
}
div#content div.contact p {
	margin:						0 10px;
	color:						#555;
}
div#content div.contact dl {
	float:						left;
	margin:						10px 0;
}
div#content div.contact dt {
	float:						left;
	clear:						left;
	font-size:					1.1em;
	margin:						5px 0 0 10px !important;
	margin:						5px 0 0 5px; /* FIX IE */
}
div#content div.contact dd {
	float:						right;
	text-align: 				right;
	font-weight:				bold;
	font-size:					1.1em;
	margin:						5px 10px 0 0 !important;
	margin:						5px 5px 0 5px; /* FIX IE */
	width:						170px;
}
div#content div.contact a.email {
	font-weight:				bold;
	margin:						0 0 10px 2px;
}

/*-------------------------------------------------------------------------SEARCH*/

div.search {
	float:						left;
	width:						760px;
	background:					#F1F3F6;
	padding:					0 0 15px;
}

div.search form {
	border:						0;
	width:						760px;
	padding:					0;
	margin:						0;
}

div.search form legend {
	display:					none;
}

div.search form fieldset, div.search form ol, div.search form ol li, div.search form ol li label, 
div.search form ol li input, div.search form ol li select, div.search form button {
	float:						left;
}

div.search form fieldset {
}

div.search form h4 {
	float:						left;
	width:						746px;
	background:					#FFF url('../images/positions_repeat.gif') left top repeat-x;
	font-size:					1.4em;
	font-weight:				normal;
	color:						#2C2C2C;
	padding:					5px 0 4px 14px;
	margin:						0 0 15px;
}

div.search form ol li label {
	margin:						0 !important;
	display:					none;
}

div.search form ol li input, div.search form ol li select {
	width:						200px;
}

div.search form button {
	margin-top:					1px;
	width:						72px;
}

/*-------------------------------------------------------------------------TESTIMONIALS*/

div#testimonial {
	float:						left;
	width:						760px;
	background:					#F1F3F6;
	margin:						20px 0 0;
	overflow:hidden;
}

div#testimonial h4 {
	position:					relative;
	float:						left;
	width:						746px;
	background:					#FFF url('../images/positions_repeat.gif') left top repeat-x;
	font-size:					1.4em;
	font-weight:				normal;
	color:						#2C2C2C;
	padding:					5px 0 4px 14px;
}

div#testimonial a {
	text-decoration:			none;
	color:						#555;
}

div#testimonial a:hover {
	color:						#666;
}

div#testimonial h4 a {
	position:					absolute;
	right:						10px;
	font-size:					0.9em;
	margin:						0;
	padding:					0 22px 0 0;
	background:					url('../images/header_green_arrow.gif') right center no-repeat;
}

div#testimonial h4 a:hover {
	background:					url('../images/header_grey_arrow.gif') right center no-repeat;
}

div#testimonial blockquote, div#content div.column div.item.testimonial blockquote {
	float:						left;
	width:						716px !important;
	width:						710px; /* FIX IE */
	padding:					10px 10px 10px 33px;
	font-style:					italic;
}

div#content div.column div.item.testimonial blockquote {
	padding:					0;
	width:						auto !important;
}

div#testimonial blockquote span.start, div#content div.column div.item.testimonial blockquote span.start {
	position:					absolute;
	font-size:					4em;
	margin:						0 20px 0 -22px;
	padding:					10px 0 0;
	overflow:					hidden;
	width:						20px;
}

div#testimonial blockquote span.end, div#content div.column div.item.testimonial blockquote span.end {
	position:					absolute;
	font-size:					2em;
	margin:						2px 0 -10px 2px;
	overflow:hidden;
}

div#testimonial p.testimonial_credit, div#content div.column div.item.testimonial p.testimonial_credit {
	float:						right;
	margin:						-15px 15px 10px 0;
	font-size:					1.1em;
	font-weight:				bold;
}

div#content div.column div.item.testimonial p.testimonial_credit {
	width:						695px !important;
	width:						650px; /* FIX IE */
	text-align:					right;
	margin:						0;
}

/*-------------------------------------------------------------------------LATEST*/

div#latest {
	float:						left;
	width:						760px;
	background:					#F1F3F6;
	margin:						20px 0 0;
}

div#latest h4 {
	float:						left;
	width:						746px;
	background:					#FFF url('../images/positions_repeat.gif') left top repeat-x;
	font-size:					1.4em;
	font-weight:				normal;
	color:						#2C2C2C;
	padding:					5px 0 4px 14px;
}

div.position {
	float:						left;
	width:						253px;
}

div.position:hover {
	background:					#EDEDED;
}

div.position p a:hover {
	text-decoration:			none;
}

div.position h5 {
	margin:						10px 15px 0;
	font-size:					1.1em;
	color:						#484848;
}

div.position h5 a {
	color:						#484848;
	text-decoration:			none;
}

div.position p {
	margin:						5px 15px 0 !important;
	padding:					0 0 10px;
	font-size:					1em;
	color:						#7D7D7D;
}

div.position p a {
	float:						none;
	width:						50px;
	text-decoration:			none;
	color:						#484848;
}

div.position p a:hover {
	text-decoration:			underline;
}

/*-------------------------------------------------------------------------FOOTER*/

div#footer {
	float:						left;
	width:						760px;
	padding:					0 0 40px 0;
}

div#footer p {
	float:						left;
	font-size:					1em;
	color:						#404041;
	margin:						20px 0 5px 14px !important;
	margin:						20px 0 5px 7px; /* FIX IE */
}

div#footer p a {
	text-decoration:			none;
	color:						#404041;
}

div#footer p a:hover {
	text-decoration:			underline;
}

div#footer ul {
	float:						left;
	clear:						left;
	width:						100%;
	margin:						0 0 0 14px !important;
	margin:						0 0 0 7px; /* FIX IE */
}

div#footer ul li {
	float:						left;
	display:					inline;
	color:						#929395;
	padding:					0 5px;
	border-left:				1px solid #929395;
}

div#footer ul li a {
	text-decoration:			none;
	color:						#929395;
}

div#footer ul li a:hover {
	text-decoration:			underline;
}

/*-------------------------------------------------------------------------CREDIT*/

p.credit {
	width:						776px;
	clear:						both;
	text-align:					right;
	margin:						0 auto;
	padding:					20px 0;
}

p.credit, p.credit a {
	font-size:					1em;
	font-weight:				bold;
	color:						#A5A7A6;
	text-decoration:			none;
}

p.credit a:hover {
	color:						#666;
}

a#dusza {
	width:						88px;
	height:						40px;
	text-align:					left;
	text-indent:				-9999px;
	float:						right;
	margin-top:					5px;
	background:					url('../images/dusza.gif') left top no-repeat;
}

a#dusza:hover {
	background-position:		left -40px;
}