@charset "UTF-8";
/* CSS Document */

/* ####### Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */

* {
	margin:0;
	padding:0;
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	line-height: 16px;
}

body.gitps {
	background-image: url(layout_images/page_bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	}

img {
	border: 0px;
	}

/* must declare 0 margins on everything, also for main layout components use padding,
not  vertical margins (top and bottom) to add spacing, else those margins get added to
total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser
*/

html, body, #gitps_wrap {
	height: 100%;
	min-height: 100% !important;
	*width: 980px;
	}

body > #gitps_wrap {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	height: auto;
	min-height: 100% !important;
	text-align: left;
	background-image: url(layout_images/wrap_bg.gif);
	background-repeat: repeat-y;
	}

#gitps_main {
	padding-bottom: 58px; /* same height as footer height - padding and border values included! */
	text-align: left;
	*background-image: url(layout_images/wrap_bg.gif); /* BG IMAGE FOR IE7!  */
	*background-repeat: repeat-y;
	} 

/* *** CLEARFIX *** */

.gitps_clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.gitps_clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .gitps_clearfix {
	height: 1%;
}

.gitps_clearfix {
	display: block;
}
/* End hide from IE-mac */

/* ############################################################### */


/* DIV HEADER */

div.gitps_header {
	width: 980px;
	height: 247px;
	line-height: 0px;
	z-index: 0;
	}

div.gitps_header .header-flash, 
div.gitps_header #header-flash2 {
	line-height: 0px;
	z-index: 1;
	}

div.gitps_header .header-flash {
	width: 980px;
	height: 204px;
	}

div.gitps_header #header-flash2 {
	width: 980px;
	height: 43px;
	}

/* header btns */

div#btn-employee,
div#btn-employer,
div#btn-candidates {
	position: relative;
	z-index: 99;
	float: left;
	}

div#btn-employee {
	top: 0px;
	left: 20px;
	}

div#btn-employer {
	top: 0px;
	left: 150px;
	}
	
div#btn-candidates {
	top: 0px;
	left: 290px;
	}

	
/* DIV MAIN NAVIGATION */
	
	/* main navigation default */

div.gitps_nav1 {
	clear: both;
	background-image:url(layout_images/nav1_bg_default.jpg);
	width: 980px;
	height: 52px;
	text-align: center;
	}

div.gitps_nav1 ul {
	width: 980px;
	float: left;
	}

div.gitps_nav1 ul li {
	display: inline-block;
	list-style-type: none;
	clear: none;
	float: left;
	}

div.gitps_nav1 ul li a:link,
div.gitps_nav1 ul li a:visited {
	background-image:url(layout_images/nav1_bg_default.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	line-height: 50px;
	*line-height: 52px; /* for WIN IE 7 */
	color: #ffffff;
	padding: 18px;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0px;
	border-right: 1px solid #3CF;
	}

div.gitps_nav1 ul li a:hover {
	background-image:url(layout_images/nav1_bg_mouse-over.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	line-height: 50px;
	*line-height: 52px; /* for WIN IE 7 */
	color: #ffffff;
	padding: 18px;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0px;
	border-right: 1px solid #3CF;
	}
	
	/* Main navigation when selected */
	
div.gitps_nav1 ul li.selected {
	display: inline-block;
	list-style-type: none;
	clear: none;
	float: left;
	}

div.gitps_nav1 ul li.selected a:link,
div.gitps_nav1 ul li.selected a:visited {
	background-image:url(layout_images/nav1_bg_selected.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	line-height: 50px;
	*line-height: 52px; /* for WIN IE 7 */
	color: #ffffff;
	padding: 18px;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0px;
	border-right: 1px solid #3CF;
	}

div.gitps_nav1 ul li.selected a:hover {
	background-image:url(layout_images/nav1_bg_selected.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	line-height: 50px;
	*line-height: 52px; /* for WIN IE 7 */
	color: #ffffff;
	padding: 18px;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0px;
	border-right: 1px solid #3CF;
	}
	
	
/* DIV LEFT COLUMN */
	
div.gitps_left {
	width: 301px;
	float: left;
	padding-bottom: 20px;
	}
	
	/* recent jobs */

div.recent {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	}

div.recent div.title {}

div.recent div.h1 {
	visibility: hidden;
	height: 0px;
	line-height: 0px;
	*margin-bottom: -5px;
	}

div.recent #uutinen {
	width: 301px;
	border-bottom: 1px solid #999999;
	}

div.recent #uutinen .paiva {
	padding-left: 10px;
	padding-top: 5px;
	font-family: Verdana, Helvetica, Arial;
	color: #00a9d2;
	font-size: 8px;
	font-weight: bold;
	}
	
div.recent #uutinen h1,
div.recent #uutinen h6,
div.recent #uutinen .location {
	margin: 0px;
	padding: 0px;
	width: 281;
	padding-left: 10px;
	padding-bottom: 5px;
	}

div.recent #uutinen h1 a:link,
div.recent #uutinen h1 a:visited
	{
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #00a9d2;
	text-decoration: none;
	}

div.recent #uutinen h1 a:hover {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #00a9d2;
	text-decoration: underline;
	}

div.recent #uutinen h6 {
	font-size: 10px;
	line-height: 12px;
	color: #282828;
	display: none;
	}

div.recent #uutinen .location {
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	}

	/* hot jobs */

div.hot {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	}

div.hot div.title {}

div.hot div.h1 {
	visibility: hidden;
	height: 0px;
	line-height: 0px;
	*margin-bottom: -5px;
	}

div.hot #uutinen {
	width: 301px;
	border-bottom: 1px solid #999999;
	}

div.hot #uutinen .paiva {
	padding-left: 10px;
	padding-top: 5px;
	font-family: Verdana, Helvetica, Arial;
	color: #CC0000;
	font-size: 8px;
	font-weight: bold;
	}
	
div.hot #uutinen h1,
div.hot #uutinen h6,
div.hot #uutinen .location {
	margin: 0px;
	padding: 0px;
	width: 281;
	padding-left: 10px;
	padding-bottom: 5px;
	}

div.hot #uutinen h1 a:link,
div.hot #uutinen h1 a:visited
	{
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
	}

div.hot #uutinen h1 a:hover {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
	}

div.hot #uutinen h6 {
	font-size: 10px;
	line-height: 12px;
	color: #282828;
	display: none;
	}

div.hot #uutinen .location {
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	}

/* DIV RIGHT COLUMN (CONTENT) */

	/* div murut & functions */
	
div.murut {
	background-color: #f6f6f6;
	z-index: 900;
	position: relative;
	float: right;
	width: 668px;
	padding: 5px;
	text-align: right;
	}

div.murut img {
	margin-left: 2px;
	padding: 0px;
	}
	
	/* ### tekstialue ### */

div.gitps_text {
	float: left;
	width: 600px;
	margin-left: 50px;
	padding-bottom: 30px;
	}
	
h1,h2,h3,h4,h5,h6,p {
	margin: 10px;
	color: #282828;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	}

h1 {
	font-size: 20px;
	margin-top: 10px;
	}

h2 {
	font-size: 16px;
	margin-top: 16px;
	}

h3 {
	font-size: 12px;
	margin-top: 16px;
	font-weight: bold;
	}

h4 {
	font-size: 12px;
	margin-top: 16px;
	font-weight: bold;
	color: #cc0000;
	}

h6 {
	color: #09F;
	} /* uutisen ingressiteksti */
	
div.gitps_text a {
	color: #0099FF;
	text-decoration: underline;
	}

div.gitps_text a:hover {
	color: #0099FF;
	text-decoration: none;
	}
	
	/* ### tekstialueen uutisten ja jobs-elementtien tulostuminen ### */
	
div.gitps_text div.paiva {
	color:#0099FF;
	font-size: 10px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 0px;
	}

div.gitps_text div.location {
	color:#282828;
	font-size: 10px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 0px;
	}

div.gitps_text div.duration {
	color:#282828;
	font-size: 10px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 0px;
	}
	
	
/* DIV NEWS (HORIZONTAL) */

div.intronews {
	width: 980px;
	background-image: url(layout_images/news_bottom_bg.gif);
	background-repeat: repeat-y;
	display: inline-block;
	clear: both;
	text-align: center;
}

div.intronews #uutinen {
	*margin-left: 10px;
	*margin-right: 10px;
	float: left;
	padding: 10px;
	width: 225px;
	display: block;
	color: #ffffff;
}

div.intronews #uutinen .paiva {
	color: #00a9d2;
	font-size: 10px;
	height: 20px;
	padding-bottom: 5px;
	display: block;
	}

div.intronews #uutinen h1 {
	margin: 0px;
	padding: 0px;
	font-size: 12px
	line-height: 14px;
	display: block;
	}
	
div.intronews #uutinen h1 a:link,
div.intronews #uutinen h1 a:visited {
	color: #f2f2f2;
	text-decoration: none;
	}
	
div.intronews #uutinen h1 a:hover {
	color: #00a9d2;
	text-decoration: underline;
	}

div.intronews #uutinen h6 {
	color: #cccccc;
	font-size: 10px;
	}

/* FOOTER */

#gitps_footer {
	background-color: #09F; /* sininen */
	background-image: url(layout_images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	margin-top: -58px; /* negative value of footer height - must be the same as #main div padding-bottom height w/padding */
	height: 58px; /*same as #main div padding-bottom value!*/
	clear: both;
	text-align: center;
	}
	
#gitps_footer .content {
	/*background-color: #990;*/
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	}

#gitps_footer .content .text {
	width: 600px;
	float: left;
	color: #ffffff;
	font: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	}
#gitps_footer .content .text a:link,
#gitps_footer .content .text a:visited {
	font: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	text-decoration: underline;
	}
	
#gitps_footer .content .text a:hover {
	font: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
	}

#gitps_footer .content .images {
	width: 300px;
	float: right;
	}

#gitps_footer .content .images img {
	margin-left: 10px;
	float: right;
	}