/* styles for website screenshots used in "Web design" section */
.website-screenshot {
	float: right;
	margin: 5px;
	padding: 0;
	width: 170px; 
	height: 195px;
	background: transparent url(/pictures/bg/el-browser.png);
	text-align: center;
	overflow: hidden;
	}

.website-screenshot IMG {
	margin-top: 26px;
	}

.website-screenshot A {
	border: none;
	}


/* styles for UI screenshots used in "UI design" section */
.ui-screenshot {
	float: right;
	margin: 5px;
	padding: 0;
	width: 200px; 
	height: 154px;
	background: transparent url(/pictures/bg/el-monitor.png);
	text-align: center;
	overflow: hidden;
	}

.ui-screenshot IMG {
	margin: 10px 0 0 0;
	}

.ui-screenshot A {
	border: none;
	}

/* post-it styles used in "Logo and corporate design" section and (temp) Video section */
.postit-wide-screenshot {
	width: 220px; 
	background: transparent url(/pictures/bg/el-postit-wide.png);
	}

.postit-screenshot {
	width: 142px; 
	background: transparent url(/pictures/bg/el-postit-reg.png);
	}

.postit-screenshot, .postit-wide-screenshot, .screenshot {
	float: right;
	margin: 5px;
	padding: 0;
	height: 125px;
	text-align: center;
	overflow: hidden;
	}

.postit-screenshot IMG, .postit-wide-screenshot IMG {
	margin-top: 8px;
	}


/* illustration styles used in "Retouching" and "Logo and corporate design" sections */

.illustration {
	float: right;
	background: #FFFFFF;
	margin: 5px;
	padding: 10px;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	border: 1px solid #bebebe;
}

.illustration-full {
	float: left;
	background: #FFFFFF url(/pictures/gallery/sign-oley-white.gif) no-repeat bottom right;
	margin: 5px 0;
	padding: 30px;
	cursor: pointer;
	text-align: center;
	overflow: visible;
	border: 1px solid #bebebe;
}

.illustration DIV, .illustration-full DIV {
	border: 1px solid #bebebe;
}

.illustration IMG, .illustration-full IMG {
	display: block;
}

.postit-screenshot A, .postit-wide-screenshot A, .screenshot A , .illustration A{
	border: none;
	}

/* styles for thumbnail strips */
.website-strip	{
	margin: 0;
	padding: 0;
	height: 205px;
	overflow: hidden;
	}

.website-strip DIV {
	float: left;
	}


.ui-strip	{
	margin: 0;
	padding: 0;
	height: 164px;
	overflow: hidden;
	}

.ui-strip DIV {
	float: left;
	}

.postit-strip	{
	margin: 0;
	padding: 0;
	height: 135px;
	overflow: hidden;
	}

.postit-strip DIV {
	float: left;
	}

.photo-strip	{
	margin: 0;
	padding: 0;
	height: 110px;
	overflow: hidden;
	}

.photo-strip DIV {
	float: left;
	}
	
.photo-strip-descr	{
	margin: 5px;
	padding: 0;
	height: 132px;
	overflow: hidden;
	}

.photo-strip-descr DIV {
	float: left;
	}


/* styles for photographic thumbnails */
.slide-square, .slides-square	{
	float: right; 
	margin: 5px;
	width: 100px; 
	cursor: pointer;
	}

.slide-square {
	background: transparent url(/pictures/bg/el-slide.png) no-repeat;
	}

.slides-square {
	background: transparent url(/pictures/bg/el-slides.png) no-repeat;
	}

.slide-square IMG, .slides-square IMG	{
	border: 1px solid #bebebe;
	}

.slide-square IMG.icon-horizontal	{
	margin: 20px 7px 22px 7px;
	width: 84px;
	height: 56px;
	}

.slide-square IMG.icon-vertical	{
	margin: 6px 21px 8px 21px;
	width: 56px;
	height: 84px;
	}
	
.slides-square IMG.icon-horizontal	{
	margin: 28px 19px 22px 7px;
	width: 72px;
	height: 48px;
	}

.slides-square IMG.icon-vertical	{
	margin: 18px 29px 8px 21px;
	width: 48px;
	height: 72px;
	}
	
.descr {
	margin: 0;
	padding: 0;
	width: 100px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	color: #6a6a6a;
	font-size: x-small;
}