html, body {
	/*height: 100%;*/
}
object {
	outline: none !important; /* for firefox */
}


body { 
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 11px;
}

h2 { 
	margin: 15px 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
}
h3 { 
	margin: 15px 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 100%;
}

p, ul, div.readMore {
	margin: 15px 0;
	line-height: 150%;
	color: #777;
	text-align: left !important;
}
ul { 
	padding-left: 15px;
}
li { 
	padding: 0;
	margin: 0;
	line-height: 150%;
	color: #777;
}

a { color: #777; text-decoration: underline; }
a:hover, a.hover, 
div.hover a.readMoreLink { color: #aaa; text-decoration: underline; }

.autoHeight {
	height: auto !important;
}

br.clear { 
	clear: both;
}



/* containers */

#allContainer {
	width: 100%;
	/*height: 100%;*/
	overflow: auto;
}


	#headerContainer {
		position: absolute;
		z-index: 100;
		left: 0;
		top: 0;
		width: 100%;
		height: 170px;
		overflow: auto;
		background-color: #fff;
	}
		#consol {
			display: none;
			float: right;
			width: 750px;
			height: 150px;
			overflow: scroll;
			color: #000;
		}
		#headerFlash {
			width: 80%;
			min-width: 520px;
			height: 150px;
		}
			ul#headerMenu {
				list-style-type: none;
				margin: 5px 0 0 15px;
				font-size: 12px;
				color: #ccc;
				visibility: hidden;
			}
				ul#headerMenu li {
					display: block;
					float: left;
					margin: 0 5px 0 0;
				}
					ul#headerMenu a { text-decoration: none; color: #ccc; }
					ul#headerMenu a:hover { text-decoration: underline; }
					ul#headerMenu li.selected a { color: #999 !important; }
		
		#langMenu {
			position: absolute;
			right: 15px;
			top: 5px;
			font-size: 12px;
			color: #ccc;
		}
			#langMenu a { 
				text-decoration: none;
				color: #ccc;
			}
			#langMenu a:hover { 
				text-decoration: underline;
			}
			#langMenu a.selected {
				color: #999 !important;
			}
			
			#langMenu a.lock {
				display: block;
				float: left;
				width: 11px;
				height: 13px;
				margin: -1px 15px 0 0;
				background: #fff url('/_content/layout/for-clients-link.gif') no-repeat 0% 0%;
			}
			#langMenu a.lock:hover {
				background-position: -11px 0%;
			}
				#langMenu a.lock span { display: none; }
	
	#contentContainer {
		position: relative;
		z-index: 10;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow-x: auto;
		overflow-y: hidden; /* ***  hidden */
	}
		#content {
			position: relative;
			/*left: 0;*/
			padding-top: 170px;
			/*height: 300px; *** */
		}
		

/* text */

.sectionText {
	padding-left: 52px;
}
	

		
		
/* projects list */

.projectsList {
	padding-left: 52px;
}
	.projectsList .project {
		position: relative;
		width: 250px;
		overflow-x: hidden;
		overflow-y: visible;
		float: left;
		margin-right: 24px;
	}
	.projectsList .projectWide { width: 524px !important; }
	
		.project .projectInside {
			position: relative;
			width: 524px;
			overflow-x: hidden;
			overflow-y: visible;
			float: left;
			margin-right: 24px;
		}
		.template-4 .project .projectInside { width: 100%; }
		.projectWide .projectInside { width: 90% !important; }
		
			.projectInside > * {
				margin-top: 0;
			}
		
			.projectInside .images {
				position: relative;
				width: 250px;
				margin-bottom: 15px;
			}
				.projectInside .images .image {
					display: block;
					position: relative;
					z-index: 999; 
					background-repeat: no-repeat;
					background-position: 50% 50%;
					border-radius: 12px;
					-moz-border-radius: 12px;
					-webkit-border-radius: 12px;
					cursor: pointer;
				}
				.template-4 .projectInside .images .image {
					/*border: 1px solid #000;*/ /* add a border in section WE */
					cursor: default;
				}
				
				.projectInside .images .imageStackIllusion1, .projectInside .images .imageStackIllusion2 {
					display: block;
					position: absolute;
					border-bottom-right-radius: 12px;
					-moz-border-radius-bottomright: 12px;
					-webkit-border-bottom-right-radius: 12px;
					border-width: 0 1px 1px 0;
					border-style: solid;
					border-color: #666;
				}
				.projectInside .images .imageStackIllusion1 { /* double: outer layer */
					top: 17px;
					left: 17px;
					z-index: 1;
				}
				.projectInside .images .imageStackIllusion2 { /* double: inner layer */
					top: 12px;
					left: 12px;
					z-index: 2;
				}
				.projectInside .images .imageLink { display: none; }
				
			.projectInside .intro {
				width: 250px;
				cursor: default;
			}
				.projectInside h3 {
					margin: -15px 0 0;
				}
				.projectInside .date {
					margin: 0 0 -15px;
				}
		
			.projectInside .remainder {
				display: none;
				float: right;
				width: 250px;
			}
				.projectInside .remainder > p {
					margin-top: 0;
				}
		
			.readMore { visibility: visible; }
			.readLess { visibility: hidden; }
		
			.projectOpened .readMore { visibility: hidden; }
			.projectOpened .readLess { visibility: visible; }
			.projectOpened .remainder { display: block !important; }
			
			
		#textBlock {
			/*height: 340px;
			overflow-x: hidden;
			overflow-y: auto;*/
		}
			#textBlock p, #textBlock ul {
				margin: 0;
				padding-bottom: 15px;
			}
			
			#textBlock .textReadMore {
			}
			
			#textBlock .textIntro { 
				
			}
			#textBlock .textRemainder { 
				display: none; 
			}
	
	
	
/* clients list */

.clientsList {
	padding-left: 52px;
}
	.clientsList .clientColumn {
		display: block;
		float: left;
		width: 100px;
		height: 330px;
		margin-right: 10px;
	}
		.clientsList .client {
			display: block;
			width: 100px;
			height: 100px;
			margin-bottom: 10px;
			border: none;
			outline: none !important;
			background-position: 50% 50%;
			background-repeat: no-repeat;
			text-decoration: none !important;
		}
			.clientsList a.client * { cursor: pointer; }
			.clientsList div.client * { cursor: default; }
			.clientsList .client strong { display: none; }
			.clientsList .client em {
				display: block;
				-moz-opacity: 0;
				-webkit-opacity: 0;
				opacity: 0;
				filter: alpha(opacity=0);
				width: 100px;
				height: 100px;
				margin: 0; padding: 0;
				background-color: #EDEDEE;
				border-radius: 12px;
				-moz-border-radius: 12px;
				-webkit-border-radius: 12px;
				font-style: normal;
			}
				.clientsList .client span {
					display: block;
					padding: 25px 7px 0 15px;
					color: #333;
				}
	
	
	
#clientsLogin {
	display: block;
	width: 206px;
	height: 201px;
	background: #fff url('/_content/layout/for-clients.gif') no-repeat 0px 0px;
}
#clientsLogin.unlocked {
	background-position: -206px 0px;
}
	#clientsLogin form {
		display: block;
		width: 120px;
	 	padding: 116px 0 0 20px;
	}
	#clientsLogin label {
		color: #666;
	}
	#clientsLogin input.text {
		display: block;
		width: 116px;
		margin: 0 0 8px;
		padding: 2px;
		background-color: #ccc;
		border: none;
	}
	#clientsLogin input.submit {
		display: block;
		float: right;
		padding: 2px;
		background-color: #fff;
		border: none;
	}