/*
	LAYOUT
*/

html, body
{ 
	margin:0; 
	padding:0; 
	text-align:center;
	background-image:url(../i/body-bg.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#535250;
	font-size:11px; 
} 

div
{
	margin:0;
	padding:0;
	clear:left;
}

#pagewidth
{ 
	width:778px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	background-image:url(../i/body-container-bg.jpg);
	background-repeat:repeat-y;  
} 

 
#leftcol
{
	width:35%; 
	float:left; 
	position:relative;
}
 
#maincol
{ 
	float: right; 
	display:inline; 
	position: relative; 
	/* 'IE on the Mac hack' (string of frustrated obscenities here ######) \*/
	width:64.9%;
	width:65%;
	/* end hack */ 
}
 
#footer
{
	height:95px; 
	clear:both;
	background-image:url(../i/body-footer-bg.jpg);
	background-repeat:no-repeat;
	text-align:center;
	margin:0 0 -10px 0;
	/**margin:0;*/
	padding:0;
} 

#footer h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#b9a078;
	margin:0;
	padding:0;
	font-weight:normal;
}

#footer h1 a
{
	color:#b9a078;
	text-decoration:none;
}

#footer h1 a:hover
{
	color:#97815f;
}

#footer ul
{
	list-style-type:none;
	margin:0;
	padding:45px 0 10px 0;
}

#footer ul li
{
	display:inline;
	margin:0 5px 0 5px;
	padding:0;
}

#footer li a, #footer li a:visited
{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#9c8c72;
}

#footer li a:hover
{
	color:#6c6353;
}

#logo
{
	background-image:url(../i/psi-logo.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:40px 0 0 0;
	margin:0 0 0 -1px;
	display:block;
	height:190px;
	width:505px;
}

#logo h1
{
	display:none;
}

#logo h2
{
	padding:0;
	margin:0 0 0 10px;
}

#logo h3
{
	font-size:115%;
	font-weight:bold;
	line-height:18px;
	color:#42618D;
	margin:8px 0 0 0;
	padding:0 0 0 20px;
	display:block;
	width:225px;
}

#home_head {
	margin:45px 0 0 0;
	padding:0;	
}

#pic
{
	background-image:url(../i/body-pic-bottom.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	display:block;
	width:273px;
	height:243px;
	margin:0;
	padding:0 0 22px 0;
}

#content
{
	width:425px;
	margin:-20px 0 0 20px;
	line-height:20px;
}

#content ul
{
	margin:0;
	padding:5px 0 0 0;
}

#content ul li
{
	list-style-type:none;
	background-image:url(../i/tick.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	margin:0;
	padding:0 0 10px 20px;
}

#content ol li
{
}

#content ol .radio-list
{
margin-left:-30px;
margin-bottom:20px;
}

#content ol .radio-list input
{
margin-left:1px;
}


#content a
{
	color:#663300;
	text-decoration:underline;
}

#content #our-people-selector
{
float:left;
margin-top:10px;
}

#content #our-people-left
{
clear:none;
float:left;
}

#content #our-people-right
{
clear:none;
float:left;
margin-left:40px;
}

#content #our-people-left li
{
	padding:0 0 5px 20px;
}

#content #our-people-left a
{
	color:#535250;
}

#content #our-people-right li
{
	padding:0 0 5px 20px;
}

#content #our-people-right a
{
	color:#535250;
}


#content #our-people-content
{
float:left;
margin-top:10px;
padding-top:15px;
border-top:1px dashed #ccc;
}

#content #our-people-content img
{
float:left;
margin-right:10px;
border: 1px solid #ccc;
padding:10px;
}


#content h1
{
	font-size:120%;
}

#content h2
{
	font-size:120%;
}
 
.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}

/*
	TOP MENU
*/

#top-menu
{
	display:block;
	height:20px;
	text-align:right;
	margin:0;
	padding:0 48px 0 0;
	background-image:url(../i/body-pic-top.jpg);
	background-repeat:no-repeat;
}

#top-menu a
{
	padding:4px 10px 4px 10px;
	margin:0 -3px 0 1px;
	border-left:1px solid #bcb9aa;
	background-image:url(../i/menu-top-btn-off.jpg);
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:100%;
	color:#636051;		
}

#top-menu a:hover
{
	background-image:url(../i/menu-top-btn-on.jpg);
	color:#4f4b37;
}

#top-menu ul
{
	width:100%;
	margin:0;
	padding:4px 10px 2px 9px;
	list-style-type:none;
	text-align:right;
}

#top-menu ul li
{
	display:inline;
	list-style-type:none;
	/*background-image:url(../i/menu-top-bg.jpg);
	background-repeat:repeat;*/
	margin:0;
	padding:4px 0 2px 0;
}

/*
	LEFT MENU
*/

#left-menu
{
	padding:0 0 0 0;
	margin:0 0 0 26px;
	background-image:url(../i/menu-left-bg.jpg);
	background-repeat:repeat-y;
	background-position:left top;
}

#left-menu a, #left-menu a:visited
{
	color:#5f5c55;
	font-size:90%;
	text-decoration:none;
}

#left-menu a:hover
{
	color:#3a362c;
}

.click-menu
{
	width:245px;
	background-image:url(../i/menu-left-bottom.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0 0 55px 0;
}

.click-menu .box1
{
	height:32px;
	padding:0 0 0 35px;
    cursor: default;
    position: relative;
	background-image:url(../i/btn/arrow.gif);
	background-position:25px 3px;
	background-repeat:no-repeat;
}

.click-menu .box1-hover
{
	height:32px;
	padding:0 0 0 35px;
    cursor: default;
    position: relative;
	background-image:url(../i/btn/arrow.gif);
	background-position:27px 3px;
	background-repeat:no-repeat;
}

.click-menu .box1-open
{
	background-image:url(../i/menu-left-btn-open.jpg);
	background-repeat:no-repeat;
	background-position:0 2px;
	height:32px;
	padding:0 0 0 25px;
    cursor: default;
    position: relative;
}

.click-menu .box1-open-hover
{
	background-image:url(../i/menu-left-btn-open.jpg);
	background-repeat:no-repeat;	
	background-position:0 2px;
	height:32px;
	padding:0 0 0 25px;
    cursor: default;
    position: relative;
}

.click-menu .box1 img, .click-menu .box1-hover img, .click-menu .box1-open img, .click-menu .box1-open-hover img
{
    position: absolute;
}

.click-menu .section
{
	background-image:url(../i/menu-left-sub-bg.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0 0 32px 20px;
    display: none;
}

.click-menu .section a
{
    white-space: nowrap;
}

.click-menu .section a:hover
{
    white-space: nowrap;
}

.click-menu .box2
{
	padding:4px 0 4px 10px;
	background-image:url(../i/btn/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 8px;
}

.click-menu .box2-hover
{
	padding:4px 0 4px 10px;
	background-image:url(../i/btn/arrow.gif);
	background-repeat:no-repeat;
	background-position:2px 8px;
}

/*
	BUTTONS
*/

#left-menu span
{
	display:none;
}

#b-about-psi
{
	background-image:url(../i/btn/about-psi.gif);
	background-repeat:no-repeat;
	display:block;
	width:200px;
	height:20px;
}

#b-organisation-dev
{
	background-image:url(../i/btn/organisation-dev.gif);
	background-repeat:no-repeat;
	display:block;
	width:200px;
	height:20px;
}

#b-executive-serv
{
	background-image:url(../i/btn/executive-serv.gif);
	background-repeat:no-repeat;
	display:block;
	width:200px;
	height:20px;
}

#b-talent-man
{
	background-image:url(../i/btn/talent-man.gif);
	background-repeat:no-repeat;
	display:block;
	width:200px;
	height:20px;
}

#b-leadership-dev
{
	background-image:url(../i/btn/leadership-dev.gif);
	background-repeat:no-repeat;
	display:block;
	width:200px;
	height:20px;
}

#b-team-dev
{
	background-image:url(../i/btn/team-dev.gif);
	background-repeat:no-repeat;
	display:block;
	width:200px;
	height:20px;
}

#b-global-dev
{
	background-image:url(../i/btn/global-dev.gif);
	background-repeat:no-repeat;
	display:block;
	width:200px;
	height:20px;
}

#b-online-serv
{
	background-image:url(../i/btn/online-serv.gif);
	background-repeat:no-repeat;
	display:block;
	width:200px;
	height:20px;
}

/* ----------- contact form ------------- */

.cont_form {
	margin:0px 0px 0px 0px;
}

.cont_form label {
	float: left;
	clear: left;
	width: 90px;
	margin: 0 10px 15px 0;
	text-align:right;
}

.cont_form input {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 250px;
	/*color: #fff;
	background-color:#0466d1;*/
	background-color:#fff;
	border:1px solid #ccc;
	padding:3px;
}

.cont_form textarea {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 250px;
	height: 55px;
	margin: 0 0 12px 0;
	padding:3px;
	border:1px solid #ccc;
}

#submit {
	color:#000;
	width: 160px;
	background-color:#CFB383;
	border-top: 1px solid #eFd3a3;
	border-left: 1px solid #eFd3a3;
	border-right: 1px solid #8F7343;
	border-bottom: 1px solid #8F7343;
	cursor:pointer;
	margin-left:20px;
}

#tais-lang-list li img
{
float:left;
margin-right:10px;
border:0;
}

#flag
{
float:right;
}
/*
	PRINT
*/
.hlink {
	display: none;
}
.crf{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: left;
}