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

ProHouse LKV Screen Stylesheet 

version:   1.0 
date:      15/04/2010 
author:    Mikko Vapaavuori 
email:     mikko.vapaavuori@gmail.com

website:   www.prohouselkv.com
-----------------------------------------------------------------------------*/

/* Remove padding and margin */ 
* { 
    margin: 0; 

    padding: 0; 
   

}

html {

z-index: 0; 
/*height: 100% !important;*/
overflow: scroll;

}

body { 
    font: 13px "Trebuchet MS", Arial, Helvetica; 
	background: #ffffff url(../images/bg_sky.jpg) top left repeat-x;
    color: #555555;
	text-align: center; 
}

a {
	font: 13px "Trebuchet MS", Arial, Helvetica; 
    color: #8c181b;
	text-transform: underline;
}

img.logo {
	width: 286px;
	height: 150px;
	margin-left: 9px;
	margin-top: 10px;
}


h2 {
	font: 30px "Trebuchet MS", Arial, Helvetica; 
    color: #8c181b;
	font-weight: normal;
}

p {
	font: 13px "Trebuchet MS", Arial, Helvetica; 
    color: #333333;
	font-weight: normal;
}
/* Wrapper 
-----------------------------------------------------------------------------*/
.pageWrapper {
	position: relative;
	width: 980px;
	margin: 0 auto;
}
/* Header 
-----------------------------------------------------------------------------*/
.pageHeader {
	position: relative;
	width: 980px;
	height: 162px;
	background: transparent url(../images/page_header.png) center top no-repeat;
	text-align: left;
	z-index: 1001;
}
/* Menu
-----------------------------------------------------------------------------*/
.pageMenu {
	position: relative;
	width: 980px;
	height: 50px;
	background: transparent url(../images/page_menu_bg.png) center top no-repeat;
	text-align: left;
	z-index: 1001;
}

.pageMenu ul {
	list-style: none;
    padding: 0;
    margin: 0;
    height: 40px;
    width: 960px;
	font: 18px  "Trebuchet MS", Arial, Helvetica; 
	color: #333333;
	margin-left: 10px;
	font-weight: normal;
}
.pageMenuLink{
   float: left;
   padding-left: 10px;
   padding-right: 10px;
   height: 40px;   
   line-height: 40px;
   text-align: center;
   font-family: Verdana, Arial, Helvetica;
   font-size: 12px;
   text-transform: uppercase;
   font-weight: bold;
   color: #333333;
   cursor: pointer;
}
.pageMenuLink:hover {
	background: transparent url(../images/page_menu_over_bg.png) left top repeat-x;
	color: #333333;
}
.pageMenuLine {
	float: left;
	height: 40px;
	width: 1px;
	padding: 0px;
    line-height: 40px;
    text-align: center;
	background: transparent url(../images/page_menu_line_1.png) center top no-repeat;
}
.pageMenuSelected {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	height: 40px;   
	line-height: 40px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	cursor: default;
	background: transparent url(../images/page_menu_selected_bg.png) left top repeat-x;
}
/* Content
-----------------------------------------------------------------------------*/
.pageContent {
	position: relative;
	width: 980px;
	background: transparent url(../images/page_bg.png) center top repeat-y;
	z-index: 1000;
}

/* Footer 
-----------------------------------------------------------------------------*/ 
.pageFooter {
	position: relative;
	width: 980px;
	height: 43px;
	background: transparent url(../images/page_footer.png) center top no-repeat;
	color: #ffffff;
	text-align: center;
	line-height: 37px;
	z-index: 1001;
}

.pageContentLeft {
	float: left;
	width: 650px;
	border: 0px solid #aaaaaa;
	margin-top: 10px;
	padding-left: 20px;
	text-align: left;
}

.pageContentRight {
	float: right;
	width: 270px;
	border: 0px solid #aaaaaa;
	margin-top: 10px;
	padding-right: 20px;
	text-align: left;
}

.contatEmployeePicture {
	float: left;
	width: 114px;
	height: 123px;
	border: 0px solid #cccccc;
	margin-left: 10px;
}
.contatEmployeeText {
	float: left;
	width: 475px;
	height: 140px;
	border: 0px solid #cccccc;
	margin-left: 10px;
	font-size: 16px;	
}
.imageFrame {
	border: 1px solid #bbbbbb;
	padding: 2px;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 0px;
	background: #eeeeee;
	width: 200px;
	height: 150px;
} 
.listTarget {
	position: relative;
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 650px;
	/*height: 170px;*/
	border-bottom: 1px dashed #bbbbbb;
	overflow: hidden;
}